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

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

@font-face {
    font-family: 'DBHelvethaicaXMed';
    src: url('./DBHelvethaicaX/DBHelvethaicaX-65Med.eot');
    src: url('./DBHelvethaicaX/DBHelvethaicaX-65Med.eot?#iefix') format('embedded-opentype'),
         url('./DBHelvethaicaX/DBHelvethaicaX-65Med.woff') format('woff'),
         url('./DBHelvethaicaX/DBHelvethaicaX-65Med.ttf') format('truetype'),
         url('./DBHelvethaicaX/DBHelvethaicaX-65Med.svg#DBHelvethaicaXMed') 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%;
}

body{
  margin: 0;
  padding: 0;
  width:100%; height: 100%;
 font-family: 'DBHelvethaicaX'; font-size: 21px; line-height: 120%;
    background: #ffffff;
 color: #000000;
}
 

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

a:hover{
	 color: #666666;
}

h1{
	margin:0; padding:0;
	font-size:36px;	 line-height: 80%;
	font-weight:normal;   font-family: 'DBHelvethaicaXBd';
	letter-spacing: 2px;
}

h2{
     font-family: 'DBHelvethaicaXBd'; margin:0; padding:0;
	font-size:48px;	 line-height: 80%;
	font-weight:normal;     
}
 
h3{
	margin:0; padding:0;
	font-size:26px;	 line-height: 90%;
	font-weight:bold;    font-family: 'DBHelvethaicaXBd'; 
}
 

a ,a:hover ,a:link{
  text-decoration: none;
}
 


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


.table{
        font-family: 'DBHelvethaicaX'; font-size: 24px; line-height: 120%;
}

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

.table tr{
	border: 0 !important;
}





.table_detail{
	font-family: 'DBHelvethaicaX';  font-size: 24px;
}

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

.left{
	float: left;
}

.right{
	float: right;
}


.clear{
	clear:both;	
}

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

.top5{
	padding-top:5px;	
}	

.top10{
	padding-top:10px;	
}	

.top20{
	margin-top: 20px;
}

.top30{
	margin-top: 30px;
}
	
	
.top40{
	margin-top: 40px;
}

.size48{
	font-size: 48px; line-height: 120%;
}

.size40{
	font-size: 40px; line-height: 120%;
}

.size36{
	font-size: 36px; line-height: 120%;
}

.size30{
	font-size: 30px; line-height: 120%;
}

.size24{
	font-size: 24px; line-height: 120%;
}

.size21{
	font-size: 21px; line-height: 120%;
}

.size12{
	font-size: 12px; line-height: 120%;
}


.style1{
    color: #FBCB00;
}

.style2{
    color: #ffffff;
}

.style3{
    color: #414141;
}

.style4{
    color: #D91A1A;
}

.style5{
    color: #333333;
} 
	.webshow{
		
	}

	.mobileshow{
		display: none;
	}

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

#load_popup img{
/*	width: 100%;*/
}

area:focus {
outline:0;
}

.popup_area{
	 width:90%;  margin-left: auto; margin-right: auto;
	max-width: 720px;
	background: url("../../img/tp/popup.jpg") top right no-repeat;
	background-color: #FBCB00;
	border-radius: 20px;
	color: #000;
	min-height: 400px;
	 position: relative;
	margin-top: 10px;
	  text-align: left;
	padding: 30px 0;
    
}

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

.pop_img{
	height: 400px;
}

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

 

.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: 1100px;
	border: 0px #000 solid; text-align: left;
}
 

.head_fixe{
	position: fixed; width: 100%; z-index: 99;
	  
	
} 
 

.bg_header{
	 background: #FBCB00;
}

.header{
	width: 96%; margin-left: auto; margin-right: auto;
	max-width: 1200px; border: 0px #000 solid;
	 color: #000000;
   
}

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

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



.logo{
	padding: 10px 0;
}

.headerL{
	float: left;
}

.headerR{
	float: right; padding-top: 4px; 
}

.headerR li{
	 font-size: 20px !important; line-height: 100%; 
}

.header li{
	display: inline-block; vertical-align: text-top;
	margin: 0 15px;  font-family: 'DBHelvethaicaXBd';
	font-size: 24px; line-height: 100%;
	padding: 30px 0px;   color: #000000;
	margin-top: 0px;
}

.header .active{
	  
}

