/*
	ZeroFour by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

@font-face {
    font-family: Armata-Regular;
    src: url(../fonts/Armata-Regular.ttf), url(../fonts/Armata-Regular.woff), url(../fonts/Armata-Regular.eot), url(../fonts/Armata-Regular.otf);
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar h2
	{
		font-size: 1.5em;
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		padding: 2.5em 0 0 0;
		min-height:670px;
	}
	
	#header-wrapper-1
	{
		padding: 7em 0 0 0;
	}	
	

	#footer-wrapper
	{
		padding:0 3em 0 3em;
		font-size:12px;
	}

	
		#footer-wrapper .row
		{
			margin:0;

		}
		
		#footer-wrapper .row .\32 u{ width:25%; padding:0 0 0 60px;}
		#footer-wrapper .row .\32 u li.main{ font-weight:bold;}
		#footer-wrapper .row .\32 u li.sub{ list-style-image:url(../images/sub.png); margin-left:15px;} 
		#footer-wrapper .container{ margin:0 auto; padding:0;}
		
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
		#logo
		{
			display:inline-block;
			float:right;
			margin-right:30px;
			margin-top:18px;
		}
		
		#logo a
		{ margin:0;
		padding:0;
		}
	#header
	{
		position: relative;
		z-index: 10;

	}


		#header .inner
		{
			position: relative;
			height: 4.5em;
			background:url(../images/menu-bg.png) repeat;
		}
	#header-index
	{  margin:6em auto 0 auto;
		position: relative;
		top:0;
		z-index: 10;
		width:100%;
		background:url(../images/home-menu-bg.png) repeat;
		max-height:66px;	
	}
	
		#header-index .inner
		{
			position: relative;
			height: 6em;
			width:1120px;
			height:auto;
			margin:0 auto;
		}	
	#header-index #logo{ margin-top:7px;}	
	#header-index #nav{ margin-bottom:0; margin-top:0.2em; }

	#header-1
	{
		position: fixed;
		top:2.5em;
		margin:0 auto;
		z-index: 10;
		width:100%;
		background:url(../images/menu-bg.png) repeat;		
	}
	
		#header-1 .inner
		{
			position: relative;
			height: 4.5em;
			width:1120px;
			height:auto;
			margin:0 auto;
		}	
		
		#logo-1
		{
			display:inline-block;
			float:left;
			margin-left:30px;
			margin-right:30px;
			margin-top:11px;
		}
		
		#logo-1 a
		{ margin:0;
		padding:0;
		}		

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		left: 2em;
		top: 0;
		line-height: 4em;
		display: inline-block;
		margin-top:1em;
		margin-bottom:0.2em;		
	}
	
	#nav ul
	{
		margin-left: 1em;
	}	

		#nav > ul > li a.parents
		{	background: url(../images/menu-parent.png) right center no-repeat !important;
  padding-right: 15px;

		}
		
		#nav > ul > li > ul > li.menu-arrow-1 a.parents-1
		{	background: url(../images/menu-parent-1.png) right center no-repeat !important;
  padding-right: 15px;

		}		
	
		#nav > ul > li
		{
			float: left;
			padding: 0 0.8em 0 0.8em;
		}
		
			#nav > ul > li > a,
			#nav > ul > li > span
			{
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				font-family:'Armata-Regular', Arial, Helvetica, sans-serif;
				font-size: 0.95em;
				letter-spacing: 0.075em;
				padding: 0.5em 0.8em 0.5em 0.8em;
				border-radius: 6px;
				outline: 0;
			}

				#nav > ul > li.active > a,
				#nav > ul > li.current_page_item > a,
				#nav > ul > li.active > span,
				#nav > ul > li.current_page_item > span
				{
					background: rgba(0,0,0,0.15);
  padding-right: 15px;
					box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.025), 1px 1px 0px 0px rgba(255,255,255,0.025);
					font-family:'Armata-Regular', Arial, Helvetica, sans-serif;
					font-weight:800;
					color: #0080bb;
				}
				
				#nav > ul > li.active > a,
				#nav > ul > li.active > span,
				#nav > ul > li.current_page_item > span
				{
					background: url(../images/menu-parent.png) right center no-repeat;
  padding-right: 15px;
					box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.025), 1px 1px 0px 0px rgba(255,255,255,0.025);
					font-family:'Armata-Regular', Arial, Helvetica, sans-serif;
					font-weight:800;
					color: #0080bb;
				}				

			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

		#nav > ul > li > ul
		{
			display: none;
		}

	.dropotron
	{
		position: relative;
		background-color: #3B3E45;
		background-color: rgba(59,62,69,0.9);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0)), url('images/bg02.png');
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0)), url('images/bg02.png');
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0)), url('images/bg02.png');
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0)), url('images/bg02.png');
		background-image: linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0)), url('images/bg02.png');
		border-radius: 8px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), inset 0px 2px 1px 0px rgba(255,255,255,0.2), 0px 2px 14px 0px rgba(0,0,0,0.4);
		text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
		padding: 0.2em 1.5em ;
		line-height: 2em;
		min-width: 15em; z-index:100;
	}

		.dropotron.level-0
		{
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			margin-top:15px;
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), 0px 2px 14px 0px rgba(0,0,0,0.4);
			
		}

		.dropotron.level-1
		{   margin-left: 0 !important;
		
			
		}		
		
		.dropotron a,
		.dropotron span
		{
			color: #aaa;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 0.8em;
			letter-spacing: 0.07	5em;
			outline: 0;
		}
		
		.dropotron li:hover > a,
		.dropotron li:hover > span
		{
			color: #fff;
		}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		width:100%;
		margin: 0 auto;
		padding: 0 0 6em 0;
		position:absolute;
		top:15px;
	}
	
		#banner h2
		{
		}
		
		#banner p
		{
			float: left;
			text-align: right;
			width: 60%;
			line-height: 1.5em;
			margin: 0;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
	}
	
/*********************************************************************************/
/* Homepage 3 box                                                                          */
/*********************************************************************************/
	
	.box-wrapper{ margin-top:40px;}
	
	
	.box-wrapper .\34 u { width:32%; height:auto; margin:0px; padding:0 0 0 20px;line-height:normal;}
	.box-wrapper .first-box { margin-left:33px !important;line-height:normal;}
	.box-wrapper .title {padding:15px 5px 15px 5px; font-size:25px; color:#fff; margin:-5px 0 0 0; text-align:center; background: url(../images/bg-h2.jpg) center bottom no-repeat}	
	.box-wrapper .\34 u p {padding:12px 5px 0px 5px;  line-height:1.75em; text-align:center; color:#b4b4b4;}
	
	.box-wrapper .button-more-1{margin:0 auto; text-align:center; display:block; padding:0; margin-top:20px;
}

	.box-wrapper .button-more-1 a{background: #f0f0f0;
color: #000;
display: inline-block;
font-size: 12px;
line-height: 10px;
padding: 8px 10px;border-radius: 4px;
}

	.box-wrapper .button-more-1 a:hover{background: #666;
color: #000;
}		
	
	.box
		{
		padding: 2.75em 1.75em 0 1.75em;
		}
		
	.box .image-full
			{
				left: 1.75em;
				top: 1.75em;
				margin: -4.5em 0 4.25em -3.5em;
			}
			
	img.product{width:100%; height:auto; padding:0; margin:0;}
			
	.divider{padding:0px; width:100%; height:auto;margin: 0px;}
	
	.divider img{width:100%; height:auto;}					
	
.wrapper h2 {
font-size: 2em;
letter-spacing: normal;
text-align: center;
padding: 15px 0 0 0;
margin: 0 auto !important;
color: #FFF;
/* line-height: 1.1em; */
}	

h1.title {
font-size: 2em;
letter-spacing: normal;
text-align: center;
padding: 15px 0 0 0;
margin: 0 auto !important;
color: #FFF;
/* line-height: 1.1em; */
}	
 .news#main_wrap.container  h1.title { padding:50px 0 0 50px;}
.wrapper .text1 {
font-style: italic;
padding: 10px 0;
color: #b4b4b4;
}

.wrapper p{
color: #b4b4b4;
}

/*********************************************************************************/
/* Banner 1 left                                                                       */
/*********************************************************************************/			
.block-container {
background: url(../images/divider-left.jpg) 240px 30px no-repeat;
margin: 0;
padding: 0;
}					
.div-list {
text-align: right;
}
.span2 {
width: 215px;
float: left;
min-height: 1px;
margin-right:30px;

}

	.box-wrapper-1{ width: auto; height:auto; float:right; padding:0; }	
	.box-wrapper-1 .block-indent{ width: 400px; display: block;}
	.box-wrapper-1  .\35 u{ width:47% !important; margin-top:70px; padding:0;}
	.box-wrapper-1 .row>*{ padding-left:60px;}
	.box-wrapper-1 .row:after{ margin:0 !important; padding:0 !important; }
	
.box-wrapper-1 h2.title {
color: #fff;
font-size: 26px;
text-align:left;
padding-left:15px;
}


.block-indent .extra-wrap {
padding: 4px 0 0 0;
display: inline-block;
float:left;
width:45%;
margin: 0 0 0 8px; text-align:left;}

#main-wrapper h3 {
color: #fff;
margin-bottom: 10px;
font-size: 19px;
margin-top:0;
}

#main-wrapper h4 {
color: #fff;
margin-bottom: 10px;
font-size:26px;
margin-top:0;
  line-height: 1em;
}


