::-webkit-scrollbar{width:6px; overflow:hidden;}
::-webkit-scrollbar-button{ display:none;}
::-webkit-scrollbar-thumb{ background-color:#99a;}
::-webkit-scrollbar-thumb:hover{ background-color:#4792FF;}
html{overflow-y:scroll;}
body{ font:12px/180% Arial, "微软雅黑"; padding:0px; margin:0px; background-color:#fff; color:#444;}
a{ text-decoration:none; color:#0095ff; outline:none;}
a:hover{ text-decoration:underline;}
h1{ font-size:20px; margin:20px 0 15px 20px; color:#0095ff; font-weight: normal; height:24px; line-height:28px;}
ul,li{ margin:0px; padding:0px; list-style:none;}
dl,dt,dd{ margin:0px; padding:0px;}
dt{ font-size:150%;}
textarea{ border:1px solid #ccc; color:#777; box-shadow:0 0 5px #dde inset; resize:vertical; background-color:#F9F9F9; line-height:130%; font-size:12px; overflow-y:auto; overflow-x:hidden;}
input.text{ font-size:100%; color:#777; box-shadow:0 0 2px #eee inset; border:1px solid #ccc; background-color:#F9F9F9; text-indent:3px; height:22px; line-height:22px; padding:0px;}
textarea:focus,
input.text:focus{ outline:none; border-color:#888; color:#223;}
table{ border-collapse:collapse;}
td{ padding:0px;}
#header{padding: 20px 10px 0 16px;}
#header a{margin-left: 5px; padding: 2px 10px; font-size:14px; border-radius: 3px; vertical-align: sub; color: #fff; background-color:#FBBC05;}
#logo{
  background: url(/static/images/logo.svg) no-repeat 0;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  width: 120px;
  height: 40px;
  cursor: pointer;
}
#nav{ position:fixed; z-index:2; right:0px; top:20px; padding:10px; width: 210px;}
#navwrap a{ display:block; width:80px; height:60px; background-color: #ddd; float:left; margin:0 2px 2px 0; color:#333; padding:10px 10px 0 10px; text-decoration:none;}
#navwrap a:hover{ background:#0095ff !important; color: #fff !important;}

.fl{ float:left !important;}
.fr{ float:right !important;}
.btn{ background-image:url(/static/images/btn.png); text-decoration:none !important; height:28px; display:block; line-height:28px; *line-height:30px; overflow:hidden; cursor:pointer;color:#668; padding:0 8px; border:solid #ccc; border-width:1px 0px 1px 1px;}
.btn:hover{ background-position:0 -28px;}
.btn.blue{ background-position:0 -56px; padding:0 8px; border-color:#0044cc #0044cc #002a80; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  color:#fff;}
.btn.blue:hover{ background-position:0 -84px;}
.btn.blue:active{ background-position:0 -112px;}
.btn.dis,
.btn.blue.dis{ background:#eee; color:#bbb; border-color:#ddd; cursor:default;}
.btn.kok{ padding:0 5px;}
.btn.kok i{ display:block; width:7px; height:4px; background:url(/static/images/kok.png) no-repeat; margin-top:12px;}
.btn.last{ border-right-width:1px;}
.clear{ clear:both; overflow:hidden; height:1px; font-size:1px;}
i.new{background:url(/static/images/new.png) no-repeat; padding:3px 10px; position:relative; top:3px;}

.checkbox{ background:url(/static/images/checkbox.png) 0 6px no-repeat; display:inline-block; line-height:30px; padding-left:22px; cursor:pointer;}
.checkbox.selected{ background-position:0 -34px;}

#footer{ background-color:#f2f2f2; margin-top:100px; text-align:center;}
#footer a{ line-height:60px;}
#footer a,
#footer span{ margin-right:12px;}

#qq-group-list{ margin-top:5px !important;}
#qq-group-list dt{ line-height:30px; font-size:16px; }
#qq-group-list dd{ line-height:24px; color:#99a; border-bottom:dotted 1px #ddf; width:200px;}
#qq-group-list dd span{ display:inline-block; min-width:75px; color:#717171;}

#guestbook{ margin:30px 0 10px 20px; width:640px;}
#guestbook textarea{ width:340px; height:60px;  box-shadow:none; vertical-align:top;}
.guestbook-box{ margin-bottom:8px;}

.guestbook-box input{ box-shadow:none; vertical-align:middle; margin:0px; width:200px;}
#guestbook-submit{ height:26px; line-height:26px;}
#guestbook-vcode{ width:50px; text-indent:5px; position:relative; top:-10px;}
#guestbook-vcode-img{ width:50px; height:20px; vertical-align:middle; cursor:pointer;position:relative; top:-10px;}
#guestbook-status{margin-left:36px;}
#guestbook-status.error{color:#F00}
#guestbook-status.success{color:green}
#guestbook-posts{ margin:10px auto;}
#guestbook-posts img{width:24px; height:24px;}
#guestbook-posts dt{ margin:10px 0; font-size:125%; border-bottom:dotted #ddd 1px; line-height:30px;}
#guestbook-posts dd{ margin:5px 0;}
#guestbook-posts dd .name{ margin-right:5px; color:#0095ff;}
#guestbook-posts dd .time{ color:#bbb;}
xeditor iframe{height:80px !important;}

pre {
  display: inline-block;
  padding: 10px 50px 10px 15px;
  line-height: 20px;
  border-radius: 2px;
  margin: 5px 0;
  font-size: 0.7rem;
  color: #183691;
  background-color: #FDFAEB;
  border: 1px solid #FBF4D0;
  min-width: 560px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }
  pre .c_comment {
    color: #8e908c; }
  pre .c_htmltag {
    color: #0366d6;
    font-size: 0.9rem; }
  pre .c_htmlpropname {
    color: #795da3; }
  pre .c_htmlpropvalue {
    color: #183691; }
  pre .c_jsfunc {
    color: #909;
    font-weight: bold; }
  pre .c_jsstring {
    color: #0095FF; }
  pre .c_cssblock {
    font-size: 0.9rem;
    font-weight: bold; }
  pre .c_csspropname {
    color: #a00; }
  pre .c_csspropvalue {
    color: #0095FF; }