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

body{
	background:#f3f1ef;
	margin:0px;
	padding:0px;
	font-family: Arial,'Tahoma';
	font-size:13px;
	color:#959595;
	line-height:140%;
}

a{
	font-family: Arial,Tahoma;
	font-size:13px;
	color:#666666;
}
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:active {  text-decoration: none }
a:hover {
	color:#999;
	text-decoration: none;
}

a img:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}

a img{
	border:0;
}


.area_content{
 width:1000px; 
}


.bg_head{
	background:url(../img/bg_head.jpg) top center no-repeat; height:140px; min-width:1000px;
}


.bg_foot{
border-top:1px #e0dee0 solid;  margin-top:12px;
}




.bg_body{
	background:#ebeae7;
}

.bg_body2{
	background:url(../img/bg_body.jpg) top center no-repeat; 
}


.header{	
	margin:0;
	position:relative;
	width:1000px;
	height:140px;
	border:0px #F00 solid;
	text-align:left;
}




.header a{
	text-indent:-9999px;
	position:absolute;
	width:1000px;
	height:140px;
}

.header a.thai{
	background:url(../img/bg_template.png) no-repeat -8px -10px; 
	margin-top:10px; margin-left:8px;
	width:37px; height:20px;
		z-index:5;
}
.header a.thai:hover{
	background:url(../img/bg_template.png) no-repeat -8px -210px; 
	margin-top:10px; margin-left:8px;
	width:37px; height:20px;
		z-index:5;
}


.header a.usa{
	background:url(../img/bg_template.png) no-repeat -45px -10px; 
	margin-top:10px; margin-left:45px;
	width:37px; height:20px;
		z-index:5;
}
.header a.usa:hover{
	background:url(../img/bg_template.png) no-repeat -45px -210px; 
	margin-top:10px; margin-left:45px;
	width:37px; height:20px;
	z-index:5;
}

.header a.logo{
	background:url(../img/bg_template.png) no-repeat left -15px; 
	margin-top:15px; margin-left:0px;
	width:282px; height:94px;
}
.header a.logo:hover{
	background:url(../img/bg_template.png) no-repeat left -215px; 
	margin-top:15px; margin-left:0px;
	width:282px; height:94px;
}

.header a.home{
	background:url(../img/bg_template.png) no-repeat -315px top; 
	margin-left:315px; margin-top:0px; 
	width:58px; height:46px;
}
.header a.home-active, .header a.home:hover{
	background:url(../img/bg_template.png) no-repeat -315px -200px; 
	margin-left:315px; margin-top:0px; 
	width:58px; height:46px;
}

.header a.about{
	background:url(../img/bg_template.png) no-repeat -382px top; 
	margin-left:382px; margin-top:0px; 
	width:65px; height:46px;
}
.header a.about-active, .header a.about:hover{
	background:url(../img/bg_template.png) no-repeat -382px -200px; 
	margin-left:382px; margin-top:0px; 
	width:65px; height:46px;
}


.header a.gallery{
	background:url(../img/bg_template.png) no-repeat -457px top; 
	margin-left:457px; margin-top:0px; 
	width:95px; height:46px;
}
.header a.gallery-active, .header a.gallery:hover{
	background:url(../img/bg_template.png) no-repeat -457px -200px; 
	margin-left:457px; margin-top:0px; 
	width:95px; height:46px;
}


.header a.news{
	background:url(../img/bg_template.png) no-repeat -555px top; 
	margin-left:555px; margin-top:0px; 
	width:54px; height:46px;
}
.header a.news-active, .header a.news:hover{
	background:url(../img/bg_template.png) no-repeat -555px -200px; 
	margin-left:555px; margin-top:0px; 
	width:54px; height:46px;
}


.header a.useful{
	background:url(../img/bg_template.png) no-repeat -612px top; 
	margin-left:612px; margin-top:0px; 
	width:128px; height:46px;
}
.header a.useful-active, .header a.useful:hover{
	background:url(../img/bg_template.png) no-repeat -612px -200px; 
	margin-left:612px; margin-top:0px; 
	width:128px; height:46px;
}



.header a.contact{
	background:url(../img/bg_template.png) no-repeat -746px top; 
	margin-left:746px; margin-top:0px; 
	width:58px; height:46px;
}
.header a.contact-active, .header a.contact:hover{
	background:url(../img/bg_template.png) no-repeat -746px -200px; 
	margin-left:746px; margin-top:0px; 
	width:58px; height:46px;
}

