@import "common.css";

/* common style */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/*\*/ .clearfix {display:block;} /**/
.box_l { float:left; }
.box_r { float:right; }
.bg_fff { background:#FFF!important; }
.bg_f8 { background:#F8F8F8; }
.color_black { color:#999!important; }
.color_yellow { color:#FB7A05;}
.color_red{ color:#EB1C26!important;}
.color_gray{ color:#999;}
.color_brown{ color:#CC0001;}


	
.input_tx { padding:2px 0 2px 2px; border:1px solid; border-color:#666 #CCC #CCC #666; line-height:16px; color:#666; }
	#login_box .input_tx { width:150px; }
	#login_box #login_authcode_input .input_tx,#registerform  #seccode { width:60px; }
	.search_content .input_tx { width:160px;}
	.footer_search .input_tx { width:190px; }
	#registerform .input_tx, .lost_pw .input_tx { width:180px;}

.margin_bot10 { margin-bottom:10px; }
.margin_bot0 { margin-bottom:0!important;}

/* header style */
#header {width:960px;height:140px;overflow:hidden;margin-top: 5px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
#header img {display: inline;float: left;margin-left: 60px;}



/* nav style */
#nav {width:916px;background-image: url(../images/nav.gif);	background-repeat: no-repeat;height: 47px;margin-right: auto;margin-left: auto;}
	#nav ul{font-size: 20px;line-height: 28px;float: left;height: 28px;width: 896px;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 11px;font-weight: bold;}
	#nav ul li{float: left;width: 128px;text-align: center;}
	
#top_right{float: right;height: 289px;width: 222px;overflow:hidden;}
	#top_right li {width: 222px;height:66px;margin-bottom:9px;}
		
/* content style */
#content{background-color:#FFF;	float: left;width: 836px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;}
	#left{	float: left;width: 520px;}
	#left h2{font-size: 16px;line-height: 35px;	border-bottom: 1px solid #ccc;float: left;width: 500px;	padding-left: 30px;}
	#left p{line-height: 20px;text-indent: 25px;float: left;width: 520px;	padding-top: 20px;}
	
#lishaobo{float: left;width: 520px;overflow:hidden;margin-top:15px;margin-bottom:15px;}
	#lishaobo img{float:left;	margin-right: 10px;}
	#lishaobo h4{line-height: 33px;text-indent:10px;border-top: 1px solid #CCCCCC;float: left;width: 333px;font-size: 16px;}
	#lishaobo ul{width: 333px;float:left;padding-left: 5px;border-bottom: 1px solid #CCCCCC;}
	#lishaobo ul li{line-height: 20px;}
	#lishaobo ul a{font-size: 15px;color: #a78d00;float: right;margin-top:5px;}
	
#biaoyu{float: left;height: 360px;width: 520px;font-size: 20px;line-height: 35px;color: #a78d00;font-weight: bold;}
	#biaoyu img{margin-top:10px;margin-bottom: 10px;}
	
/* user login */
#user_login {	float:left;	overflow:hidden;margin-right:10px;}
	.login_ext { margin:10px 0 0 0; text-align:left; }
	.user_info { padding:0 15px;}
		.user_info dl { height:70px; overflow:hidden; margin-bottom:12px; border-bottom:1px dashed #D8D8D8; }
		.user_info dl dt { float:left; width:50px; }
		.user_info dl dt img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
		.user_info dl dd { float:right; width:155px; line-height:25px; }
		.user_op { display:block; padding:0!important; }
			.user_info .tx_blue { color:#369; text-decoration:underline; }
			.contribute_txt { float:left; padding-right:12px; background:url(../images/myspace_bg.gif) no-repeat 100% 5px; color:#F00; }
			.user_op span { float:right; }
		#user_login a.close { position:absolute; right:0; bottom:0; display:block; width:14px; height:14px; overflow:hidden; background:url(../images/btn_open_close.gif) no-repeat 100% 0; text-indent:-999px;}
	#loginin_info{ position:relative; height:30px; margin-bottom:10px; border:1px solid #D8D8D8; background:#F8F8F8;}
		#loginin_info .admin { position:absolute; right:15px; top:7px;}
		#loginin_info img { position:absolute; left:4px; top:4px; width:20px; height:20px; padding:1px; border:1px solid #DDD; }
		#loginin_info .user { position:absolute; left:30px; top:7px; color:#999;} #loginin_info .user a { color:#369; }
		#loginin_info .out a { color:#999;}
		#loginin_info a.open { position:absolute; right:0; bottom:0; display:block; width:14px; height:14px; overflow:hidden; background:url(../images/btn_open_close.gif) no-repeat; text-indent:-999px;}
#content #right{float: right;width:290px;}

/*right */
#right {width:290px;float:right;height:926px;}

/*index_righeight: 826px;ht_zfTab*/
.zfTab{	width: 290px;height: 926px;margin-top:3px;margin-right: auto;	margin-bottom: 0;margin-left: auto;} 
.zfTab .TabTitle{font-size: 16px;overflow: hidden;float: right; width: 270px; padding-right: 10px;	padding-left: 10px;	padding-bottom: 6px;background-position:left;background-repeat:repeat-y;font-weight: bold;color: #000;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc;text-align:center;} 
	.zfTab .TabTitle li{float: left;width: 130px;cursor: pointer;padding-top: 4px;padding-right: 0px;padding-left: 0px;padding-bottom: 2px;list-style-type: none;}
	.zfTab .TabTitle .active{} 
	.zfTab .TabTitle .active span{color:#333;text-decoration:none;}
	.zfTab .TabTitle .normal{} 
.zfTab .TabContent{width:auto;padding-top: 10px;} 
.none {display:none;} 

/* news_lists */
#right .news_lists{float: left;width: 290px;border-bottom-width: 1px;border-bottom-style: dashed;	border-bottom-color: #CCC;;padding-top:17px;}
	.news_lists h4{color:#3c2262;}
	.news_lists h4 a{font-weight: normal;text-decoration: underline;}
	.news_lists .data_time{	background-image: url(../images/data.gif);	background-repeat: no-repeat;display: block;float: left;height: 70px;
width: 48px;color: #FFFFFF;	font-weight: bold;background-position: 10px 2px;text-align: center;line-height: 25px;padding-right: 20px;	padding-left: 10px;}

#lianxi{float: left;width: 520px;margin-top:20px;}
	#lianxi h3{	width: 520px;text-indent:9px;font-size: 16px;color:#333; line-height: 33px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc;text-indent:25px;}
	#lianxi h3 span{float:right;margin-right:10px;}
	#lianxi h3 span a{color:#F00;}
	#lianxi ul{font-weight:bold;width:520px;line-height: 30px;color:#333;font-size:14px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color: #ccc;}	

/* footer style */
#footer {width:918px;overflow:hidden;text-align:center;line-height:20px;background-image: url(../images/footer.gif);
background-position: center top;height: 23px;margin-top: 0;	margin-right: auto;	margin-bottom: 0;margin-left: auto;	padding-top: 24px;
padding-bottom: 20px;background-repeat: no-repeat;}
	#footer a{color: #FFFFFF;}

/*============================================= Index & News pages style */
	/* focus turn */
#focus_turn {float:left; width:636px;height:292px;position:relative;}
#focus_pic img {width:636px; height:290px; float:left;}
#focus_pic .normal { display:none; }
#focus_pic .current { display:block; }

#focus_btn {display:none;left:14px; bottom:34px; border-left:1px solid #D8D8D8;float:right;}
#focus_btn span { display:block; float:left; overflow:hidden; width:22px; height:22px; margin:0 0 0 -1px; border:1px solid #D8D8D8; text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:700; line-height:22px; cursor:pointer; }
#focus_btn .normal { background:#FFF; color:#FF3333; }
#focus_btn .current { background:#FF3333; color:#FFF; }

#focus_tx {display:none;}
#focus_tx .normal { display:none; }
#focus_tx .current { display:block; }	
	
/*============================================= login pages style  */
#login { width:900px; overflow:hidden; margin:25px auto 20px; padding:2px; border:3px solid #E1E8F0; }
	#login  table { margin:25px 0 0 70px; }
	#login table th, #login table td { padding:10px 0; vertical-align:top; }
	#login table th { padding:12px 12px 0 0; text-align:right; }
	#login .input_select { width:180px; height:22px; }
	#login .box_r { width:45%; overflow:hidden; padding:5% 0 0 5%; height:280px; background:#EEF1F6; }
	#login .box_r h2 { padding-bottom:8px; color:#30954A7; font-size:14px; }
	#login .box_r li { margin-bottom:8px; padding-left:12px; background:url(../images/arrow_li.gif) no-repeat 0 5px; *background-position:25px 5px; color:#333; }
	#login .box_r li a { color:#2C629E; }