.block-indent .extra-wrap h3{
	text-align:left;
	margin:0;
	padding:0;
	font-size:20px;
}

.block-indent .img-polaroid-1 {
float: left;
margin: 0 10px 15px 0;
display: inline-block;
}

.block-indent .extra-wrap p{
margin-bottom: 18px;
text-align:left;
display:block;
line-height:normal;
}

.button-more a {
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 10px;
padding: 8px 10px;
border-radius: 4px;
}

.extra-wrap p{ color:#b4b4b4;}
	
.extra-wrap .button-more{ text-align:left; margin:0 auto; padding:0; margin-top:15px;}

.extra-wrap .button-more a{
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 10px;
padding: 8px 10px;border-radius: 4px;
}



.extra-wrap .button-more a:hover{background: #666;
color: #fff;
}

figure.img-polaroid-1 {
display: inline-block;
margin: 0 0 15px 0;
}

.extra-wrap h3 {
font-size: 14px;
line-height: 1em;
text-transform: uppercase;
color: #ffffff;
display: block;
}
.list {
display: inline-block;
overflow: hidden;
margin: 40px 0 0 0;
}
.list li {
display: block;
overflow: hidden;
margin: 0 0 0 0;
padding: 5px 30px 5px 0;
background: url(../images/bg-list.png) right 6px no-repeat;
font-size: 15px;
line-height: 20px;
border-bottom:1px dashed #333; color:#b4b4b4;}
	
.clear{clear:both;}	
#clear{clear:both;}

/*********************************************************************************/
/* footer                                                                       */
/*********************************************************************************/		
	h1{font-size:10px; margin:0 auto; text-align:center;  color: #5d5d5d; letter-spacing:0.2em;}
	
	.keywod, h1.keyword, h2.keyword, h3.keyword, h4.keyword, h5.keyword{font-size:10px; margin:0 auto; text-align:center;  color: #5d5d5d; letter-spacing:0.2em;}
	
	
	
/*********************************************************************************/
/* About Us                                                                       */
/*********************************************************************************/		
.content-center {margin: 0 auto; width: 1120px;}
#main_wrap { float: left; margin-left: 0; }

#main_wrap.container .row .\35 u img.about-1{ width:100%; height:auto; padding-top:60px;}
#main_wrap.container .row .\35 u img.about-2{ width:100%; height:auto; padding-top:15px;}

#main_wrap.container h3	{ font-size: 2em;	margin:0; color: #fff; display:inline-block;}

.row.founder{width:auto;margin:0; padding:0;}

.row.founder .\37 u{margin:0; padding:0;}

.founder-bg{width:auto; }
.founder-msg{ margin-top:15px;}
.founder-text-col1{ padding:0 60px 0 0; text-align:justify;}
.founder-text-col1 p{color: #b4b4b4 !important; }

.row .\34 u.factories{ width:auto; padding:30px 25px 0 0px !important;}
.row .\34 u.factories-last{ width:auto; padding:30px 0px 0 0px !important;}
.row.company-img img {padding:0 0 0 50px !important; width:70%; height:auto; margin:0 auto; text-align:center;}
.row.founder .\35 u.founder-img{padding:0 !important; margin:0 !important;}
.row.founder .\35 u.founder-img img{padding:0 !important; margin:0 !important; width:100%; height:auto;}

.row .market-img{padding:30px 0px 0 50px !important; margin:0 !important;}

.row .team-img{padding:30px 0 0 50px;}




/*********************************************************************************/
/* Product Slider                                                                  */
/*********************************************************************************/	

 .logo-overview { margin:0 auto; text-align:center;}

 .logo-overview .slider-box{ float:left; width:190px; height:160px; margin-right:13px; margin-bottom:20px;} 
 
  .logo-overview .slider-box:last-child{ margin-right:0;} 
 
  .logo-overview .slider-box img{ width:190px; height:160px; } 
  
  .slider-box { cursor: pointer;
float:left;
height:220px;
margin:0 20px 20px 0;
overflow:hidden;
position:relative;
width:220px;
}
.slider-box.nomargin {
margin:0 0 20px;	
}
.slider-box .logo-slider { -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
left:0;
position:absolute;	
top:0;  display: block;
}
.slider-box a {

cursor:auto;
padding:0;display:block;
margin:0;
}
.slider-box a .logo-slider {
/**/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  display: block;
}
.slider-box:hover .logo-slider{left:-220px;}
/*.slider-box a:hover .logo-slider,.collection a:active .logo-slider,.collection a:focus .logo-slider {left:-220px;}*/
.product-sub-title{  padding:0; margin-top:20px; font-size:22px; text-align:left; width: 100%;} 


.\39 u.product-left{ width:73% !important; margin:0 ; padding:20px 0 0 0; float:left;}
.product-info-right{ margin:0 ; padding:20px 0 0 40px;}

.product-right{ margin:0 ; padding:20px 0 0 50px;}
.product-info-left{ margin:0 ; padding:20px 0 0 40px;}

img.imagefull{ width:100%;height:auto;}



.product-code{font-size:1.5em; color: #0080bb; }
.\33 u.product-title{ width:27% !important;  font-size: 2em;  margin: 0 auto;  color: #fff;  text-align:left; padding:30px 10px 0 50px !important;}

.m-logo-overview { display:none;}




/*********************************************************************************/
/* Log in layout   */
/*********************************************************************************/	

.logout{ float:right; display:inline-block;padding: 30px 10px 0 0; }
.logout a{color:#0080bb;}

.data .even {background-color:#16161c;
}
	table.data{  margin: 0 50px 50px 50px; width: 1024px;}
  
	table.data-1{  margin: 0 50px 50px 0; width: 1024px;}  
	
	table tr td{ padding:5px 0;}
	  
  .pagination {
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  padding: 5px 0px;
  background-color: #000000;
  display:inline-block;
  margin:0 50px;
  width:1024px;
}
.pagination .pager {
  display: inline-block;
}

.pagination a.current {
  color: #FF7506;
}

.pagination a {
  padding: 0px 5px;
  color: #b4b4b4;
}
.sorting {
  margin-bottom: 3px;
    display: block;
	width:100%;
	padding:10px 0 10px 50px;
}

.label-1{ width:150px; color:#FFF; font-weight:700;}
.label-2{ display:none;}
.innerError{ color:#F00; padding:10px 0;}
.label-3{ color:#F00;}

.example6{font-weight:700; color:#FFF; padding:0 5px;}
.example6:hover{ font-weight:700; color: #999; padding:0 5px; text-decoration:underline;}

.label-text { width:200px;}





/*********************************************************************************/
/* Contact Us                                                                  */
/*********************************************************************************/	

			.companyname{ color:#0080bb; font-size:1.3em;}
			.companyname span{ font-size:0.6em;}
			.chinese img {width: auto !important; height:auto; padding:0 !important; padding-top:}
			.enquiry { color:#FFF; margin-top:3em;}
			
			
/*********************************************************************************/
/* Catalog                                                                */
/*********************************************************************************/				
.row .\33 u.catalog img{ width:100%; height:auto; border:4px solid #FFF;}	
.row .\33 u.catalog a:hover img{ opacity:0.8; }			
.catalog-name{ font-size:18px; padding-bottom:10px;}
.download-bullet{ background:url(../images/list-subtitle.png) no-repeat left center; padding-left:2em;}
.download-bullet a{ text-decoration:none;}
.download-bullet a:hover{ text-decoration:underline;}

/*********************************************************************************/
/* events                                                              */
/*********************************************************************************/				
.row .\36 u{ padding:0 0 0 50px !important;}
.row .\35 u.events{ padding:0 0 0 50px !important; margin:0 !important;}
.row .\35 u.events img{ width:100%; height:auto;}
.row .\37 u.events-info{ font-size:18px; }	
.gallery-name{ font-size:18px; padding-bottom:10px;}
.gallery{ width:auto; height:auto; padding:0 0 0 50px !important; }
			
.row .product a{ margin:0 !important; padding:0 !important}			
.row .product{ margin:0 !important; padding:0 !important}