.input_lang{
	width: 45px; height: 22px;
	padding: 0; margin: 0;
	outline: none;
	border: 0; background: #94836c;
	 color: #ffffff;
	font-size: 16px;
    line-height: 90%; 
}

.header .lang{
	 
	  color: #B08E00;
	  
}

.header .lang a{
	 
	  color: #B08E00;
	 
}

.header .lang .active{
	font-weight: bold;  color: #000;
}

.header_lang{
    display: none;
}

.header_lang a{
	color: #fff;
}

.m_login {
	position: absolute; right: 0; font-family: 'DBHelvethaicaXBd'; 
	margin-top: -5px;
}


 

.input_register{
     font-family: 'DBHelvethaicaX';
    font-size: 18px; line-height: 100%;
    width: 100%; height:40px;
    padding-left: 20px;  
     background: #ffffff; resize: none; outline: none;
    color: #000; border-radius: 10px;
    border: 1px #dddddd solid;
}


.input_register_error{
     font-family: 'DBHelvethaicaX';
    font-size: 18px; line-height: 100%;
    width: 100%; height: 30px;
    padding-left: 20px;
     background: #FFFFFF; color: #000;  resize: none; outline: none;
     
    border: 1px #dddddd solid;
}

.input_register::-webkit-input-placeholder{
	opacity: 1 !important; color: #fff;
}
.input_register:-moz-placeholder {
	opacity: 1 !important; color: #fff;
}

.input_register::-moz-placeholder{
	opacity: 1 !important; color: #fff;
} 

input:focus::placeholder {
  color: transparent;
}


textarea:focus::placeholder {
  color: transparent;
}

.input_area{
    height: 110px !important;
}

 


