@charset "utf-8";
/* CSS Document Edit By DOME.CU.CC */

@font-face {
font-family: 'WhitneyK-Light';
src: url('../font/WhitneyK-Light.eot'); /* EOT file for IE */
}
@font-face {
font-family: 'WhitneyK-Light';
src: url('../font/WhitneyK-Light.ttf') format('truetype');/* TTF file for CSS3 browsers */
}

/* Reset () */
<!--body, div, span, p, ul, li, img, a { margin: 0; padding: 0; border: 0;}-->

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;padding:0;border:0;outline:0;background:transparent}
body {
	line-height:1;
	background-color:#00344a;
	background-image:url(../images/BG_01.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	margin:0 auto;
}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}

a { text-decoration:none; border:0px; }

.clear { clear:both; }

/*/////////////////////////  base ////////////////////////////////*/

#pageWrapper {
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	width:100%;
	height:67px;
}
#Wrapper {
	
}
#container {
	width:100%;
	height:auto;
}
#container2{
	width:100%;
	height:auto;
}



.head_text_oem{
	font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#0083ab; line-height:30px;}
.text_oem{
	font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#3d3d3d; line-height:20px; width:470px;}

/*/////////////////////////  Header ////////////////////////////////*/
.languge_btn {
	position:relative;
	right:40px;
	float:right;
	width:115px;
	
	line-height:66px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.languge_btn a img {
	margin-left:5px;
	margin-bottom:-3px;
}


#headerall{
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	width:100%;
	height:66px;

}
.box_logo{ 
	width:209px;
	margin:0 0 0 50px;
	position:relative;}
.logo{ 
	width:209px; 
	top:0px; 
	left:0px; 
	position:absolute; 
	z-index: 100;}
#header {
	/*background-image:url(../images/bg.png);
	background-repeat:repeat-x;*/
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	width:1070px;
	height:66px;
	margin: 0 auto;

}
.bgl{
	width:100%;
	background:url(../images/ft.png) repeat-x; 
	min-height:165px;
}
.bg{
	width:100%;
	background:url(../images/bb4_02.jpg) repeat-x; 
	min-height:500px;
}

.box_menu{
	width:600px;
	/*min-height:30px;*/
	margin:14px 0 0 0;
	float:right;}

.header{
	margin:0 auto;}

#headerall{
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	width:1257px;
	height:66px;

}
.arows_menu{
	width:8px;
	height:7px;
	margin:10px auto auto auto;
	/*margin:0 auto;*/
}
.submenus{
	background-color:#CCC;
	/*background:url(../images/bg_submenu.png);*/
	width:auto;
	height:43px;
	position:absolute;
	top:50px;
	left:90px;
	z-index:10;	
}
.submenus ul{
	padding:0 10px 0 10px;
	height:40px;
}
.submenus li{
	cursor:pointer;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	float:left;
	/*line-height:40px;
	height:40px;*/
	padding:0px 5px 0 5px;
}
.submenus li:hover{
	cursor:pointer;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f3f3f;
	float:left;
	/*line-height:40px;
	height:40px;*/
	padding:0px 5px 0 5px;
}



.arows_menu1{
	width:8px;
	height:7px;
	margin:10px auto auto auto;
	/*margin:0 auto;*/
}
.submenus1{
	background-color:#CCC;
	/*background:url(../images/bg_submenu.png);*/
	width:auto;
	height:43px;
	position:absolute;
	top:50px;
	left:5px;
	z-index:10;	
}
.submenus1 ul{
	padding:0 10px 0 10px;
	height:40px;
}
.submenus1 li{
	cursor:pointer;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	float:left;
	/*line-height:40px;
	height:40px;*/
	padding:0px 5px 0 5px;
}
.submenus1 li:hover{
	cursor:pointer;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f3f3f;
	float:left;
	/*line-height:40px;
	height:40px;*/
	padding:0px 5px 0 5px;
}