.Linebox {
	width: 25px;
	height: 25px;
	background-color: #00c200;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/Icon_Line.png);
	display: block !important;
	z-index: 255 !important;
	position: relative;
	top: 11px;
	left: 952px;
	overflow: hidden !important;
}

.Linebox:hover {
	background-color: #84d084;
}

.Linebox div {
	
	width: 100%;
	height: 100%;
	
}

.header a.facebook{
	background:url(../img/bg_template.png) no-repeat -859px -11px; 
	margin-left:859px; margin-top:11px; 
	width:25px; height:25px;
}
.header a.facebook-active, .header a.facebook:hover{
	background:url(../img/bg_template.png) no-repeat -859px -211px; 
	margin-left:859px; margin-top:11px; 
	width:25px; height:25px;
}

.header a.instagram{
	background:url(../img/bg_template.png) no-repeat -889px -11px; 
	margin-left:889px; margin-top:11px; 
	width:25px; height:25px;
}
.header a.instagram-active, .header a.instagram:hover{
	background:url(../img/bg_template.png) no-repeat -889px -211px; 
	margin-left:889px; margin-top:11px; 
	width:25px; height:25px;
}


.header a.youtube{
	background:url(../img/bg_template.png) no-repeat -921px -11px; 
	margin-left:921px; margin-top:11px; 
	width:25px; height:25px;
}
.header a.youtube-active, .header a.youtube:hover{
	background:url(../img/bg_template.png) no-repeat -921px -211px; 
	margin-left:921px; margin-top:11px; 
	width:25px; height:25px;
}


.header a.our{
	background:url(../img/bg_template.png) no-repeat -310px -60px; 
	margin-left:310px; margin-top:60px; 
	width:154px; height:60px;
}
.header a.our-active, .header a.our:hover{
	background:url(../img/bg_template.png) no-repeat -310px -260px; 
	margin-left:310px; margin-top:60px; 
	width:154px; height:60px;
}



.header a.daily{
	background:url(../img/bg_template.png) no-repeat -482px -60px; 
	margin-left:482px; margin-top:60px; 
	width:148px; height:60px;
}
.header a.daily-active, .header a.daily:hover{
	background:url(../img/bg_template.png) no-repeat -482px -260px; 
	margin-left:482px; margin-top:60px; 
	width:148px; height:60px;
}



.header a.nutrition{
	background:url(../img/bg_template.png) no-repeat -658px -60px; 
	margin-left:658px; margin-top:60px; 
	width:148px; height:60px;
}
.header a.nutrition-active, .header a.nutrition:hover{
	background:url(../img/bg_template.png) no-repeat -658px -260px; 
	margin-left:658px; margin-top:60px; 
	width:148px; height:60px;
}


.header a.login{
	background:url(../img/bg_template.png) no-repeat -834px -60px; 
	margin-left:834px; margin-top:60px; 
	width:166px; height:60px;
}
.header a.login-active, .header a.login:hover{
	background:url(../img/bg_template.png) no-repeat -834px -260px; 
	margin-left:834px; margin-top:60px; 
	width:166px; height:60px;
}


.footer{	
  height:125px;
	position:relative;
	width:1000px;
	border:0px #F00 solid;
	text-align:left;
	color:#666666;
	 font-size:11px;
}


.footer a{
	text-indent:-9999px;
	position:absolute;
	width:1000px;
	height:125px;
	color:#666666;
}

.footer a.home{
	background:url(../img/bg_template.png) no-repeat -22px -403px; 
	margin-left:22px; margin-top:22px; 
	width:36px; height:15px;
}

.footer a.about{
	background:url(../img/bg_template.png) no-repeat -22px -418px; 
	margin-left:22px; margin-top:37px; 
	width:52px; height:15px;
}

.footer a.gallery{
	background:url(../img/bg_template.png) no-repeat -22px -434px; 
	margin-left:22px; margin-top:52px; 
	width:74px; height:15px;
}


.footer a.news{
	background:url(../img/bg_template.png) no-repeat -22px -448px; 
	margin-left:22px; margin-top:67px; 
	width:35px; height:15px;
}

.footer a.useful{
	background:url(../img/bg_template.png) no-repeat -22px -463px; 
	margin-left:22px; margin-top:82px; 
	width:100px; height:15px;
}

.footer a.contact{
	background:url(../img/bg_template.png) no-repeat -22px -478px; 
	margin-left:22px; margin-top:97px; 
	width:45px; height:15px;
}

