html, body {
	padding: 0;
	margin: 0;
	background-color: #f2f2f2;
}
.col-md-9{background:#fff;}

:focus { outline: none; }

.formHolder td {
	padding: 5px 0;
}

.formHolder td:first-child {
	padding-right: 10px;
}

.formEmailinput, .formTextinput, .formTextarea, .formTelinput {
	padding: .4em;
	border: 1px solid #ccc;
}

.formEmailinput:focus, .formTextinput:focus, .formTextarea:focus, .formTelinput { border-color: #000fff; }

.formTextarea {
	overflow: auto;
}
.star{
	width: 10px;
	height: 36px;
	float: left;
	display: block;
}
.Required{
	color: #ff0000;
	line-height: 36px;
}
.formField{
	float: left;
	display: block;
}
.form-errors{
	margin: 0 0 30px;
	padding: 20px;
	background: #eee;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.form-errors p{
	color: #f83f51;
}
.form-errors ul{
	list-style: none;
	padding: 0;
}
.formSubmit{
	margin-left: 10px;
}

.table-responsive, .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{
	border: none;
}



img{
	max-width: 100%;
}


header{
	background:url('../img/header-bg.png') left top repeat-x;
}
#logo{
	display: block;
	margin-top: 50px;
}
#logo img{
	/*width: 100%;
	max-width: 139px;*/
}
.top-nav{
	list-style: none;
	margin: 65px 0 0;
	padding: 0;
}
.top-nav li{
	float: left;
}
.top-nav a{
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
	color: #4e4e4e;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.lang-en .top-nav a{
	font-size: 90%;
	padding: 10px;
	text-transform: none;
}
.top-nav .current a{
	text-shadow: 0 -1px 0 #f08300;
	border: 1px solid #f08300;
	color:#fff;
	box-shadow: 0 0 10px #f08300 inset;
	-webkit-box-shadow: 0 0 10px #f08300 inset;
	-moz-box-shadow: 0 0 10px #f08300 inset;
	
	background: #f08300; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFiZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f08300 0%, #f08300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f08300), color-stop(100%,#f08300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f08300 0%,#f08300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f08300 0%,#f08300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f08300 0%,#f08300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f08300 0%,#f08300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08300', endColorstr='#f08300',GradientType=0 ); /* IE6-8 */
}
.res-hidden{
	display: none;
}
.top-nav-res{
	display: none;
	list-style: none;
	position: absolute;
	left: 0;
	top: 65px;
	width: 100%;
	padding: 0 15px;
	z-index: 1000;
}
.top-nav-res li{
	display: block;
}
.top-nav-res a{
	display: block;
	color: #fff;
	background: #db8213;
	padding: 10px 20px;
	border-bottom: 1px solid #222222;
}
.top-nav-res li.current a{
	background: #f48221;
}
#langSelection{
	float: right;
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}
#langSelection li{
	display: inline-block;
	margin-left: 5px;
}
#langSelection a{
	display: block;
	background: #ccc;
	color: #fff;
	width: 50px;
	height: 35px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	box-shadow: 0 0 2px #fff;
}
#langSelection .current a{
	background: #f08300;
}
	
.yuyan {
	float: right;
	width: 100%;
	margin-top:20px;
	padding-left:220px;
}
	
