/* CSS Document */
@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	font-weight: inherit;	font-style: inherit;	font-family:Verdana, Arial, Helvetica, sans-serif ;
	color:#464646;
	font-size: 100%;
	line-height:18px;
}
input{ 	border: 1px solid #B9B9B9; }

body {
	color: #383D43;
	font-family: Verdana, Arial,Tahoma;
	font-size: 12px;
	background:#DAE5D8;
	margin:0; padding:0;
}
.clear{		clear:both;}
#mainContainer{
			position:relative;
			text-align:left;
			right:0px;
			margin:5 auto;
			width:963px;
			left:50%;
			margin-left:-482px;
			height:100%;
			height:auto !important; /* real browsers */
			min-height:100%; /* real browsers */
			background:#BEC5D7 url(../images/bg_main_collum_right.gif) bottom right no-repeat;
	}
	#topBar{
		width:100%;
		font-size:36px; 
		background:#FFF;
		overflow:hidden;
	}
	#menubar{
		margin-top:9px;
	}
	#left_topBar{
		padding:0px;
	 	width:757px; 
		float:left;
		overflow:hidden;
	}
	#right_topBar{
		padding:0px;
	 	width:206px; 
		float:left;
	}
	#txt_call{
		margin-top:49px;
		height:22px;
	}
	#topBanner{
		width:100%;
		background:#FFF;
		overflow:hidden;
	}	
	.col_left{
		float:left;
	}
	.col_right{
		float:right;
	}
	.content {
		position:relative;
		overflow:hidden;
		margin:0px;
		padding:0px;
		background:#FFFFFF url(../images/bg_detail_right_down.gif) right bottom no-repeat;
	}
	.collum_left{
		overflow:hidden;
	 	padding:0px;
	 	width:672px;
		float:left;
		border-bottom:0px #009900 solid;
	}
	.hom_collum_left{
		overflow:hidden;
	 	padding:0px;
	 	width:672px;  /*old  = 672px*/
		float:left;
		border-bottom:0px #009900 solid;
		background: url(../images/bg_sub_left_down.gif) bottom repeat-x;
	}
	.more_collum_left{
		overflow:hidden;
	 	padding:0px;
	 	width:100%;
		float:left;
		border-bottom:0px #009900 solid;
	}
	.collum_right{
		overflow:hidden;
	 	width:290px;  /*old  = 290px*/
		float:right;
		border:0px #33CCCC solid;
	}
	.detail_collum_left{
		bottom:0px;
		overflow:hidden;
	 	width:290px; 
		float:left;
	}
	.detail_collum_right{
		overflow:hidden;
	 	padding:0px;
	 	width:100%;
		float:right;
	}
	#menubar_down{
		padding-top:0px;
 		width:100%;
	    bottom:0; /* stick to bottom */
		overflow:hidden;
		float:left;
	}
	#footer{
		padding-top:10px;
 		width:100%;
	    bottom:0; /* stick to bottom */
		height:60px;
		font-size:13px; color:#5C5C5C;
		background:#ADC8BA;
		text-align:center;
	}
	#left_sub1{ width:100%;		overflow:hidden;	}
	#left_sub2{ width:100%;		overflow:hidden;	}
	#left_sub2_home{overflow:hidden; width:100%;	 background: url(../images/bg_sub_body.gif) bottom left no-repeat;}
	#left_sub2_home_Th{overflow:hidden; width:100%;	 background: url(../images/bg_sub_body_th.gif) bottom left no-repeat;}
	#left_sub2_home_En{overflow:hidden; width:100%;	 background: url(../images/bg_sub_body.gif) bottom left no-repeat;}
	.detail_left_sub2{ width:100%;	 overflow:hidden;	border-bottom:1px #CCCCCC solid; }
	.more_left_sub2{ width:100%; overflow:hidden;	border-bottom:1px #CCCCCC solid; padding-bottom:20px;}
	.more_left_sub3{ width:100%; overflow:hidden;	border-bottom:0px #CCCCCC solid; padding-bottom:20px;}
	#more_left_sub3{ width:100%; overflow:hidden;	border-bottom:0px #CCCCCC solid; padding-bottom:20px;}
	#left_sub3{ width:100%;		overflow:hidden;	}	
	.align_right{ text-align:right; width:100%; overflow:hidden;}	
	.detail_right_sub2{ 		overflow:hidden;	}
	.detail_right_subtitle{	overflow:hidden; border-bottom:0px #CCCCCC solid; margin:0; padding:0; font-size:15px; font-style:inherit; padding-left:22px;}
	.more_qa{	overflow:hidden; border-bottom:1px #CCCCCC solid; 
	margin:0;	margin-top:5px;
	padding-bottom:5px;
	 font-style:inherit; padding-left:40px;
	}
	.under_line_step{	overflow:hidden; 
	margin:0;	margin-top:0px;
	padding-bottom:5px;
	 font-style:inherit; padding-left:30px;
	}
	.under_line{	overflow:hidden; border-bottom:1px #CCCCCC solid; 
	margin:0;	margin-top:5px;
	padding-bottom:5px;
	 font-style:inherit; padding-left:30px; padding-right:30px;
	}
	.detailproduct_line{	overflow:hidden; border-bottom:1px #CCCCCC solid; 
	margin:0;	padding-bottom:5px;padding-left:30px;
	 font-style:inherit;
	}
	.more_qa_form{	overflow:hidden;
	margin:0;	margin-top:5px;
	padding-bottom:5px;
	 font-style:inherit; padding-left:40px;
	}
	.title_pic_application{ margin-left:7px; margin-top:2px; margin-bottom:6px; width:210px; float:left; }
	.title_pic_application_small{ margin-left:7px; margin-top:0px; margin-bottom:6px; width:210px; float:left; }
	.bestseller{
	 	float:left; margin-left:16px; width:112px; overflow:hidden;  margin-top:0px;
	 	border:0px #009900 solid;
	}
/*-----------------------------------------------------------------------*/
/*stye แต่ง Font
/*-----------------------------------------------------------------------*/
h2 {
	font-size: 2.2em;
	margin: 0;
	border-bottom: 1px solid #797979;
	margin-bottom: 5px;
	color: #354158;
}
h3 {	font-size: 1.5em;	margin-top: 30px;	margin-bottom: 10px;	color: #607293;}
h4 {	font-weight: bold;}

a {	color: #464646;	text-decoration: none; }
a:hover {	color:#990000;}

.txt_pink{	color:#FF0099;}
.txt_pink a:link{	color:#FF0099;}
.txt_pink a:hover{	color:#CC3399; }
.txt_pink2{	color:#FF0099;}
.txt_pink2 a:link{	color:#FF0099;}
.txt_pink2 a:hover{	color:#FF0099; }
.txt_pink_u{	color:#FF6699;text-decoration:underline;}
.txt_pink_u a:link{	color:#FF6699; text-decoration:underline;}
.txt_pink_u a:hover{	color:#FF6699; text-decoration:underline;}
.txt_detail_date{ font-size:11px; }
.txt_detail_title_yellow{ color:#C5B440; 	line-height:15px; }
.txt_detail_title_yellow a:link{color:#C5B440; 	line-height:15px;}
.txt_detail_title_yellow a:hover{color:#CC9900; }

.txt_detail_title_yellow2{ color:#B09B00; 	line-height:15px; font-size:15px; }
.txt_detail_title_yellow2 a:link{color:#B09B00; 	line-height:15px;}
.txt_detail_title_yellow2 a:hover{color:#B09B00; }

.txt_back{color:#464646 ;};
.txt_back:link{	color:#464646;}
.txt_back:hover{	color:#464646; text-decoration:underline; }
.txt_back_b{color:#000; }
.txt_white{color:#FFF;}
.txt_white:link{	color:#FFF;}
.txt_white:hover{	color:#FFF;}

.bestseller{ color:#737A8A; font-size:11px; }
.bestseller a:link{ color:#737A8A; }
.bestseller a:hover { color:#333333; }

.txt_title_pink{
color:#ED5183; font-size:large;
}
.txt_title_pinkBig{
	padding-top:4px;
	color:#ED5183; font-size:24px; overflow:hidden;  margin-top:5px; padding-bottom:5px;
	margin-top:10px;
	overflow:hidden;
}
.txt_title_whiteBig{
	padding-top:0px;
	color:#FFF; font-size:21px; overflow:hidden;  margin-top:5px; padding-bottom:5px;
	margin-top:10px;
	overflow:hidden;
}
.txt_title_grayBig{
	padding-top:0px;
	color:#999999; font-size:21px; overflow:hidden;  margin-top:5px; padding-bottom:5px;
	margin-top:10px;
	overflow:hidden;
}
.txt_title_whiteBig2{
	padding-top:0px;
	color:#FFF; font-size:21px; overflow:hidden; padding-bottom:5px;
	margin-top:5px;
	overflow:hidden;
}
.txt_yellow_treatment{ color:#CFA120;  font-size:12px; font-weight:bold;}
.txt_yellow_treatment:link{ color:#CFA120;  font-size:12px; font-weight:bold;}
.txt_yellow_treatment:hover{ color:#CFA120;  font-size:12px; font-weight:bold; }

.more_1{
	background:#B0B0B0 url(../images/more/icon-more-gray.gif) top right no-repeat; color:#FFFFFF;
}
.more_2{
	background:#76CBEA url(../images/more/icon-more-sky.gif) top right no-repeat; color:#FFFFFF;
}
.more_3{
	background:#FD7C38 url(../images/more/icon-more-orange.gif) top right no-repeat; color:#FFFFFF;
}
.more_4{
	background:#55A8F8 url(../images/more/icon-more-blue.gif) top right no-repeat; color:#FFFFFF;
}
.more_5{
	background:#D0CAF8 url(../images/more/icon-more-purple.gif) top right no-repeat; color:#FFFFFF;
}
.more_6{
	background:#FFB2D2 url(../images/more/icon-more-pink.gif) top right no-repeat; color:#FFFFFF;
}
.more_7{
	background:#A32B37 url(../images/more/icon-more-red.gif) top right no-repeat; color:#FFFFFF;
}
.more_8{
	background:#FFDA8F url(../images/more/icon-more-powder.gif) top right no-repeat; color:#FFFFFF;
}
.more_9{
	background:#D0E294 url(../images/more/icon-more-body.gif) top right no-repeat; color:#FFFFFF;
}
.more_10{
	background:#C1E1C9 url(../images/more/icon-more-green.gif) top right no-repeat; color:#FFFFFF;
}



/*-----------------------------------------------------------------------*/
/*stye แต่ง กรอบ layout
/*-----------------------------------------------------------------------*/
.flag_lang{
	position:relative;
	padding-top:0px; margin-top:0px;
	margin-right:18px; border:1px #00CC00 solid; height:29px;
}
.sub_flag{
    position:relative;
	height:29px;
}
#right_sub1{
	width:100%;
	height:271px;
	background:#BEC5D7;
}
#right_menusub1{
	width:100%;
	background:#BEC5D7;
	overflow:hidden;
}

 ul#frm_beauty{
	 margin-top:20px; margin-left:40px;
	 list-style:none;
	 color: #383D43;
 }
 ul#frm_beauty li.txt_link_beauty{
	 background:url(../images/icon_form/icon_title_beauty.gif) left no-repeat;
	 padding:2px 25px;
 }
  ul#frm_beauty li{
	 padding:2px 25px;
 }

/* menu Setprogram ---------------------*/
	ul.menuSetpro{ position:relative; margin-bottom:20px;}
	ul.menuSetpro li{ overflow:hidden; border:0px;cursor:pointer; }
	ul.menuSetpro li:hove{ margin:0px; padding:0px;}
	ul.menuSetpro li div{color:#FFFFFF; font-weight:bold; margin:0px; padding:4px 10px 4px 10px;  height:18px;width:164px;}
	
	ul.menuSetpro li.sub1{  	margin:0px; padding:0px;}
	ul.menuSetpro li.sub1:hover{ background-color:#AEAEAE;	}
	div.menusub1{ position:relative; margin:0px; background-color:#AEAEAE; float:right;}
	
	ul.menuSetpro li.sub2{ 	margin:0px; padding:0px; }
	ul.menuSetpro li.sub2:hover{background-color:#76CDE8;	}
	div.menusub2{ position:relative; margin:0px; background-color:#76CDE8; float:right;}
	
	ul.menuSetpro li.sub3{	margin:0px;}
	ul.menuSetpro li.sub3:hover{ background-color:#FF7B36;	}
	div.menusub3{position:relative; margin:0px; background-color:#FF7B36; float:right;}
	
	ul.menuSetpro li.sub4{ margin:0px;	}
	ul.menuSetpro li.sub4:hover{  background-color:#D0CAF8;	}
	div.menusub4{margin:0px; padding:0px; float:right;  background-color:#D0CAF8;}
	
	ul.menuSetpro li.sub5{ margin:0px;}
	ul.menuSetpro li.sub5:hover{ background-color:#55A7F9;	}
	div.menusub5{margin:0px; padding:0px; float:right;  background-color:#55A7F9;}
	
	ul.menuSetpro li.sub6{margin:0px;}
	ul.menuSetpro li.sub6:hover{ background-color:#FFA9D7;	}
	div.menusub6{margin:0px; padding:0px; float:right; background-color:#FFA9D7;}
	
	ul.menuSetpro li.sub7{margin:0px;}
	ul.menuSetpro li.sub7:hover{ background-color:#9F0038;	}
	div.menusub7{margin:0px; padding:0px; float:right;  background-color:#9F0038;}
	
	ul.menuSetpro li.sub8{margin:0px;}
	ul.menuSetpro li.sub8:hover{ background-color:#FFDA8F;	}
 	div.menusub8{margin:0px; padding:0px; float:right; background-color:#FFDA8F;}
	
	ul.menuSetpro li.sub9{margin:0px;}
	ul.menuSetpro li.sub9:hover{ background-color:#D0E294;	}
 	div.menusub9{margin:0px; padding:0px; float:right; background-color:#D0E294;}
	
	ul.menuSetpro li.sub10{margin:0px;}
	ul.menuSetpro li.sub10:hover{ background-color:#C1E1C9;	}
 	div.menusub10{margin:0px; padding:0px; float:right; background-color:#C1E1C9;}
	
	ul.menuSetpro li.sub{margin:0px;}
	ul.menuSetpro li.sub:hover{ background-color:#C1E1C9;	}
 	div.menusub{margin:0px; padding:0px; float:right; background-color:#C1E1C9;}
	
 
  #sub2_col_left{
  	width:456px;	float:left;	overflow:hidden;
	
  }
   #sub2_col_right{
  	width:216px;	float:right;	overflow:hidden;
  }
  .sub2_col_title{
 	float:left;  	width:222px; overflow:hidden;
	padding-right:4px;
  }
  .sub2_col_title_right{
 	float:left;  	width:226px; overflow:hidden;
  }
  .sub2_col_title_down{
  	width:456px;	float:left;	overflow:hidden;
  }
  .td_title{
  	padding-left:30px; background:#BEC5D7 url(../images/title/icon_down.gif) right top no-repeat;
  }
   .td_content{
     padding:5px 22px 10px 22px;
  }
 .td_content{
     padding:5px 22px 10px 22px;
  }
  .td_content_promo_left{
     padding:5px 22px 10px 22px;
	 border-bottom:1px #CCCCCC solid;.
	  border-left:1px #CCCCCC solid;
  }
   .td_content_promo_left_nonline{
     padding:5px 22px 10px 22px;
	  border-left:1px #CCCCCC solid;
  }
   .td_content_promo_right{
     padding:5px 22px 10px 22px;
	 border-bottom:1px #CCCCCC solid;
	 border-left:1px #CCCCCC solid;
  }
    .td_content_promo_right_nonline{
     padding:5px 22px 10px 22px;
	 border-left:1px #CCCCCC solid;
  }
  .td_content_top{
  		padding:2px 22px 2px 26px; border-bottom:1px #CCCCCC solid;
		margin-bottom:20px;
  }
  .td_content{
  		padding:5px 22px 10px 26px; border-bottom:1px #CCCCCC solid;
  }
  .td_content_search{
  		padding:5px 22px 10px 50px; border-bottom:1px #CCCCCC solid;
  }
 .td_content_nonline{
  		padding:5px 22px 10px 26px; border-bottom:0px;
  }
  .td_content_left{
      padding:5px 22px 10px 26px;
	  border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;
  }
  .td_content_right{
     padding:5px 22px 10px 18px;
	 border-left:0px #CCCCCC solid; border-bottom:1px #CCCCCC solid;
  }
  .td_content_left_last{
     padding:5px 22px 10px 18px;
	 border-left:0px #CCCCCC solid; 
  }
  .tr_downline{
   border-bottom:1px #CCCCCC solid;
   }
  .td_content_testimonial{
     padding:5px 0px 10px 22px;
  }
  .td_txt_title{
  	height:25px;  padding-bottom:5px;	 font-weight:bold;
  }
  .txt_bold{
  font-weight:bold;
  }
  .td_txt_subdetail{
	padding-top:10px;  	padding-bottom:5px; 
  }
  .td_split_menu{  padding:4px 8px 10px 8px; background:#F4F9F2 }
  .detail_td_split_menu{  padding:4px 8px 10px 8px;}
  img.flag{
  border:0px;
  }
  img.pictitle{
  	border:1px #D0CECF solid;
  }
  
  .box_100p{ width:90%; }
 .promo_col_left{
 position:relative;
  float:left; width:100px; color:#C5B440;
 }
  .promo_col_right{
  position:relative;
  float:right; width:520px; color:#C5B440;
  overflow:hidden;
 }
   .treatment_col{
   margin:0px; padding:0px;  position:relative;
  float:left; color:#C5B440;  overflow:hidden;
  border-bottom:0px #D0CECF solid;
 }
.treatment_col_title{
    margin:0px; padding:0px;  position:relative;
  float:left; color:#C5B440;  overflow:hidden;
  font-weight:bold;
 }
/*--------------------------------------------*/
  .detail_sub2_col_title{
 	float:left;  	width:212px; overflow:hidden;
	padding-right:4px;
  }
    .more_body_testimonial{
 	float:left;  	width:324px; overflow:hidden;
	padding-right:4px;
  }
   .more_body_promotion_left{
 	float:left;  	width:324px; overflow:hidden;
	padding-right:4px;
	border-bottom:1px #999999 solid;
  }
   .more_body_promotion_right{
		float:left;  	width:324px; overflow:hidden;
		padding-right:4px;
		border-left:1px #999999 solid;
		border-bottom:1px #999999 solid;
  }
  .detail_td_txt_title{
		height:30px;
		padding-bottom:5px;
		font-weight:bold;
		padding-top:0px; vertical-align:text-top;
  }
.border_article{border:0px #33CC00 solid; width:125px; float:left; overflow:hidden; color:#464646; };
.border_program{border:0px #33CC00 solid;  overflow:hidden; color:#464646; margin-left:40px;};
.txt_search{ background:url(../images/bg_textbox_search.gif) top repeat-x; height:18px; };
.box_amount{margin:0px; padding:0px; width:20px; height:21px; padding-left:12px; padding-right:2px; background:url(../images/bottom/box_amount1.gif) top right no-repeat; border:0px; text-align:center; font-size:10px; padding-top:4px;}
.bt_addtocar{ background: url(../images/bottom/add-to-car.gif) top left no-repeat; width:90px; height:22px; border:0px; cursor:pointer; }
/*-----------------------------------------------------------------------*/
/*stye แต่ง font
/*-----------------------------------------------------------------------*/