/*.submenus-margins-left{
	margin-left:10px;
}*/
/*.submenus-padding-li{
	margin:0 10px 0 10px;
}
*/
.menu_home {
	float:left;
	position: relative;
	right: 8px;
	/*margin:0 auto;*/
	/*right:20px;
	display:block;
	position: relative;
	z-index:9999;*/
}
.menu_home ul{
	margin:0 10px 0 10px;
	list-style:none;
}
.menu_home li{
	cursor:pointer;
	float:left;
	line-height:22px;
	margin:10px 0 0px 0;
}
.menu_home li:hover{
	cursor:pointer;
	float:left;
	/*font-weight:bold;*/
	line-height:22px;
	/*margin:10px 0 10px 0;*/
}
.menu_class{
	font-size:16px;
	padding:0 11px 0 11px;
	}

.menu_home li a{
	font-size:16px;
	color:#606060;
	/*font-family: 'WhitneyK-Light';*/
}




#logo{ width:100px; position:absolute; z-index: 100; left:200px;}

/*/////////////////////////  Content ///////////////////////////////*/
.banner  {
	width:980px;
	height:285px;
	margin: 0 auto;
	padding-top:95px;
}

#content {
	width:980px;
	height:auto;
	background-color:#FFF;
	padding:20px 0;
	margin: 0 auto;
	
}




/*-----------------------------------menu script---------------------------------------*/
.leftmenu {
	width:185px;
	height:auto;
	margin:0 20px;
	float:left;
	/*border:#6F3 1px solid;*/
	
}
.active_img{ background-image:url(../images/bgmenu.png) !important; background-repeat:repeat-x; width:220px; }
.txt_process p{ font:12px Tahoma, Geneva, sans-serif; }

#div-head-tree-menu { 
		width:158px; 
		padding:10px 0px 10px 0px; 
		text-align:center; 
		background-color:#fff; 
		border-bottom:5px solid #a4b5bd; 
		
	}
	
	#div-tree-menu { 
		padding-bottom:10px;
		width:158px;
		padding:0 0 0 2px;
		overflow:hidden; 
	 	border-top:1px solid #FFF;
	}
/*#div-tree-menu ul{
	list-style:none;
	}
#div-tree-menu li{
	height:33px;
	line-height:33px;
	}*/



.box_piwatwer{
	padding-bottom:50px;
	border-top:#CCC solid 1px;
	padding-top:20px;}

.head_detail {
	width:715px;
	height:auto;
	border-bottom:#c7d1d6 2px solid;
}

