/* FONT SIZE //////////////// */
.font-10 {font-size: 10px !important;line-height: 1.4 !important; font-weight: 600;}


/* PADDING MARGIN //////////////// */
.pd-0 {padding:0 !important;}.pd-1 {padding:1px !important;}.pd-5 { padding:5px !important;}.pd-10{ padding:10px !important; }.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} 
.pl-2 { padding-left:2px !important; } .pl-5 { padding-left:5px !important; } .pl-10 { padding-left:10px !important; }.pl-15 { padding-left:15px !important; }.pl-20 { padding-left:20px !important; }.pl-35 { padding-left:35px !important; }.pl-25 { padding-left:25px !important; }
.pr-10 { padding-right:10px !important; }.pr-15 { padding-right:15px !important; }.pr-20 { padding-right:20px !important; }.pr-35 { padding-right:35px !important; }.pr-25 { padding-right:25px !important; }
.mg-0 {margin:0 !important;}.mg-5 { margin-left:5px; } .mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} 
.pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-20 { padding-top:20px !important;}.pt-25 { padding-top:25px !important;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-70 { padding-top:70px !important;}.pt-110 { padding-top:110px !important;}
.pb-0 { padding-bottom:0px !important;} .pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;}.pb-70 { padding-bottom:70px !important;}.pb-100 { padding-bottom:100px !important;}.pb-150 { padding-bottom:150px !important;}.pb-250 { padding-bottom:250px !important;}
.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}.mt-70 { margin-top:70px !important;}.mt-100 { margin-top:100px !important;}
.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}
.mt-120 {margin-top:120px !important;}
.mg-0 {margin-right: 0!important;margin-left: 0!important;}
.pd-40{padding:40px !important;}
.mr-5{ margin-right:5px;} .mr-10{ margin-right:10px !important;}
.pl-15 { padding-left:15px !important;} .pl-40 { padding-left:40px !important;} 
.ml-20 {margin-left: 20px !important;} .ml-25 {margin-left: 25px !important;} .ml-30 {margin-left: 30px !important;}



.tsr-18 {
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 18px;
    color: #222 !important;
}
.tsrb-12 {
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 12px;
    color: #222 !important;
}
.tsrb-14 {
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 14px;
    color: #222 !important;
}
.tsrb-20 {
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 20px;
	font-weight:bold;
}
.tsrb-26 {
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 26px;
	font-weight:bold;
}
.tsrb-30 {
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 30px;
	font-weight:bold;
}

.cord-14 {
	font-family: "Cordia New, sans-serif" !important;
    font-size: 14px;
    color: #222 !important;
}
.form-group {
    margin-bottom: 0px !important;
}
.radio_input {
    margin-top: 0px !important;
}
h3.main_question {
    /*font-family: "Cordia New" !important;*/
	font-family: "THSarabunNew', sans-serif" !important;
    margin: 40px 0 10px 0;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
}

.form-group label, .tblabel {
	/*font-family: "Cordia New" !important;*/
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 16px;
    color: #222 !important;
}
.pd-0 {
	padding:0;
}
#left_form { 
    min-height: 100px !important;
    color: #fff;
    text-align: center;
    padding: 20px !important;
    box-sizing: border-box;
    position: relative;
}
/*
#form_container { 
    width: 930px;
    min-height: 60px;
    margin: 50px auto 30px;
}
*/
#middle-wizard {
    padding: 45px 45px 90px 45px !important;
}

input.tblabel2 {
    /*font-family: 'Cordia New' !important; */ 
	font-family: "THSarabunNew', sans-serif" !important;
}
input.form-control, select.form-control, textarea.form-control {
	background:#f9f9f9;
	padding: 4px 15px;
	font-family: "THSarabunNew', sans-serif" !important;
    font-size: 15px !important;
}

button.submit {
    /*font-family: 'Cordia New' !important;*/
	font-family: "THSarabunNew', sans-serif" !important;
    background: #81b342;
}


.mr-40 {
	margin-right: -40px;
}
@media only screen and (min-width: 768px) {
form .row [class*='col-']:not(:first-child), form .row [class*='col-']:not(:last-child) {
	padding-right: 0px;
    padding-left: 0px;
}

.visible-xs {
	display:none;
}

h2 {
	font-size:24px !important;
}
}

@media only screen and (max-width: 1024px){
.mr-40 {
	margin-right: -20px !important;
}

#left_form h2 {
	font-size:20px !important;
}

}

@media only screen and (max-width: 767px){
.mr-40 {
	margin-right: -20px !important;
}
.visible-xs {
	display:block;
}



}

form .row [class*='col-']:first-child {
	padding-left:
}

.input_r {
    height: 30px;
    font-size: 18px !important;
    width: 100%;
    float: right;
}

.inputcc {
    padding: 2px 12px;
    height: 38px;
    font-size: 22px;
    margin-bottom: 15px;
    color: #6a6a6a;
    background: #efefef !important;
    border: solid 0;
    width: 100%;
}



