/* 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}
.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}
.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:url(images/head-bg.png) repeat-x 0 17px}
.header-wrap1 { background:url(images/guide-r.png) no-repeat right 28px; float:left; width:950px;}
.intro{margin:1em; border:1px solid #ccc; padding:.5em}
#guide { background:url(images/guide-l.png) no-repeat left 0; height:37px; float:left; padding-left:25px}
#guide li a{ display:block; height:29px; padding:7px 1em 0; float:left; color:#FFF; font-weight:bold}
#guide li a:hover{ background:#4BB1D6 url(images/guide-hover.png) left bottom no-repeat; text-decoration:none  }
#guide li.active a,#guide li.active a:hover{background:url(images/guide-hover.png) center bottom no-repeat #0079A8;text-decoration:none }
#guide-link{ background:url(images/guide-2-bg.png) 0 bottom repeat-x}
.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}
.list { margin-bottom:.3em}
.list li{ padding: .1em .5em .6em 1.6em ; background:url(images/dot.gif) .5em .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:.5em}
.list1 li{padding:.3em .5em .1em 1em;background:url(images/dot.gif) 0 .7em no-repeat}
.list1 li a{ color:#333}
.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 { background:url(images/area-3-mid.png) left repeat-y; margin-top:1em }
.area-3-bot {background:url(images/area-3-bot.png) left bottom no-repeat;padding:0 0 3em 0; margin:0 }
.area-3 .postion { background:none; border-top:1px solid #93BEE1}
.thread-content .content .list{ margin:2em 1em}
.thread-content .content .list li{ font-size:1.2em}
.thread-t{ background:#fff; padding-bottom:1em}
.thread-t h1{ font:24px simhei; background:url(images/thread-t-bg.png) no-repeat top right; border-right:1px solid #000; padding:.5em 0 0; margin:0; text-align:left}
.thread-t-d{ margin:0;background:url(images/thread-d-bg.png) left bottom no-repeat ; border:1px #000 solid; border-top:0; padding:1em ; min-height:80px; height:80px}

.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:#418FA5;}

/*area-4*/
.area-4 { background:url(images/area-4-mid.png) left repeat-y; }
.area-4-bot {background:url(images/area-4-bot.png) left bottom no-repeat;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{ border-bottom:1px solid #eaeafa; 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:underline }
.search-result dd { padding:.2em 1em}
/*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;}