.footer a.service{
	background:url(../img/bg_template.png) no-repeat -166px -403px; 
	margin-left:166px; margin-top:22px; 
	width:74px; height:15px; cursor:default;
}

.footer a.our{
	background:url(../img/bg_template.png) no-repeat -166px -427px; 
	margin-left:166px; margin-top:46px; 
	width:86px; height:15px; 
}

.footer a.daily{
	background:url(../img/bg_template.png) no-repeat -166px -442px; 
	margin-left:166px; margin-top:61px; 
	width:86px; height:15px; 
}

.footer a.nutrition{
	background:url(../img/bg_template.png) no-repeat -166px -457px; 
	margin-left:166px; margin-top:76px; 
	width:86px; height:15px; 
}

.footer a.login{
	background:url(../img/bg_template.png) no-repeat -166px -472px; 
	margin-left:166px; margin-top:91px; 
	width:86px; height:15px; 
}



.footer a.social{
	background:url(../img/bg_template.png) no-repeat -292px -403px; 
	margin-left:292px; margin-top:22px; 
	width:96px; height:15px; cursor:default;
}

.footer a.facebook{
	background:url(../img/bg_template.png) no-repeat -292px -427px; 
	margin-left:292px; margin-top:46px; 
	width:55px; height:15px; 
}

.footer a.youtube{
	background:url(../img/bg_template.png) no-repeat -292px -457px; 
	margin-left:292px; margin-top:76px; 
	width:55px; height:15px; 
}

.footer a.instagram{
		background:url(../img/bg_template.png) no-repeat -292px -442px; 
	margin-left:292px; margin-top:61px; 
	width:55px; height:15px; 

}

.footer a.copyright{
	background:url(../img/bg_template.png) no-repeat -727px -403px; 
	margin-left:727px; margin-top:22px; 
	width:260px; height:15px; cursor:default;
}

.footer a.logo{
	background:url(../img/bg_template.png) no-repeat -820px -418px; 
	margin-left:820px; margin-top:37px; 
	width:172px; height:60px; 
}

/*/////////////////////////////////////////////////////////////////////////////  END TEMPLATE /////////////////////////////////////////////////////////////////////////////////*/

.txt_title_h{
 	font-size:48px; color:#05a7ae; line-height:140%;
	font-weight:normal;
}

.txt_title{
 	font-size:27px; color:#333333; line-height:140%;
	font-weight:bold;
}
.txt_medium{
	font-size:13px;
	color:#666666;
}

.txt_small{
	font-size:12px;
	color:#888888;
}


.clear{
	clear:both;	
}

.txt_home{
	font-size:20px;
	color:#666666;
}

.txt_tabAbout{
	font-size:37px;
	color:#f70728;
	
}

.txt_about{
	font-size:20px;
	color:#989896;
}

.txt_contact{
	font-size:20px;
	color:#666666;
}


.txt_login{
	font-size:28px;
	color:#f87f8e;
}

.txt_daily{
	font-size:20px;
	color:#ffffff;
}

.txt_title_nutrition{
	font-size:44px;
	color:#fc8d4b;
}

.txt_nutrition{
	font-size:20px;
	color:#929291;
}

.txt_title_program{
	font-size:26px;
	color:#d68431;
}

.txt_program{
	font-size:20px;
	color:#666666;
}

.txt_title_gallery{
	font-size:36px;
	color:#f9db43;
}

.txt_title_useful{
	font-size:30px;
	color:#009aa3;
}

.txt_title_useful a{
	font-size:28px;
	color:#009aa3;
}

.txt_useful{
	font-size:20px;
	color:#666666;
}

.input_register{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	padding-left:10px;
	border:0px #cfcfcf solid;;
	background:#f6f6f6;
	color:#999999;
	height:30px;
	width:300px;
}


.input_register_error{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	padding-left:10px;
	border:0px #cfcfcf solid;;
	background:#2eb063;
	color:#ffffff;
	height:30px;
	width:300px;
}


.input_contact{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	padding-left:10px;
	border:1px #b3b2af solid;;
	background:#ffffff;
	color:#999999;
	height:20px;
	width:170px;
}


.input_contact_error{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	padding-left:10px;
	border:1px #b3b2af solid;;
	background:#04adb6;
	color:#ffffff;
	height:20px;
	width:170px;
}