.top-search{
	float: right;
	width: 100%;
	margin-top:-10px;

}
.search-keyword{
	float: left;
	width: 100% !important;
	padding: 10px;
	color: #f08300;
	background: #ccc;
	border: none !important;
}
input[type="submit"].search-button{
	float: left;
	width: 19px;
	height: 19px;
	margin-left: -30px;
	margin-top: 7px;
	font-size: 0;
	background: url('../img/ico-magnifier.png') center center no-repeat;
}
input[type="submit"].search-button:hover{
	background: url('../img/ico-magnifier.png') center center no-repeat; 
}
.slideshow-wrap{
	
}
#slideshow{
	margin-top: 30px;
	height: 400px;
	background: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.slide{
	width: 100%;
	margin-top: 15px;
}
.slide .text{
	color: #fff;
	padding :30px;
	height: 400px;
	margin-left: 15px;
	margin-right: -15px;
	overflow: hidden;
	background: #d78113;
}
.slide .text-content {
	height: 320px;
	overflow: hidden;
}
.slide .image{
	height: 400px;
	overflow: hidden;
}
.slideshow-shadow{
	float: left;
	width: 100%;
}
.slideshow-shadow img{
	width: 100%;
}
#slideshow-pager{
	position: absolute;
	z-index: 999;
	left: 15px;
	bottom: -15px;
	padding: 10px 30px;
	background: #ccc;;
}
#slideshow-pager span{
	display: block;
	float: left;
	margin-left: 10px;
	width: 18px;
	height: 18px;
	font-size: 0;
	background: #fff;
	cursor: pointer;
}
#slideshow-pager span:first-child{
	margin-left: 0;
}
#slideshow-pager span.cycle-pager-active{
	background: #f08300;
	border: 1px solid #fff;
	box-shadow: 0 0 5px #fff inset;
	-webkit-box-shadow: 0 0 5px #f08300 inset;
	-moz-box-shadow: 0 0 5px #f08300 inset;
}

.main{
	padding: 0 0 30px;
	
}
.company-intro{
	height: 519px;
	overflow: hidden;
	margin-bottom:10px;
	background:#fff ;
	}

.video-link{

	height: 209px;
	margin: 0 0 30px;
	text-align: center;
	box-shadow: 0 0 5px #b8b8b8;
	-webkit-box-shadow: 0 0 5px #b8b8b8;
	-moz-box-shadow: 0 0 5px #b8b8b8;
}
.video-button{
	display: inline-block;
	padding: 10px 30px;
	margin: 40px 0 0;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 0 #181818;
	text-align: center;
	text-transform: uppercase;
	background: rgba(109,109,109,0.66);
	box-shadow: 0 0 30px rgba(0,0,0,0.3)  inset;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3)  inset;
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.3)  inset;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.video-button:hover{
	box-shadow: none;
	color: #fff;
	text-decoration: none;
}
.video-button span{
	display: block;
	float: right;
	width: 36px;
	height: 30px;
	margin-left: 10px;
	background: url('../img/ico-video.png') center center no-repeat;
}

.icon-links{
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}
.icon-links li{
	display: block;
	margin: 0 0 15px;
}
.icon-links .icon{
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: 3px;
}
.icon-links a{
	display: block;
	margin-left: 40px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #ccc;
	background: #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.product-catalog-wrap{
	height: 280px;
	overflow: hidden;
	margin: 0 0 30px;
	padding: 15px 15px 15px 30px;
	background: #d78113;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.product-catalog{
	color: #fff;
	padding-right: 40px;
	background: #d78113 url('../img/ico-document.png') right top no-repeat;
}
.product-catalog .button{
	background: #ccc;
	text-shadow: 0 -1px 0 #ccc;
}
.news-box-wrap{
	height: 280px;
	overflow: hidden;
	margin: 0 0 30px;
	padding: 15px 15px 15px 30px;
	background: #d78113;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.news-box{
	padding-right: 40px;
	color: #fff;
	background:#d78113 url('../img/ico-news.png') right top no-repeat;
}
.news-box .item{
	display: inline-block;
	margin: 0 0 15px;
	width: 100%;
}
.news-box .date{
	float: left;
	width: 40px;
	height: 40px;
	padding: 5px;
	margin-right: 15px;
	line-height: 15px;
	text-align: center;
	text-shadow: 0 -1px 0 #ccc;
	background: #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.news-box a{
	color: #fff;
}

