html, body {overflow:hidden; height:100%}
body {font:14px/1.5 '\5FAE\8F6F\96C5\9ED1', Arial,Helvetica,sans-serif; -ms-overflow-style:-ms-autohiding-scrollbar}
* {margin:0; padding:0}
#wrapper {overflow:auto; overflow-x:hidden; margin-left:220px; height:100%}
#main {margin:0 auto; width:640px}
h2, h3 {margin-bottom:1em; padding:.2em .4em; border-bottom:3px solid #CCF; background:#E91818; color:#fff}
h2 {display:inline-block}
blockquote {margin-bottom:1em}
.section, .sub-section, .groups {clear:both}
.section {overflow:hidden; margin:5em 0}
.sub-section {overflow:hidden; margin-bottom:3em}
.group {float:left; margin:0 7px; width:198px; height:85px; _display:inline}
.group span {float:left; margin:1px; width:60px; height:60px; text-align:center}
.group i {display:block; margin-top:60px; background:#fff; font-style:normal; font-family:"Lucida Console","Lucida Sans Typewriter",Monaco,"Bitstream Vera Sans Mono",monospace}
#panel {position:absolute; top:0; bottom:0; left:0; width:220px; height:100%; background:#111; color:#fff; text-shadow:0 1px 2px #000}
#header {text-align:center}
#header h1 {margin:.5em; font-size:18px}
#header h1 span {display:block; font-size:20px}
#header address {clear:both; margin-bottom:2em; color:#999}
#header a {color:#999}
#nav {position:absolute; top:140px; right:10px; bottom:10px; left:10px; overflow:auto; background:#222; _width:195px; _height:expression(this.parentNode.clientHeight - 155+"px")}
#nav h4{margin:.4em 1em 0; padding:.4em 0; border-bottom:1px solid #333; color:#aaa}
#nav a{margin:0 .4em; display:block; padding:.4em .6em; color:#f7f7f7; text-decoration:none}
#nav a:hover {background: #F15454; color:#fff}
::-webkit-scrollbar {width:7px}
::-webkit-scrollbar-track {background:rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,.3)}
#nav::-webkit-scrollbar-track {background:rgba(255,255,255,.1)}
#nav::-webkit-scrollbar-thumb {background:rgba(255,255,255,.3)}