.ic-close {
    width:20px;
    margin-top: -8px;
	position: absolute;
	 /*left: 61.2%;*/
    z-index: 99;
	right: 44px;
    float: right;
    cursor: pointer;
}


.color-black {
	color:#000 !important;
}


.color-gray {
	color:#abb59e !important;
}

.img-back {
	width: 10px !important;
	margin-right: 3px !important;
    margin-top: 3px;
}

.layout {
    background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 0%, rgba(17, 17, 17, 0.95)100%) !important; 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 99999;
    left: 0px;
    overflow: scroll;
    
}

.ic-close {
    width:20px;
    margin-top: -20px;
    z-index: 99;
    position: relative;
    left: 9%;
    float: right;
    cursor: pointer;
}

.form-content .form-items {
    max-width: 440px !important;
}

.translateY30 {
    transform: translateY(30%);
}

.translateY50 {
    transform: translateY(50%);
}

input[type="text"].form-search {
	border: 1px solid #eeeeee;
	padding: 0px 8px;
	color: #666666;
	font-size: 80px;
	font-family: 'Cordia New', sans-serif;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	outline: none;
	/*width: 180px;*/
	width: 42%;
	margin: 0 !important;
	height: 110px;
    border-radius: 10px;
	background: #d4d4d4;
}

.spacer-10 {
	height: 10px;
	clear: both;
	width: 100%;
}

.spacer-20 {
	height: 20px;
	clear: both;
	width: 100%;
}

.spacer-30 {
	height: 30px;
	clear: both;
	width: 100%;
}
.font-12 {
	font-family: 'Cordia New', sans-serif;
	font-size: 12px !important;
	font-weight: 0 !important;
}
.font-14 {
	font-family: 'Cordia New', sans-serif;
	font-size: 14px !important;
	font-weight: 100 !important;
}

.font-16 {
	font-family: 'Cordia New', sans-serif;
	font-size: 16px !important;
	font-weight: 100 !important;
}
.font-18 {
	font-family: 'Cordia New', sans-serif;
	font-size: 18px !important;
	font-weight: 0 !important;
}
.font-20 {
	font-family: 'Cordia New', sans-serif;
	font-size: 20px !important;
	font-weight: 550 !important;
}

.font-22 {
	font-family: 'Cordia New', sans-serif;
	font-size: 22px !important;

}

.font-24 {
	font-family: 'Cordia New', sans-serif;
	font-size: 24px !important;
	font-weight: 550 !important;
}

.font-25 {
	font-family: 'Cordia New', sans-serif;
	font-size: 25px !important;
	line-height: 1 ;
}

.font-26 {
	font-family: 'Cordia New', sans-serif;
	font-size: 26px !important;
	font-weight: 550 !important;
}

.font-28 {
	font-family: 'Cordia New', sans-serif;
	font-size: 28px !important;
	font-weight: 550 !important;
}

.font-30 {
	font-family: 'Cordia New', sans-serif;
	font-size: 30px !important;
	font-weight: 550 !important;
}

.font-31 {
	font-family: 'Cordia New', sans-serif;
	font-size: 31px !important;

}

.font-32 {
	font-family: 'Cordia New', sans-serif;
	font-size: 32px !important;
	font-weight: 550 !important;
}
.fontb-20 {
	font-family: 'Cordia New', sans-serif;
	font-size: 20px;
	font-weight: bold !important;
}

.fontb-24 {
	font-family: 'Cordia New', sans-serif;
	font-size: 24px !important;
	font-weight: bold !important;
}

.fontb-30 {
	font-family: 'Cordia New', sans-serif;
	font-size: 30px !important;
	font-weight: bold !important;
}

.fontb-40 {
	font-family: 'Cordia New', sans-serif;
	font-size: 40px !important;
	font-weight: bold !important;
}

.fontb-45 {
	font-family: 'Cordia New', sans-serif;
	font-size: 45px !important;
	font-weight: bold !important;
}

.fontb-100 {
	font-family: 'Cordia New', sans-serif;
	font-size: 100px !important;
	font-weight: bold !important;
}

.search-submit {
	background: transparent;
	border: none;
	position: absolute;
	padding: 0;
	color: #666666;
	margin-left: -65px;
    margin-top: 24px;
}


/*jquery thailand*/
.twitter-typeahead{
    width:100%
}
.tt-menu{
    width:100%;
    border:1px solid #eee;
    border-top:none
}
.tt-suggestion{
    padding:10px 5px;
    background:#fff;
    border-bottom:1px solid #eee;
    cursor:pointer
}
.tt-cursor,.tt-suggestion:hover{
    background:#f5f5f5
}
.twitter-typeahead{
    width:100%
}
.tt-hint{
    opacity:.3 !important
}
.pd-10 {
	padding:10px;
}
.pd-15 {
	padding:15px;
}

::placeholder { 
  color: #fff;
  opacity: 0.6;
  font-size:14px !important;
}
/**/

.img-responsive {
	width: 100% !important;
	height: 100% !important;
}

.end-center {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.w-100 {
	width:100%;
}