/* typographic */

p.headline{

	margin-bottom: 10px;

	color: #3f7521;

	font-size: 24px;

}

p.styleA{

	font-size: 16px;

}

p.styleB{

	color: #dd0033; 

	font-size: 15px;

}

p.styleC{

	font-size: 12px;

}

p.styleD{

	font-size: 18px;

}

.text-c{

	text-align: center;

}



/* col */

.col{

	float: left;

	width: 100%;

	padding: 20px 0;

}

.col.col-1-2{

	width: 410px;

	margin-right: 75px;

}

.col.col-1-4{

	width: 205px;

	margin-right: 25px;

}



/* clear style */

.clear-margin{

	margin-right: 0 !important;

}

.clear-text{

	text-align: left;

}



/* pagemenu */

#pagemenu{

	background-color: #22222c;

	border-bottom: 3px solid #3f7521;

	text-align: center;

}

	#pagemenu li{

		float: left;

	}

		#pagemenu li a,

		#pagemenu li a:visited{

			display: inline-block;

			padding: 15px 25px;

			color: #fff;

			background: url(../images/border-submenu.gif) right center no-repeat;

		}

		#pagemenu li a:hover{

			color: #999;

		}

		#pagemenu li a.active,

		#pagemenu li a.active:visited{

			margin-top: 5px;

			padding-top: 10px;

			background: #3f7521;

			border-radius: 5px 5px 0 0;

			color: #fff;

			behavior: url(../other/PIE.htc);

		}



/* main */

#main{

	width: 100%;

	padding: 0 0 50px;

}

#editable{

	min-height:300px;

	_height:300px;

	_overflow-y:visible

}

#editable img{max-width:995px;_width: expression(this.offsetWidth >= 995 ? 995 : true);}



	#main .col-left{

		width: 270px;

		margin: 50px 67px 0 0;

	}

	#main .col-right{

		width: 658px;

		margin-top: 50px;

	}

		#main .col-left img{

			width: 270px;

			height: auto;

		}

.cke_show_borders .wrapper{

	position: relative;

	width: 995px;

	margin: 0 auto;

	padding: 0;

}

.cke_show_borders ol,.cke_show_borders ul{

	list-style: none;

}

/* editable */

#editable p,.cke_show_borders p{

	margin: 20px 0;

}

#editable a,

#editable a:visited,.cke_show_borders a,

.cke_show_borders a:visited{

	color: #3f7521;

}

#editable a:hover,.cke_show_borders a:hover{

	text-decoration: underline;

}



/* inner */

#main .inner,.cke_show_borders .inner{

	overflow: hidden;

	padding: 49px;

	background-color: #fff;

	border-left: 1px solid #d8d8d8;

	border-right: 1px solid #d8d8d8;

	border-bottom: 1px solid #d8d8d8;

}

#main .inner.clear-style,.cke_show_borders .inner.clear-style{

	background: none;

	border: none;

}



#main .list,.cke_show_borders .list{

	padding: 10px 0 10px 0;

	border-top: 1px solid #d8d8d8;

}



/* job, news, projects, products, honour*/

.joblist{

	width: 658px;

	margin-top: 20px;

	border-top: 1px solid #dedede;

	text-align: left;

}

.newslist{

	width: 1195px;

	margin-top: 50px;

	border-top: 1px solid #dedede;

	text-align: left;

}

.projectslist,

.productslist,

.honourlist,

.downloadlist,

.qalist{

	width: 1100px;

	background-color: #fff;

	padding: 0px 50px 50px 50px;

}

