@charset "utf-8";/* DIVCSS5 - www.DIVCSS5.com */
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, p, th, td, form, input, select, textarea { margin:0; padding:0; font:14px/1.5 "\5B8B\4F53", Arial, Helvetica, sans-serif }
h1, h2, h3, h4 { font-weight:bold }
ol, ul, li { list-style: none }
img { border: 0; vertical-align:middle }
body { color:#2E2E2E; background:#FFF url(thinkcss-header-bg.gif) repeat-x 0 0; text-align:center; -webkit-text-size-adjust:none }
.c { clear:both; height:1px; width:100%; overflow:hidden; margin-top:-1px }
a { text-decoration:none }
a:link { color:0000FF; text-decoration:none }
a:hover { text-decoration:underline }
a:visited { color:#800080 }
.red, .red a, #nav a.red { color:#F00 }
.blue, .blue a { color:#1E51A2 }
.lf { float:left }
.rt { float:right }
.pt5 { padding-top:5px }
.ptd5 { padding:5px 0 }
.pt10 { padding-top:10px }
.pt20 { padding-top:20px }
.box, ul#Menu li { margin:0 auto; width:100%; overflow:hidden }
.w { width:990px; overflow:hidden; margin:0 auto }
#top { height:0; overflow:hidden }
#header { padding-top:12px; padding-bottom:9px; text-align:left }
#Search { float:left; background:url(thinkcss-so-bg.gif) no-repeat 36px 16px; width:362px; height:45px; position:relative }
#Search .input { position:absolute; height:22px; line-height:22px; left:41px; top:19px; width:230px; font-size:14px; color:#666; border:0; background:none }
#Search .bottom { position:absolute; height:29px; cursor:pointer; text-indent:-999px; right:0; top:16px; width:70px; background:none; border:0 }
h1#divcss5 { float:left; width:175px; height:60px; background:url(divcss5-logo-2012.gif) no-repeat 0 }
h1#divcss5 a { text-indent:-999px; display:block; width:100%; height:100% }
#nav { float:right; height:24px; padding-top:44px; font-size:14px; color:#999 }
#nav a { text-decoration:underline; color:#0000FF }
#main { background:url(thinkcss-main.gif) repeat-y 0 0 }
.main-top { height:5px; background:url(thinkcss-main.gif) no-repeat -990px 0 }
.main-bot { height:5px; background:url(thinkcss-main.gif) no-repeat right 0 }
#main-left { float:left; width:138px; text-align:left }
#main-right { float:right; width:841px; text-align:left }
.main-index { padding:0 11px 0 10px; overflow:hidden }
h2.home { height:24px; line-height:24px; color:#5A5A5A; text-indent:32px; background:url(thinkcss-left-li.gif) no-repeat 0 0 }
h2.home a { color:#5A5A5A; text-decoration:none }
ul#Menu { padding-top:1px; margin:6px auto; width:100%; background:url(left-line.gif) no-repeat 0 0 }
ul#Menu li { height:28px }
ul#Menu li a { width:100%; height:28px; text-indent:25px; font-size:14px; overflow:hidden; display:block; color:#5A5A5A; text-decoration:none; line-height:28px; background:url(thinkcss-left-li.gif) no-repeat 0 -52px }
ul#Menu li a:hover { background-position:0 -24px; color:#DD4B39 }
.i-v1 { float:left; width:408px; padding-left:10px; border-right:1px solid #F0F0F0; }
.i-v2 { float:right; width:402px; padding-right:10px }
.i-tit { width:100%; height:21px; line-height:21px; text-align:left; padding-bottom:5px; }
ul.index-li { width:100%; padding-bottom:5px; text-align:left; overflow:hidden }
ul.index-li li { float:left; height:24px; background:url(dols.gif) no-repeat 11px 12px; font-size:14px; line-height:24px; overflow:hidden; padding-left:22px; width:365px }
ul.index-li li a:link { color:0022AA; text-decoration:none }
ul.index-li li a:hover { text-decoration:underline }
ul.index-li li a:visited { color:#800080 }
.i-bot-bord { border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; margin-top:10px; padding-top:5px }
#main-right h2.title, #main-right h1.title { font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:28px; color:#000; text-indent:25px; background:url(ico-dol.gif) no-repeat 8px 5px }
#main-right h1.title { border-bottom:1px solid #CCC; background:url(ico-dol2.gif) no-repeat 8px 2px }
#main-right h2.title a, #main-right h1.title a { font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:28px; color:#000 }
ul.index, ul.index-new, ul.soft { width:100%; overflow:hidden }
ul.index li, ul.index-new li { float:left; width:32.5%; padding-left:0.7%; height:24px; line-height:24px; color:#000; font-size:1em; font-family:"\5FAE\8F6F\96C5\9ED1" }
ul.index-new li { width:49% }
#footer { border-top:1px solid #F0F0F0; text-align:right; padding:10px 0; color:666; font-size:12px; line-height:24px }
#footer p { font-size:12px }
#footer p u { color:#03F }
#footer a { color:#666666; text-decoration:none; font-size:12px }
#footer a:hover { text-decoration:underline }
.color666 { color:#666666; padding:5px 0 }
.color666 a { color:#666666; text-decoration:none }
ul.soft li { background-image: url(allsofts.gif); background-repeat:no-repeat; list-style-type:none; float:left; width:19.8%; height:26px; line-height:26px; padding-left:25px; overflow:hidden }
ul.soft li.w3c { background-position:0px -296px }
ul.soft li.IETester { background-position:0px -352px }
ul.soft li.dede { background-position:0 0 }
ul.soft li.php168 { background-position:0 -26px }
ul.soft li.qqs { background-position:0 -52px }
ul.soft li.firefox { background-position:0 -78px }
ul.soft li.FlashFXP { background-position:0 -104px }
ul.soft li.maxthon { background-position:0 -134px }
ul.soft li.dvbbs { background-position:0 -160px }
ul.soft li.dw { background-position:0px -186px }
ul.soft li.maxthon_plus { background-position:0px -216px }
ul.soft li.Discuz { background-position:0px -242px }
ul.soft li.Photoshop { background-position:0px -270px }
ul.soft li.ImageReady { background-position:0px -324px }
ul.soft li.powereasy { background-position:0px -376px }
ul.soft li.Ecshop { background-position:0px -402px }
ul.soft li.chrome { background-position:0px -432px }
ul.soft li.shopex { background-position:0px -456px }
ul.soft li.WordPress { background-position:0px -486px }
ul.soft li.phome { background-position:0px -510px }
.link { margin:0 auto; border:1px solid #F0F0F0; font-size:12px; text-align:left; line-height:28px; width:988px; overflow:hidden }
.link a { padding-left:10px; font-size:12px }