@font-face {
    font-family: 'DBHelvethaicaXLi';
    src: url('./font/DBHelvethaicaX-Li.eot');
    src: url('./font/DBHelvethaicaX-Li.eot?#iefix') format('embedded-opentype'),
      
         url('./font/DBHelvethaicaX-Li.woff') format('woff'),
         url('./font/DBHelvethaicaX-Li.ttf') format('truetype'),
         url('./font/DBHelvethaicaX-Li.svg#DBHelvethaicaXLi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DBHelvethaicaX';
    src: url('./font/db_helvethaica_x_v3.2-webfont.eot');
    src: url('./font/db_helvethaica_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
      
         url('./font/db_helvethaica_x_v3.2-webfont.woff') format('woff'),
         url('./font/db_helvethaica_x_v3.2-webfont.ttf') format('truetype'),
         url('./font/db_helvethaica_x_v3.2-webfont.svg#DBHelvethaicaX') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DBHelvethaicaXMed';
    src: url('./font/db_helvethaica_x_med_v3.2-webfont.eot');
    src: url('./font/db_helvethaica_x_med_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
      
         url('./font/db_helvethaica_x_med_v3.2-webfont.woff') format('woff'),
         url('./font/db_helvethaica_x_med_v3.2-webfont.ttf') format('truetype'),
         url('./font/db_helvethaica_x_med_v3.2-webfont.svg#DBHelvethaicaX') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'FelixTitlingMT';
    src: url('./font/FelixTitlingMT.eot');
    src: url('./font/FelixTitlingMT.eot?#iefix') format('embedded-opentype'),
      
         url('./font/FelixTitlingMT.woff') format('woff'),
         url('./font/FelixTitlingMT.ttf') format('truetype'),
         url('./font/FelixTitlingMT.svg#FelixTitlingMT') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
div#loadPage,div#loadPage_content{position:fixed;margin:auto;left:0;top:0;width:100%;height:100%;color:#000;background-color:#FFF;z-index:500000000;text-align:center;opacity:.7;padding-top:200px;vertical-align:middle;filter:alpha(opacity=70);display:none}

/* ====== preload ========== */

img{
	max-width: 100%;
}

html{
  width:100%; height: 100%;
}

form{
	margin: 0; padding: 0;
}

body{
  margin: 0;
  padding: 0;
  width:100%; 
	overflow-x: hidden;
 font-family: 'DBHelvethaicaX'; font-size: 24px; line-height: 110%;
    background: #ffffff;
 color: #000000;
}
 
 
table{
   font-family: 'DBHelvethaicaX'; font-size: 24px; line-height: 110%;
}

table img{
padding-top: 10px;	
}

table td{
	padding: 0px 0; border: 0 !important;
}

table tr{
	border: 0 !important;
}



a{
	text-decoration: none;
	 color: #333333;
}

a:hover{
	 color: #666666;
}

h1{
	margin:0; padding:0;
	font-size:44px;	 line-height: 100%;
	font-weight:bold;   font-family: 'FelixTitlingMT';
	letter-spacing: 1px;   color: #506844; 
}

h2{
    margin:0; padding:0;
	font-size:36px;	 line-height: 110%; 
	font-weight:normal;    font-family: 'FelixTitlingMT';
	letter-spacing: 0px;   
}
 
 
 
a ,a:hover ,a:link{
  text-decoration: none;
}
 


.bull{
	font-family: "sans-serif";
	width: 20px;
}






 
ul, li {
    	margin:0; 
    padding:0; 
    list-style:none;  
}



.left{
	float: left;
}

.right{
	float: right;
}


.clear{
	clear:both;	
}

 
.bold{
	 font-family: 'DBAdmanXBold';
}

b{
	font-weight: bold;
}

 
.top20{
	margin-top: 20px;
}

 	
	
.top40{
	margin-top: 40px;
}
 
 

.stop-scrolling {
  overflow: hidden;
}
 
 
 	.webshow{
		
	}

	.mobileshow{
		display: none;
	}

.webbr br{
	 
}

.mobilebr br{
	display: none;
}

.popup{
	 width: 100%;
  height: 100%;
  z-index: 999999;
  top: 0;
  bottom: 0;
  position: fixed;
  background: #fff;
  padding: 0px 0 0px 0;
  overflow: scroll;
  text-align: center;
  display: none;
}

.popup_privacy{
	width: 100%; height: 100%; 	z-index: 999999;
	top: 0; bottom: 0;
	position: fixed; background: url("../../img/tp/shadow2.png"); 
	padding: 20px 0 100px 0;   
	text-align: center;   display: block;
}

.popup_privacy .area{
	 width:90%;  margin-left: auto; margin-right: auto;
	 max-width: 800px;
	 position: relative;
	margin-top: 80px;
	  text-align: left;
	padding: 30px 0;  
    background:url("../../img/quiz/form.jpg");
}

.privacy_padding{ 
    color: #fff; padding: 40px;
}

.privacy_padding a{
	color: #fff; text-decoration: underline;
}
  
#load_popup img{
/*	width: 100%;*/
}

area:focus {
outline:0;
}

.popup_area{
	 width:90%;  margin-left: auto; margin-right: auto;
	 max-width: 800px;
	min-height: 400px;
	 position: relative;
	margin-top: 30px;
	  text-align: left;
	padding: 30px 0;  
    background: #fff;
}

.pop_padding{
	margin-top: 30px; 
    background: #fff; padding: 40px;
}

.pop_img{
	height: 400px;
}

.popup_close{
	text-align: right; position:absolute; right:0;
	margin: -40px 0px 0 0; z-index:5;
	
}

.pop_thank{
	padding: 100px 0; text-align: center;
}

.web{
	width: 100%; max-width: 1400px;
	margin-left: auto; margin-right: auto;
	position: relative;
}

.area_content{
	width:90%;  margin-left: auto; margin-right: auto;
	 position: relative; max-width: 1150px;
	border: 0px #000 solid; text-align: left;
}
 
.padding_page{
	padding: 40px 0;
}



.head_fixe{
	position: fixed; width: 100%; z-index: 99;	
    -webkit-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.5) ;
-moz-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.5);
box-shadow: 0 8px 34px rgba(0, 0, 0, 0.5);
} 
 
.bg_header{
	background: url("../../img/tp/bg-head.jpg") top center repeat-x;
    background-color: #f2e28f;
}

 
 

.header{
	width: 100%; margin-left: auto; margin-right: auto;
	max-width: 1400px; padding: 10px 0;
}

.header .container{
    min-width: 100%; padding: 0;
}

.header a {
	 color: #000000; text-decoration: none;
}

 
.header a:hover {
	 color: #000000; text-decoration: none;
}



.logo-img{
	 position: absolute;
}

.logo-img img{
	 height: 130px;
} 


 
.mobile_header{
	display: none;
}
 
.menu_header{
	  text-align: right; min-height: 55px;
} 

.menu_header img{
	height: 30px;
}

.header li{
	display: inline-block; vertical-align: text-top;
	margin: 20px 20px 0; 
	  font-family: 'FelixTitlingMT'; font-size: 16px; line-height: 100%;
	 color: #ffffff;
	 cursor: pointer;
} 

.header li:hover{
    color: #444444;
}

.header .active{
	 color: #000;
}

.header .icon-en{
	background: url("../../img/tp/en.png") top left no-repeat;
	background-size: 30px; min-height: 30px;
	padding-left: 40px;
}

.footer{
	background: #000000; color: #fff;
	padding: 15px; 
	font-size: 18px; line-height: 140%; 
}

.footerL{
    float: left;
}

.footerR{
    float: right;
}
 
.footer .logo{
	height: 90px;
}

.footer .pin{
    background: url("../../img/tp/pin.png") top left no-repeat;
    background-size: 25px; min-height: 25px; padding: 0 0 0 30px;
    color: #d9a31f; margin-top: 10px; font-family: 'DBHelvethaicaXMed';
}

.footer .address{
     padding: 0px 0 0 30px; font-size: 16px; line-height: 100%; margin-top:  0px;
}

.footer .shopping{
    text-align: right; font-family: 'DBHelvethaicaXMed';
}

.footer .shop{
    margin-top: 10px;
}

.footer .shop img{
   height: 50px;
}

.footer .qrcode{
   display: inline-block; vertical-align: top; font-size: 14px; line-height: 140%;
    text-align: center; margin-top: 20px;
}

.footer .qrcode img{
    height: 80px;
}
.footer .follow{
   display: inline-block; vertical-align: top; color: #d9a31f;
    text-align: left; margin-top: 45px; margin-right: 20px; letter-spacing: 1px;
}

.footer .follow img{
    height: 30px; margin-right: 3px;
}

.footer .copyright{
    border-top: 1px #414141 solid;
    margin-top: 20px; text-align: center;
    padding: 10px 0;
}

.about{
    background: url("../../img/about/bg-1.png");
    background-size: 100%;
    background-position:  left  30%;
    background-repeat: no-repeat;
    background-color: #ffffff; 
    padding: 100px 0 0px; min-height: 600px;
}

.about .product{
    margin-top: -240px; padding: 0;
    position: relative; text-align: right;
    
}

.about .product img{
    width: 350px;
}

.about .image{
  text-align: right;
}

.about .image{
     padding: 0 50px 0 150px;
}

.about h1{
    font-size: 30px; line-height: 140%; color: #d9a31f; margin-top: 20px;
}


.about h2{
   color: #d9a31f; 
}

.about .text{
    margin-top: 40px;
}

.about .detail{
    margin-top: 80px; text-align: center;
    
}

.about .subtitle{
    font-size: 30px; line-height: 120%; margin-top: 10px;
}


.about-why{
   display: inline-block; vertical-align: top;
    background: #d9a31f; color: #fff; padding: 5px 40px; text-align: center;
    font-size: 40px; line-height: 100%; margin-top: 50px; 
    text-shadow: 2px 2px 2px rgba(0,0,0,0.69);
}

.about-why2{
   display: inline-block; vertical-align: top; font-family: 'DBHelvethaicaXLi';
    background: #d9a31f; color: #fff; padding: 5px 40px; text-align: center;
    font-size: 40px; line-height: 100%; margin-top: 10px; 
    text-shadow: 2px 2px 2px rgba(0,0,0,0.69);
}

.about-why2 .subject{
     font-size: 30px; line-height: 100%;
}

.about-box{
    margin-top: 50px; text-align: center;
    padding: 30px;
}

.about-box .title{
    margin-top: 20px; font-weight: bold;
    color: #d9a31f;
}

.about-box .subject{
    margin-top: 10px; 
}

.product{
    background: url("../../img/about/bg-2.png");
    background-size: 100%;
    background-position:  left  top;
    background-repeat: no-repeat;
    background-color: #ffffff; 
    padding: 100px 0 80px;
}

.product h1{
    color: #506844;
}

.product-box{
    margin-top: 50px;
    padding: 0 40px; text-align: center;
}

.product-box .title{
    margin-top: 20px; font-weight: bold;
    color: #d9a31f; font-size: 30px; line-height: 100%;
}

.product-box .subject{
    margin-top: 10px; 
}

.btn-detail{
     display: inline-block; vertical-align: top;
    margin-top: 20px;  text-align: center;
    background: #d9a31f; color: #fff;
    padding: 5px 40px;
}

.btn-detail span{
    background: url("../../img/product/bull.png") center left no-repeat;
    background-size: 12px; padding: 0 0 0 20px;
}

.benefit{
      min-height: 600px;
    
}

.benefit .bg1{
    background: url("../../img/product/benefit-bg1.png") top center no-repeat;
    background-size: 100%; padding: 80px 0 0;
}

.benefit .bg2{
    background-image: url("../../img/product/benefit-bg2.png") , url("../../img/product/benefit-bg3.png");
    background-size: 100% ,100%;
    background-position: left top, left 60%;
    background-repeat: no-repeat, no-repeat;
    padding: 80px 0;
}


.benefit-title{
    display: inline-block; vertical-align: top; color: #506844; 
}

.benefit h1{
    font-size:60px;	 line-height: 100%; letter-spacing:4px; font-weight: bold;
}

.benefit h2{
    font-size:32px;	 line-height: 100%; letter-spacing:2px; font-weight: bold;
}


.benefit-of{
    background: url("../../img/product/title2.png") center center repeat-x;
    font-size:30px;	 line-height: 100%;
}

.benefit-of span{
    background: #fff; padding: 0 10px;
}

.benefit .image{
    margin-top: 80px; padding: 0 5%;
}

.benefit-golden{
   background: #506844; 
    display: inline-block; vertical-align: top; margin-top: 40px;
    padding: 20px 60px; border-radius: 25px;
}


.benefit-golden h2{
   color: #fff;   text-shadow: 2px 2px 2px rgba(0,0,0,0.69);
}

.mgo h1{
    color: #d9a31f; margin-top: 50px; font-size:46px;	 line-height: 100%;
}

.mgo span{
    font-size: 20px; line-height: 100%; position: absolute; margin-top: -10px;
}

.mgo h3{
     font-size: 40px; line-height: 100%; margin-top: 10px; font-family: 'DBHelvethaicaX'; font-weight: normal;  
}

.mgo-box{
    background: #d9a31f; color: #fff; padding: 40px 60px; margin-top: 50px;
    border-radius: 25px 0 0 25px;
}

.umf-box{
  background: #f9f4e8; color: #000; padding: 40px 60px; margin-top: 50px;
     border-radius:  0 25px 25px 0;
}

.mgo-box h3 ,.umf-box h3{
     font-size: 40px; line-height: 100%; margin-top: 40px;  font-family: 'DBHelvethaicaXMed';
}

.benefit-table{
    margin-top: 80px;
}

.benefit-table .title{
     font-size: 40px; line-height: 100%;  
}

.benefit-table .title span{
    font-family: 'FelixTitlingMT'; color: #d9a31f;
}

.benefit-banner{
    background: url("../../img/product/banner-edit.jpg") bottom center no-repeat;
    background-size: 100%;
    padding: 120px 0; text-align: center;
}

.benefit-description{
    display: inline-block; vertical-align: top;
    padding: 40 80px; color: #fff; font-size: 26px; line-height: 100%; text-shadow: 3px 3px 3px rgba(0,0,0,0.33);
}

.benefit-description span{
    font-size: 36px; line-height: 100%; font-family: 'DBHelvethaicaXMed';
}

.benefit-description .line{
    display: inline-block; width: 300px; height: 3px; margin: 30px 0; background: #fff;
}

.table-umf{
    width: 84%;  font-family: 'FelixTitlingMT';
    border-radius: 25px; background: #f9f4e8;  position: relative;
}


.table-umf .border1{
    border-radius: 25px 0 0 0;
}

.table-umf .border2{
    border-radius:  0 25px 0 0;
}

.table-umf th{
    background: #d9a31f; color: #fff; 
    padding: 20px 0; text-align: center;  
    font-size: 46px; line-height: 120%; letter-spacing: 4px;
}
 
.table-umf th span{
    font-size: 20px; line-height: 100%;
    font-weight: normal; letter-spacing: 1px; margin-top: 5px;
}

.table-umf td{
    padding: 20px 0; text-align: center; height: 60px !important;
    font-size: 20px; line-height: 120%; letter-spacing: 4px;
    font-weight: bold;
}

.benefit table > tbody > tr > th:nth-of-type(1)  {
      width: 50%;  border-right: 1px #e7c679 solid;
}

.benefit table > tbody > tr > td:nth-of-type(1) {
       border-right: 1px #e7c679 solid !important;
}
 
.tab-umf{
    background: #daa626; 
}

.icon-umf{
    position: absolute; left: 0;
    background: url("../../img/product/icon-umf.png") top left no-repeat;
    background-size: 100%;  width: 90px; height:100px; 
    margin-top: -35px; margin-left: -45px;
}

.faq{
     padding: 80px 0; min-height: 600px;
}

.question{
    background: #f9f4e8; margin-top: 30px;
    padding: 30px 0 30px 30px; border-radius: 25px;
}

.question-title ,.question-title2{
    background:url("../../img/question.png") top left no-repeat;
    background-size: 35px; padding: 0  30px 0 50px ; min-height: 40px;
    font-size: 30px; line-height: 100%;  font-family: 'DBHelvethaicaXMed';
    border: 0px #000 solid;
}

.question-title .icon{
    background:url("../../img/show.png") top right no-repeat;  
    background-size: 25px;
}

.question-title2 .icon{
    background:url("../../img/hide.png") top right no-repeat;  
    background-size: 25px;
}



.question .answer{
    padding: 10px 70px 10px 50px; display: none;
}

.news{
     padding: 80px 0; min-height: 600px; background: #eeeeee;
}

.contact{
     padding: 100px 0; min-height: 600px; 
    background: url("../../img/contact/bg-contact.jpg") center center no-repeat;
    background-size: cover;
}

.form{
    background: #fbf7f2; padding: 30px;
}

.form h2{
    font-size: 24px; line-height: 100%;
}

.input-register{
    background: #fff; border: 1px #7e7d7c solid;
    font-family: 'DBHelvethaicaX'; font-size: 22px; line-height: 110%;
    border-radius: 0 !important;
}

.input-area{
    background: #fff; border: 1px #7e7d7c solid;
    font-family: 'DBHelvethaicaX'; font-size: 22px; line-height: 110%;
    border-radius: 0 !important; height: 80px; resize: none;
}


 input:focus, textarea:focus {
    &::-webkit-input-placeholder {
       color: transparent;
       -webkit-transition: color 0.2s ease;
       transition: color 0.2s ease;
    }

    &:-moz-placeholder { /* Firefox 18- */
       color: transparent;
       -webkit-transition: color 0.2s ease;
       transition: color 0.2s ease;
    }

    &::-moz-placeholder {  /* Firefox 19+ */
       color: transparent;
       -webkit-transition: color 0.2s ease;
       transition: color 0.2s ease;
    }

    &:-ms-input-placeholder {  
       color: transparent;
       -webkit-transition: color 0.2s ease;
       transition: color 0.2s ease;
    }
  }


.btn-send{
    font-family: 'FelixTitlingMT'; 
    font-size: 18px; line-height: 100%;
    padding: 12px 40px; border: 0;
}

.news-view{
    padding: 60px 0;
}

.news-area{
   max-width: 1150px;
}


.news-view h1{
    font-family: 'DBHelvethaicaXMed'; font-size: 36px; line-height: 110%;
   color: #d9a31f;
}


.box-news{
	margin-top: 40px;
}


.box-news h3{
	 font-family: 'DBHelvethaicaXMed';  font-size: 24px; line-height: 110%;
}

.box-news .min-h{
	min-height: 410px;
}

 

.box-news .title-h{
 margin-top: 20px; 
}


.news-other{
    background: #f9f4e8; padding: 60px 0;
}

.news-other h1{
    font-family: 'DBHelvethaicaX'; font-size: 36px; line-height: 110%; 
}

.btn-back{
    background: url("../../img/news/back.png") top left no-repeat;
    background-size: 40px;
    padding: 0 0 0 40px;
}

.video iframe{
    width: 100%; height: 650px;
}

@media screen and (max-width: 1400px) {
 
 

	
}

@media screen and (max-width: 1250px) {
	 
}


@media screen and (max-width: 1200px) {
    
    
.logo-img img{
	 height: 80px;
} 
    
	.header{
	width: 96%; margin-left: auto; margin-right: auto; 
}  
    
.header li{
	display: inline-block; vertical-align: text-top;
	margin: 30px 6px 0;  font-size: 14px; line-height: 100%; 
} 
	
    .benefit .col-md-6{
        min-width: 100%;   
        
    }
    
    .benefit-banner{
    background: url("../../img/product/banner.jpg") bottom center no-repeat;
    background-size: cover;
    padding: 50px 0; text-align: center;
}

    .contact{
    background: url("../../img/contact/bg-contact.jpg") top left  no-repeat;
    background-size: cover;
}
    
    .about{
    background: url("../../img/about/bg-1.png");
    background-size: 100%;
    background-position:  left  45%;
    background-repeat: no-repeat;
    background-color: #ffffff; 
    padding: 100px 0 100px; min-height: 600px;
}
    
  .about .image{   
  text-align: center; padding: 20px 5%;
}
    
        
.about .text br{
    display: none;
}
    
    .umf-box{
    margin-top:0px;
}

    
}

@media screen and (max-width: 50em) {

 	
	
.area_content{
	width:90%;  margin-left: auto; margin-right: auto;
}
	 	
.webshow{
		display: none;
	}

	.mobileshow{
		display: block;
	}
	
.logo-img{
	 position: relative;  display: inline-block;
}
	
	 	
/* Icon 1 */

#nav-icon1 {
  width: 35px;
  height: 25px;
  position: absolute;
  margin: 10px auto 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

    .bg_header .container{
        min-width: 100%; padding: 0; margin: 0;
    }
    
    .col-md-2,.col-md-10 ,.col-md-6{
        min-width: 100%;   
        
    }
	 
	
	.menu_header{
		display: none; margin: 0; padding-top: 20px;
	}
	
 
	.header{
	width: 90%; margin-left: auto; margin-right: auto;
	max-width: 1400px; padding: 10px 0; text-align: center;
} 
	
	.header li{
	 width: 100%; padding: 10px 0; text-align: left;
	margin: 0;  border-top: 1px #fff solid;
} 
	 
    .about .image{   
  text-align: center; padding: 20px 5%;
}
    
    .container{
        max-width: 90%;
    }
	 
}

@media screen and (max-width: 40em) {
	 
.bg_header{
	  background: #cba241;
}

    
body ,table{
  font-size: 20px; line-height: 110%;
}
	
 h1{
	font-size:30px;	 line-height: 100%;
}

h2{
    font-size:24px;	 line-height: 110%;   
}
	
.about h1{
    font-size: 24px; line-height: 120%;  
}
  
.product-box .title{
    font-size: 24px; line-height: 100%;
}    
    
.benefit{
     
}
 

.benefit h1{
    font-size:46px;	 line-height: 120%;  
}

.benefit h2{
    font-size:20px;	 line-height: 140%;  
}    
    

.question{
    background: #f9f4e8; margin-top: 30px;
    padding: 30px 0 30px 10px;
}

.question-title ,.question-title2{
    background:url("../../img/question.png") top left no-repeat;
    background-size: 25px; padding: 0  10px 0 35px ; min-height: 40px;
    font-size: 24px; line-height: 100%;   
}

.question-title .icon{
    background:url("../../img/show.png") top right no-repeat;  
    background-size: 20px; padding-right: 30px;
}

.question-title2 .icon{
    background:url("../../img/hide.png") top right no-repeat;  
    background-size: 20px;  padding-right: 30px;
}



.question .answer{
    padding: 10px 70px 10px 35px; display: none;
}  
    
    .footerL{
    float: left; width: 100%;  
}
    
    .footerL img{
        display: none;
    }

.footerR{
    float: right; margin-top: 10px;
}
    
.about .subtitle{
    font-size: 24px; line-height: 120%;
}
    

    

.about-why{
    padding: 5px 10px;  
    font-size: 24px; line-height: 100%; margin-top: 50px; 
}

.about-why2{
    padding: 5px 10px; text-align: center;
    font-size: 24px; line-height: 100%; margin-top: 10px; 
}

.about-why2 .subject{
     font-size: 24px; line-height: 100%;
}    
    

.benefit-golden{
    padding: 15px 30px;
}


 

    .mgo{
        text-align: left;
    } 
    
    .mgo br{
        display: none;
    }
    
.mgo h1{
    color: #d9a31f; margin-top: 50px; font-size:46px;	 line-height: 100%;
}

.mgo span{
    font-size: 20px; line-height: 100%; position: absolute; margin-top: -10px;
}

.mgo h3{
     font-size: 30px; line-height: 100%; margin-top: 10px; font-family: 'DBHelvethaicaX'; font-weight: normal;  
}

.mgo-box{
    background: #d9a31f; color: #fff; padding: 20px 30px; margin-top: 50px;
    border-radius: 25px 25px 0 0;
}

.umf-box{
   padding:  30px; margin-top:0px; border-radius:  0 0 25px 25px;
}

.mgo-box img ,.umf-box img{
    max-width: 60%;
}    
    
.mgo-box h3 ,.umf-box h3{
     font-size: 36px; line-height: 100%; margin-top: 40px;  font-family: 'DBHelvethaicaXMed';
}

.benefit-table{
    margin-top: 50px;
}

.benefit-table .title{
     font-size: 36px; line-height: 100%;  
}

.benefit-table .title span{
    font-family: 'FelixTitlingMT'; color: #d9a31f;
}

.benefit-banner{
    background: url("../../img/product/banner-edit-m.jpg") top center   no-repeat;
    background-size: 100%;
    padding: 60px 0; text-align: center;
}

.benefit-description{
    padding: 20 20px; color: #fff; font-size: 24px; line-height: 100%; text-shadow: 3px 3px 3px rgba(0,0,0,0.33);
}
    
    .benefit-description br{
        display: none;
    }

.benefit-description span{
    font-size: 30px; line-height: 100%; font-family: 'DBHelvethaicaXMed';
}
    

.table-umf{
    width: 90%;  
}
 
.table-umf th{
     font-size: 30px; line-height: 120%; letter-spacing:0px;
}
 
.table-umf th span{
    font-size: 14px; line-height: 120%;  letter-spacing:0px;
}

.table-umf td{
    padding: 10px 0; text-align: center; height:45px !important;
    font-size: 14px; line-height: 120%; letter-spacing: 1px;
    font-weight: bold;
}

 

.icon-umf{
     background: url("../../img/product/icon-umf.png") top left no-repeat;
    background-size: 100%;  width: 60px; height:70px; 
    margin-top: -24px; margin-left: -30px;
}    

.video iframe{
    width: 100%; height: 250px;
}
    
	  
}
