*{padding:0;margin:0}
html{background:url(bg.jpg)}
body{background:url(bg-foot.png) bottom center no-repeat;font:16px/1.428 'WenQuanYi Micro Hei','Microsoft YaHei','Droid Sans',sans-serif;color:#543;line-height:150%}
img{border:0;max-width:100%;height:auto}
#pgT{background:url(bg-top.png) top center no-repeat}
#page{max-width:873px;margin:0 auto;padding-top:72px}
.main,.side{float:left;padding:10px;box-sizing:border-box;width:68%}
.side img{max-width:100%}
.side{width:32%;float:right}
img.box{border:solid 1px #ccc;padding:4px}
.clear{clear:both}
#menu a{color:#666;text-decoration:none}
#menu{padding:3px 10px;border-bottom:dashed 1px #933;font-size:17px}
#foot{clear:both;padding:3px 10px;font-size:17px}

.pre{white-space:pre-line}
.pre b,.pre u{text-decoration:none;font-weight:normal;text-shadow:0 2px 0 #ffe,0 4px 0 rgba(0,0,0,.15);color:#654}
.pre i{font-family:'AR PL UKai CN',sans-serif;font-style:normal;color:#987}

.fr{float:right}
.fl{float:left}
.clear{clear:both}
.ac{text-align:center}
.nr{white-space:nowrap}

h1,h2,h3{font-size:24px;line-height:120%;font-weight:normal;text-shadow:0 2px 0 #ffe,0 4px 0 rgba(0,0,0,.15)}
h1{color:#765}
h2{font-family:'AR PL UKai CN',sans-serif;color:#080}
h3{color:#765}
h1,h2,h3,p{margin-bottom:15px}
a{color:#853;text-decoration:none}
.red{color:#c44}
.green{color:#188}
.grey{color:#a98}
.hide{display:none}

table{border:solid 1px #ddd;-webkit-border-radius:3px;border-radius:3px}
td{padding:2px;border-bottom:solid 1px #ddd}

.navi{font-size:18px;line-height:120%}
.font{float:right;color:#090}
.font a{color:#987}

@media(max-width:700px){
.main{width:auto;float:none}
.side{width:auto;float:none}
}