.txt_head {
	color:#272727;
	font-family: Neutura;
	font-weight:bold;
	font-size:20px;
	padding:5px;
	float:left;
}


	#tree-menu {  
		width:180px; 
		float:left; 
		margin:0; padding:0; margin-top:-1px;
	}
	
	#tree-menu ul { margin:0; padding:3px;  }
	
	#tree-menu li { 
		list-style:none;
		line-height:28px;
		margin:0;
		width:180px;
		border-bottom:1px solid #999; border-top:1px solid #fff;
	}
	
	#tree-menu li a{
		color:#287EA6; 
	}
	
	#tree-menu li:hover{ 
		color:#FFF;
		background-image:url(../images/bgmenu.png);
	}
	
	#tree-menu li ul li:hover{
		background:none;
	}
	#tree-menu li ul li a:hover{
		color:#000;
	}
	
	#div-tree-menu li:hover { 
		
		width:160px; 
		overflow:hidden; 
	 	border-top:1px solid #FFF; 
		/*margin-top:5px;*/
		color:#FFF;
	}
	
	#menu-lv1 { display:none; }
	#menu-lv1 li{ border-bottom:none; border-top:none; color:#000; background-color:#FFF;
	 width: 160px;
	height:28px;}
	#menu-lv1 li:hover{
		background-image: none;
	}

	/*#menu-lv1 li:hover  { border-bottom:none; border-top:none; color:#000; background-color:none;}*/
	#menu-lv2 { display:none; }
	#menu-lv2 li { border-bottom:none; border-top:none; }
	#menu-lv3 { display:none; }
	#menu-lv3 li { border-bottom:none; border-top:none; }
	#menu-lv4 { display:none; }
	#menu-lv4 li { border-bottom:none;  border-top:none; }
	
	#div-tree-menu a:link { text-decoration: none; color: #287ea6; } 
	#div-tree-menu a:visited { text-decoration: none; color: #287ea6; }
	#div-tree-menu li a:hover { text-decoration: none; color: #FFF; }
	#div-tree-menu a:active { text-decoration: none; color: #287ea6; }
	.txt-red { color:#F00 }


.detail_content {
	width:715px;
	height:auto;
	float:right;
	margin:0 20px 0 0;
	/*border:#F90 1px solid;*/
}

.head_detail {
	width:715px;
	height:auto;
	border-bottom:#c6d0d5 1px solid;
}

.txt_head {
	color:#272727;
	font-family: Neutura;
	font-weight:bold;
	font-size:20px;
	text-transform:capitalize;
	padding:5px;
	float:left;
}

.righthead {
	float:right;
	padding:10px 0 0 0;
	font:10.5px Tahoma, Geneva, sans-serif; 
}

.img_oem {
	width:185px;
	height:auto;
	margin: 35px 0 0 20px;
	float:left;
	/*border:#C39 1px solid;*/
}

.bottle_img {
	margin:5px 0 0 30px;
}

/*----------------------------pic slide---------------------------------*/

/*----------------------------End pic slide---------------------------------*/


#txtbottle a{
	color:#006e92;
	font-family:Neutura;
	font-size:14px;
	font-weight:600;
	margin:5px 0 0 25px;
}

.detail_oem {
	width:480px;
	height:auto;
	float:right;
	margin:40px 0 0 0;
	/*border:#06F 1px solid;*/
}

.txt_center {
	text-transform:capitalize;
	font:18px Arial, Helvetica, sans-serif;
	color:#0096c8;
	text-align:center;
	padding-top:20px;
}

.water_detail {
	width:655px;
	height:auto;
	margin:20px 0 0 30px;
	/*border:#CF0 1px solid;*/
}

#img_product {
	margin:40px 0 ;
	text-align:center;
}

#txt_product {
	margin:20px 0;
}

#call {
	margin:0 0 20px 35px;
}

#logoclient {
	margin-top:20px;
	/*border:#F0C 1px solid;*/
}

#logoclient a {
	margin:10px;
}

.img_grand {
	margin:20px 0;
}

.img_water {
	text-align:center;
	margin:0 0 20px 0;
}

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

#footer_oem {
	background-image:url(../images/BG_02.png);
	background-repeat:repeat-x;
	width:100%;
	height:180px;
}

.box_textfooter{
	background-image:url(../images/footer_home.png);
	background-repeat:repeat-x;
	height:30px;
	width:100%;}
	
.subFT{
	width:570px;
	height:30px;
	margin:0 auto;

}
.box_logofooter{
	margin:0 auto;
	width:1000px;
	height:90px;}
.subFT ul li{ 
	float:left;
	line-height:30px;
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#000;
	margin:0 10px 0 10px;
}


.footer_oem {
	width:980px;
	height:auto;
	margin:0 auto;
	/*border:#9C0 1px solid;*/
}

.footer_txt {
	width:180px;
	height:auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#474747;
	float:left;
	margin: 105px 0 0 20px;
	/*border:#C90 1px solid;*/
	 
   
}

.footer_img {
	width:285px;
	height:66px;
	float:right;
	margin:105px  20px 0 0;
	/*border:#36F 1px solid;*/
}
#headerall{
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	width:100%;
	height:66px;
	margin: 0 auto;

}