/* 
html5doctor.com Reset Stylesheet
v1.2 
2009-07-15
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption article, aside, dialog, figure, footer, header, hgroup, menu, section, menu, time, mark, audio, video, source {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	vertical-align: baseline;
	background: transparent;
}
article, aside, dialog, figure, footer, header, hgroup, menu, section, menu {
	display: block;
}
section, header {
	
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
/*tables still need 'cellspacing="0"' in the markup*/
.bg {
	background: #999999;
	font: Arial, Helvetica, sans-serif;
}
.fleft {
	float: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select {
	vertical-align: middle;
}
.clear {
	clear: both;
	height: 0px;
}
h1, h2, h3, h4, h4, h6 {
	margin: 0px;
	padding: 0px;
}
/** Generated by FG **/

body{ margin:0px; padding:0px;  font-family: 'Open Sans', sans-serif;  font-size:14px; color:#333;   } 
.email_txt{ color:#fff; text-align:right; padding-top:10px;}
.email_txt span{ padding:5px;}
.top_section{ -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; background-color:#FFF; margin-top:30px; margin-bottom:30px;}
.clr{ clear:both}
.logo{ padding:10px;}
.top_pndg_30{ padding-top:30px;}
.title{ font-size:18px; color:#333333; padding-left:15px; background-color:#f2f2f2; line-height:43px; border-top:3px solid #ff7800 }
.title span{ color:#ff7800; font-weight:bold;}
.prd_menu{ margin-top:10px;}
.prd_menu ul{ margin:0px; padding:0px;}
.prd_menu ul li{ float:none; font-size:13px; background-image:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position:left top;  list-style:none; padding-left:20px;
 padding-top:13px; padding-bottom:14px;  }
 .prd_menu ul li a{ color:#333; text-decoration:none;}
  .prd_menu ul li a:hover{ color:#ff7800; text-decoration:none;}
  
  .product_list{margin-top:10px;}
  .product_list ul{ margin:0px; padding:10px 0px 0px 0px;}
.product_list ul li{ list-style:none; font-size:13px; background-image:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position:left top;  list-style:none; padding-left:00px;
 padding-top:0px; padding-bottom:1px;   }
 .product_list ul li a span { padding-left:20px; }
.product_list ul li a {  color:#333; line-height:44px; font-size:15px; font-family: 'Open Sans', sans-serif;  position: relative;  display: block; text-decoration: none;  }
.product_list ul li a:hover{ background-image:url(../images/menu_h.jpg); background-repeat:no-repeat; background-position:left center;  line-height:44px; color:#FFF;}
  
  
 .pnd_top_20{ padding-top:10px; text-align:justify}
 .mrgn_top_30{ margin-top:30px;}
 .name{ background-color:#FFF; border:1px solid #f1f1f1; width:100%; line-height:30px; font-size:13px; color:#999; padding-left:10px; margin-top:10px;}
 .send_btn a{ background-color:#ff7800; text-align:center; font-size:14px; color:#FFF; margin-top:10px; line-height:28px; width:77px; 
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; margin-bottom:30px; padding:5px 10px;}
.send_btn a:hover{ background-color:#333; text-align:center; font-size:14px; color:#FFF; margin-top:10px; line-height:28px; width:77px; 
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; margin-bottom:30px; text-decoration:none }
.title_2{ background-color:#444343; line-height:42px; color:#FFF; font-size:18px; padding-left:10px;  } 
.sub_txt{ font-size:13px; padding:10px;}
.application_part{ background-color:#f8f8f8; border-bottom:2px solid #444343; }
.pnd_top_20 p{ line-height:23px;}
.pnd_top_btm_20{ padding-top:10px; padding-bottom:20px;}
.follow_us{ background-color:#f4f4f4; text-align:center; font-size:18px; color:#333333;
 -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:10px; margin-top:30px;
}
.follow_us span{ color:#ff7800;}
.social_icn{ width:150px; margin:0px auto; padding-top:10px;}
.s_icon{ float:left; padding-right:5px;}
.app_menu{}
.app_menu ul{ margin:0px; padding:8px 20px; }
.app_menu ul li{ font-size:14px; color:#585858; padding-left:20px; line-height:27px; list-style:none; background-image:url(../images/app_icn.png); background-repeat:no-repeat; background-position:0px 9px;   }
.packing{}
.packing ul { margin:0px; padding:10px 20px;}
.packing ul li { list-style:none; background-image:url(../images/packing_icn.jpg); background-repeat:no-repeat; line-height:27px; padding-left:20px; background-position:0px 10px;  }
.faq_part{ text-align:left; line-height:30px; font-size:14px; padding:20px;}
.prd_range{ text-align:center; font-size:24px; color:#333333; padding-bottom:20px;}
.org_clr{ color:#ff7800; font-weight:bold}

.prd_menu2{padding-top:00px; border-top:4px solid #ff7800; }
.prd_menu2 ul{}
.prd_menu2 ul li{ list-style:none;   }
#home-page-tabs > li {
	margin-bottom: 0;
}
#home-page-tabs {
	border: none;
	background: none;
}
#home-page-tabs > li + li {
	margin-left: 1px;
	line-height:30px;
}
#home-page-tabs > li {
	margin-bottom: 0;
}
#home-page-tabs > li a {
	background: none;
	border: none;
	color: #333;
	font-size:14px;
	margin: 0;
	outline: none;
	border-radius:0px;
	
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	line-height:36px;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
}
#home-page-tabs > li.active a,  #home-page-tabs > li a:hover {
	background: #ff7800;
	color: white;
	cursor:pointer;
	
}
#home-page-tabs > li.active a:after,  #home-page-tabs > li a:hover:after {
	border-color: #ff7800 transparent transparent transparent;
	border-style: solid;
	border-width: 9px 8px 0 8px;
	bottom: -8px;
	content: '';
	height: 0;
	left: 46%;
	position: absolute;
	width: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
.product_img_part{ margin-top:20px;}
.product_img_part a{ color:#fff;}
.product_img_part a:hover{ color:#333;}
.product_1{ width:212px; float:left; margin-right:22px; background-image:url(../images/prd_bg.jpg); background-repeat:no-repeat; background-position:left top; min-height:185px; text-align:center; margin-bottom:20PX; }
.product_in{ width:150px; float:left; margin-right:19px; background-image:url(../images/prd_bg_in.jpg); background-repeat:no-repeat; background-position:left top; min-height:131px; text-align:center; margin-bottom:20PX; }
.product_in a{ color:#FFF;}
.product_in a:hover{ color:#000;}
.prd_top_pnd_43{ padding-top:43px;}
.prd_top_pnd_25{ padding-top:25px;}
.prd_top_pnd_12{ padding-top:12PX;}

.product_2{ width:400px; float:left;  background-image:url(../images/big_bg2.jpg); background-repeat:no-repeat; background-position:left top; min-height:353px; text-align:center; margin-right:10px;  }
.product_box{width:400px; float:right; margin-left:20px; margin-top:10px;}
.pnd_top_5{ padding-top:5px;}


.xoverlay {
	position: relative;
	overflow: hidden;
	perspective: 300px;
	-webkit-perspective: 300px;
	-ms-perspective: 300px;
	-o-perspective: 300px;
}
.x-bottom .xoverlay-box {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -500px;
	background: #000;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	
	padding-top: 25px;
	text-align: left;
}
.x-bottom:hover .xoverlay-box {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ff7800;
	font-size: 15px;
	color: #FFF;
	text-align: left;
	-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
font-weight:bold;
	
}
.txt_size{ font-size:30px;}
.txt_pndg{ padding-top:50px; text-align:center}
.txt_pndg2{ padding-top:10px; text-align:center; font-size:13px; font-weight:normal;}
.ftr_bg{ background-color:#ff7800; margin-top:30px; }
.ftr_menu{  width:418px; margin:0px auto; padding-top:10px;}
.ftr_menu ul{ padding:0px; margin:0px;}
.ftr_menu ul li{ float:left;  list-style:none; color:#FFF; padding:5px 10px; font-size:14px; background-image:url(../images/sep_img.jpg); background-repeat:no-repeat; background-position:right center;}
.ftr_menu ul li a{ color:#FFF; text-decoration:none}
.ftr_menu ul li a:hover{ color:#333; text-decoration:none}
.copright{ text-align:center; background-image:url(../images/copright_bg.jpg); background-position:bottom center; background-repeat:no-repeat; color:#FFF; line-height:30px; margin-top:10px;}
.f_right{ float:right}
.sep{ margin-right:1px;}
.body_bg{ background-image:url(../images/body_bg2.1.jpg); background-repeat:repeat-x; background-position:left top;}
.cover_bg{ background-image:url(../images/body_bg1.jpg); background-repeat:no-repeat; background-position:center top;}

.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	 padding: 0;
    position: relative;
    text-align: center;
	
    z-index: 77;
	
	height:51px;
	
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	
	text-indent:-9999px;
	border:0;
	margin: 19px 2px;
	
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -24px;
	
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}
.subject_txt_scrl{  float:left; width:680px; text-align:left; padding-left:10px;}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 10px solid #1d5a90;
	margin-top:17px;
	float:left;
}
.name_fild{ line-height:30px;}
.fild_txt_box{ width:80%; line-height:30px; border-radius:5px; border:1px solid #CCC; padding-left:10px;}
.color{ color:#F00}
.form_box {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 3px 0 #999;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0 auto;
    padding: 20px;
   
}
.form_box h2 {
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    line-height: 50px;
    margin: 0;
    padding: 0;
	font-size:15px;
	text-align:center;
	
}
.pnd_top_10{ padding-top:10px;}
.pnd_top_10 label { font-weight:normal;}

.details tr td { padding:5px; border:1px solid #CCC; }
.color2{ color:#fff; text-align:center; font-size:15px; background-color:#ff7800;}
.rw1_bg{ background-color:#f3f3f3}
.tbl tr td{ padding:3px;}
.silicagel_pet{ border:1px solid #CCC; border-radius:20px 0px 20px 0px; padding-top:10px;}
.title_in{ font-size:13px; padding-bottom:10px; padding-top:10px;}
.txt_pnd_auto{ padding-left:40px; padding-right:40px;}
.txt_pnd_auto2{ padding-left:20px; padding-right:20px;}
.txt_pnd_auto3{ padding-left:40px; padding-right:40px;}
.big_bg{ background-image:url(../images/big_bg.jpg); background-repeat:no-repeat; background-position:top center; width:265px; min-height:259px; margin:10px 0px 0px 00px;}
.arw_part {
	width: 60px;
	float:right;
	margin-top:10px;
}
.arw_right {
	background-color: #006da5;
    color: #fff;
    float: left;
    margin-left: 0px;
    margin-top: 160px;
    position: absolute;
    z-index: 999;
	width:20px;
	text-align:center;
}
.arw_lft {
	width:20px;
	text-align:center;
	background-color: #006da5;
    color: #fff;
    float: right;
    margin-left: 379px;
    margin-top: 160px;
    position: absolute;
    z-index: 999;
}
.arw_lft a {
	background-color: #006da5;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 20px;
	line-height: 16px;
	width: 19px;
	font-size: 17px;
	
	float: left
}
.arw_lft a:hover {
	background-color: #f8852a;
	color: #FFF;
	text-decoration: none;
}

.arw_right a {
	background-color: #006da5;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 20px;
	line-height: 16px;
	width: 19px;
	font-size: 17px;
	
	float: left
}
.arw_right a:hover {
	background-color: #f8852a;
	color: #FFF;
	text-decoration: none;
}

#carousel_inner {
float:left; /* important for inline positioning */
width:100%; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;
position:relative;
}

#carousel_ul {
position:relative;
left:0; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
width:9999px; /* important */
padding:0px;

}

#carousel_ul li {
    border: 1px solid #eeeeee;
    float: left;
    height: auto;
    margin: 56px 9px 0 11px;
    min-height: 310px;
    padding: 0;
    width: 262px;
	border-radius:5px;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
padding:0px;
margin:0px;
}
#left_scroll, #right_scroll{
float:left; 
margin-right:10px;
padding:0px;

}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
padding:93px 0 0 12px;
margin:0px;

}

/* slider_2 start */
@charset "utf-8";
/* CSS Document */

#carousel_inner2 {
float:left; /* important for inline positioning */
width:100%; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;
position:relative;
}

#carousel2_ul {
position:relative;
left:0; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
width:9999px; /* important */
padding:0px;

}

#carousel2_ul li{
float: left; /* slideshow image height and width */                                    
width:auto;  
padding:0px;
height:auto;
margin:0px;

}

#carousel2_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
padding:0px;
margin:0px;
}
#left_scroll, #right_scroll{
float:left; 
margin-right:10px;
padding:0px;

}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
padding:93px 0 0 12px;
margin:0px;

}
/* slider_2 end */

/* slider_3 start */
@charset "utf-8";
/* CSS Document */

#carousel_inner3 {
float:left; /* important for inline positioning */
width:100%; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;
position:relative;
}

#carousel3_ul {
position:relative;
left:0; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
width:9999px; /* important */
padding:0px;

}

#carousel3_ul li{
float: left; /* slideshow image height and width */                                    
width:auto;  
padding:0px;
height:auto;
margin:0px;

}

#carousel3_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
padding:0px 0px 0px 00px;
margin:0px 10px 0px 10px;
border:3px solid #f1f1f1;

}
#left_scroll, #right_scroll{
float:left; 
margin-right:10px;
padding:0px;

}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
padding:93px 0 0 12px;
margin:0px;

}
.tec_logo_img{ text-align:center !important; border:3px solid #f1f1f1; padding:10px;}
/* slider_3 end */
.page_img img{ float:right !important;}


/*.box_part{ margin-top:20px; margin-left:20px;}*/
	
#carousel_inner2 a{ color:#FFF;}
#carousel_inner2 a:hover{ color:#000;}

.zoom_img{ text-align:center; padding-top:15px;}

/*! fancyBox v2.0.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background: url('../images/fancybox_loading.gif');
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('../images/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-position: 0 -36px;
}

.fancybox-next span {
	background-position: 0 -72px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
}

.fancybox-prev:hover span {
	left: 20px;
}

.fancybox-next:hover span {
	left: auto;
	right: 20px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.error-text-input{ border:1px solid #ff0000 !important;}
.css_verify_code{width:90%;}
.css_verify_code_side{width:80%;}
@media (max-width: 468px) {
.css_verify_code{width:100%;}
.css_verify_code_side{width:100%;}
}
.pnd_lft_20{ padding-left:20px;}