.col-xs-12{background:#fff;margin-top:10px;}


@media only screen and (max-width: 1024px) {
    .ds {
        display:none;
    }
}
.products-box{
	position: relative;
	padding: 30px;
	margin: 0 0 30px;
	background: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.products-box .label{
	position: absolute;
	left: 10px;
	top: -10px;
	display: block;
	width: 61px;
	height: 81px;
	background: url('../img/label-star.png') no-repeat;
}
.products-box .item{

	display: block;
	padding: 20px;
	margin: 0 0 30px;
	text-align: center;
	color: #f08300;
	box-shadow: 0 0 5px #b9b9b9;
	-webkit-box-shadow: 0 0 5px #b9b9b9;
	-moz-box-shadow: 0 0 5px #b9b9b9;
	border: 1px solid #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.products-box .item:hover{
	background: #f08300;
	color: #fff;
	text-decoration: bold;
}
.products-box .item .name{
	margin: 0 0 20px;
	height: 40px;
	overflow: hidden;
	text-transform: none;
}

.products-list .item{
	display: inline-block;
	width: 100%;
	height: 270px;
	overflow: hidden;
	padding: 20px;
	margin: 0 0 30px;
	text-align: center;
	color: #f08300;
	box-shadow: 0 0 5px #e8e8e8;
	-webkit-box-shadow: 0 0 5px #e8e8e8;
	-moz-box-shadow: 0 0 5px #e8e8e8;
	border: 1px solid #f0f0f0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.products-list .item:hover{
	text-decoration: none;
	box-shadow: 0 0 10px #ccc;
}
.products-list .item .name{
	margin: 0 0 20px;
	height: 40px;
	overflow: hidden;
	text-transform: none;

	
}
.standard-products{
	background: url('../img/spacer-grey.png') left bottom repeat-x;
}
.customized-products h2{
	margin: 30px 0 30px 15px;
}
.standard-products h2, .products-box .row:first-child h2{
	margin-left: 80px;
	margin-bottom: 30px;
}
.product-single .top{
	margin-bottom: 30px;
}
#product-images{
	text-align: center;
}
.product-single .product-image{
	margin-bottom: 30px;
}
.product-single .product-details{

	padding: 30px;
	background: #FFFFF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.product-single .name{
	padding-right: 30px;
}
.product-single .print{
	display: block;
	float: right;
	margin-right: -30px;
	width: 22px;
	height: 20px;
	background: url('../img/ico-printer.png') no-repeat;
}
#view-big-img{
	display: block;
	text-align: center;
	margin: 0 0 20px;
}
#view-big-img span{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: url('../img/ico-magnifier-orange.png') no-repeat;
}
#slideshow-thumbs a{
	margin-right: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;
}
.cycle-pager-active{
	box-shadow: 0 0 5px #acacac;
	-webkit-box-shadow: 0 0 5px #acacac;
	-moz-box-shadow: 0 0 5px #acacac;
}


.events-box{
	position: relative;
	padding: 30px 30px 30px 80px;
	margin: 0 0 30px;
	color: #fff;
	background: #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.events-box .label{
	position: absolute;
	left: 10px;
	top: -10px;
	display: block;
	width: 61px;
	height: 81px;
	background: url('../img/label-calendar.png') no-repeat;
}
.events-box .item{
	color: #fff;
	display: block;
	margin: 0 0 10px;
}
.events-box .date, .events-box .place{
	padding-right: 15px;
}


.trail{
	padding: 5px 0 15px;
	margin: 0 0 30px;
	background: url('../img/spacer-gradient.png') left bottom no-repeat;
}
.trail a{
	color: #000;
}
.trail .current{
	color: #f48221;
}

