@charset "utf-8";

div,form,ul,ol,li,dl,dt,dd,cite {margin:0; padding:0; border:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th { font-size:12px;}
td{ word-break: break-all; word-wrap:break-word;}
img{margin:0; padding:0; border:0;}
input,textarea,select{font-size:12px}


ul { list-style:none;}
ul li {text-overflow:ellipsis; }

p { margin:0;}
.clear{ clear:both;}

a:link{ color:#333; text-decoration:none}
a:visited{ color:#333; text-decoration:none}
a:hover{ color:#fe6700; text-decoration:underline}

.fl{float:left}
.fr{float:right}

.mar01{ margin:0 10px}
.mar02{ margin:10px 0}
.mar03{ margin:0 0 0 10px}
.pad01{ padding:5px 5px 0 5px;}
.pad02{ padding:10px}
.pad03{ padding:10px 0}
.pad04{ padding:10px 0 0 10px}
.pad05{ padding:13px}
.pad06{ padding:4px 0 0 5px}
.pad07{ padding:10px 0 0 5px}
.pad08{ padding:10px 0 0 0 }
.pad09{ padding:2px 0 0 10px}
.pad10{ padding-left:10px}
.pad11{ padding:0 0 5px 0}
.pad12{ padding:5px 0}

.white a:link{ color:white; text-decoration:none}
.white a:visited{ color:white; text-decoration:none}
.white a:hover{ color:#333; text-decoration:underline}

.blue a:link{ color:blue; text-decoration:none}
.blue a:visited{ color:blue; text-decoration:none}
.blue a:hover{ color:#333; text-decoration:underline}

.red{ color:red}
.red a:link{ color:red; text-decoration:none}
.red a:visited{ color:red; text-decoration:none}
.red a:hover{ color:#333; text-decoration:underline}

.orange a:link{ color:orange; text-decoration:none}
.orange a:visited{ color:orange; text-decoration:none}
.orange a:hover{ color:#333; text-decoration:underline}

.green a:link{ color:green; text-decoration:none}
.green a:visited{ color:green; text-decoration:none}
.green a:hover{ color:#333; text-decoration:underline}

.whiteline{height:1px; overflow:hidden; background:#fff}
.grayline{height:1px; border-top:1px #ddd dashed; overflow:hidden;}
.pinkline{width:100%; height:2px; font-size:0; background:#f43d9c; overflow:hidden; margin-top:10px}

.title01 { width:908px; height:30px; border:1px #feb4cf solid; border-bottom:none; background:#fdc4d4;}
.title01 h1{ font-size:14px; color:#f93b71;}
.title01 a{ color:#f93b71; text-decoration:none}
.title01 a:visited{ color:#f93b71; text-decoration:none}
.title01 a:hover{ color:#333; text-decoration:underline}

.title02 { width:184px; height:30px; border:1px #feb4cf solid; border-bottom:none; background:#fdc4d4;}
.title02 h1{ font-size:14px; color:#f93b71;}
.title02 a{ color:#f93b71; text-decoration:none}
.title02 a:visited{ color:#f93b71; text-decoration:none}
.title02 a:hover{ color:#333; text-decoration:underline}

.cont01{ width:908px; border:1px #feb4cf solid; border-top:none;}
.cont01 ul li{ float:left; padding:5px 0 0 19px}
.cont01 img{width:88px; height:31px; border:1px #ddd solid;}
.cont02{ width:184px; background:#fef4f7; border:1px #feb4cf solid; border-top:none}

.contheight01{height:100px;}
.contheight02{height:1620px;}
.contheight04{height:225px;}
.contheight06{height:150px;}
.contheight07{height:125px;}
.contheight10{height:150px;}

/*ad*/
#ad01{ width:910px; height:110px; margin-top:10px}
#ad02{ margin:5px 0; width:184px}

#ad06{ margin-top:10px; width:184px}
#ad07{width:184px}
#ad09{ margin-top:10px; width:100%}
#ad10{ width:175px; height:376px; border:1px #feb4cf solid; margin-top:10px; padding:5px}

.ad02{ margin:5px 0; width:184px}
.ad06{ margin-top:10px; width:184px}
.ad09{ margin-top:10px; width:100%}
.ad03{border:1px #feb4cf solid; margin:10px 0}


/*siderbar*/
#siderbar{ width:186px;}

#askbutton ul li{ float:left; margin:0 0 10px 3px; width:88px; height:42px; text-align:center; background:url(bg_askbutton.gif); }
#askbutton h1{ font-size:14px; line-height:42px; color:#fff}
#askbutton h1 a:link{ color:#fff; width:88px; height:42px; display:block; text-decoration:none}
#askbutton h1 a:visited{ color:#fff; width:88px; height:42px; display:block; text-decoration:none}
#askbutton h1 a:hover{ color:#fff; width:88px; height:42px; display:block; text-decoration:none}

.qnav{ padding:0 0 0 5px}
.qnav h1{font-size:12px; font-weight:400; line-height:25px; color:#f93b71}
.qnav h1 a:link{color:#f93b71; text-decoration:none}
.qnav h1 a:visited{color:#f93b71; text-decoration:none}
.qnav h1 a:hover{color:#333; text-decoration:underline}

.qnav ul li{ float:left; width:80px; overflow:hidden; background:url(arrow01.gif) left center no-repeat; padding-left:8px; }

/*container*/
#container{ margin-top:10px}
#main{width:714px;}
#imgtab .imglist{ width:313px; height:81px; border:1px #feb4cf solid; background:#fef5f9; margin-top:10px;}
#imgtab .imglist ul li{ float:left; width:142px; background:url(arrow02.gif) left center no-repeat; padding-left:8px}
.imglink a:link{ color:#fe044b; text-decoration:none}
.imglink a:visited{ color:#fe044b; text-decoration:none}
.imglink a:hover{ color:#333; text-decoration:underline}

#contbox{ margin-top:10px}
.cont03{ width:254px; float:left;}
.title03{ width:100%; height:30px; background:url(bg_title03.gif) left bottom no-repeat}
.title03 h1{ font-size:14px; font-weight:600; background:url(special-hua.gif) 2px center no-repeat; padding-left:25px; line-height:30px;}
.title03 h2{ font-size:12px; font-weight:400; line-height:30px; margin-right:5px}
.title03 h1 a:link,.title03 h2 a:link{ color:#e60061; text-decoration:none}
.title03 h1 a:visited,.title03 h2 a:visited{ color:#e60061; text-decoration:none}
.title03 h1 a:hover,.title03 h2 a:hover{ color:#333; text-decoration:underline}
.cont03 dl{ padding-top:10px}
.cont03 dl img{ float:left; border:1px #ddd solid; padding:2px; margin-right:5px}
.cont03 dl h1{ font-size:14px; font-weight:600; text-align:center}
.cont03 dl dd{ text-indent:0.5em}
.list03 ul li{ background:url(dot02.gif) left center no-repeat; padding-left:10px; line-height:22px}

.title04{ width:184px; border:1px #feb5cf solid; border-bottom:none; color:#e30d7b;}
.title04 h1{ padding-left:25px; line-height:25px;  font-size:14px; font-weight:600; background:url(circle01.gif) 7px center no-repeat  ;} 
.title04 h2{ padding-left:25px; line-height:25px;  font-size:14px; font-weight:600; background:url(circle01.gif) 7px center no-repeat  ;} 
.list04,.list05,.list06{ width:184px; border:1px #feb5cf solid;}

.cont05,.cont06{ margin-top:0px}
.list05 ul li{float:left; padding-left:10px}
.list05 h2{ font-size:12px; font-weight:400; text-align:center}

.list06 input{border:1px #ddd solid}
.list06 select{ width:55px;}

.womanImg{ width:206px}
.womanImg img{ border:1px #ddd solid; padding:2px}
.womanImg h2{ font-size:12px; font-weight:400; text-align:center; line-height:30px}

#others{ width:714px; margin-top:10px;}
#hTabTitle{ width:712px; height:30px; position:relative; border-bottom:2px #c5e143 solid}
#hTabTitle h1{ font-size:14px; font-weight:600}
#hTabTitle .tabs{ position:absolute; left:10px}
#hTabTitle .tabs ul li{ float:left; margin-left:10px; cursor:pointer;}
.hactive{ line-height:28px; padding:0 10px; border:2px #c5e143 solid; border-bottom:2px #fff solid}
.hnormal{ line-height:28px; padding:0 10px; border:2px #c5e143 solid; }
.othersList ul li{ float:left; width:240px; background:url(dot02.gif) left center no-repeat; padding-left:10px}
.othersListlinks{width:100%; height:25px; line-height:25px; background:#d6ea7b;}
.show{ display:block}
.none{ display:none}

/*·*/
#crumb{ width:712px; height:28px; background:#fef5f9; border:1px #feb4cf solid; line-height:28px}
#crumb a:link{ color:#e60061; text-decoration:none}
#crumb a:visited{ color:#e60061; text-decoration:none}
#crumb a:hover{ color:#333; text-decoration:underline}

/*ҳ*/
.page{text-align:center; font-size:14px; margin:30px 0 30px 0}
.page ul li{ display:inline; margin-right:10px;}
.page a:link{ padding:5px; background:#fef5f9; border:1px #feb4cf solid; text-decoration:none}
.page a:visited{padding:5px; background:#fef5f9; border:1px #feb4cf solid; text-decoration:none}
.page a:hover{ padding:6px; background:#ec4089; border:none; color:#fff; text-decoration:none}
.page b{ padding:5px; background:#ec4089; color:#fff}

/*ѯ*/
.consult{font-size:14px; margin-top:10px}
.consult span{color:#e60061;}
.btn{ margin:10px 0;}
.btn ul li{ float:left; margin-left:3px; width:88px; height:42px; text-align:center; background:url(bg_askbutton.gif); }
.btn .nohref{background:url(bg_askbuttonno.gif);}
.btn h2{ font-size:14px; line-height:42px; color:#fff}
.btn h2 a:link{ color:#fff; width:88px; height:42px; display:block; text-decoration:none}
.btn h2 a:visited{ color:#fff; width:88px; height:42px; display:block; text-decoration:none}
.btn h2 a:hover{ color:#fff; width:88px; height:42px; display:block; text-decoration:none}

.btn2{ width:90%; margin:0 auto; text-align:center}
.btn2 ul li img{ border:none}
.btn2 ul li{ float:left; margin-left:10px}

/*רҹ*/
#demo{ overflow:hidden; width:100%; height:205px; }
#demo ul li{ float:left}

/*˵*/
.artTips{width:100%; height:28px; margin-top:10px; background:#fef5f9; line-height:28px; text-align:center}

/*links*/
#links{ margin-top:10px;}

/*footer*/
#footer{ margin-top:00px; width:100%; text-align:center}
.footCont p{ font-family:"Tahoma";}

#rheader{ margin-top:15px;}

.qanda{ margin-top:10px; width:100%; text-align:center}

a.red,a.red:visited,a.red:hover{ font-size:14px; font-weight:600; color:red; text-decoration:none}
a.blue,a.blue:visited,a.blue:hover{ font-size:13px; font-weight:200; color:blue; text-decoration:none}
a.green,a.green:visited,a.green:hover{ font-size:14px; font-weight:200; color:green; text-decoration:none}
a.orange,a.orange:visited,a.orange:hover{ font-size:13px; font-weight:600; color:orange; text-decoration:none}

.red{ color:red}

/*layout*/
#main{ width:598px}

/*path*/
#crumb{ width:596px;}

/*consult*/
.consult{width:100%; text-align:center}

.consult2{ width:576px; height:165px; font-size:14px; line-height:180%; background:#efefef; border:1px #ddd solid; padding:10px;}
.consult2 a,.consult2 a:visited{ color:red; text-decoration:underline}
.consult2 a:hover{ color:#000; text-decoration:none}
.consult2 span{ color:red}
.consult2 cite{ font-size:12px; font-style:normal; color:#555}

.consult2 dl{ width:226px; height:auto; padding:5px; overflow:hidden; font-size:12px}
.consult2 dt img{ border:1px #ddd solid; padding:2px; display:block}
.consult2 dt span img{ border:0; padding:0; margin-top:5px}
.consult2 dd{ width:115px; float:left; padding-left:5px}
.consult2 dd a,.consult dd a:visited{ color:#f60; text-decoration:underline}
.consult2 dd a:hover{ color:#666; text-decoration:none}
.consult2 .fr { width:236px; height:auto; background:#fff;}
.consult2 .fr strong{ font-size:14px; color:red; padding:0 5px}

/*article*/
#artbox{
	margin-top:20px;
	background-color: #FFF9FB;
	border: 1px dashed #FEB4CF;
}
#artbox h1{color:#e60061; font-size:18px; font-weight:600; text-align:center}
#artbox h1 a:link{ color:#e60061; text-decoration:none}
#artbox h1 a:visited{ color:#e60061; text-decoration:none}
#artbox h1 a:hover{ color:#333; text-decoration:underline}

#artbox .info{ color:#666; text-align:center; margin:10px 0}
#artbox .info a:link{ color:#666; text-decoration:none}
#artbox .info a:visited{ color:#666; text-decoration:none}
#artbox .info a:hover{ color:#333; text-decoration:underline}

#artbox .summary{ width:578px; height:auto; border:1px #ddd solid; background:#f6f6f6; font-size:14px}
#artbox .summary p{ padding:10px; text-indent:2em; overflow:hidden }

.article{ margin-top:10px;}
.article p{ text-indent:2em; font-size:14px; line-height:25px; margin-bottom:20px;}
.article p a,.article p a:visited{ color:blue; text-decoration:underline}
.article p a:hover{ color:blue; text-decoration:none}
.artimg{ width:710px; text-align:center; margin:20px 0}

.tags{ margin-top:20px; font-size:13px}
.tags span{ color:#e60061;}
.tags a:link{ color:#666; text-decoration:none}
.tags a:visited{ color:#666; text-decoration:none}
.tags a:hover{ color:#333; text-decoration:underline}

#artbox .grayline{ margin:20px 0}

#recomm,#recomm2{ width:598px; font-size:14px; margin-top:10px;}

.retitle{width:100%; background:#ed4a86; line-height:25px;}
.retitle h2{ font-size:14px; font-weight:600; color:#fff; padding-left:20px}
.retitle h2 a,.retitle h2 a:visited{ color:#fff; text-decoration:underline}

#recomm ul{ width:596px; border:1px #ccc solid; margin-top:5px; padding:10px 0 10px 0;}
#recomm ul li{ background:url(dot01.gif) left center no-repeat; padding-left:10px; margin-left:20px; line-height:25px}
#recomm ul li span{ color:#838383; font-size:12px;}

#recomm2{ font-size:13px}
#recomm2 .img img{ border:1px #000 solid; width:135px; height:90px;}
#recomm2 .img h2{ font-size:12px; font-weight:200; text-align:center; line-height:25px}
#recomm2 .list{ margin:0 10px}
#recomm2 span a:link{ color:#e30d7b; text-decoration:none}
#recomm2 span a:visited{ color:#e30d7b; text-decoration:none}
#recomm2 span a:hover{ color:#333; text-decoration:underline}

#weekrecomm{ margin-top:10px;}
#weekrecomm .title{ width:691px; height:30px; border:1px #feb4cf solid; border-bottom:none}
#weekrecomm h2{ font-size:14px; color:#e30d7b; font-weight:600; line-height:30px; padding-left:15px; background:url(b_hot2.gif) 75px center no-repeat}
#weekrecomm .cont{ width:691px; height:222px; border:1px #feb4cf solid;}
#weekrecomm .contImg{ width:265px; border-right:2px #feb4cf solid}
#weekrecomm .contImg h3{ font-size:12px; font-weight:400; text-align:center; padding-top:5px }
#weekrecomm .list img{ border:1px #ddd solid; padding:2px; display:inline}
#weekrecomm .list ul li{ width:170px; float:left; background:url(dot02.gif) 5px center no-repeat; padding-left:15px;}

.xtip{  width:578px; padding:10px; background:#efefef; font-size:14px; font-weight:700; margin-bottom:10px}
.xtip span{ color:red}
.xtip a,.xtip a:visited{ color:blue; text-decoration:underline}
.xtip a:hover{ color:black; text-decoration:none}

/*siderbar*/
#siderbar{ width:302px}

/*==expert*/
.vexpert{ padding:10px;}
.vexpert img{ float:left; margin-right:10px; border:1px #ddd solid; padding:2px}
.vexpert strong{ font-size:20px; font-weight:700; color:#7c0757}
.vexpert p{ text-indent:2em}
.vexpert span{ color:red; font-weight:700}
.vexpert a,.vexpert a:visited{ color:blue; text-decoration:underline}
.vexpert a:hover{ color:red; text-decoration:none}

.vexpert2{ padding:8px 0; width:95%; margin:0 auto; border-bottom:1px #ccc dashed}
.vexpert2 img{ display:block; margin-right:10px; padding:2px}
.vexpert2 strong{ font-size:14px; font-weight:700; color:#7c0757}
.vexpert2 p{ text-indent:2em}
.vexpert2 span{ color:red; font-weight:700}
.vexpert2 a,.vexpert a:visited{ color:blue; text-decoration:underline}
.vexpert2 a:hover{ color:red; text-decoration:none}

/*==search*/
#search2{ margin-top:10px}
#search2 span input{ border:1px #fa5386 solid; width:228px; height:23px; line-height:23px}
#search2 input{ float:left}
#search2 .imageField{ margin:0 0 0 5px}

/*==hotkeys*/
#hotkeys{ margin-top:10px; width:100%; background:#feeef2;}

.otherschannel{ width:184px; height:78px; background:#fff9fb; border:1px #feb5cf solid; border-top:none}
.otherschannel a:link{ color:#fb055d; text-decoration:none}
.otherschannel a:visited{ color:#fb055d; text-decoration:none}
.otherschannel a:hover{ color:#333; text-decoration:underline}

/*==others*/
.title04{ width:300px}
.list04,.list07,.list08,.list09{ width:300px; border:1px #feb5cf solid;}
.list07{ background:#fff9fb}
.list07 ul li{ display:inline; padding-right:10px}
.list08{ background:#feeef2}
.list08 ul li{ float:left; margin-left:5px}
.list08 ul li img{ border:1px #000 solid; width:135px; height:90px}
.list08 ul li h2{ text-align:center; font-size:12px; font-weight:200;}
.list09{height:275px}
.no{ width:17px; height:246px; background:url(no2.gif) left top no-repeat}
.ranklist{ padding-left:5px; margin-top:-5px; font-size:13px}
.ranklist ul li{ line-height:26px; background:url(dot04.gif) left center no-repeat; padding-left:10px}
.ranklist a,.ranklist a:visited{ color:#9d0352; text-decoration:none}
.ranklist a:hover{ color:black; text-decoration:underline}
.rankimg{ margin-top:-10px}
.rankimg img{ width:83px; height:97px;}
.rankimg ul li{ background:#fff; padding:5px 5px 0 5px; margin-top:5px}
.rankimg ul li h2,.list04 h2{font-size:12px; font-weight:400; text-align:center;}
.list04{ background:#fff9fb;}
.list04 h2{ line-height:25px; float:none}
.list04 .x{ width:100%; height:115px; border-bottom:1px #feb5cf solid; padding:10px 0 0 0; font-size:13px}
.list04 .x01{ padding-left:10px;}
.list04 .x01 img{ border:1px #ddd solid; padding:2px; width:120px; height:80px}
.list04 .x02{ padding-left:10px;}
.list04 .x02 ul li{ background:url(dot04.gif) left center no-repeat; padding-left:10px}

.list05{ width:302px; background:#fdf0f6; border:none}

/*artlist*/
#summary{ width:100%; height:auto; margin-top:10px; background:#fef3f8; font-size:14px}
#summary p{ padding:10px; overflow:hidden }

#artlistbox h2{ margin-top:15px; font-size:16px; font-weight:600;}
#artlistbox h2 a:link{ color:#e60061; text-decoration:underline}
#artlistbox h2 a:visited{ color:#e60061; text-decoration:underline}
#artlistbox h2 a:hover{ color:#000; text-decoration:none}
#artlistbox .grayline{ margin:5px 0}
#artlistbox .info{ color:#666; margin-top:5px}
#artlistbox .info a:link{ color:#666; text-decoration:none}
#artlistbox .info a:visited{ color:#666; text-decoration:none}
#artlistbox .info a:hover{ color:#333; text-decoration:underline}
#artlistbox .tags{ margin:0; font-size:12px}
#artlistbox .tags a:link{ color:#666; text-decoration:none}
#artlistbox .tags a:visited{ color:#666; text-decoration:none}
#artlistbox .tags a:hover{ color:#e60061; text-decoration:underline}
#artlistbox .summary{ width:100%; height:auto; background:#efefef; font-size:13px}
#artlistbox .summary p{ padding:10px; text-indent:2em; overflow:hidden }
#artlistbox img{ border:1px #ddd solid; padding:2px; margin-top:10px}
#artlistbox .page{ margin-top:20px}