@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, p, blockquote, pre, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:100; font-size:100%; }
strong { font-weight: 700; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
img { border:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; margin:0; padding:0; }
em, i { font-style:normal; }
input, textarea { font-size: 12px; font-family: Arial; margin: 0; padding: 0; }
.clearfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.clearfix { display:block; }
.clear, cl { clear:both; }
body { font: 12px/1 Arial; color: #333; background: #FFF url(../../../images/tpzj/so/h.png) repeat-x 0 -30px; }
.fs { width: 900px; margin: 0 auto; clear: both; }
.fl { float: left; }
.fr { float: right; }
.fsf { width: 960px; margin: 0 auto;}
.m { text-align: center; }
a { color: #03C; text-decoration: none; }
a:hover { color: #C30; text-decoration: underline; }
#head { }
#main { clear: both; }
#heads, #mains { min-width: 980px;}
#foot { clear: both; line-height: 20px; padding: 50px 0 20px; }
#foot a, a:visited { text-decoration: none;color: #000;}
#foot a:hover { text-decoration: underline;color:#f00;}
#logo { width: 360px; margin: 120px auto 0; height: 140px; background: url(../../../images/tpzj/so/logo_i.png) no-repeat 0 0; }
#heada { border-bottom: 3px solid #CEDCE6; }
#logoa { width: 360px; margin: 0 auto; height: 140px; background: url(../../../images/tpzj/so/logo_a.png) no-repeat 0 0; }
#heads { height: 80px; }
#logos { float: left; display: inline; width: 180px; margin: 0 auto; height: 70px; background: url(../../../images/tpzj/so/logo_s.png) no-repeat 0 0; }
#so { margin-left: 180px; }
#foots { clear: both; line-height: 20px; padding: 15px 0; }
#foots a, a:visited { text-decoration: none;color: #000;}
#foots a:hover { text-decoration: underline;color:#f00;}
#so p { }
.sot { float: left; width: 450px; padding: 3px 1px 0; height: 22px; line-height: 22px; border: 1px solid #79B; background: #FFF; }
.sobg { float: left; height: 23px; line-height: 23px; width:80px; padding:1px; margin: 0 5px; border:1px solid #296EA3; background:#FFF; }
.sob { width: 80px; height:23px; border: none; background: url(../../../images/tpzj/so/h.png) repeat-x 0 0; font-size: 14px; font-weight:700; cursor:pointer; }
.soa { line-height: 27px; }
.soc { clear: both; margin: 5px 0 0; }
.soc label { line-height: 25px; }
.so_tags { width:600px; margin-top:30px; }
.so_tags dt, .so_tags dd { float:left; width:60px; line-height: 15px; margin-bottom: 8px; _margin-bottom: 15px; }
.so_tags dd { width:540px; overflow:hidden; }
.so_tags dd a { float:left; line-height:15px; height:15px; margin:0 5px 8px 0; word-break:keep-all; overflow:hidden; }
.so_tags dd.hot { height:63px; overflow:hidden }
#advanced { width: 900px; }
#advanced p { padding: 15px 10px; border-bottom: 1px dotted #CCC; }
#advanced .not { display: block; margin: 10px 0 0 70px; padding: 0; }
#advanced .hint { margin: 0 0 0 10px; }
#advanced .hint strong { font-weight: 700; }
#advanced .sote { width: 300px; padding: 2px 1px; }
#advanced .sose { width: 308px; }
#advanced label { font-size: 12px; }
#advanced .sol { float: left; display: inline; width: 70px; margin: 0; padding: 0; line-height: 25px; font-weight: 700; overflow: hidden; }
#advanced .sobg { margin: 10px 0 0 80px; }
#advanced .rightinput { _margin-left: -3px; }
.fsl { width: 99%; margin: 0 auto; }
#heads #so { float: left; display: inline; margin: 20px 0 0 20px; }
#filterbanner { height: 30px; padding: 0 10px; background: #E6F1FC; border-top: 1px solid #A1C9ED; overflow: hidden; }
#filterbanner .fr { line-height: 30px; }
#filterbanner select { float: left; display: inline; margin: 4px 5px 0 0; font-size: 12px; }
#filterbanner p { line-height: 30px;}
.nav { float: left; display: inline; margin: 0 0 0 5px; }
.currentColor{ float: left; padding: 0 0 0 18px; height: 30px; background: url(../../../images/tpzj/so/ico.png) no-repeat 0 -44px; }
.nav span { display: block; position: relative; cursor: pointer; padding: 0 5px; width: 80px; height: 30px; line-height: 30px; }
.nav .normal { background: none; }
.nav .active {  }
.colorlist { background:#FFF; margin: 0; padding: 0; border:1px #99c9e3 solid; width: 360px; display:none; position: absolute; top: 0; }
ul.list { padding: 3px; float: left; display: block; }
ul.list li { float: left; display: inline; margin: 1px;}
ul.list li a {display: block; padding: 3px; cursor: pointer;}
ul.list li a:hover, ul.list li a.hover{ border: 3px solid #CCC; padding: 0;}
ul.list li a span { display: block; width: 16px; height: 16px; border: 1px solid #666;}
ul.list li a:hover span { border-color: #FFF;}
.bg_all {background: url(../../../images/tpzj/so/ico.png) no-repeat 1px -49px;}
.bg_00f { background:#003399; }
.bg_f00 { background:#cc0000; }
.bg_f90 { background:#ff6600; }
.bg_ff0 { background:#ffff00; }
.bg_0f0 { background:#009900; }
.bg_0cc { background:#00ffff; }
.bg_f0f { background:#660099; }
.bg_f69 { background:#ff99cc; }
.bg_930 { background:#993300; }
.bg_000 { background:#000000; }
.bg_fff { background:#ffffff; }
.bg_666 { background:#666666; }

.bgs { display: inline-block; height: 14px; width: 14px; border: 1px solid #000; overflow: hidden; }
.bgx { display: inline-block; height: 16px; width: 16px; background: url(../../../images/tpzj/so/x.png) no-repeat 0 0; }
.bg_1 { background-position: 0 3px; }
.bg_2 { background-position: 0 -38px; }
.bg_3 { background-position: 0 -78px; }
.bg_4 { background-position: 0 -118px; }
.bg_5 { background-position: 0 -158px; }
.bg_6 { background-position: 0 -198px; }
.bg_7 { background-position: 0 -238px; }
.bg_8 { background-position: 0 -278px; }
#sidebar { float: right; width: 200px; }
#sidebarbg { }
#content { float:left; width:100%; margin-left: -200px; }
#contentbg { margin-left: 200px; }
.sbox { margin: 10px 0 0; border: 1px solid #D9EAFF; }
.sbox h3 { font-weight: 700; line-height: 23px; padding: 0 9px; background: #D9EAFF; color: #036; border-bottom: 1px solid #B2D0EA; }
.sbox ul, .sbox .sos { margin: 9px; }
.sbox li { line-height: 25px; height: 25px; overflow: hidden; }
.sbox li span { background: url(../../../images/tpzj/so/ico.png) no-repeat 0 -20px; padding: 1px 2px; margin: 0 5px 0 0; font-size: 10px; color: #FFF; }
.sbox .sosl { display: block; line-height: 25px; background: #E9F5FF; padding: 0 5px; margin: 5px 0; }
.sost { width: 32px; }
.sosb { width: 60px; margin: 10px 0 0; line-height: 21px; font-weight: 700; }
.sbox li.li2, .sbox li.li4, .sbox li.li6, .sbox li.li8, .sbox li.li10 { background: #E9F5FF; }
.sos label { line-height: 30px; }
#pics {}
.picslist { }
.picslist li { float: left; display: inline; width: 185px; height: 200px; margin: 30px 5px 0; overflow: hidden; text-align: center; }
.picbox { width: 150px; height: 150px; margin: 0 auto 5px; }
.picbox a { display: block; width: 140px; height: 140px; border: 2px solid #FFF1C6; padding: 4px; }
.picbox a:hover { border-color: #FC6; }
.title { display: block; line-height: 19px; height: 19px; width: 100%; overflow: hidden; }
.title strong { font-weight: 100; color: #C30; }
a.fav { padding: 0 0 0 12px; margin: 0 0 0 5px; background: url(../../../images/tpzj/so/ico.png) no-repeat 0 0; text-indent: -9999px; }
#pg { clear: both; margin: 30px 0; text-align: center; }
#pg a, #pg span { line-height: 15px; border: 1px solid #CCDBE4; padding: 2px 6px; margin: 0 2px; }
#pg a:hover { background: #3666D4; border: 1px solid #2B55AF; color: #FFF; }
#pg span.pg_curr, #pg span.pg_break { border: none; background: none; }
#pg span.pg_curr { font-weight: 700; }
#so_meta { clear: both; margin: 15px 0; font-size: 14px; }
#so_meta dt, #so_meta dd { float: left; display: inline; width: 80px; }
#so_meta dt { font-weight: 700; }
#so_meta dd { width: 600px; }
#so_meta dd a { margin: 0 10px; word-break:keep-all; display: block; float: left; }
#so_meta dl { clear: both; padding: 20px; line-height: 20px; }
#so_navbar { background: #E6F1FC; zoom: 1; overflow: hidden; }
#so_foot { height: 60px; background: #E6F1FC; border-top: 1px solid #A1C9ED; border-bottom: 1px solid #A1C9ED; }
#so_foot form { width: 570px; margin: 20px auto; }

.note { margin: 30px 10px;font-size: 14px;}
.note p { line-height: 160%;}
.note ul { list-style-type: disc; margin: 0 0 0 15px;}
.note ul li { line-height: 21px;}

.boxnote { width: 920px; margin: 30px auto; padding: 20px; border: 1px solid #E3EFF8; }
.boxnote h3 { font-weight: 700; line-height: 25px; height: 25px; margin: 0 0 10px;}
.boxnote p { line-height: 160%;}
/* center */
.picbox a { display: table-cell; vertical-align: middle; text-align:center; *display: block;
*font-size: 120px;
}
.picbox a img { vertical-align:middle; }
.dpN{display:none;}
/*searchcode*/
h2.topt { height: 25px; line-height: 25px; padding: 0 10px; border-top: 1px solid #CEDCE6; background: #E5ECF9; font-size: 14px; font-weight: 700; overflow: hidden;}
h5.h5 { font-size: 14px; font-weight: 700; color: #666; line-height: 20px;}
.mt5 { margin-top: 5px;}
.usc { border-bottom: 1px dotted #CCC; padding-bottom: 20px; *zoom: 1; overflow: hidden;}
.usc li { clear: both; padding: 10px; padding-top: 30px;}
.uscl { float: left; display: inline; width: 110px;}
.uscr { float: left; display: inline; width: 770px;}
#preview iframe { }
.uscr p { line-height: 20px; margin-bottom: 5px;}
.uscr p a:hover { text-decoration: none;}
.scnote { margin-left: 120px;}
.scselect { width: 120px;}
.sclab { float: left; display: inline; width: 120px;}
.sctxt { width: 180px; height: 19px; border: 1px solid #CCC; border-top-color: #999;}
.iColorPicker { text-transform: uppercase;}
.scarea { font: 12px/1.3 Tahoma, Arial; border: 1px solid #CCC; border-top-color: #999;}
.scolor { width: 16px; height: 20px; margin-left: 5px; line-height: 20px; background: url(../../../images/tpzj/so/ico.png) no-repeat 0 -50px;}
.hide { display: none;}