.input_login{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	padding-left:10px;
	border:1px #666666 solid;;
	background:#ffffff;
	color:#999999;
	height:20px;
	width:210px;
}



.input_left{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	padding-left:10px;
	border:0px #cfcfcf solid;;
	background:#ffffff;
	color:#999999;
	height:30px;
	width:300px;
	/*	-moz-box-shadow: 0 2px 2px #dddddd;
	-webkit-box-shadow: 0 2px 2px #dddddd;
	box-shadow: 2px 0 2px #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;*/
}

.input_left_error{
		font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	padding-left:10px;
	border:0px #cfcfcf solid;;
	background:#2eb063;
	color:#ffffff;
	height:30px;
	width:300px;
	/*	-moz-box-shadow: 0 2px 2px #dddddd;
	-webkit-box-shadow: 0 2px 2px #dddddd;
	box-shadow: 2px 0 2px #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;*/
}

.page_number_ahref {
	
	color: #666666;
	font-size:12px;
	padding: 2px 5px 2px;
	position: relative;
}

.page_number_ahref_active {
	background:url(../img/tips/num-page.png) no-repeat;
	border: solid 0px #999;
	color: #ffffff;
	font-size:12px;
	font-weight:700;
	padding: 6px 10px 6px;
	position: relative;
}

.bg_detail_product{
	background:#FFF; width:800px;
	-moz-box-shadow: 0 2px 2px #999999;
	-webkit-box-shadow: 0 2px 2px #999999;
	box-shadow: 2px 0 2px #999999;
}

.bg_headAbout{
	background:url(../img/about/bg_head.png) top center no-repeat; height:378px; width:1000px;
}

.area_mission{
	background:url(../img/about/bg_mission.png) no-repeat; width:397px; height:497px; position:relative;
}

.area_staff{
	background:url(../img/about/bg_staff.png) no-repeat; width:588px; height:242px;
}

.area_sis{
	background:url(../img/about/bg3.png) no-repeat; width:588px; height:234px; margin-top:20px;
}

.bg_headContact{
	background:url(../img/contact/bg_head.png) top center no-repeat; height:266px; width:1000px;
}

.bg_footContact{
	background:url(../img/contact/bg_foot.png) no-repeat; width:1000px; height:500px;
}

.bg_headLogin{
	background:url(../img/login/bg_head.png) no-repeat; width:830px; height:320px; margin-left:25px;
}

.bg_headDaily{
	background:url(../img/daily/bg_head.png) no-repeat; width:1000px; height:408px; margin-left:0px;
}

.bg_headNutrition{
	background:url(../img/nutrition/bg_head.png) no-repeat; width:1000px; height:408px; margin-left:0px;
}

.bg_headProgram{
	background:url(../img/program/bg_head.png) no-repeat; width:1000px; height:408px; margin-left:0px;
}

.bg_headGallery{
	background:url(../img/gallery/bg_head.png) no-repeat; width:1000px; height:385px; margin-left:0px; margin-top:22px;
}


.bg_headUserful{
	background:url(../img/useful/bg_head.png) no-repeat; width:1000px; height:408px; margin-left:0px;
}


.area_useful{
	background:url(../img/useful/bg_news.png) no-repeat; width:424px; height:231px; float:left; margin-left:70px;
}


.box1{
	background:url(../img/box/1.png) no-repeat; width:13px; height:11px;
}

.box2{
	background:url(../img/box/2.png) repeat-x; height:11px;
}

.box3{
	background:url(../img/box/3.png) no-repeat; width:11px; height:11px;
}

.box4{
	background:url(../img/box/4.png) repeat-y; width:13px;
}

.box5{
	background:#FFF;
}
.box6{
background:url(../img/box/5.png) repeat-y; width:11px;
}

.box7{
	background:url(../img/box/6.png) no-repeat; width:12px; height:10px;
}

.box8{
	background:url(../img/box/7.png) repeat-x; height:10px;
}

.box9{
	background:url(../img/box/8.png) no-repeat; width:11px; height:10px;
}


.box2_1{
	background:url(../img/box2/1.png) no-repeat; width:7px; height:8px;
}

.box2_2{
	background:url(../img/box2/2.png) no-repeat; width:8px; height:8px;
}


.box2_3{
	background:url(../img/box2/3.png) no-repeat; width:7px; height:7px;
}

.box2_4{
	background:url(../img/box2/4.png) no-repeat; width:8px; height:7px;
}

.box2_5{
	background:#9e5d43;
}