body { background-color: whitesmoke; }
 body        { margin-top: 0pt; margin-left: 0pt; margin-right: 0pt; }
#body, #head { margin-top: 1em; margin-left: 1em; margin-right: 1em; }

#seal {
/*
	position: fixed;
turned off because it causes some problems:
1. 灰色的字会浮到顶栏上面去，见附件。
2. 还是顶栏的问题，例如点到这个anchor：http://www.openbanks.info/#abchina，“中国农业银行”的标题就被顶栏挡住看不到了。
*/
	width: 100%;
	top: 0px;
}
#seal div, #seal p {
	padding: 1ex;
	background-color: lightyellow;
	border: yellow thin outset;
}
#seal p {
	margin-top: 0pt;
}
#seal div {
	float: right;
	width: 13em;
	text-align: center;
	font-size: small;
	-moz-border-radius: 0 0 1ex 1ex;
	border-radius: 0 0 1ex 1ex;
}
#head {
  width: 77%;
  background: url(caffeMiddle.png);
  color: white; padding-top: 1em; margin-left: 0.5%;
}
#head h1 {
  text-align: center; 
}
#head h1 span.comment {
  text-align: left;
  float: right;
  width: 19em;
  font-size: large;
}
#head ul {
  list-style: none;
  padding-bottom: 30px;
  padding-top: 6px;
  border-top: 1px solid #ffcc00;
  margin-top: 0px;
  text-align: center;
}
#head li {
  display: inline;
  margin: 0.5em;
}
#head li a:link, #head li a:visited{
  text-decoration: none;
}
:link {
    color: DarkOrange;
}
:visited {
    color: DarkGoldenRod;
}
em {
	font-style: normal;
	border-bottom: dotted;
}
.advertisement   { padding: 1%; }
.compatible, .incompatible, .betwixt {
	border: 2px groove #888888;
	margin-top: 0pt;
}
.incompatible {
	padding-left: 0em;
	list-style-position: inside;
}
.incompatible li {
	padding-left: 1em;
}
dd {
	margin-left: 5%;
	font-size: small;
}
dt {
	font-size: large;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 100%;
}
dd, dt {
	padding-left: 0.3em;
	padding-right: 0.3em;
}
ul {
  line-height: 1.5em;
}
.more {
	font-size: small;
}
span.comment {
	font-size: smaller;
	opacity: 0.5;
/*
	border-top: thin solid whitesmoke;
	border-bottom: thin solid whitesmoke;
*/
}
h3 {
	clear: right;
}
img {
  border-width: 0ex;
}
img.badge {
	float: right;
	width: 58px;
}

div.image {
    width: 400px;
    float: right;
    text-align: center;
    border-top: thin solid;
    border-bottom: thin solid;
    background-color: azure;
    padding-top: 0.5em;
}
div.image p.caption{
}
.banks h2, .shops h2, .payment-service h2, .advertisement h2 {
	text-align: center;
	font-size: larger;
    color: #888888;
}
.advertisement p {
	text-align: center;
}
.banks h3, .shops h3, .payment-service h3 {
	margin: 0pt;
	text-align: center;
	display: block;
    color: white; 
    line-height: 30px;
}
.banks h3 {
    background:url(caffeLeft.png);
}
.payment-service h3 {
    background:url(caffeMiddle.png);
}
.shops h3 {
    background:url(caffeRight.png) no-repeat right;
	 background-color: #655847;
}
.banks { width: 25%; float: left; padding: 0.5%
}
.shops { width: 25%; float: left; padding: 0.5%;}
.payment-service { width: 25%; float: left; padding: 0.5%;}
.banks .compatible, .banks .betwixt, .banks .incompatible {
  background-color: white;
  padding-top: 5px;
  padding-bottom: 10px;
}
.payment-service .compatible, .payment-service .betwixt, .payment-service .incompatible {
  background-color: white;
  padding-top: 5px;
  padding-bottom: 10px;
}
.shops .compatible, .shops .betwixt, .shops .incompatible {
  background-color: white;
  padding-top: 5px;
  padding-bottom: 10px;
}
#body {
  width: 77%;
  clear: both;
}
#body h1 {
  background-color:  #655847;
  color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  text-indent: 0.5em;
}
#catalogue {
    position: fixed;
    top: 40%;
    right: 1.5%;
	width: 20%;
	text-align: left;
	padding-bottom: 0.25em;
    font-size: 11pt;
    border: 1px outset #ffffff;
}
#catalogue ul {
	list-style: none;
    padding-left: 5pt;
    padding-right: 3pt;
    padding-top: 11pt;
    padding-bottom: 11pt;
    margin: 0em;
    background: #f0f0f0;
}
#catalogue li {
  line-height: 19pt;
}
#catalogue p {
	font-size: 10pt;
	font-weight: bold;
    color: #655847;
	text-align: right;
    margin: 0;
    padding: 6pt;
    background: LightGrey;
}
#catalogue blockquote a {
  color: #655847;
}
#catalogue  li a {
  color: gray;
}

.announcement {
	padding: 0.5em;
	margin-bottom: 1em;
	font-size: smaller;
	background-color: snow;
	border: ridge;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 77%;
}
.announcement span.comment {
	font-size: 100%;
}
.announcement span.comment:before { content: "("; }
.announcement span.comment:after { content: ")"; }