.projectslist{

	background-color: #fff;

}

	.projectslist ul,

	.downloadlist ul,

	.productslist ul{

		display: inline-block;

	}

	.productslist ul,

	.projectslist ul{

		margin-top: 30px;

	}

		.joblist td,

		.joblist th,

		.newslist td,

		.newslist th{

			padding: 12px 0;

			border-bottom: 1px solid #dedede;

		}

		.qalist li{

			padding: 24px 0;

			border-bottom: 1px solid #dedede;

		}



		.downloadlist li,

		.productslist li{

			position: relative;

			float: left;

			display: inline;

			width: 256px;

			height: 256px;

			margin: 0 25px 25px 0;

		}
		
		
		
		
	
		
		
		
		
		
		
		

		.downloadlist li,

		.productslist li{

			height: auto;

		}

		.projectslist li.clear-margin,

		.downloadlist li.clear-margin,

		.productslist li.clear-margin{

			margin-right: 0;

		}

			.qalist p.q{

				padding-left: 18px;

				margin-bottom: 10px;

				background: url(../images/bullet.gif) 0 center no-repeat;

				color: #3f7521;

				font-size: 16px;

			}

			.qalist p.a{

				margin-left: 20px;

				color: #666;

			}		

			.downloadlist p,

			.productslist p{

				margin-top: 0px;

				height:42px;
				line-height:42px;
				text-align:center;

				overflow:hidden;
				background:#fff;  

			}
			
			
			.productslist a{ color:#333;}
			
			

			productslist li img{

				width: 256px;

				height: 256px;

			}
			
				.projectslist li{

			position: relative;

			float: left;

			display: inline;

			width: 350px;

			height: 208px;

			margin: 0 25px 25px 0;

		}
		
			
			.projectslist li img{

				width: 350px;

				height: 208px;

			}
			
			
			
			

			.projectslist li p.overlay{

				width: 331px;

				padding: 10px;

			}

			.productslist a{

				display: inline-block;

			}

			.joblist a,

			.joblist a:visited

			.newslist a,

			.newslist a:visited{

				color: #333333;

			}

			.joblist a:hover,

			.newslist a:hover{

				color: #3f7521;

			}

			.newslist a{

				display: inline-block;

				margin-bottom: 8px;

				font-size: 16px;

			}

			.newslist p.summary{

				font-size: 14px;

			}



/* details */

.details{

	display: inline-block;

	padding-bottom: 30px;

	border-bottom: 3px solid #dedede;

}

	.details .spec{

		width: 658px;

	}

		.details .spec div{

			margin-bottom: 10px;

		}

			.details .spec strong{

				display: inline-block;

				position: relative;

				top: 12px;

				left: 16px;

				padding: 0 5px;

				background-color: #fff;

				text-align: center;

				font-size: 16px;

				color: #333333;

			}

			.details .spec p{

				padding: 20px;

				border: 1px solid #dedede;

			}



/* pagination */

.pagination{

	text-align: right;

	margin-top: 30px;

	color: #999;

	font-size: 12px;

}

	.pagination a,

	.pagination a:visited{

		display: inline-block;

		padding: 3px 8px;

		margin: 0px 2px;

		border: 1px solid #dedede;

	}

	.pagination a.active,

	.pagination a.active:visited{

		background-color: #3f7521;

		color: #fff;

	}



/* message */

#message{

	width: 270px;

	margin: 20px 0;

}

	#message .info{

		width: 248px;

		border: 1px solid #ddd;

		background-color: #fff;

		padding: 6px 10px;

		margin-bottom: 15px;

		color: #999;

	}

		#message .info em{

			margin-left: 3px;

			color: #3f7521;

		}

		#message input,

		#message textarea{

			color: #666;

		}

		#message input{

			width: 160px;

			height: 24px;

			margin-left: 10px;

		}

		#message .info input{

			line-height: 24px;

		}

		#message input.submit,

		#message input.clear{

			float: left;

			width: auto;

			height: 40px;

			margin: 20px 0 0 0;

			line-height: 40px;	

			font-size: 16px;

			cursor: pointer;

		}

		#message input.submit{

			background-color: #333333;

			color: #fff;

			padding: 0 30px;

		}

		#message input.clear{

			margin-left: 20px;

		}

		#message textarea{

			width: 248px;

			padding: 6px 10px;

			font-family: 'Microsoft yahei', '微软雅黑';

			border: 1px solid #ddd;

		}


/* 翻页 */	
.wp-pagenavi {
	CLEAR: both; margin:20px 0;
}
.wp-pagenavi A {
	BORDER: #bfbfbf 1px solid; PADDING-RIGHT: 7px;  PADDING-LEFT: 7px; PADDING-BOTTOM: 3px; MARGIN: 2px; PADDING-TOP: 3px;TEXT-DECORATION: none; color:#333333;
}
.wp-pagenavi SPAN {
	BORDER: #bfbfbf 1px solid; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 3px; MARGIN: 2px; PADDING-TOP: 3px; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
border:#3f7521 1px solid;
}
.wp-pagenavi SPAN.current {
	border:#3f7521 1px solid;
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}

.pz_SideLayer_2{ width:100%; height:57px; margin-bottom:0px; padding-top:30px;}

.pz_SideLayer_2 .l1{float:left; text-align:center;  margin-right:10px;}

.pz_SideLayer_2 .l1 a{ line-height:50px;color:#000000; text-align:center; font-size:14px; height:50px; padding:0 30px; margin:0 0px; background:#e2e2e2;border-top:2px solid #f0f0f0; display:block;}

.pz_SideLayer_2 .l1 .hover,

.pz_SideLayer_2 .l1 a:hover{ color:#fff; background:#3f7521; border-top:2px solid #f0f0f0;}

.pz_SideLayer_2 .l1 .hover{ color:#fff; background:#3f7521;}

.pz_SideLayer_2 li a.hover{  line-height:50px;color:#fff;text-align:center; font-size:14px; height:50px; padding:0 30px; margin:0 0px; background:#1f1f1f;border-top:2px solid #f0f0f0; display:block;}

.pz_SideLayer_2 .l1 a.hover{ color:#fff; background:#3f7521; border-top:2px solid #f0f0f0;}