/* 	stylesheet for ½ðÅ£½¨²Ä
	design by boyce 2008-12-5
	email:youngsoul@126.com
	qq:277841301
*/
/*base setup*/
@import url("header.css");
@import url("footer.css");
*{margin:0; padding:0;}
ul,li{list-style:none;}
a img{border:0; vertical-align:bottom;}
body,form,input,select,textarea,table,tr,td,th{font-size:12px;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#e22124; text-decoration:none;}
a:active{}

/* L1 classes*/
.clear{clear:both; float:none; overflow:hidden; line-height:0%;}
.fl{float:left;}
.fr{float:right;}
.tr{text-align:right;}

/*header*/
#container{margin:0 auto; width:950px; background-color:#fff;}


/*news page*/
#news{margin-top:5px; border:none; padding:0; height:840px; overflow:hidden;}
#newsA{float:left; padding:10px; padding-top:5px; width:438px; height:770px; border:1px solid #e3c65f;}
#newsB{float:left; padding:5px; width:189px; height:775px; border:1px solid #e3c65f; border-left:0;}
#newsC{float:right; padding:5px; width:258px; height:775px; border:1px solid #e3c65f;}
#newsA .title{height:auto; padding:2px 5px; padding-left:10px; background:#fff8e6 url(../images/title_news.gif) repeat-x 2px center; border-bottom:2px solid #b65207;}
#newsA .title h3, #newsB .title h3, #newsC .title h3{padding-top:3px; font-size:12px; color:#822500;}

.more{padding-top:3px;padding-right:10px; background:url(../images/arrow.gif) no-repeat right center;}
#newsB .title, #newsC .title{height:auto; +height:22px; _height:auto; padding:2px 5px; border-bottom:2px solid #b65207; background:#fff8e6 url(../images/title_news.gif) repeat-x;}


.newsList, .newsList2{margin:5px 0; padding-bottom:5px; border-bottom:1px solid #eee;}
.newsList li, .newsList2 li{padding:5px 0 5px 10px; background:url(../images/icon_list.gif) no-repeat left center;}
#news .newsList li a{font-size:14px; color:#523229;}
.newsList li span{margin-left:5px;}
#news .newsList li span a{color:#8c8062; font-size:12px;}
#news .newsList li span a:hover{color:#000}
.newsList2 li{background:url(../images/icon_list2.gif) no-repeat left center;}
#news #newsC .newsList2 li a{color:#523229;}
#news .newsList li a:hover, #news #newsC .newsList2 li a:hover{color:#c30;}

.pageFooter{margin:10px 0; padding-left:50px; height:20px;}
.pageFooter a
{
	float:left;
	display:block;
	margin-right:10px;
	padding:0 6px;
	height:16px;
	color:#000;
	border:1px solid #000;
	line-height:17px;
}
.pageFooter a.ellipsis{border:none; padding:0;}
.pageFooter a.active{background-color:#eee; color:#333; border-color:#999;}
.pageFooter a:hover{border-color:#1f3a87; color:#dd0005; background-color:#fff; text-decoration:none;}

.imgBox{margin:5px 0; padding-left:3px;}
.imgBox a img{border:1px solid #ddd; background-color:#fff;}
.imgBox a:hover img{cursor:hand; border-color:#2f230f;}
.imgBox h6{margin:5px 0; font:normal 12px "ËÎÌå";}

/*msg page*/
#msgCon{float:left; width:680px;}
#msg{background:none;}
.msgBox{margin:5px 0; padding:10px; background-color:#fffff4; border:1px solid #e3c65f; border-bottom:2px solid #d1b658;}
.msgBox p.head{ color:#002139;}
.msgBox p.head strong{color:#cb0000;}
.msgBox p{margin:0; color:#333; line-height:150%;}
.msgBox p.con{text-indent:2em; font-size:14px; margin:5px 0; background:none;}
.msgBox .reply{ margin-bottom:10px; border:1px solid #facb25; background-color:#fff; padding:5px; color:#f60; overflow:hidden;}
.msgBox .replyCon{padding:0 5px; color:#333; font-size:14px;}
#msg .msgBox p.tt{color:#c30; padding:3px 0 3px 5px; background-color:transparent;}
.msgHead{border-bottom:1px solid #ddd;}
.msgHead .fr a{padding:3px; color:#c30;}

#warning_head{margin:5px 0; padding-top:5px; font-weight:bold; border-top:1px solid #ccc;}
#warning li{padding:4px 0;padding-left:2em; background:url(../images/icon_newslist.gif) no-repeat 15px center;}

#sideCon{float:right; margin-top:5px; padding:2px; width:250px; border:1px solid #e2d4bc; background-color:#fffffa;}
#sideCon .tt{height:32px; background:url(../images/subpageSideTitle.gif) repeat-x}
#sideCon .tt h3{padding:10px 0 0 20px; font-size:12px; color:#ffd200; background:url(../images/arrow2.gif) no-repeat 8px 12px;}
#sideCon .con{padding:5px; line-height:180%; background:none;}

.pages{ margin-top:10px; padding-top:2px; border-top:1px solid #ddd; text-align:center;}
/*Reply*/
#reply{position:absolute; width:400px; height:300px; background-color:#fff; border:1px solid #000;}
#reply .title{height:25px; padding:5px 3px 0 3px; background:#cb0000 url(../images/title_reply.gif) repeat-x; border-bottom:1px solid #333; color:fff;}
#reply .title h5,#reply .title a{float:left;font:normal 18px "ºÚÌå"; color:#fff;}
#reply .title a{float:right; display:block; cursor:pointer;}
#reply .title a:hover{color:#000;}

#reply .cite{ text-align:left; padding:5px 3px 0 23px; margin-bottom:10px; height:15px; border-bottom:1px solid #bbb; background-color:#fffcf6;}
#reply textarea{width:350px; height:200px; background:url(../images/end_n_bg9.gif) no-repeat center center;}

.con_subpage{margin-top:5px;}
.con_subpage .title{margin-bottom:5px; height:35px; background:url(../images/subpageTitle.gif) no-repeat; border-bottom:1px solid #b65207;}
.con_subpage .title h2
{
	padding:12px 0 0 25px;
	height:23px; 
	font-size:14px;
	color:#482003;
}
.con_subpage .title h2 span{font:normal 12px Arial, Helvetica, sans-serif; color:#b65207;}

/*contact*/
#contact, #intro{padding:10px; background-color:#fffffa; border:1px solid #ffd200;}
#contactInfo{float:left; padding:20px; width:444px; height:216px; background:url(../images/contactBlock.gif) no-repeat;}
#contactInfo table th{padding:10px; width:80px; text-align:right;}
#contact p{float:right; background:none;}
#contact div td{padding:10px; font-size:14px; vertical-align:top; color:#482003;}
.fArail{font:normal 14px Arial Black, Helvetica, sans-serif;}

/*intro*/
#intro{
	padding:20px;
	font-size:14px;
	}
	#intro img{
		display:block; 
		float:right;
		padding:0 0 20px 20px;
		}
	#intro p{
		margin:1em 0;
		text-indent:2em;
		line-height:180%;
		}
	#intro strong{
		color:#c30;
		}
		#intro strong.subStrong{
			color:#743405;
			}