.link-list-heading{
	padding: 10px;
	position: relative;
	background: #e7e7e7;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.link-list-heading.heading-news,
.link-list-heading.heading-products,
.link-list-heading.heading-events{
	padding-left: 60px;
	margin-bottom: 40px;
}
.link-list-heading .label{
	position: absolute;
	left: 0;
	top: -10px;
	display: block;
	width: 61px;
	height: 81px;
}
.link-list-heading.heading-news .label{
	background: url('../img/label-news.png') no-repeat;
}
.link-list-heading.heading-products .label{
	background: url('../img/label-star.png') no-repeat;
}
.link-list-heading.heading-events .label{
	background: url('../img/label-calendar.png') no-repeat;
}
.link-list{
	margin: 0 0 30px;
	list-style: none;
	padding: 0;
	background:#fff;
}
.link-list h3{
	font-size: 100%;
	font-weight: normal;
}
.link-list a{
	display: block;
	padding: 5px 10px;
	color: #000;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.link-list a.current{
	text-shadow: 0 0 1px #fff;
	background: #e7e7e7;
}
.submenu{
	display: none;
	list-style: none;
	padding: 0 0 0 20px;
}
html[lang="ZH"] .submenu{
	display: list-item;
}
.current-parent > .submenu{
	display: list-item;
}
.news-list a{
	padding: 10px 20px;
	background: #e7e7e7;
	border:none
}
.news-list .date{
	font-weight: 700;
	width:75px;
	display: inline-block;
}
.news-list .spacer{
	padding: 0 20px;
}
.news-list a:hover{color:
#fff;
background: #f08300;
	text-decoration: none;

	
}
.pagination{
	margin: 30px 0;
	padding: 30px 0 0;
	width: 100%;
	text-align: center;
	background: url('../img/spacer-gradient-center.png') center top no-repeat;
}
.pagination a{
	color: #000;
	margin: 0 5px;
}
.pagination .curPage{
	padding: 5px 10px;
	color: #fff;
	background: #f08300;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.banner{
	margin: 0 0 30px;
}
.banner img{
	max-width: 100%;
}


.careers-list{
	width: 100%;
}
.careers-list .odd{
	background: #f2f2f2;
}
.careers-list th{
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 10px 20px;
}
.careers-list h3{
	font-weight: normal;
	font-size :100%;
	margin: 0;
}
.careers-list td{
	padding: 10px;
}
.apply-job{
	margin: 0 0 30px;
}


#searchResults .item {
	padding: 10px 20px;
	background: #eee;
	margin-bottom: 15px;
	border: 1px solid #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#searchResults .item:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.searchform{
	margin: 0 0 30px;
}
.search_submit{
	margin-left: 15px;
}


footer{
	padding: 40px 0 30px;
	color: #fff;
	background:#f08300 url('../img/footer-bg.png') repeat;
}
.sitemap{
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}
.sitemap li{
	width: 45%;
	padding: 0 0 10px;
	margin: 0 0 10px;
	margin-right: 5%;
	display: inline-block;
	background: url('../img/spacer-grey-dark.png') left bottom repeat-x;
	
}
.sitemap a{
	color: #fff;
}

.toggle-search, .toggle-menu{
	display: none;
}

@media (max-width: 1200px) {
	#logo{
		margin-bottom: 30px;
	}

	}
	.res-hidden{
		display: block;
	}
	.toggle-search, .toggle-menu{
		display: block;
		float: right;
		width: 50px;
		height: 35px;
		margin-left: 5px;
	}
	.toggle-search{
		display: none;
		background: #000 url('../img/ico-magnifier.png') center center no-repeat;
	}
	.toggle-menu{
		background: #000 url('../img/ico-menu.png') center center no-repeat;
	}
	.top-buttons-res{
		padding-top: 30px;
	}
	.slide .image{
	}
	.slide .image img{
		width: 100%;
		height: 400px;
	}
	.main{
		padding-top: 30px;
	}
	.company-intro{
		margin: 0 0 30px;
		height: auto;
	}
	.quick-search{
		margin: 30px 0 0;
	}
	.video-link{
		/*width: auto;*/
		max-width: 100%;
	}
}
@media (max-width: 992px){
	header{
		padding-bottom: 30px;
	}
	input[type="text"], input[type="search"], input[type="email"], textarea{
		width: 100%;
		/*margin-right: -20px;*/
	}
	input[type="search"].search_keywords{
		width: auto;
	}
	.company-intro, .product-catalog-wrap, .news-box-wrap{
		height: auto;
		overflow: auto;
	}
}
@media (max-width: 768px){
	
	#langSelection{
		margin-bottom: 0;
	}
	.formField{ 
		/*width: 100%;*/
	}
	.top-buttons-res{
		padding-top: 0;
		margin: 0 0 30px;
		float: left;
	}
	.top-nav-res{
		top: 35px;
	}
}
@media (max-width: 500px){
	.sitemap li{
		width: 100%;
		margin-right: 0;
	}
	.search_submit{
		display: block;
		margin-left: 0;
	}
}


.ie8 .container
{
    display:table;
    width: 100%;
}
.ie8 .row
{
    height: 100%;
    display: table-row;
}
.ie8 .col-sm-4
{
    display: table-cell;
}
.ie8 .top-nav .current a{
	background: #0096cd;
}
.ie8 #slideshow-pager{
	background: #5e5e5e;
}
.ie8 .slide .image img{
	min-height: 400px;
}

#email a {color:#fff;}
.products-list {background:fff;}