/* CSS Document */

em{ float:right; font-style:normal; color:#83CDE1; font:10px Tahoma}
.h21 { color:#000; background:#F3F9FE; font-size:12px; padding:.4em 5px .2em .5em; margin:0 0 .5em; border-bottom:1px solid #ADCDDC; margin-right:1px}
a{text-decoration:none; color:#1F3A87}
a:hover{ text-decoration:underline}

.tar{ text-align:right}

.pic a img{ border:1px solid #ccc}
.pic a:hover img{ border:1px solid #000}
.gray,ol.gray a,ul.note li a{ color:#999999}
.green,ol.gray a:hover{ color:#2E8115}
.pink{ color:#D3138D}
.blue{ color:#1F3A87}
.orange{ color:#FF6600}
.smalltxt{ font:.8em Tahoma}
ul.note li a:hover{color:#1F3A87}
.fs12{ font-size:.83em;*font-size:.8em}
.fwn{ font-weight:normal}
.btb{ border-top:1px solid #9DC5E4}
.header{ background:#fff}
.header-wrap1 { float:left; width:950px; background:url(../images/headbg.gif) repeat-x 0 -20px }
.intro{margin:1em; border:1px solid #ccc; padding:.5em}

#guidebg { width:950px; padding:5px 0; float:right; background:url(../images/guidebg.gif) no-repeat; margin-top:.8em}

#guide {  float:left; padding:.0em .8em .2em}
#guide li { float:left; margin-right:.3em; margin-bottom:.5em}
#guide li a{  height:24px; font-size:14px; float:left; padding-left:.5em; font-weight:bold; color:#2058AC}
#guide li a span{ line-height:27px; float:left; padding:0 .5em 0 0; height:24px; white-space:nowrap;}
#guide li.active a,#guide li a:hover{ text-decoration:none;background:url(../images/guidetab.gif) left top no-repeat}
#guide li.active a span,#guide li a:hover span{background:url(../images/guidetab.gif) right top no-repeat; cursor:pointer }

#guide li.active a,#guide li.active a:hover{ text-decoration:none }

.topsearch{ width:80px; height:14px;line-height:12px; padding-top:2px; margin:0;*margin-top:-1px }
/*.area-1 { background:url(../images/area-1-mid.png)}*/
.area-1-top { background:url(../images/area-1-top.png) left top no-repeat ; padding-top:7px}
.area-1-bot { background:url(../images/area-1-bot.png) left bottom no-repeat; padding-bottom:12px}
.area-1-left .right h2 { margin-top:2px; padding:0 1em;background:url(../images/area-1-h2-bg.png) no-repeat; font:bold 14px/1.9em Tahoma; color:#FFF; margin-bottom:.5em; height:2.2em}
.area-1-left h3{text-align:left; margin:.5em 0 ; font:12px/2em Tahoma;  color:#333;}
.list { margin-bottom:.3em}
.list li{ padding: .1em .5em .6em 1.3em ; background:url(../images/dot.gif) .3em .3em no-repeat}
.area-1-right h3{ height:24px;padding-left:1em; font:bold 12px/2em Tahoma; background:url(../images/area1-left-h2.png);color:#1F3A87;}
.area-1-right .left h2{ font:bold 14px/1.2em Arial; padding:.4em .4em .6em .6em;}
.area-1-right .left .text{ padding:.2em .4em .6em .8em; text-indent:2em; line-height:150%; }
ul.note{ border-top:1px solid #D8F0BC; padding:.8em .3em 0 .5em}
ul.note li{ background:url(../images/dot1.png) .3em .2em no-repeat; padding:.1em .2em .3em 1.2em}
.notebg { background:#fff; padding:1em .6em .6em .8em; color:#333;border-bottom:1px solid #D8F0BC;}
.notebg p{ text-indent:2em;}
.more{ text-align:right; margin:.5em 0 ; color:#666;}
.enter{ margin-top:.2em;}
/*forum area*/
#forumtop th{ padding:.5em 0 .4em; border-top:1px solid #D8F0BC; border-bottom:1px solid #E0F0F9; font-weight:normal; background:#F9FEF5}
#forumtop .lb{ border-left:1px solid #E0F0F9}
#forumtop td{ vertical-align:top;}
#forumtop td ol{ margin-left:1em}
#forumtop td li{ padding:.2em .6em .2em 0;color:#D3138D; font-family:Tahoma; margin-left:2em; font-size:10px; text-indent:0}
#forumtop td li a{ font-size:11px}
.pic-show{ padding-left:2px}
dl.pic{ width:92px; float:left}
dl.pic div{ width:75px; margin:auto}
dl.pic dd,dl.pic dt { text-align:center; }
dl.pic dd {padding:.4em 0}
.diy{ margin: .5em auto .5em; width:180px; text-align:center}
/*area-2*/
.area-2 { background:url(../images/area-2-mid.png) left repeat-y}
.area-2-bot-m { background:url(../images/area-2-bot-m.png) left bottom no-repeat}
.area-2-bot { background:url(../images/area-2-bot.png) left bottom  no-repeat}
.box1 h2{ background:url(../images/area-2-h2-bg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}
.box2 h2,#thread h2{ background:#E9F6CA; height:25px; overflow:hidden;font:bold 14px/23px Verdana;padding:.1em .6em 0; border-top:1px solid #A2BA87; color:#2E8115}
div.pic{ width:75px;padding:.5em .5em .5em .7em}
.list1 { margin-top:1em}
.list1 li{padding:1em 2em 1em 1em;background:url(../images/dot.gif) 0 1em no-repeat}
.list1 li a{ color:#3366FF}
.area-2 .list { padding:1em .5em}
.area-2 .list li{ padding: .1em .5em .4em 1.6em ; }
#friends { margin:1em auto; width:948px; float:left; clear:left; background: url(../images/friendslink.png) .8em center no-repeat #F2F8FC; border:1px solid #9DC5E4}
.friends-link{ margin-left:3em;min-height:90px; -height:90px; background:#fff; padding:.5em 1em .5em 2.5em; word-break:keep-all; word-wrap:normal;}

/*area-3*/
.area-3 {  margin-top:1em }
.area-3-bot { padding:0 0 3em 0; margin:0 }
.area-3 .postion { background:none; border-top:1px solid #93BEE1}

.thread-t{ }
.thread-t h1{ font:14px/150% simsun; border-bottom:1px solid #ECF6FA; padding: 0 0 .2em .5em; margin:0 0 .2em 1em; text-align:left; color:#666; font-weight:700}
.thread-t-d{ margin:0; padding:0 0 0 1.5em; line-height:150%;}

.hits{ margin:0.8em 0 .8em .5em; padding-left:2.5em; background:url(../images/ph.png) 0 -2px no-repeat; }
.hits li { line-height:20px; padding-top:4px  }
.hits a { color:#3366FF;}

/*area-4*/
.area-4 { }
.area-4-bot { padding:0 0 3em 0; margin:0 }
.postion { font:12px/1em Simsun; padding: .6em .5em .4em; border-bottom:1px solid #eaeafa; background:#F3F9FE}

h1{ font:24px ΢ÈíÑźÚ,simhei; text-align:center; padding:.5em 0; color:#1F3A87 }
.dd{ color:#999; padding:.2em; text-align:center;}

.read-content .text { padding:2em 1.5em 2em 2em; line-height:1.5em; font:1.2em/1.5em Simsun; color:#333333 }
.read-content .text p{ padding-bottom:1em;}
.read-content .tags li,#read .tags{ display:inline; font-size:12px; margin-top:0 ; padding-top:0; }
.read-content .tags li a{ line-height:100%}
.read-content .list { margin-left:2em; width:60%}


.comment-entry{ float:left;margin:1em 0 0 0; padding:1em; background:url(../images/comment-entry-bg.png) repeat-y 1em 0}
.comment-content{ padding:0 2em 0 4em; width:419px; float:left;color:#333; background:url(../images/comment-entry-c.png) no-repeat .2em 0;color:#9a8}
.comment-username { width:100px; float:left;text-align:right; padding-top:.5em}

.post-comment-left input,.post-comment-left textarea { border:1px solid #EAEAFA;padding:2px; font-size:1em}
.post-comment-right input{ width:30%; height:1.5em}
.post-comment-right img { cursor:pointer}
.post-comment-left textarea { width:320px; height:120px; margin:1em 0 }


.note-content{ margin:2em 3em 0;}
.note-content h2{ padding:1em 1em .5em 3em; font:bold 1.2em Tahoma; background:url(../images/note.png) no-repeat left center }
.note-content .dd2 { color:#333; line-height:1.5em ; margin:.5em 0 .5em; padding:0 0 1em; border-bottom:1px solid #eef}

.search-result { margin:2em }
.search-result dl{ margin:0 0 1em; color:#333 }
.search-result dt{ font:bold 1.2em Tahoma; margin:0 0 .5em;}
.search-result dt a{text-decoration:none }
.search-result dd { padding:.2em 1em}

/*box710*/
.box710,.box710t,.box710b{ float:left; width:710px;}
.box710{ background:url(../images/w710m.gif) repeat-y; margin-bottom:.5em}
.box710t{ background:url(../images/w710t.gif) 0 0 no-repeat; padding:.5em 0}
.box710b{ background:url(../images/w710b.gif) 0 bottom no-repeat; min-height:50px;}

/*box950*/
.box950,.box950t,.box950b{ float:left; width:950px;}
.box950{ background:url(../images/w950m.gif) repeat-y; margin-bottom:.5em}
.box950t{ background:url(../images/w950t.gif) 0 0 no-repeat; padding:.5em 0}
.box950b{ background:url(../images/w950b.gif) 0 bottom no-repeat; min-height:50px;}

.themeimg{ width:220px; margin:.4em 0 0 1em; overflow:hidden}


/*box230*/
.box230,.box230t,.box230b{ float:left; width:230px;}
.box230{ background:url(../images/w230m.gif) repeat-y; margin-bottom:.7em}
.box230t{ background:url(../images/w230t.gif) 0 0 no-repeat; padding:.3em 0}
.box230b{ background:url(../images/w230b.gif) 0 bottom no-repeat; min-height:50px;}

#thread h3,.box230 h3{ margin:.2em .5em; border-bottom:1px solid #ECF6FA; padding:.3em .5em; font-size:14px;}
#thread .side h3{ margin:.2em 0}

/*list's  */
.listR{ margin:1em 1.5em 1em; border-bottom:1px dotted #ccc}
.listR dt{ font-size:14px; margin:.5em 0; padding-left:1em; background:url(../images/dotC.gif) no-repeat left center}
.listR dt a{color:#3A62D2}
.listR dd{ margin:.5em 0; line-height:140%}
.listR dd a{color:#3A62D2}

/*pages*/
.pages{font:11px/12px Tahoma;padding-right:10px; margin:1em}
.pages *{vertical-align:middle;}
.pages a{padding:1px 4px 1px;border:1px solid #A6CBE7;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}
.pages a:hover{border:#659B28 1px solid;background:#f3f8ef;text-decoration:none;color:#004c7d}
.pages input{margin-bottom:0px;border:1px solid #659B28;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659B28;}