/* stylesheet for juran.jn.51zsjc.com index page
	design by boyce 2008-9-17
	email:youngsoul@126.com
	qq:277841301
*/
@import url("header.css");
@import url("footer.css");
/*base setup*/
*{margin:0; padding:0;}
ul,li{list-style:none;}
a img{border:0;}
form,input,select,textarea,table,tr,td,th{font-size:12px;}
body{background-color:#fff; font-size:12px;}

a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; color:#c30;}

/*Static Classes*/
.clear{clear:both; float:none; +height:0%; _height:auto;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.cRed{color:#dd0005;}
.cGray{color:#999;}
.cCoffee{color:#2f230f;}

#container{width:950px; margin:0 auto;}	

/*-news page-*/
#newsA{float:left; padding:10px; padding-top:5px; width:438px; height:770px; border:1px solid #ffd800;}
#newsB{float:left; padding:5px; width:189px; height:775px; border:1px solid #ffd800; border-left:0;}
#newsC{float:right; padding:5px; width:258px; height:775px; border:1px solid #ffd800;}
#news{}
#newsA .title{padding:2px 5px; padding-left:10px; background:#fef9e3 url(../images/crossArrow.gif) no-repeat left center; border-bottom:1px solid #dcd2a4;}
#newsA .title h3, #newsB .title h3, #newsC .title h3{padding-top:3px; font-size:14px; color:#872b05;}

.more{padding-top:3px;padding-right:10px; background:url(../images/arrow_double.gif) no-repeat right center;}
#newsB .title, #newsC .title{padding:2px 5px; border-bottom:1px solid #dcd2a4; background-color:#fef9e3;}


.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;}
.newsList li a{font-size:14px;}
.newsList li span{margin-left:5px;}
.newsList li span a{color:#582100; font-size:12px;}
.newsList2 li{background:url(../images/icon_list2.gif) no-repeat left center;}
#newsC .newsList2 li a{color:#5f523a;}
#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 "ËÎÌå";}

/*-market page-*/
#market{ font-size:14px; background:url(../images/marketBg.gif) no-repeat center bottom;}
#contact, #market, #msg{margin:5px 0; padding:10px 20px; overflow:hidden; border:1px solid #fc0; background-color:#fffbe8;}

#market p{line-height:180%; margin:1em 0; text-indent:2em; color:#333;}
#market .title, #msg .title{background-color:#ffb400; padding:5px;}
#market .title h3, #msg .title h3{font-size:14px; color:#fff; padding-left:20px; background:url(../images/content_arrow.gif) no-repeat left center;}

/*-poster page-*/
#gallery .head a{font-weight:bold; color:#c30;}
#gallery{width:930px; overflow:hidden; padding-left:20px; *margin-left:30px;}
#gallery td{padding:10px 0px 20px 0px; vertical-align:top;}
#gallery td a{color:#f30;}
#gallery .photo{padding:0 30px; width:33.3%;}
#gallery .photo td{padding:3px 0;}

/*-msg page-*/
#msg{padding:10px;}
#msg .conBox{background-color:#fff; padding:10px;}
.w650{width:650px;}
.w240{padding:10px; width:218px; border:1px solid #dedede; margin-top:21px; height:300px; line-height:180%;}
#msg .w240 .title{background:none; margin-top:0; margin-bottom:5px; padding:0; border-bottom:2px dashed #ccc;}
#msg .w240 .title h4{font-size:12px;}

.msgBox{margin:5px 0; padding:10px; background-color:#fcfcfb; border:1px solid #e2dcc9; border-bottom:2px solid #d6ccae;}
.msgBox p.head{ color:#002139;}
.msgBox p{margin:0; color:#333; line-height:150%;}
.msgBox p.con{text-indent:2em; font-size:14px; margin:5px 0;}
.msgBox .reply{ margin-bottom:10px; border:1px solid #c7b785; background-color:#fffbf0; padding:5px; color:#f60; overflow:hidden;}
.msgBox .replyCon{padding:0 5px; color:#333; font-size:14px;}
#msg .msgBox p.title{color:#c30; padding:3px 0 3px 5px; background-color:transparent;}
.msgHead{border-bottom:1px solid #ddd;}
.msgHead .fr a{padding:3px; color:#c30;}

.pages{ margin-top:10px; padding-top:2px; border-top:1px solid #ddd;}

#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;}

/*-contact page-*/
#contact{padding:20px;}
#contact .fl{width:590px;}
#contact .fl th, #contact .fl table td{vertical-align:top; padding:10px; font-size:14px;}
#contact .fl th{padding-right:0px; background-color:#ffd957; border-right:2px solid #f6a800; color:#a03601;}
#contact .fl table td{border-bottom:1px dashed #ffd957;}


/*Reply*/
#reply{position:absolute; top:200px; left:160px; width:400px; height:300px; background-color:#fff; border:1px solid #000;}
#reply .title{height:25px; padding:5px 3px 0 3px; background-color:#ddd; border-bottom:1px solid #333;}
#reply .title h5,#reply .title a{float:left;font:normal 18px "ºÚÌå"; color:#000;}
#reply .title a{float:right; display:block; cursor:pointer;}
#reply .title a:hover{color:#dd0005;}

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

.sectionTitle{
	padding:0;
	height:24px;
	background-color:#ffb400;
	overflow:hidden;
	}
	.sectionTitle h3{
		font-size:12px;
		padding:3px 0 0 5px;
		color:#880600;
		}