.lighter{background:#eee;color:#000;font-family:monospace;font-size:13px;margin:10px 10px 20px 0;padding:10px;overflow:auto}
.lighter b{color:#069}
.lighter i{color:#018AD3;font-style:normal}
.lighter s{color:#FF7F00;text-decoration:none}
.icon_box{height:28px;line-height:3px;margin:0 3px;position:relative;width:30px}
.icon_b1{border-top:2px solid #ccc;font-size:1px;margin:4px 3px 0}
.icon_b2{border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-size:1px;height:1px;margin:1px 3px}
.icon_b3{border-top:1px solid #ccc;font-size:1px;height:1px;margin:1px 3px 0}
.text2{color:#ccc;font-size:20px;left:115px;position:relative;top:26px}
.text3{color:#ccc;font-size:10px;font-weight:700;left:119px;position:relative;top:20px}
.me1{display:block}


#wrapper{margin:0 auto;position:relative;max-width:1280px}
#logo{float:left;height:85px;width:70px}
#logo h1{font-size:36px;font-weight:700;left:0;position:absolute;top:7px;margin:0;padding:0}
#logo a:link,#logo a:visited{font-size:36px;font-weight:700;left:0;position:absolute;top:20px;color:#ccc;text-decoration:none}
#logo a:hover{color:#666}
.na1 a:link,.na1 a:visited{position:absolute;right:0px;top:14px;text-decoration:none;color:#999;background:none}
.me1{position:absolute;right:0;top:36px;text-align:left}
.me2{float:left;display:block;position:relative;width:100%;margin:0 0 50px 0}
.on a:link,.on a:visited,.on a:hover{background:#666;color:#fff;padding:5px 8px;font-weight:700}
.he1 a:link,.he1 a:visited{color:#555;display:block;font-size:20px;font-weight:100;line-height:20px;padding:13px 0;text-decoration:none}
.he1 a:hover{color:#000}
.he1 h2{padding:0}
html,body{width:100%;height:100%}
body{margin:0;padding:0;font-family:Arial,sans-serif;font-size:16px}
header,footer,aside,nav,article{display:block}
time{color:#999;font-size:11px;left:4px;position:absolute;top:17px}
section{float:left;width:100%;padding:0 0 30px 0}
article{border-top:1px dotted #ccc;clear:both;display:block;margin:0;padding:0 63px 0 70px;position:relative}

footer{margin:0 auto;position:relative;max-width:1280px}
a:link,a:visited{color:#3681AA;text-decoration:underline}
a:hover{color:#333:text-decoration:none}
h1{color:#333;font-size:32px;line-height:26px;padding:0;position:relative;margin:16px 0}
h2{color:#444;font-size:16px;line-height:20px;margin:0;padding:5px 0 2px}
ul{list-style:circle;}
li{margin:0;padding:6px 0 0 0;}
nav ul{padding:0;font-weight:100;margin:0 auto;position:relative;z-index:10}
nav li{margin:0;padding:0 2px 0;display:inline}
nav a:link,nav a:visited{color:#333;padding:6px 10px;text-decoration:none;background:#eee}
nav a:hover{color:#000;text-decoration:underline}
pre{white-space: pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}


@media (max-width:1280px){
#wrapper,footer{width:98%}
}
@media (max-width:800px){
#logo{height:40px}
.he1 h1{margin:40px 0 0 0}
time{display:block;color:#999;font-size:12px;position:relative;margin:0 0 5px;left:0}
article{padding:0}
.me1{position:relative;float:left;width:100%;display:none;top:0}
.me1 ul{width:100%;display:block;float:left}
.me1 li{margin:0;padding:0;width:100%;display:block}
.me1 a:link,.me1 a:visited{font-size:18px;display:block;color:#333;padding:12px 10px;margin:0 0 3px}
.me1 a:hover{color:#3681AA;text-decoration:underline}
.me2 li{float:left;margin:0 0 28px}
.me2 a:link,.me2 a:visited{font-size:16px;padding:12px 16px;margin:0}
.me2 a:hover{color:#3681AA}
.box h1{display:block;margin:20px 0 0}
section{margin:50px 0 30px;padding:0}
}