.footer{ 
	 background: linear-gradient(90deg, #FBCB00 50%, #000 50%);
}

.footer a{
	color: #fff;
}


.footer_content{
	width:96%;  margin-left: auto; margin-right: auto;
	background: url("../../img/tp/bg_footer.png") center left no-repeat;
	background-color: #000; color: #fff;
	 position: relative; max-width: 1250px; min-height: 155px;
	border: 0px #C91518 solid; text-align: left;  
}

.footer_logo{
	float: left; padding: 10px 0;
	width: 20%;
}

.footer_contact{
	float: left;
	padding: 20px 0 0 0 ;
}

.footer_social{
	float: right; padding: 20px 0 0 0 ;
}

.footer_fb{
	background: url("../../img/tp/fb.svg") top center no-repeat;
	 min-height: 50px; color: #fff;
	padding-left: 150px;  padding-top: 10px;
	font-family: 'DBHelvethaicaXBd';
	font-size: 24px; line-height: 100%;
}

.footer_menu{
	float: right; padding: 20px 40px 0 0 ;
}

.footer_menu li{
	margin-top: 10px; font-family: 'DBHelvethaicaXBd';
	font-size: 24px; line-height: 100%;
}
.footer_menu a{
	color: #fff;
}
 
.footer_social img{
    width: 30px; margin-left: 5px; margin-right: 5px;
}

.copyright{
   text-align: right; margin-top: -20px; padding-bottom: 10px;
}

.thankyou{
    padding: 200px 0;
}
 
.input_complaint{ 
    font-size: 14px; line-height: 100%;
    width: 100%; height: 35px;
    padding-left: 20px;
     background: #ffffff; resize: none; outline: none;
    color: #4d4d4d;
    border: 1px #4d4d4d solid;
}

.input_complaint::-webkit-input-placeholder{
	opacity: 1 !important; color: #4d4d4d;
}
.input_complaint:-moz-placeholder {
	opacity: 1 !important; color: #4d4d4d;
}

.input_complaint::-moz-placeholder{
	opacity: 1 !important; color: #4d4d4d;
} 

.home_bg{
	background: url("../../img/home/bg.jpg") top center no-repeat;
	background-size: 100%; min-height: 500px;
	padding: 50px 0;
}

.event_box{
	display: inline-block; vertical-align: top;
	width: 30%; margin: 50px 1% 0 ; background: #fff;
	-moz-box-shadow: 5px 5px 5px #eeeeee;
	-webkit-box-shadow: 5px 5px 5px #eeeeee;
	box-shadow: 5px 5px 5px #eeeeee;
	font-size: 19px; line-height: 120%;
}

 

.event_box .text{
	padding: 20px;
}
 

.event_box .title ,.poppular_box .title{
	 font-family: 'DBHelvethaicaXBd';
}
 
.home_poppular{
	padding: 80px 0 0;
}

.poppular_box{
	margin-top: 40px;
}

.poppularL{
	display: inline-block; vertical-align: top;
	width: 58%;
}

.poppularR{
	display: inline-block; vertical-align: top;
	width: 39%; margin-left: 2%;
}

.poppularR .area{
	padding: 30px; 
}


.search{
	text-align: right;
	margin-top: 40px;
}

.search_box{
	display: inline-block; vertical-align: top;
	border: 1px #FBCB00 solid;
	border-radius: 20px; 
	 font-family: 'DBHelvethaicaX'; font-size: 19px; line-height: 120%;
	 
	padding: 10px 30px;
}


.input_search{
	width: 125px; height: 22px;
	padding: 0; margin: 0;
	outline: none;
	border: 0; background: none;
	 color: #000;
	font-family: 'DBHelvethaicaX'; font-size: 19px; line-height: 120%;
	 
}

.type_menu{
	margin-top: 40px; text-align: center;
}

.type_menu li{
	display: inline-block; vertical-align: top;
	padding: 5px 10px;  
	margin: 0 2px;
}

.type_menu .active{
	background: #FBCB00; border-radius: 20px;
}

.loadmore{
	background: url("../../img/tp/loadmore.svg") bottom center no-repeat;
	padding-bottom: 40px; margin-top: 50px;
}

.event_title{
	display: inline-block; vertical-align: top;
	border-bottom: 2px #FBCB00 solid;
	padding-bottom: 5px;
	color: #FBCB00; margin-top: 40px;
}

.detail_date{
	display: inline-block; vertical-align: top;
	margin-top: 30px;  
}

.detail_date_margin{
	margin-left: 50px;
}

.top_event{
	margin-top: 60px;
}

.table_cat{
        font-family: 'DBHelvethaicaX';  font-size: 24px;
	width: 100%; 
}

.table_cat td{
	padding: 30px 0; border:1px #FBCB00 solid;
}

.table_catL{
	background: #000; color: #fff; width: 50%;
}

.btn_apply{
	display: inline-block; vertical-align: top;
	background: #FBCB00;
	color: #000;  font-family: 'DBHelvethaicaXBd';
	 padding: 8px 60px; 
	border-radius: 50px;
	-moz-box-shadow: 5px 5px 5px #eeeeee;
	-webkit-box-shadow: 5px 5px 5px #eeeeee;
	box-shadow: 5px 5px 5px #eeeeee;
	margin-top: 50px;
}


.btn_apply_fixe{
	position: fixed; right: 0; bottom: 0%;
	display: inline-block; vertical-align: top;
	background: #FBCB00;
	color: #000;  font-family: 'DBHelvethaicaXBd';
	border-radius: 15px 15px 0  0;
	 padding: 8px 50px; margin-right: 10px;
	 -moz-box-shadow: 5px 5px 5px #333333;
	-webkit-box-shadow: 5px 5px 5px #333333;
	box-shadow: 5px 5px 5px #333333; z-index: 5;
}


.btn_apply_fixe:hover{
	opacity: 0.7;
}

 

.schedule{
	border: 1px #FBCB00 solid; 
	margin-top: 5px;
}

.scheduleL{
	display: inline-block; vertical-align: top; width: 40%;  
	background: #000; color: #fff;
	padding: 10px 10px;
	
}

.scheduleR{
	display: inline-block; vertical-align: top; width: 59%;
	background: #fff; padding: 10px 10px;
}

.block{
	display: inline-block; vertical-align: top; text-align: left;
}

.detail_title{
	 font-family: 'DBHelvethaicaXBd'; 
	padding: 10px 0;
}

.viewall{
	font-family: 'DBHelvethaicaXBd';  position: absolute; right: 0; margin-top: -30px;
}



.form{
	width:90%;  margin-left: auto; margin-right: auto;
	 position: relative; max-width: 1100px;
	border: 0px #000 solid; text-align: left;
	background: #fff;  margin-top: 50px;
	-moz-box-shadow: 5px 5px 5px #eeeeee;
	-webkit-box-shadow: 5px 5px 5px #eeeeee;
	box-shadow: 5px 5px 5px #eeeeee;
	margin-bottom: 50px;
}

.form .area{
	padding: 50px 0;
}
 

.form_tab{
	background: #FBCB00;   font-family: 'DBHelvethaicaXBd';
	color: #000; padding: 10px 0; margin-top: 40px;
}

.form_tab2{
	   font-family: 'DBHelvethaicaXBd';
	color: #000;  margin-top: 40px;
	 background: linear-gradient(90deg, #FBCB00 50%, #ffffff 50%);
}


.form_tab .bin{
	margin-left: 20px; position: absolute;
}

.form_tab .top{
	background: url("../../img/register/top.svg") center right no-repeat;
}

.form_tab .bottom{
	background: url("../../img/register/bottom.svg") center right no-repeat;
}

.form_tabL{
	float: left;
	width: 30%; padding: 10px 0;
}

.form_tabR{
	float: right; 
	width: 70%; padding: 10px 30px; background: #fff; 
}


.form_label{
	display: inline-block; vertical-align: top; width: 31%; 
	margin-top: 20px;  color: #767676; font-size: 19px; line-height: 140%;
}

.form_label_long{
	display: inline-block; vertical-align: top; width: 63%; 
	margin-top: 20px; color: #767676; font-size: 19px; line-height: 140%;
}

.label_margin{
	margin-left: 1.5%;
}



.form_box{
	display: inline-block; vertical-align: top; width: 30%; 
	margin-top: 0;
}


.label_short{
	display: inline-block; vertical-align: top; width: 40%; 
}


.radio_box{
	display: inline-block; vertical-align: top;    width: 20%; 
}


.form-radio
{
	font-weight: bold;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #eeeeee;
     color: #fff;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none !important;
	
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #FFE266;
}
.form-radio:checked
{
     background-color: #FBCB00; color: #fff;
}

.division_box{
	background: #DDDDDD; border-radius: 10px; 
	width: 100%;   text-align: center;
	padding: 10px 0 ; font-size: 24px; line-height: 100%; color: #000000;
}

label{
	font-weight: normal !important; color: #000000;
}

.btn_add{
    display: inline-block; vertical-align: top;
    background: #fff; border: 1px #FBCB00 solid;
    color: #000;  border-radius: 50px;
    padding: 10px 50px; text-align: center;
	  font-family: 'DBHelvethaicaXBd';
	margin-top: 80px;
}


.btn_division{
	 display: inline-block; vertical-align: top;
	background: #DDDDDD; border-radius: 10px;   color: #000;
	 padding: 10px 0px; text-align: center;
	width: 220px; font-family: 'DBHelvethaicaXBd';
} 

.btn_submit{
    display: inline-block; vertical-align: top;
    background: #FBCB00; border: 1px #FBCB00 solid;
    color: #000;  border-radius: 50px;
    padding: 10px 0px; text-align: center;
	width: 220px; font-family: 'DBHelvethaicaXBd';
	margin: 20px 10px 0;
}

.btn_back{
    display: inline-block; vertical-align: top;
    background: #DDDDDD; border: 1px #DDDDDD solid;
    color: #000;  border-radius: 50px;
    padding: 10px 0px; text-align: center;
	width: 220px; font-family: 'DBHelvethaicaXBd';
	margin: 20px 10px 0;
}

.step2L{
	float: left; font-family: 'DBHelvethaicaXBd';
	width: 30%; padding: 10px 0; color: #FBCB00;
}

.step2R{
	float: right; 
	width: 70%; padding: 10px 30px; background: #fff; 
}

.total_box{
	border-top: 1px #FBCB00 solid;
	border-bottom: 1px #FBCB00 solid;
	padding: 20px 0; text-align: center;
	font-size: 30px; line-height: 100%; font-family: 'DBHelvethaicaXBd';
	margin: 40px 0;
}

.discount_box{
	border-top: 1px #FBCB00 solid;
	border-bottom:0px #FBCB00 solid;
	padding: 20px 0; text-align: center;
	font-size: 24px; line-height: 100%; font-family: 'DBHelvethaicaXBd';
	color: #A3171A;
	margin: 40px 0 0;
}


.payment_box{
	background: #fef9e5; padding: 20px 40px;
	margin-top: 40px;
}


.payment_bank{
	display: inline-block; vertical-align: top; width: 30%; 
	 width: 19%; margin: 20px 0 0 0;
}

.btn_upload{
	cursor: pointer;
    display: inline-block; vertical-align: top;
    background: #FBCB00; border: 1px #FBCB00 solid;
    color: #000;  border-radius: 90px;
    padding: 7px 60px; text-align: center;
	 font-family: 'DBHelvethaicaXBd';
	margin: 0 10px;
}

.payment_menu{
	margin-top: 40px; text-align: center;
}

.payment_menu li{
	display: inline-block; vertical-align: top;
	padding: 5px 10px;  
	margin: 0 20px;
}

.payment_menu .active{
	background: #FBCB00; border-radius: 20px;
}

.box_date{
	display: inline-block; vertical-align: top;
	width: 31%;
}

.service_text{
	text-align: center; padding: 30px 0 0 0;
}

.portfolio{
	background: #DDDDDD;
	padding: 40px 0;
	margin-top: 50px;
}

.portfolio_box{
	display: inline-block; vertical-align: top;
	width: 23%; margin: 20px 1.5% 0 0;
}


.area_contact{
	width:90%;  margin-left: auto; margin-right: auto;
	 position: relative; max-width: 900px;
	border: 0px #000 solid; text-align: left;
}

.contactL{
	display: inline-block; vertical-align: top;
	width: 50%; margin-top: 60px;
}

.contactR{
	display: inline-block; vertical-align: top;
	width: 49%; margin-top: 60px; color: #fff;
	background: #000; padding: 40px 20px;
}

.label_contact{
	display: inline-block; vertical-align: top;
	width: 48%; margin-top: 20px;
}

.contact_margin{
	margin-left: 3%;
}


.input_contact{
     font-family: 'DBHelvethaicaX';
    font-size: 18px; line-height: 100%;
    width: 100%; height:30px;
    padding-left: 0px;  
     background: #000; resize: none; outline: none;
    color: #fff;  
	border: 0;
    border-bottom: 1px #fff solid;
}

.input_contact::-webkit-input-placeholder{
	opacity: 1 !important; color: #fff; font-style: italic;
}
.input_contact:-moz-placeholder {
	opacity: 1 !important; color: #fff; font-style: italic;
}

.input_contact::-moz-placeholder{
	opacity: 1 !important; color: #fff; font-style: italic;
} 

.login_area{
	 width:90%;  margin-left: auto; margin-right: auto;
	max-width: 520px;
	background: url("../../img/tp/popup.jpg") top right no-repeat;
	background-color: #FBCB00;
	border-radius: 20px;
	color: #000;
	min-height: 400px;
	 position: relative;
	margin-top: 10px;
	  text-align: left;
	padding: 30px 0;
    
}


.input_login{
     font-family: 'DBHelvethaicaX';
    font-size: 18px; line-height: 100%;
    width: 100%; height:40px;
    padding-left: 20px;  
     background: #ffffff; resize: none; outline: none;
    color: #000; border-radius: 10px;
    border: 1px #dddddd solid;
}


.input_login::-webkit-input-placeholder{
	opacity: 1 !important; color: #333333; font-style: italic;
}
.input_login:-moz-placeholder {
	opacity: 1 !important; color: #333333; font-style: italic;
}

.input_login::-moz-placeholder{
	opacity: 1 !important; color: #333333; font-style: italic;
} 

.fb_login{
	display: inline-block; vertical-align: top;
	font-family: 'DBHelvethaicaXBd'; 
	background-color: #3c62b0; color: #fff;
	width: 200px; padding: 10px 0;
}

.fb_login span{
	background: url("../../img/tp/fb-login.png") center left no-repeat;
	background-size: 30px;	
	padding: 0px 30px 0px 45px;	  
}

.gg_login{
	display: inline-block; vertical-align: top;	
	background-color: #fff; color: #000;
	font-family: 'DBHelvethaicaXBd';
	margin-left: 10px; width: 200px; border: 1px #ccc solid; 
	padding: 9px 0;
}

.gg_login span{
	background: url("../../img/tp/gg-login.png") center left no-repeat;
	background-size: 30px;
	padding: 0px 30px 0px 45px;	  
	
}



.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown .arrow{
	background: url("../../img/register/bottom.svg") center right no-repeat;
	background-size: 15px;
	padding-right: 20px;
}

.dropdown-content {
  display: none;
  position: absolute;
  
  min-width: 200px;
 
 
  z-index: 20; padding-top: 10px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content .area{
   background-color: #f9f9f9;   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     padding: 12px 12px; text-align: left;
     font-family: 'DBHelvethaicaXBd';
}

.form_border{
	margin-top: 40px; border-top: 1px #ccc dashed;
	padding-top: 40px;
}


.step_box{
	display: inline-block; vertical-align: top;
	width: 47%; margin-top: 40px;
}

.step_margin{
	margin-left: 4%;
}

.event_close{
	display: inline-block; vertical-align: top;
	background: #D91A1A; color: #fff;
	padding: 5px 30px; font-family: 'DBHelvethaicaXBd';
	margin: 20px 0;
}

.member_menu{
	margin-top: 40px; text-align: center;
}

.member_menu li{
	display: inline-block; vertical-align: top;
	padding: 7px 20px;   font-family: 'DBHelvethaicaXBd';
	margin: 0 15px;
}

.member_menu .active{
	background: #FBCB00; border-radius: 20px;
}


.table_member{
        font-family: 'DBHelvethaicaX'; font-size: 19px; line-height: 120%;
}

.table_member td{
	padding: 2px 0; border: 0 !important;
}

.table_member tr{
	border: 0 !important;
}


.member_detail{
	background: #fef9e5; margin-top: 40px;
	padding: 20px 40px;
}

.text_color1{ 
	color: green;
}

.text_color2{ 
	color: #cccccc;
}

.text_color ,.text_color0{ 
	color: red;
}

.check_score{
	 
	border-bottom: 1px #ccc solid;
	padding: 20px 0; max-width: 800px;
}

.check_score_box1{
	display: inline-block; vertical-align: top;
	width: 30%; padding-left: 20px;
}

.check_score_box2{
	display: inline-block; vertical-align: top;
	width: 20%; text-align: center;
}

.score_unit{
	font-size: 42px; line-height: 100%;
	color: green;
}

.check_score_box3{
	display: inline-block; vertical-align: top;
	width: 48%;  text-align: center;
}

.score_none{
	display: inline-block; vertical-align: top;
	background: #D91A1A;
	color: #fff; padding: 5px 40px ;
	 margin-top: 40px;
	font-family: 'DBHelvethaicaXBd';
}

.score_sum{
	display: inline-block; vertical-align: top;
	background: #333333;
	color: #fff; padding: 5px 40px ;
	 margin-top: 40px;
	font-family: 'DBHelvethaicaXBd';
}

.btn_check_score1{
	display: inline-block; vertical-align: top;
	background: green; color: #fff;
	width: 150px; padding: 10px 0;
	text-align: center; border-radius: 20px;
}

.btn_check_score2{
	display: inline-block; vertical-align: top;
	background: #D91A1A; color: #fff;
	width: 150px; padding: 10px 0;
	text-align: center; border-radius: 20px;
}

.btn_check_score{
	display: inline-block; vertical-align: top;
	background: #cccccc; color: #fff;
	width: 150px; padding: 10px 0;
	text-align: center; border-radius: 20px;
}


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


	
}

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


@media screen and (max-width: 50em) {
body{
font-size:  19px; line-height: 120%;
}
	
 
h1{ 
	font-size:32px;	 line-height: 80%; 
}

h2{ 
	font-size:36px;	 line-height: 80%; 
}
 
h3{ 
	font-size:22px;	 line-height: 90%; 
}
 
 	
	 	
.webshow{
		display: none;
	}

	.mobileshow{
		display: block;
	}
	

	.top_head{
		padding: 60px 0 0 0;
	}	
 
	.logo{
		padding: 0px; width: 100% !important;
		 
		text-align: center ;
	}	
    
	.logo-img{
		padding: 10px 0 0 0;
		text-align: center;
	}
	
    .logo img{
        height: 60px;
    }

	.head_menu{
		display: none; padding: 10px 0 20px  0;
	}
	
	.icon_menu{
		background: url("../../img/tp/icon-mobile.png") top center no-repeat;
		background-size: 26px; cursor: pointer; margin-top: 0px;
		width: 30px; height: 30px; position: absolute; display: block;
	}

	.close_mobile{
		background: url("../../img/tp/icon-close.png")top center no-repeat;
		background-size: 26px; cursor: pointer;
		width: 30px; height: 30px; margin-top: 0px;
		position: absolute; display: none;
	}
	
	 .bg_header{
	 position: absolute; z-index: 99;
    width: 100%;
}
    
    .header{
        padding: 10px;
    }

	
	.header li{
		display: inline-block; vertical-align: text-top;
		width: 100%; padding: 0;
		margin: 0; text-align: left;
		 
		margin-top: 14px;
	}
	
    .header .lang{
	display: none;
}	  
    .header_lang{
        display: block;
        position: absolute; right: 0;
		border: 1px #fff solid;
        color: #fff;
    }
	
	.headerL{
	display: none;
		padding-bottom: 20px;
	}

	.headerR{
		display: none;
	}

}

@media screen and (max-width: 40em) {
 .event_box{ 
	width: 100%; margin: 30px 0 0 ;  
	font-size: 19px; line-height: 120%;
}
 
.event_box .text{
	padding: 20px;
}
	

.poppular_box{
	margin-top: 30px;
}

.poppularL{
	display: inline-block; vertical-align: top;
	width: 100%;
}

.poppularR{
	display: inline-block; vertical-align: top;
	width: 100%;
}

.poppularR .area{
	padding: 10px; 
}


.footer{ 
	 background: #000;
}


.footer_content{
	width:90%;  margin-left: auto; margin-right: auto;
	background: none;
	background-color: #000; color: #fff; 
}

.footer_logo{
	float: left; padding: 10px 0;
	width: 20%; display: none;
}

.footer_contact{
	float: left; width: 100%;
	padding: 20px 0 0 0 ;
}

.footer_social{
	float: right; padding: 20px 0 0 0 ;   display: none;
}

.footer_fb{
	background: url("../../img/tp/fb.svg") top center no-repeat;
	 min-height: 50px;
	padding-left: 150px;  padding-top: 10px;
	font-family: 'DBHelvethaicaXBd';
	font-size: 24px; line-height: 100%;
}

.footer_menu{
	float: right; padding: 20px 0px 0 0 ; display: none;
}

 

.copyright{
   text-align: center; margin-top: 40px; padding-bottom: 20px;
}
	
.viewall{
	font-family: 'DBHelvethaicaXBd';  position: relative; right: 0; margin-top: 0px;
	text-align: right;
}


.detail_date{
	display: inline-block; vertical-align: top;
	margin-top: 30px;  min-width: 40%; 
}

.detail_date_margin{
	margin-left: 0px;
}	
	

.form_box{
	 width: 100%; 
}


.form_label{
	width: 100%; 
	margin-top: 20px;   font-size: 19px; line-height: 140%;
}

.form_label_long{
	width: 100%; 
	margin-top: 20px;   font-size: 19px; line-height: 140%;
}

.label_margin{
	margin-left:0%;
}
	

.radio_box{
	display: inline-block; vertical-align: top;    width: 100%; 
}
	

.form{
	width:100%;  
	margin-top: 20px; margin-bottom: 30px;
}
	

.form .area{
	padding: 30px 0;
}	
	


.member_detail{
	background: #fef9e5; margin-top: 40px;
	padding: 20px 20px;
}	
	
.payment_box{
	border: 0px #000 solid;
	width: 100%;
	padding: 20px 0px;
	margin-top: 40px;
}


.payment_bank{
	display: inline-block; vertical-align: top; width: 30%; 
	 width: 45%; margin: 20px 0 0 0;
}
	
.service_text{
	text-align: left; padding: 30px 0 0 0;
}
	
	.service_text br{
		display: none;
	}	
	
.portfolio_box{ 
	width: 23.4%; margin: 20px 1% 0 0;
}
	
.contactL{ 
	width: 100%; margin-top: 30px;
}

.contactR{
	width: 100%; margin-top: 30px;  padding: 30px 10px;
}

.label_contact{
	display: inline-block; vertical-align: top;
	width: 100%; margin-top: 20px;
}

.contact_margin{
	margin-left: 0;
}
	
.fb_login{
	width: 100%; padding: 10px 0;
}


.gg_login{
	margin: 10px 0 0 0;
	width: 100%; padding: 10px 0;
}
 

.member_menu li{
	display: inline-block; vertical-align: top;
	padding: 7px 10px;   font-family: 'DBHelvethaicaXBd';
	margin: 0 5px;
}	
    
}