/* 	stylesheet for Yinzuojiaju Subpages
	design by boyce 2008-10-31
	email:youngsoul@126.com
	qq:277841301
*/
/*base setup*/
@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:#0048b1; text-decoration:none;}
a:active{}

/* L1 classes*/
.clear{clear:both; float:none; overflow:hidden; line-height:0%;}


/*Layout*/
#container{margin:10px auto 0 auto; width:950px;}

#header{height:80px; background:url(../images/headerTop.gif) no-repeat;}
#header h1{float:left; display:inline; margin:12px 0 0 12px;}
#header ul{float:right; margin-top:25px; width:480px;}
#header ul li{float:left; margin:0 5px; padding-left:10px; background:url(../images/subMenu_arrow.gif) no-repeat left 2px;}
#header ul li h3{font:normal 12px "ËÎÌå";}
#header ul li h3 a{color:#333;} #header ul li h3 a:hover{color:#e84d00;}

#nav{height:30px; padding-left:30px; background:url(../images/navBg.gif) repeat-y; border-bottom:1px solid #fff;}
#nav li{float:left; width:112px; background:url(../images/navLine.gif) no-repeat right center;}
li#nav_right{width:132px; height:30px; background:url(../images/navM.gif) no-repeat right top;}
#nav li h2
{ 
	padding-top:9px; 
	width:112px; 
	height:21px; 
	font-size:12px; 
	background:url(../images/arrow1.gif) no-repeat 90px 20px;
	text-align:center;
}
#nav li h2 a{color:#fff;}
#nav li h2 a:hover, #nav li.active h2 a{color:#fded1b;}
#nav li.active h2{background:url(../images/arrow2.gif) no-repeat 90px 20px;}

#login{padding-left:50px; height:29px; padding-top:4px; background:#f6f9fb url(../images/loginBg.gif) no-repeat; color:#888;}
#login span{margin-left:360px;}
#login .txt{width:110px; height:16px; border:1px solid #999; line-height:16px;}
#login .btn{width:60px; height:20px;}
#login a:link{color:#dd0005;}
#login a:hover{color:#000; text-decoration:underline;}

.conTitle{margin-top:5px; height:37px; background:url(../images/title_subpage.gif) no-repeat;}
.conTitle h2{padding:12px 0 0 25px; font-size:14px;}
#map h2{padding-top:15px; font-size:12px;}
#map h2 span{color:#999;}
#map h2 a{color:#0048b1;}
#map h2 a:hover{color:#dd0005;}


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

.more{padding-top:3px;padding-right:10px; background:url(../images/arrow_double.gif) no-repeat right center;}
#newsB .title, #newsC .title{height:auto; +height:22px; _height:auto; padding:2px 5px; border-bottom:2px solid #0052b6; background:#e7eef7 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:#333;}
.newsList li span{margin-left:5px;}
#news .newsList li span a{color:#999; 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:#333;}
#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; padding:0; border:none;}
.msgBox{margin:5px 0; padding:10px; background-color:#f6f9fb; border:1px solid #d9dfe8; border-bottom:2px solid #cdd3db;}
.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 #ede366; 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; padding:2px; margin-top:5px; width:250px; border:1px solid #d9dfe8; background-color:#fff;}
#sideCon .tt{height:28px; background:url(../images/title_side.gif) repeat-y;}
#sideCon .tt h3{padding-left:20px; font-size:14px; color:#f3f7fc; line-height:30px; background:url(../images/arrow.gif) no-repeat 5px center;}
#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:#f4ac00 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;}

/*intro page*/
.con_subpage{padding:10px 20px; border:1px solid #eee; border-top:0;}
#maps h3{padding:5px; background-color:#f6f6f6; margin:30px 0 10px 0; border-left:5px solid #0064c0; font:normal 18px "ºÚÌå";}
#intro{height:1800px; overflow:hidden;}
#intro p{margin:1em 0; text-indent:2em; line-height:180%; font-size:14px; float:left; word-break:break-all; word-wrap:break-word; width:900px;}
#intro img{clear:left; float:none; display:block; text-align:center;}

/*contact page*/
#contact{padding:20px 40px 20px 100px; height:210px;  background:url(../images/contact_phone.gif) no-repeat 10px top;}
#contact p{padding:8px 0 0 10px; height:20px; font-size:14px; color:#333; border-bottom:1px solid #d9dfe8; background:url(../images/contact_arrow.gif) no-repeat left bottom;}
#contact p strong{font-size:12px;}