*{
    -webkit-text-size-adjust: none !important;
  }
  html, body, p, ol, dl, dt, dd, ul, li, td, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
  }
  body, html  {overflow-x: hidden; position:relative;}
  body{
    background:#fff;
    color:#333;
    font-family: arial, Helvetica, sans-serif;
	font-size:17px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-moz-pre-wrap: break-word;
	/*word-break: break-all;
	font-weight:lighter;*/
	line-height:28px;
	padding:0;
	margin:0;
  }
    a {color:#1071cf; text-decoration:none; cursor:pointer;}
	a:hover { text-decoration: none;}
	a img{border:none; cursor:pointer;}
	a input, a button, a:hover input, a:hover button, input:hover, button:hover{ text-decoration:none !important;}
	.img_click, onclick {cursor:pointer;}
  
    .container{
    max-width:1004px;
    margin:0px auto;
  }
  
  ul, li{
    list-style: none;
    padding:0;
  }
  img {
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
	-webkit-user-select: none;
    user-select: none;}
 form { margin:0; padding:0} 
input[type="submit"], input[type="button"], button{ 
	padding:2px 15px 3px 15px; /*font-family: 'Kanit';*/  font-size:18px;
	background:#569ef1; color:#fff; border:none; vertical-align:middle;
	border-radius: 3px;	-moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; -webkit-appearance: none;
}
.btn_login { font-size:16px; line-height:24px;}
.btn_green {background:#1eaf62 !important;}
.btn_gray {background:#c5c5c5 !important; color:#222 !important;}
.btn_red {background:#fe605d !important;}
.btn_orange {background:#ee7b00 !important;}
.btn_yellow {background:#FF6!important; color:#333!important;}
.btn_white { background:#fff!important; border:#569ef1 1px solid!important; color:#1059ac;}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea, input[type="date"],select{ 
	border-radius: 3px;  
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border:1px solid #d0d1d6;  
	min-height:25px; 
	font-size:18px;
	color:#000; /*color:#333;*/
	padding:0px 5px; margin:4px 0;
	margin-bottom:2px; margin-top:2px;
	/*font-family: 'Sarabun';*/
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
	width:98%; max-width:500px;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(255, 180, 0, 0.5);
  border: 1px solid rgba(255, 180, 0, 0.5);
}

button[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  cursor: inherit;
  background-color: #ccc !important;
  background: #ccc !important;
}

.eg {font-size:13px; color:#555;}
/*.f0 {font-family: 'Kanit';}*/
.f1 {font-size:13px;}
.f2 {font-size:17px;}
.f3 {font-size:22px; /*font-family: 'Kanit';*/}
.f4 {font-size:28px; /*font-family: 'Kanit';*/}
.f5 {font-size:35px; /*font-family: 'Kanit';*/}
/*.f6 {font-size:18px; font-family: 'Kanit';*/}

.fc1 {font-size:13px; color:#848d95;}
.fc2 {font-size:13px; color:#1071cf;}
.fc3 {font-size:22px; color:#1071cf; /*font-family: 'Kanit';*/} 
.fc4 {font-size:28px; color:#1071cf; /*font-family: 'Kanit';*/} 
.fc5 {color:#4fb872;} /*Green*/
.fc6 {color:#f15756;} /*Red*/
.fc7 {color:#848d95;} /*Gray*/
.fc8 {color:#1071cf;} /*Blue*/
.fc9 {color:#1071cf; /*font-family: 'Kanit';*/}
.fc10 {color:#f6b626; font-size:24px; /*font-family: 'Kanit';*/}
.fc11 {font-size:22px; /*font-family: 'Kanit';*/}
.fc12 {font-size:17px; /*font-family: 'Kanit';*/ color:#7e7e7e} /*Gray*/

label.error {color:#f15756; display:block;}
h1, h2, h3, h4, h5, h6 {margin:0;}
h3, h4, h5, h6 { font-weight:inherit; }

.head { padding-top:10px; padding-bottom:10px;}
.head td.logo{ text-align:left;}
.head td.logoW{ text-align:left; font-size:large; font-weight:bold;}
.logoW img{vertical-align:middle; margin-top:-10px; padding-right:7px;}
.logoW a { color:#000;}
.head td.menu{ text-align:right;}
.head td.menu li{ display:inline-block; /*font-family: 'Sarabun';*/ margin:0;  padding:0 5px; vertical-align:middle;
 background:url(../images/menu_line.png) no-repeat right;}
.head td.menu li img { vertical-align:middle;}
.head td.menu li:last-of-type { background:none; padding:0 0 0 10px;}
.txt td{ vertical-align:top;}
.divBanner {background:url(../images/bg_block.jpg) left top repeat;  height:410px; display:block; }
.divBanner:after {
  margin-left: -50px;
  top:77px;
  position: absolute;
  background:url(../images/banner.png) left top no-repeat;
  height: 410px;
  width: 900px;
  content: '';
  z-index: 2;
  left: 50%;
}
.divBanner .txt_banner { width:50%;}
.divBanner .txt_banner td { padding:10px 0;}
.container .dot td:first-of-type{ color:#F90;}
.txtName {font-weight:bold; margin-bottom:13px;}
.subName {margin-bottom:13px;}

/*.divIndex .fc4 { color:#000;}*/
.divIndex ul{ display:inline-block; vertical-align: middle; min-height:200px;}
.divIndex ul .img { vertical-align:middle; position:relative}

.divIndex .r {width:68%; vertical-align:top}
.divIndex .l {width:30%; text-align:center;}
.divIndex .column2 {background:#f3f8fb;}
.divIndex .column2 .r{float:right;}
.divIndex .column2 .l{position: relative; margin-left:0;}
.space { height:50px;}
.newline { display:inline-block}

.divHowto ul{ display:inline-block; vertical-align: middle;}
.divHowto ul .img { vertical-align:middle;}
.divHowto .r {width:70%; vertical-align:top}
.divHowto .l {width:28%; text-align:center;}


.divApp { display:block;}
.divApp .txt_banner { width:65%;}
.divApp .txt_banner td { padding:10px 0;}

img.card {vertical-align:top; margin-top:27px; margin-right:10px;}
/*.divApp .block .img { width:90px;}*/
/*.divBanner2 {background:url(../images/bg_white.jpg) left top repeat;  height:410px; }
.divBanner2:after {
  margin-left: -50px;
  top:59px;
  position: absolute;
  background:url(../images/banner1.png) left top no-repeat;
  height: 410px;
  width: 900px;
  content: '';
  z-index: 2;
  left: 50%;
}
.divBanner2 .txt_banner { width:50%;}
.divBanner2 .txt_banner td { padding:4px 0;}*/

.divShop { text-align:center;}
.divShop td { vertical-align:bottom;}
.divShop .tap { vertical-align:top;}

.divProReward {background:#dcecff;/*background:url(../images/bgline.png) repeat center;*/ padding-top:20px; margin-top:20px;}
.divProReward .price{ margin:40px auto; text-align:center; /*font-family: 'Kanit';*/}
.divProReward .price .main {/*background: rgba(86, 158, 241, 0.2);*/ border:#569ef1 2px solid; padding:5px 10px;  margin-bottom:10px; display:inline-block; }
.divProReward .price div{ margin-bottom:5px;}
.divProReward .block { background:#fff; border:1px solid #ccc; border-radius:10px; 
display:inline-block; width:28%; margin:5px; padding:10px;
vertical-align:top; min-height:240px;}
/*.divProReward .fc9 {font-family: 'sansNeueBold';}*/

.divPrice { background: #dcecff; padding-top:20px; margin-top:20px;}
.divPrice .block { background:#fff; border:1px solid #ccc; border-radius:10px; 
display:inline-block; width:28%; margin:5px; padding:10px;
vertical-align:top; min-height:240px;}



.divLoad {padding-top:20px; padding-bottom:20px;}
.divLoad .imgIC { width:80px;}
.divLoad .imgLoad { width:80px; display:inline-block; margin:0 5px;}

.dot1 { margin-top:11px;}

.divFoot { text-align:center; background:#ccc;}

.divNews .block{ background:#569ef1; width:50%; text-align:center; color:#fff;}

.divContact { /*border-top: #eee 1px solid;*/ /*background:#4284f5;background:#65a3dc;*/ background:#569ef1; color:#fff;}
.divContact td { vertical-align:top;}
.divContact .info td{ padding:5px 3px; vertical-align:middle}
.divContact .info .fc3 { margin-bottom:10px; color:#fff;}
.divContact .info a{ color:#fff;}
.divContact .frm_contact { width:50%;}
.divContact .frm_contact td{ padding:2px 5px;}
.divContact .frm_contact .fc3 { margin-bottom:15px;  color:#fff;}

.forShop { border-left:#76b5fa 1px solid; padding-left:25px;}
.forShop a{ color:#fff;}

.divVDO .vdo { text-align:center; margin:0 auto; width:100%;}
.divVDO .vdo iframe { width:70%; height:397px; border:#ccc 1px solid;}

@media only screen and (min-width: 641px) and (max-width: 800px){
body, html  {overflow-x: hidden !important; position:relative;}
.container{
	width:95%;
	margin:0px auto;
}

.divContact .info { margin-right:20px;}

.divVDO .vdo iframe {max-width:700px; height:294px;}
}

@media only screen and (min-width: 1px) and (max-width: 640px){
.container{
	width:95%;
    max-width:640px;
	min-width:300px;
	margin:0px auto;
	border-radius: 0px;	-moz-border-radius:0px; -webkit-border-radius:0px;
}
.head td.menu div { margin:10px 0;}
.head td.menu li{ padding:0 5px; margin:0;}
.head td.menu li:last-of-type { padding:0 0 0 5px;}
.head .tap{ text-align:center !important;}

.divIndex ul, .divHowto ul{padding-right:0; padding-left:0; margin-bottom:3px; margin-top:3px;  min-height:120px;}
.divIndex .r, .divHowto .r {width:100%; margin-bottom:15px;}
.divIndex .l, .divHowto .l {width:100%;}
.space { height:0px;}
.newline { display:block}

.divBanner .txt_banner, .divApp  .txt_banner { width:98%;}
.divApp { display:block;}
.divApp .block td{ display:block; width:100%; }

.divListData td.block {display:block; width:100%; }

/*.divApp .block .img { width:100%; max-width:150px;}*/


/*.divBanner, .divBanner2 {height: auto; padding-bottom:230px; }
.divBanner:after {
  margin-left: -120px;
  padding-right:120px;
  top: auto;
  background:url(../images/banner.png) center no-repeat;
  background-size:cover;
  content: '';
  height: 230px;
  width: 100%;
  left:0;
}
*/
/*.divBanner2:after {
  margin-left: -120px;
  padding-right:120px;
  top: auto;
  margin-top:10px;
  background:url(../images/banner2.png) center no-repeat;
  background-size:cover;
  content: '';
  height:230px;
  width: 100%;
  left:0;
}*/

.tap { display: block; width:95%; }


.mbct .data, .mbct .data td{ text-align:center;}

.divProReward .block{ display: block; width:87%;  min-height:140px; }
.divPrice .block{ display: block; width:87%;  min-height:140px; }

.divLoad .imgIC { width:100%; max-width:80px;}
.divLoad .imgLoad { width:60%; max-width:80px; display:block; margin:10px;}

.blank { display:none !important;}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.divContact .info {margin-bottom:30px;}
.divContact .frm_contact{ width:100%; padding-top:30px; border-top:#ccc 1px solid;}
.divContact .frm_contact td { display:block; width:95%;}

.forShop {border-top:#76b5fa 1px solid; border-left:none; padding-left:0px; margin-top:27px; padding-top:27px;}

.divVDO .vdo iframe { width:90%; height:200px;}

}

/*@supports (-webkit-touch-callout: none) {
.divShop strong, .divBanner strong, .divApp strong {letter-spacing: -1px;}
}*/