/* basic elements */
*{margin:0; padding:0;}
body{background-color:#b5e7ee; font:Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:left;}
img{border:0;}


/* temporary style */
#container{width:1000px; margin:0 auto;}
#left {width:150px;  float:left; margin:0 0 0 17px; display:inline; overflow:hidden; }
#mid{width:660px; margin: 0 0 0 6px; float:left; display:inline;overflow:hidden; }
#right{width:150px; float:right; margin:0 17px 0 0; display:inline;overflow:hidden; }




/* common style */
.clearfix{clear:both; height:0;!important; height:1%; font-size:1px; display:block; content:"."; visibility:hidden; background:none; line-height:0%;}



a:link { color: #000; text-decoration:none; }
a:visited { color: #000; text-decoration:none; }
a:hover { color: #FF0000; text-decoration:underline;}


/* content style */
#topPic1{background:url(http://pic.duowan.com/ff/1005/138642862292/138642905142.jpg) no-repeat; width:1000px; height:108px; }
#topPic1 h1{display:none;}
#topPic2{background:url(http://pic.duowan.com/ff/1005/138642862292/138642930211.jpg) no-repeat; width:970px; height:19px; text-align:right;  padding:73px 30px 0 0 ;color:#eb0191;}
#topPic2 a{color:#eb0191; margin:0 4px;}

#menuBg{background:url(menusam01.gif) no-repeat; width:950px; height:48px; padding:15px  25px 0; text-align:center;}
#menuBg p.m1{font-size:14px; margin-bottom:5px;}
#menuBg p.m1 a{margin:0 8px;}
#menuBg p.m2{font-size:12px;}
#menuBg p.m2 a:link,#menuBg p.m2 a:visited{color:#732f67; margin:0 8px;}
#menuBg p.m2 a:hover{color:#FF0000;}

#cont_top{background:url(cont_top.gif) no-repeat top; width:1000px; overflow:hidden; padding-top:20px;}
#cont_bg{background:url(cont_bg.gif) repeat-y; width:1000px; overflow:hidden;}
#cont_btm{background:url(cont_btm.gif) no-repeat bottom; width:1000px; overflow:hidden; padding-bottom:20px;}


/* left  style */
#leftTop{background:url(left_top.gif) no-repeat top; width:150px; padding-top:8px;}
#sideBg{background:url(side_bg.gif) repeat-y; width:150px; margin-top:5px;}
#sideBtm{background:url(side_btm.gif) no-repeat bottom; width:150px; padding-bottom:15px;}
 h2.Ltitle{width:140px; padding:8px 0  3px 0; margin:0 auto 10px; font-size:14px; text-align:center; border-bottom:1px dotted #71919e; }
#sideBg p{margin:0 5px 0 12px; line-height:20px;} 
#sideBg p a{background:url(icon2.gif) no-repeat left 6px; padding-left:8px; margin-right:10px;white-space:nowrap;display:inline-block;}
#sideBg ul li{background:url(icon2.gif) no-repeat left 6px; padding-left:8px; list-style:none; line-height:20px; margin:0 8px 0 12px;}
#sideBg dl{width:131px; margin:0 auto;}
#sideBg img{padding:2px; border:1px solid #85c9d3;}
#sideBg dd{width:131px; text-align:center; margin-bottom:3px;}

/* mid style */
#conleft{width:314px; float:left; display:inline; margin-right:5px;}
h2#headerPic_title{background:url(title_headerpic.gif) no-repeat; width:314px; height:26px; overflow:hidden; }
h2#headerPic_title span{display:none;}

#img_box{width:300px; height:190px; overflow:hidden; clear:both; margin:7px 0 0 7px;}
#img_box img{width:300px; height:190px;}
#img_data dt{ display:none;}
#img_data dd{ font-size:13px; overflow:hidden; height:22px; margin:5px 0 0 7px; line-height:20px;}
#img_data dd a{background:url(/s/i/headerpic_link1.gif) no-repeat ; width:260px; height:20px; overflow:hidden; padding:2px 0 0 40px;  display:block; font-weight:normal;}
#img_data dd a span {display:inline; float:left; font-weight:bold; color:#ff3e94;}
#img_data dd a:hover span{ display:inline; float:left; font-weight:bold; color:#FFF;}
#img_data dd.here span{display:inline; float:left; font-weight:bold; color:#FFF;}
#img_data dd a:link#img_data dd a:visited{background:url(/s/i/headerpic_link1.gif) no-repeat;}
#img_data dd a:hover{text-decoration:none; font-weight:bold;background:url(/s/i/headerpic_link.gif) no-repeat; color:#000;}
#img_data dd.here a{text-decoration:none; font-weight:bold;background:url(/s/i/headerpic_link.gif) no-repeat;}

.more1{float:right; display:inline; margin:10px 8px 0 0; font-size:12px;  font-weight:normal;}
.more2{float:right; display:inline; margin:-17px 25px 0 0; font-size:12px;  font-weight:normal;}
.more3{float:right; display:inline; margin:-17px 27px 0 0; font-size:12px;  font-weight:normal;}
#headerPic_top{background:url(headerpic_top.gif) no-repeat top; width:314px;}
#headerPic_bg{background:url(headerpic_bg.gif) repeat-y; width:314px;}
#headerPic_btm{background:url(headerpic_btm.gif) no-repeat bottom; width:314px; padding-bottom:7px;}

#diy1{background:url(diy1_bg.jpg) no-repeat; width:284px; height:154px; padding:15px; margin:5px 0 0 0; line-height:20px;}
#diy1 h4{font-size:14px; float:left;}
#diy1 a{background:url(icon3.gif) no-repeat left 6px; padding-left:8px; white-space:nowrap; display:inline-block; margin-right:8px; font-size:13px;}

#conright{width:335px; float:left; display:inline; background:url(hot_bg.gif) repeat-y;}
#conright h3{background:url(hot_h3bg.gif) no-repeat bottom; width:329px; font-size:14px; text-align:center; margin:10px auto 0; height:35px;}
#conright h3 a:link,#conright h3 a:visited{color:#FF0000;}
#conright h3 a:hover{color:#ff7e00;}

#conright ul{margin:0 15px 10px 15px; border-bottom:1px dotted #cecece;  font-size:14px;}
#conright ul li{background:url(icon1.gif) no-repeat left 1px;  list-style:none;  padding-left:15px; height:23px;}
#conright span{float:right; margin:-16px 0 0 0; font-size:12px; color:#797979;}

h2#hottitle{background:url(title_hot.jpg) no-repeat; width:270px; height:29px; font-size:14px; padding:28px 0 0 65px;}
#hotBtm{background:url(hot_btm.jpg) no-repeat bottom; width:335px; padding-bottom:22px;}

.fotobox{background:url(foto_bg.gif) repeat-y; width:655px;  margin-top:3px;}
#foto_pic{margin:0 auto; margin:10px 0 0 22px;}
#foto_pic dl{width:141px; height:130px; overflow:hidden; float:left; display:inline; margin-right:15px;}
#foto_pic img{padding:2px; border:1px solid #885d36;}
#foto_pic dd{width:141px; text-align:center; }
h2#foto{background:url(title_foto.jpg) no-repeat; width:595px;height:29px; overflow:hidden; font-size:14px; padding:24px 0 0 60px;}
.fotobtm{background:url(btm_655.gif) no-repeat bottom; width:655px; height:10px;}

#diy2_top{background:url(diy2_top.gif) no-repeat top; width:655px; padding:15px 0 0 0;}
#diy2_bg{background:url(diy2_bg.gif) repeat-y; width:655px; margin:7px 0 3px 0;}
#diy2_btm{background:url(diy2_btm.jpg) no-repeat bottom; width:655px; padding:0 0 15px 0;}
#diy2_con{margin:0 20px; line-height:20px;}
#diy2_con h4{font-size:14px; float:left;}
#diy2_con  a{background:url(icon3.gif) no-repeat left 6px; padding-left:8px; white-space:nowrap; display:inline-block; margin-right:8px; font-size:12px; }

.leftbox{background:url(textbox_bg.gif) repeat-y; width:325px; margin:5px 5px 0 0; float:left; display:inline; }
.rightbox{background:url(textbox_bg.gif) repeat-y; width:325px; margin-top:5px;float:left; display:inline; }
ul.textbox {margin:5px 15px 0;}
ul.textbox  li{ list-style:none; background:url(icon2.gif) no-repeat left 6px; padding-left:10px; height:21px;}
ul.textbox span{float:right; margin:-15px 0 0 0; color:#797979;}
h2#txttile1{background:url(title_txt1.jpg) no-repeat; width:265px; height:31px; font-size:14px; padding:27px 0 0 60px;}
h2#txttile2{background:url(title_txt2.jpg) no-repeat; width:265px; height:31px; font-size:14px; padding:27px 0 0 60px;}
h2#txttile3{background:url(title_txt3.jpg) no-repeat; width:265px; height:31px; font-size:14px; padding:27px 0 0 60px;}
h2#txttile4{background:url(title_txt4.jpg) no-repeat; width:265px; height:31px; font-size:14px; padding:27px 0 0 60px;}
.textbox_btm{background:url(btm_325.gif) no-repeat; width:325px; height:14px; overflow:hidden;}

/* right style */
#search{background:url(search_bg.jpg) no-repeat; width:150px; height:88px; margin-bottom:5px;}
#search input.left{background:#FFF; border:1px solid #949b93; width:79px; height:14px; float:left; display:inline; margin:15px 0 0 10px; padding:3px;}
#search input.right{background:url(search_btn.gif) no-repeat; width:32px; height:17px; margin:15px 0 0 3px; padding:4px 0 0 8px;float:left; display:inline; border:none; cursor:pointer;}
#search p{margin:5px 12px 0; line-height:20px;}
#rightTop{background:url(right_top.gif) no-repeat top; width:150px; padding-top:7px;}
h2.Rtitle{background:url(title_right.gif) no-repeat; width:141px; height:18px; margin:0 auto 5px; font-size:14px; text-align:center; padding:15px 0 5px 0;}


/* footer style */
#footer{background:url(footer_bg.jpg) no-repeat; width:1000px; height:66px; line-height:20px; text-align:center; padding:20px 0 0 0;}



/* list style */
#pageleft{width:655px; float:left; display:inline; margin:0 0 0 17px; margin-top:-5px; overflow:hidden;}
#pageright{width:322px; float:right; display:inline;}
#link300{width:300px; height:250px; background:#80d6e5; padding:3px; overflow:hidden; margin:0 0 5px 0;}
#sideleft{width:150px; float:left; display:inline;}

h2#list_title{background:url(list_title.jpg) no-repeat top; width:613px; height:25px; font-size:14px; padding:36px 0 0 42px;  letter-spacing:3px; margin-bottom:20px;}
ul.listNews{border-bottom:1px dotted #999999; padding-bottom:10px; margin: 0 20px 15px; font-size:14px; padding:0 10px; }
ul.listNews li{list-style:none; background:url(icon1.gif) no-repeat left 2px; padding:0 0 0 18px; height:25px; }
ul.listNews span{ float:right; display:inline; margin:-18px 0 0 0;}

#listpic{margin:20px;}
#listpic dl{float:left; display:inline; margin:0 8px 15px; border-bottom:1px dotted #d7d7d7; width:141px; padding-bottom:10px;}
#listpic img{padding:2px; border:1px solid #885d36;}
#listpic dd{width:141px; text-align:center;}

/* page style */
#pagetitle{background:url(page_title.gif) no-repeat; width:655px; height:131px; overflow:hidden;}
#pagetitle .title{margin:35px 35px 0 40px;}
#pagetitle h1{font-size:20px; }
.articleinfo { padding: 10px 0 5px 0; font-size:12px; color:#7b7b7b; }
.articledate { padding: 0 5px; font-size: 9px; font-size:12px;   }
.articleinfo a{ padding: 0 5px; }
.articlesource{  font-size:12px; color:#7b7b7b; }
.articlesource a{color:#000;}
.articlesource span {padding: 0 5px;}
#text{ font-size:14px; padding:20px 20px 15px; line-height:24px;}
#text p{ margin-bottom:15px;}
.top655{background:url(top_655.gif) no-repeat; width:655px; height:14px; overflow:hidden;}


/********** comment *******/
#commentList{padding:30px;}
#comment a{ color: #4682B4; }
#comment { line-height: 130%; margin: 10px 0 0 0; }
#comment #comments0{ padding: 10px 0; clear: both; background: #FFF; }
#comment #comments0 .title { background: #fffff0; padding:6px 3px 0 18px; color: #333; height: 20px; border-top: 1px solid #cc0; border-bottom: 1px solid #ccc; }
#comment #comments1{ padding: 10px 0; clear: both; background: #FFF; }
#comment #comments1 .title { background: #fffff0; padding: 6px 3px 0 18px; color: #333; height: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#comment .content { padding: 8px; line-height: 150%; color: #66737B; table-layout: fixed; overflow: hidden; word-wrap: break-word; word-break: break-all; }
#comment .date { width: 385px; float: left; }
#comment .function { width: 150px; float: right; }
#comment .re { margin: 10px 0; background: #BFA489; border: 1px solid #efefef; padding: 5px 10px; color: #666; }
#comment .comment_quote{ margin: 10px 0; background: #BFA489; border: 1px solid #efefef; padding: 5px 10px; color: #666; }
#post a{ color: #C4006C; }
#post { margin: 0; }
#post textarea { width: 100%; }
#post .btn-post{ text-align: right; }
#post .list-post{ text-align: right; }


#pageNum {text-align: center; font-size:14px; padding: 15px 0 20px 0;}
#pageNum span {}
#pageNum a{color:#000; text-decoration: none; font-weight: bold; padding: 5px; margin: 0 5px; border:1px solid #555; background: #BDB76B}
#pageNum a:hover { color:#DC143C ; background: #fff;}
#pageNow a{color:#fff; background: #DC143C}