@charset "utf-8";
* {margin:0; padding:0;}
#container {margin:0 auto;width: 960px; } 


.greylist li {background:url(http://img.imgzhubajie.com/img/infoimg/grey_list.gif) no-repeat 0 9px; line-height:23px;height: 23px; padding:0 0 0 8px; list-style:none;  
}
.bluelist li {background:url(http://img.imgzhubajie.com/img/infoimg/blue_list.gif) no-repeat 0 9px; line-height:24px;height: 24px; padding:0 0 0 8px; list-style:none;  
}

.dotline {background:url(http://img.imgzhubajie.com/img/infoimg/dot_line.gif) repeat-x; height:3px; width: 95%; margin:0 0 0 8px; clear:both; overflow:hidden; }


#leftCol {width: 610px; float:left; border:1px solid #D8EBFF; margin:10px 0 0 0; }
#crumb {float:left; width: 610px; background:url(http://img.imgzhubajie.com/img/read/crumb_bg.gif) repeat-x; height: 30px; border-bottom:1px solid #D8EBFF; }
#crumb p {margin:7px 0 0 20px;color:#3A74A7; }
#crumb p a {color:#3A74A7;}
.leftBox {width: 610px; float:left; background:#F7FCFF; margin:0;padding:0 0 10px 0; display:inline; }
#content {margin:20px;width:564px;overflow:hidden;line-height:26px; font-size:14px; }
#content h2 {font-size:16px; color:#000; text-align:center;  }
#content #articleInfo {text-align:center; margin:10px 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #D8EBFF; width: 560px;  font-size:12px;}
#content #articleInfo a {color:#FF3600;}
#content p {padding:15px 0 15px 0; margin:0; line-height:26px; font-size:14px; color:#2C2C2C;}
#digg {width: 70px; height: 73px; background:url(http://img.imgzhubajie.com/img/read/digg.gif) no-repeat ; text-align:center; margin:0 auto;  }
#digg .score {font-size:25px; color:#FFF; font-weight:bold;padding:10px 0 0 0; }
#digg .btn {padding:6px 0 0 0; }
#digg .btn a {color:#2A73B3;font-weight:bold; }
#moreLink {text-align:right; margin:30px 10px 0 0; }

#comment {width: 560px; float:left; display:inline;  border-top:1px solid #D8EBFF; margin:10px 0 0 20px;  }
#comment input#cont {width: 554px; height: 150px;margin:6px 0 0 2px; border:#D9EBFF 1px solid;background:#FFF url(http://img.imgzhubajie.com/img/infoimg/commenter.gif) no-repeat 50% 50%;}
#comment p {font-size:14px;color:#2A73B3;font-weight:bold;padding:10px 0 0 7px; }
#comment span {text-align:right; color:#FF3600;font-size:12px; font-weight:normal; padding:0 0 0 260px; }
#comment input#sumit {height: 21px; width: 54px; padding:10px 0 0 500px; }


#showComment {width: 557px;height:260px;overflow-y:scroll;overflow-x:hidden; float:left; display:inline; border:1px solid #D8EBFF; margin:10px 0 0 20px; }
#showComment .box {margin:2px 2px 2px 0;padding:8px 0 8px 8px; width:540px;float:left;}
#showComment p {padding:0; margin:8px; }
#showComment .img {width: 48px; height: 48px; padding:2px; background:#FFF;border:1px solid #E3E3E3; float:left; margin:8px 10px 0 10px; display:inline; }
#showComment .txt {float:left; width:450px;}
#showComment .commentInfo a  {color:#3A74A7;}

.moreInfo {float:left; width: 280px; margin:20px 0 0 0;  }
.moreInfo h3 {font-size:14px; padding:10px 0 0 20px; }
.moreInfo ul { margin:5px 0 0 20px; }
.moreInfo li {float:left; width: 260px;  }

#rightCol {width: 340px; float:left; margin:0 0 0 8px; }
.focus {width: 340px; height: 230px; float:left; margin:10px 0 0 0;  }

.rightBox {width: 338px; float:left;  border:1px solid #D8EBFF; margin:10px 0 0 0;padding:0 0 10px 0;}
.rightBox dt { height: 22px; padding:8px 0 0 10px; color:#2A73B3; background:#E8F3FF;  font-size:14px;font-weight:bold; border-bottom:1px solid #D6E8FF; }
.rightBox ul,#task ul {float:left; margin:0 0 0 10px; padding:0; }
.rightBox ul li,#task ul li {line-height:24px;height: 24px; list-style:none; font-size:12px;width:300px; white-space:nowrap; overflow:hidden;}
.rightBox li a,#task li a{color:#1A4E9A;}
.rightBox h3 {font-size:12px; color:#1A4E9A; margin:5px 0 0 8px; float:left; }
.rightBox .ImgTxt {float:left;margin:10px 0 8px 0; }
.rightBox .ImgTxt img {float:left; margin:0 12px 0 10px; }
.rightBox .ImgTxt h4 {margin:2px 0 0 0; font-size:12px;}
.rightBox .ImgTxt h4 a {color:#3978B0;text-decoration:none; font-size:12px; }
.rightBox .ImgTxt p {padding:0; margin:0; line-height:20px; float:left;}
p.intro {width: 290px; padding:10px 0 10px 15px; float:left; line-height:23px; }
p.intro a {color:#242424;text-decoration:underline; }

#task {float:left; width: 340px; background:url(http://img.imgzhubajie.com/img/read/task_bg.gif) repeat-y ; margin:10px 0 0 0; }  
#task dt {height: 34px;  background:url(http://img.imgzhubajie.com/img/read/task_dt.gif) no-repeat ; }  
#task .bottom { background:url(http://img.imgzhubajie.com/img/read/task_bottom.gif) no-repeat ; height: 11px; width: 340px; float:left; overflow:hidden; }
#tabDt {height:25px; padding:6px 0 0 8px; }
#tabDt span {width:92px;height:25px;float:left;margin:0;}
.menu1Off,.menu1On,.menu2Off,.menu2On {height:20px; color:#FFF; text-align:center; cursor:pointer; padding-top:6px;}
.menu1On,.menu2On{ font-weight:bold; background:url(http://img.imgzhubajie.com/img/read/tab_on.gif) no-repeat;color:#FFF;font-size:14px;}
.menu1Off,.menu2Off{ font-weight:normal;background:url(http://img.imgzhubajie.com/img/read/tab_off.gif) no-repeat; color:#555;}
.tabContent ul {clear:both; }


#paihang ol {float:left; margin:8px 0 0 8px; }
#paihang ol li {background:url(http://img.imgzhubajie.com/img/read/ol_no.gif) no-repeat 0 7px;; line-height:26px;height: 26px; list-style:none; padding:0 0 0 25px; font-size:12px;width:290px; white-space:nowrap; overflow:hidden;}
#paihang ol li a {color:#2A73B3;text-decoration:underline; }
#paihang ol li#no1 {background-position: 0 7px;}
#paihang ol li#no2 {background-position: 0 -20px;}
#paihang ol li#no3 {background-position: 0 -42px;}
#paihang ol li#no4 {background-position: 0 -70px;}
#paihang ol li#no5 {background-position: 0 -95px;}
#paihang ol li#no6 {background-position: 0 -120px;}
#paihang ol li#no7 {background-position: 0 -145px;}
#paihang ol li#no8 {background-position: 0 -171px;}
#paihang ol li#no9 {background-position: 0 -194px;}
#paihang ol li#no10 {background-position: 0 -220px;}

#adderAd .imgAd img {width: 150px; height: 80px; margin:10px 0 0 10px; }
#adderAd ul {float:left; margin:10px 0 0 10px; display:inline; }
#adderAd li {width: 150px; float:left; }
#adderAd li a {color:#5C5C5C;}

.orange {color:#FF7200;}
.clear {clear:both; }


#link {
	width:960px;
	border-bottom:1px solid #EAEAEA;
	background:#F8F8F8; 
	text-align:center; 
	float:left; 
	height: 28px; 
	margin:15px 0 0 0; 
	padding:0; 
}

#link p {
	margin:0;
	padding:6px 0 0 0; 
	height: 21px; 
	vertical-align:bottom;
	border-bottom:1px solid #FFFFFF; 
}

#link span {
	padding:0 5px 0 5px; 
}


.class {margin:20px 0 0 20px; }
.class ul {margin:0;padding:0;}
.class li {background:url(http://img.imgzhubajie.com/img/infoimg/grey_list.gif) no-repeat 0 12px; line-height:30px;height: 30px; padding:0 0 0 8px; list-style:none;  font-size:14px; width:555px;}

.zt {margin:20px 0 0 20px;width:540px; }
.zt h2{text-align:center;font-size:24px;margin:10px 0 10px 0;}
.zt h3{height:30px;line-height:30px;border-bottom:1px #777 dotted;width:520px;font-size:16px;margin:10px 0 0 0;}
.zt p {line-height:22px;margin:0;padding:5px 0 5px 0;}
.zt li {background:url(http://img.imgzhubajie.com/img/infoimg/grey_list.gif) no-repeat 0 12px; line-height:30px;height: 30px; padding:0 0 0 8px; list-style:none;  font-size:14px; width:530px;}

/* info */
#info1{
	height: 292px;
	width: 959px;
	margin-top: 9px;
	margin-right: auto;
	margin-left: auto;
}
#info1left{
	width: 690px;
	height: 292px;
	float: left;
}
#info1right{
	width: 269px;
	height: 292px;
	float: left;
}
.Loginb{
	font-size: 14px;
	font-weight: bold;
	color: #4672B2;
	text-decoration: none;
}
.Loginz{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.inputx{
	height: 19px;
	width: 132px;
	padding-top: 2px;
	padding-left: 4px;
	border: 1px solid #D7EAFF;
}
.Login1{
	background-image: url(http://img.imgzhubajie.com/img/ximg/Loginan1.gif);
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 54px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	CURSOR: hand
}
.Login1_1{
	background-image: url(http://img.imgzhubajie.com/img/ximg/Loginan1_1.gif);
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding: 0px;
	height: 21px;
	width: 54px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	CURSOR: hand
}
.Login2{
	background-image: url(http://img.imgzhubajie.com/img/ximg/Loginan2.gif);
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 54px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	CURSOR: hand
}
.Login2_1{
	background-image: url(http://img.imgzhubajie.com/img/ximg/Loginan2_1.gif);
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding: 0px;
	height: 21px;
	width: 54px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	CURSOR: hand
}


.greyList li {
	height:25px;
	line-height:25px; 
	color:#585858;
}


.greyList a { 
	color:#585858;
}


.pages {
	padding: 0;
	margin: 10px 0 10px 20px;
	clear: left;
	font-size: 11px;
}

.pages a, .pages span {
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	border: 1px solid #fff;
	background: #fff;
	color:#37679C;
}

.pages span.current {
	border: 1px solid #dbecff;
	font-weight: bold;
	background: #37679C;
	color: #fff;
}

.pages a {
	border: 1px solid #dbecff;
	text-decoration: none;
}

.pages a:hover {
	border-color: #37679C;
	color:#37679C;
}

.pages a.nextprev {
	font-weight: bold;
}

.pages span.nextprev {
	color: #666;
}

.pages span.nextprev {
	border: 1px solid #ddd;
	color: #999;
}

.pages input {
    border:1px solid #FFFFFF;
	padding:0;
	margin:0;
	font-size: 10px;
}

.pages input.butt {
	background-image: url(http://img.imgzhubajie.com/img/ximg/ico_go.gif) ;
	width:20px;
	border:0;
	padding:0;
	margin:0;
}