/* 	
	stylesheet for 51zsjc.com/about
	Date:2010-06-05
	Author:boyce
	Email:youngsoul@126.com
	QQ:277841301
*/

/*= basic setting =*/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0; 	padding:0;}

body{font-size:12px;}
ul,li{list-style:none;}
a img{border:none;}
input,button{border:none; background:none;}
a{color:#2c3032; text-decoration:none;}
a:hover{color:#ac0c2a;}
:focus{outline:none;}

.clear{clear:both; line-height:0%; height:0%; overflow:hidden;}
.red,a.red{color:#cc0331;}

/*= layout =*/
#aboutWrapper{margin:0 auto; width:950px; background-color:#f3f3f3;}
	
	#header{height:70px; background:url(../images/headerBg.gif) no-repeat;}
		#header h1{float:left;}
		#header .right{float:right; width:450px;}
			#header div ul#commonlink{padding-top:16px; height:24px; text-align:right;}
				#header div ul#commonlink li{display:inline; margin:0 5px;}
			#header div p{float:left;}
				#header div input{padding:2px; width:80px; height:14px; border:1px solid #dfdfdf; background-color:#f3f3f3; vertical-align:middle;}
				#header div button{width:40px; height:20px; vertical-align:middle; background-color:#2c3032; color:#fff; cursor:pointer;}
				#header div select{vertical-align:middle;}
				
		
	#nav{padding:0 7px; height:40px; background:url(../images/aboutIcon.gif) no-repeat;}
		#nav li{float:left; display:inline; padding-top:12px; width:78px; height:28px; font:normal 12px "΢ÈíÑźÚ", "ËÎÌå"; text-align:center;}
		#nav li.active,
		#nav li.hover{background:url(../images/aboutIcon.gif) no-repeat left -40px;}
			#nav li a{color:#fff;}
			#nav li a:hover,
			#nav li.active a,
			#nav li.hover a{color:#f5d62a;}
		
	#banner{border-top:1px solid #fff;}
	
	#memberTag{height:80px;}
		#memberTag h2{float:left; display:inline; padding-top:15px; width:472px; height:51px; border:1px solid #ddd; text-align:center; font:normal 24px "΢ÈíÑźÚ", "ºÚÌå"; background:#fff url(../images/shining.gif) no-repeat 35px 5px; color:#323233; cursor:default;}
		#memberTag h2.active{color:#ac0c2a; background-color:#f5d62a; background-image:none;}
			#memberTag h2 span{font:normal 14px "ËÎÌå";}
	#memberservice1,
	#memberservice2{margin:-10px 0 0 0; padding-left:15px;}
	
	.contentWrapper{padding:30px; border:1px solid #dedede;}
	* html .contentWrapper{height:200px;}
	.contentTitle{height:31px; overflow:hidden; background:url(../images/contentTitle.gif) no-repeat;}
		.contentTitle h2{padding:4px 0 0 50px; font:normal 16px "΢ÈíÑźÚ", "ºÚÌå"; color:#fff;}
		.pTitle{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
			.pTitle h2{margin-bottom:2px; font:normal 18px "΢ÈíÑźÚ","ºÚÌå"; color:#000;}
			#about .pTitle p,
			#statement .pTitle p{font-size:12px; color:#454545; text-indent:0;}
			#adservice .pTitle h2,
			#memberservice1 .pTitle h2,
			#memberservice2 .pTitle h2{display:inline-block; margin-right:10px;}			
			* html #adservice .pTitle h2,
			* html #memberservice1 .pTitle h2,
			* html #memberservice2 .pTitle h2{display:inline;}
			#adservice .pTitle p,
			#memberservice1 .pTitle p,
			#memberservice2 .pTitle p{display:inline-block; margin-right:15px;}
			* html #adservice .pTitle p,
			* html #memberservice1 .pTitle p,
			* html #memberservice2 .pTitle p{display:inline;}
			#adservice .pTitle p span,
			#memberservice1 .pTitle p span,
			#memberservice2 .pTitle p span{font:normal 16px Arial Black, Geneva, Arial, Helvetica, sans-serif;}
			#memberservice1,
			#memberservice2{padding-top:10px;}
				#memberservice1 .url,
				#memberservice2 .url{padding:10px; height:20px; text-indent:0; background-color:#fff; font:normal 16px "ºÚÌå";}
	#about p,
	#statement p{margin-bottom:1em; line-height:1.8; color:#5a5a5c; text-indent:2em; font-size:14px;}
	
	#sideNav{float:left; padding:30px 0 22px 0; width:187px; background:#434347 url(../images/aboutBottomIcon.gif) no-repeat left bottom;}
		#sideNav li{padding-top:12px; height:28px; border-top:1px dashed #454545; border-bottom:1px dashed #1f1f1f; text-align:center; font-size:14px; background:#323233 url(../images/aboutIcon.gif) no-repeat -775px -70px;}
		#sideNav li.hover{background:#434347 url(../images/aboutIcon.gif) no-repeat -775px -220px;}
		#sideNav li.active{position:relative; left:2px; top:0; z-index:100; background:url(../images/aboutIcon.gif) no-repeat left -80px; font-weight:bold; border:none;}
		
			#sideNav li a{color:#ccc;}			
			#sideNav li.active a{color:#ac0c2a;}
	.content{padding:20px 10px;}
		.content p{margin-bottom:0.6em; text-indent:2em; line-height:1.8;}
		.content .image{float:left; width:450px;}	
		.content .info{float:right; padding:5px 0 0 10px; width:420px;}				
			.content .info dt,
			.content .info dd{color:#ac0c2a;}
			.content .info .gray{color:#434347;}
			.content .info dd{padding:0 0 20px 13px;}
				.content .info dd p{text-indent:0; line-height:1.5;}
				.content .info dt strong span{font:normal 12px Arial Black, Arial, Helvetica, sans-serif;}
				.content .info dd ul li{padding:5px 0; line-height:1.5;}			
	.alert{padding:10px; background-color:#fff;}
		.alert dt{width:130px; height:30px; text-align:right; line-height:2;}
		.alert dd{margin:-30px 0 0 120px; line-height:2;}
		
	#adType{width:138px; background-color:#d3ced0;}
		#adType li{}
			#adType li a{display:block; padding:7px 5px 3px 5px; width:125px; height:20px; border-left:3px solid #a40b27; border-bottom:1px solid #bab6b7; border-top:1px solid #eee; font-size:13px;}
				#adType li a:hover{background-color:#eee; border-left-color:#323233;}
				
	.adDemo{margin:10px 0;}
		.adDemo .demoTable{float:left; padding-top:10px; width:480px;}
		.adDemo h3{padding:6px; width:270px; height:17px; font:normal 16px "΢ÈíÑźÚ", "ºÚÌå"; color:#ff0; background-color:#323233;}
			.adDemo h3 span{color:#fff;}
		.adDemo .demoTable{border-top:1px solid #323233;}
			.adDemo .demoTable table{width:98%; border:1px solid #dedede; background-color:#fff;}
				.adDemo .demoTable table th,
				.adDemo .demoTable table td{padding:8px 0 8px 2px; text-align:left; border-bottom:1px dashed #fff;}
				.adDemo .demoTable table .odd td{background-color:#f3f3f3;}
		.adDemo .image{float:left; padding-top:10px; width:400px; border-top:1px solid #323233;}
			.adDemo .image div{margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ddd; font-size:14px;}
				.adDemo .image div img{vertical-align:baseline;}
		
	.jobBox{margin-bottom:20px; font-size:14px;}
		.jobBox h3{padding:5px; width:150px; height:17px; font:normal 14px "ËÎÌå"; background-color:#323233; color:#fff;}
		.jobBox dl{padding:5px 2em; border-top:1px solid #323233;}
		.jobBox div{padding:15px 5px; border-top:1px solid #323233; font-size:12px; line-height:1.8;}
			.jobBox div p{margin:10px 0;}
			.jobBox dl dt,
			.jobBox dl dd{padding:5px; line-height:1.6; color:#323233;}
			.jobBox dl dd{font-size:12px;}
				.jobBox dl dd ol li{list-style:inside decimal;}
	#job ul,
	#cooperation ul{padding:10px 2em; background-color:#fff; line-height:1.6;}	
		#job ul li,
		#cooperation ul li{padding:5px;}
			#job ul li strong,
			#cooperation ul li strong{color:#ac0c2a;}
	#account p{margin-bottom:1em; font-size:14px;}
	#account ol li{padding:8px 0; list-style:inside decimal;}
		#account dl{ height:520px; background-color:#fff; padding-top:10px; padding-left:10px; padding-right:10px;}
			#account dl dt{position:relative; margin-bottom:15px; width:150px; height:50px; font:normal 18px/50px "΢ÈíÑźÚ", "ºÚÌå"; color:#ac0c2a;}
				#account dl dt img{margin-right:10px; vertical-align:middle;}
			#account dl dd{margin:-65px 0 15px 155px; padding-left:10px; line-height:30px; border-left:1px solid #ccc;}
	#contact{}
		#contact li{padding:10px; font:normal 14px "ËÎÌå";}
		
	#city{padding:10px 20px 20px 20px;}
		#cTitle{margin-bottom:10px; padding:8px 0; border-bottom:1px dashed #ddd;}
		#cStrong{margin-bottom:10px; padding:20px 10px 0 10px; width:886px; height:38px; background:url(../images/moreCityBg.gif); font:bold 14px "΢ÈíÑźÚ", "ºÚÌå";}
			#cStrong a{margin-right:10px; font-weight:bold;}
		#char{width:908px; height:24px;}
			#char p{float:left; display:inline; margin-right:5px; padding-top:5px;}
			#char ul{float:left; height:23px; overflow:hidden;}
				#char ul li{float:left; display:inline; margin-right:5px; width:22px; height:21px; overflow:hidden;}
					#char ul li a{display:block; padding:4px 0 0 6px; width:16px; height:15px; border:1px solid #ddd; background-color:#fff; font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
					#char ul li.active{position:relative; top:1px; width:25px; height:23px;}
					#char ul li.active a{height:17px; background-color:#bd133a; border-color:#884651; border-bottom:0; color:#fff;}
		#city dl{}
			#city dl dt{padding:14px 0 0 5px; width:56px; height:22px; color:#000; font:bold 12px "ËÎÌå"; border:1px solid #f3f3f3;}
			#city dl dd{margin:-38px 0 0 55px; padding:12px 0 0 5px; min-height:24px; font-size:14px; border:1px solid #f3f3f3;}
				#city dl dd p{line-height:2;}
				#city dl dd span{color:#777; font-size:12px;}
				#city dl dd a{text-decoration:underline; color:#bb002c;}
			* html #city dl dd{height:24px;}
			*+html #city dl dd{height:24px;}			
			#city dl .active{border:1px solid #f4ba54; background-color:#fffce9;}
			#city dl dd.active{border-left-color:#fffce9;}
				#city dl dd.active span{color:#865e49;}
			#city dl .active a{color:#d00; text-decoration:underline;}
			#city dl .active a:hover{text-decoration:none; color:#f00;}
			
			.cityBox{margin-top:-3px; padding:20px; background-color:#bd133a; border-bottom:1px solid #9a0a2c; color:#aa7c87;}
				.cityBox p{line-height:2;}
				.cityBox a:link{color:#fff3a3; text-decoration:underline; font-size:14px;}
				.cityBox a:visited{color:#fff3a3; font-size:14px;}
				.cityBox a:hover{color:#ff0; text-decoration:none;}
				.cityBox a:active{color:#cf0;}
				.cityBox span{color:#bebba9; font-size:12px;}
			#city2,
			#city3,
			#city4,
			#city5,
			#city6,
			#city7,
			#city8,
			#city9,
			#city10,
			#city11,
			#city12,
			#city13,
			#city14,
			#city15,
			#city16,
			#city17,
			#city18,
			#city19,
			#city20,
			#city21,
			#city22,
			#city23,
			#city24,
			#city25,
			#city26{display:none;}
	
	#map{}
		#map dl dt{margin-bottom:10px; padding:7px 2px 0 0; width:70px; height:20px; background:url(../images/mapTag.gif) no-repeat; text-align:center; font-weight:bold;}
			#map dl dt a{color:#ac0c2b;}
			#map dl dt a:hover{color:#000;}
		#map dl dd{margin:-37px 0 0 75px; margin-bottom:10px; padding-top:7px; height:20px;}
	
	#hz .jobBox ul li{padding:6px; height:20px; font-size:14px; color:#333;}
	#hz .jobBox table{background-color:#fff;}
		#hz .jobBox table th,
		#hz .jobBox table td{padding:5px;}
		#hz .jobBox table caption{padding:10px 0; font-weight:bold; text-align:left;}
		#applyTable input{width:250px; height:18px; border:1px solid #ccc;}
		#applyTable span{color:#d00;}
		#applyTable th{font-weight:normal; text-align:right;}
		#applyTable textarea{width:460px; height:80px;}
		#applyTable button{background-color:#333; color:#fff; cursor:pointer;}
			
	#footer{padding:10px; height:60px; background:url(../images/footerLine.gif) no-repeat; text-align:center;}
		#footNav{height:20px; text-align:center;}
		#footNav li{display:inline;}
		#footer a{color:#000; text-decoration:none; text-align:center;}
		#footer a:hover{color:#dd0005; text-decoration:underline;}
		#footer p{padding-bottom:3px;}
		a#selfID{color:#dd0005;}
		a#selfID:hover{color:#333;}
	
		.freeEntry{margin-top:-10px; padding:10px; height:16px; background-color:#c65566; color:#f8f500;}
			.freeEntry img{vertical-align:middle;}