.pc{
	display:block;
}

.mobile{
	display:none;
}

.footer-fix{
	display:none;
}

.wrapperss{
		display: none;
}


@media (max-width:992px){
	.pc{
		display:none !important;
	}
	
	.canvas{
		background: none !important;
	}
	
	.mobile{
		display:block !important;
	}
	
	.sub-in {
    	padding-top: 30px !important;
	}
	
	.wrapperss{
		display: grid !important;
	}
	
	
}

@media (min-width:1000px){
	.headerformobile{
		display:none !important;
	}
	
}


a:hover{
	text-decoration:none;	
	}

/***************contact-bar********************/
.contact-bar{
	margin:0;
	min-height:59px;
	background-color:#16171a;
}
.contact-detail{
	padding: 18px 0;
	font:24px/28px 'thaisanslite', Arial, sans-serif;
	color:#fdfcab;
}
.contact-detail .c-1{
/* 	background:url(../images/header/mobile.png) top left no-repeat; */
	padding-left:30px;
	margin-right: 20px;
}
.contact-detail .c-2{
/* 	background:url(../images/header/line-logo-1.png) top left no-repeat; */
	padding-left:30px;
}
.contact-detail .c-1 a{
	/* color: #adadad; */
/* 	color: #fdf3ad; */
/* color: #fef7c3; */
color: #ffffff;
/* 	font-size: 26px; */
	font-size: 28px;
}



.contact-detail .c-2 a{
	/* color: #adadad; */
/* 	color: #fdf3ad; */
/* color: #fef7c3; */
color: #fef7c3;
	/* 	font-size: 26px; */
	font-size: 28px;
}

@media (max-width: 992px){
/* 	.contact-bar{ */
/* 		display:none; */
/*     } */

.fright{
	text-align: center !important;
	padding-right: 0px !important;
}
    
    .contact-bar {
            /* background: #c1212c !important; */
            
            background-color: #00154e;
		}
		

    .h-text-contact-sub {
        font-size: 38px !important;
    }
	
	.justify-content-end {
	    justify-content: center !important;
	}	
	
	.contact-detail {
/* 	    font: 20px/24px 'thaisanslite', Arial, sans-serif !important; */
	    font: 20px/40px 'thaisanslite', Arial, sans-serif !important;
}
	    
	
	
	.contact-bar {
	    min-height: 60px !important;
	}
	
	.contact-detail .c-1 {
   		 margin-right: 8px !important;
	}
	
	.menu-f {
		list-style: none;
		font-size: 18px;
		font-weight: bold;
		margin-top: 20px;
		
	}
	
	.menu-f li{
		width: 50% !important;
	}
	
	.subbody{
		margin:0 !important;

	}

	.widget-ads-r {
       margin-top: 10% !important;
	}
	
	
	.channel-list-in {
    
    	margin-left: -20px !important;
	}
	
		.frm-register{
		  margin: 0 !important;
		}
		
		.top-name{
			margin-top: 1px !important;
        }
        
        .logo-pc{
            padding-top: 1px !important;
        }
        
        .contact-detail{
			    text-align: center !important;
		}
		
		
		#toTop {
		    width: 38px !important;
		    height: 38px  !important;
		    font-size: 1.2em  !important;
		    bottom: 75px !important;
		     right: 2% !important;
		} 
		
		#forbo{
			display : none !important;
		}
 
}
/***************contact-bar********************/



/***************menu********************/

.menu{
	/* position:absolute;
	width:100%;
	height:103px;
    background:url(../images/menu/menu-bg.png) top center no-repeat;
    background: #ffffff; 
    opacity: 0.95;
    border-bottom: 3px solid #bc2734; */

    position: absolute;
    width: 100%;
    height: 103px;
    background: url(../images/menu/menu-bg.png) top center no-repeat;
}

	
.menu .logo{
	position:absolute;
}
.menu ul{
	padding:0;
	margin-left: 300px;
    border-bottom: #BD9B50 3px solid;
	
}


.menu ul li{
	padding: 0 15px;
    height: 100px;
    font: 22px/100px 'thaisanslite', Arial, sans-serif;
    display: inline-block;
}
.menu ul li a{
	color: #ffffff;
	
}
.menu ul li:hover{
	background:url(../images/menu/nav-bg.jpg) top center no-repeat;
}
.menu ul li.select{
	background:url(../images/menu/nav-bg.jpg) top center no-repeat;
}

.menu ul li.select a {
    color: #fff;
}

.logo-pc {
    padding-top: 10px;
    margin-left: -8px;
}


@media (max-width: 992px){
	.menu{
		display:none;
	}
}
/***************menu********************/
.subpage{
	min-height:500px;
    /* background: #e2e2e2        url(../images/sub/bg-sub.jpg) top center no-repeat; */
    
    background: #000002 url(../images/sub/bg-sub.jpg) top center no-repeat;

}
.sub-in{
	margin:0;
/* 	padding-top:100px; */
	padding-top: 100px;
	padding-bottom: 40px;
}
.top-name{
	margin-top:20px;
	text-indent:20px;
	font:30px/50px 'thaisanslite', Arial, sans-serif;
	color:#fff;
	
	background: url(../images/sub/navibar.png) top left repeat;    
	
	
}
.suball{
    /* background-color:#ffffff; */
    
    background-color:  #16171a;
/* 	padding:20px; */
    /* color:#000000; */
    color: #fff;
	min-height: 600px;
}
.subbody{
	margin:0;
	margin: 0 10px;
}
.subbody img{
	max-width:100%;
	height:auto;
}


/***************footer********************/
.footer{
  
    /* background: url(../images/good/bgfooter.png) top center repeat;     */
    background-color:  #061745;
    padding-top: 15px;
    
/*     border-top: 1px solid gold; */
/*     border-image: url(../images/animate01.gif) 30 30 stretch; */
	    
}
.footer-left{
	margin:0;
	
}
.footer-left .f-logo{
	padding-top:20px;
	padding-bottom:5px;
	border-bottom:1px solid #3b3c3e;
	
	text-align: center;
}
.footer-left .f-phone{
	margin-top:5px;
/* 	background:url(../images/footer/phone.png) top left no-repeat; */
/* 	padding-left:30px; */
	color:#e7e7ea;
	font-size:15px;
	line-height:35px;
	height:39px;
	
	text-align: center;
}

.f-phone a{
	    color: #fdfcab;
}

.f-phone .c-2{
	margin-left: 10px;
}


.footer-right{
	margin:0
}
.footer-menu{
	margin:0;
	margin-top:28px;
}
.footer-menu ul{
		display: block;
    list-style-type: disc;
    -webkit-margin-before:0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.footer-menu ul li{
		margin:0;
		padding:0;
		padding-left:20px;
		display: list-item;
    text-align: -webkit-match-parent;
	text-decoration:none;
	list-style:none;
	background:url(../images/footer/arrow.png) 0px 10px no-repeat;
}
.footer-menu ul li a{
	color:#b1aea8;
	text-decoration:none;
	
	    font-family: 'thaisanslite' !important;
    font-size: 19px !important;
}
.footer-menu ul li a:hover{
	color:#f4ca5a;
		text-decoration:none;
}

.footer-bottom{
	margin:0;
}

.copyright{
    background: #0609ad;
    padding-top: 5px;
    padding-bottom: 5px;
}
.copyright .c-in{
	font-size:13px;
	color:#dedede;
	text-align:center;	
}




/***************footer********************/



@media (max-width:768px) and (min-width:768px) {
	 .logo-pc{ 
	 	 max-width: 180px !important;
	  }
}




@media ( min-width : 992px) {
	
		.box-highlight>div:nth-child(4), .box-highlight>div:nth-child(5) {
		    margin-right: 0;
		}
		
		 .box-highlight>div {
		    width: auto !important;
		    margin-right: 15px  !important;
		}	
		
		
		.contact-detail {
    			font: 24px/28px 'thaisanslite', Arial, sans-serif !important;
		}
		
		
		.bank-list {
    		text-align: left !important;
		}

	
		
}​


@media ( min-width : 768px) {

	.box-highlight>div {
	    	width: 33.33%;
	    	margin-bottom: 0;
	    	float: left;
    	}
}


@media (min-width: 768px) and (max-width: 768px){
	
	.box-highlight>div {
         width: 25% !important;
	}
	
}


@media (min-width: 1024px) and (max-width: 1024px){
	
	.box-highlight>div {
         width: 23% !important;
	}
		
}


.box-highlight>div {
    width: 260px;
    position: relative;
   	margin: 0 auto 20px;
}

.box-highlight>div:nth-child(5) {
   margin-top: -8px;
}


.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-center{
	margin-left: auto;
	margin-right: auto;
}


.navbar-nav {
    font: 23px/24px 'thaisanslite', Arial, sans-serif;
    padding: 15px 0px !important;
    background: #1c2721  !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.nav-link{
	color: #fff !important;
}

.bg-mobile-1 {
    background-image: url(../images/home/bgbanner-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.bg-mobile-2 {
	
    text-align: center;
}


button[type=submit] {
	cursor: pointer;
}


@media (min-width: 1200px){
	.container-block {
   		 max-width: 1140px;
	}
}

.txt-left {
	text-align: left;
}

.padtop10{
	padding-top: 12px;
}

.padtop15{
	padding-top: 15px;
}

.padbottom15{
  padding-bottom: 15px;	
}

.orangge {
    color: #ecc758;
}



.bank-symbol{
	padding-left: 0px;
}

.bank-list{
	text-align: -webkit-center;
}

.bank-list ul {
  width: 200px;
  padding-top: 8%;
  list-style: none;
  
}
.bank-list li {
	max-width: 65px;
	max-height: 65px;
	margin-top: 10px;
	margin-right: 10px;
	display: inline-block;
}


.menu-f{
    list-style: none;
/*     font-size: 18px; */
    
    margin-top: 12px;
	padding-right:0px;
	
	font-family: 'thaisanslite' !important;
    font-size: 19px !important;
}


.menu-f li{
	padding:0px;
	color: #bcb8ae;
}

.menu-f li a{

    font-family: 'thaisanslite' !important;
    font-size: 20px !important;
    padding: 0px;
    color: #f3f2f0
}

.menu-f li a:hover{
	color: #d8b055;	
}

ul.menu-f li:before {
    content: "";
    padding-right: 5px;
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-size: 10px;
    position: relative;
    color: #c8a550;
}


.contact-sub-left {
    background: #00477d;
    padding: 1px 0px 4px 10px;
    color: #FFF !important;
    margin-bottom: 20px;
}


.body-main-sub {
     padding-top: 2px; 
    padding-left: 10px;
    padding-right: 10px;
}

.screen-w-right {
    border-right: 1px dotted #363638;
    /* border-right: 1px dotted #d0d0d0; */
}

.body-main-sub {
    /* padding-top: 2px; */
    padding-left: 10px;
    padding-right: 10px;
}

.body-main-sub-in{
	
	margin-top: 30px;
}

.body-main-sub-in p {
    margin: 0.1em 0 !important;
    color:#FFF !important;
}

.body-main-sub-in p span{
    margin: 0.1em 0 !important;
}

.p-register {
    font-family: thsarabunnewregular;
    font-size: 26px;
}

.h-text-contact-sub {
    font-family: pslxkittithadabold;
    color: #f5af19;
    font-size: 44px;
    margin-bottom: 25px;
}

.font-28 {
    font-size: 28px !important;
}


/* right sub */

.widget-ads-r {
       margin-top: 20%;
}


.contact-sub-left {
    background: #00477d;
    padding: 1px 0px 4px 10px;
    color: #FFF !important;
    margin-bottom: 20px;
}

.h-text-contact {
    font-family: 'PSLxKittithadabold';
    font-size: 40px;
    color: #e9e9ea !important;
    font-weight: bold;
}

aside .widget-list {
    margin-bottom: 0;
    margin-bottom: 50px;
}

.contact-list {
    padding-left: 0 !important;
}

.ajax-wait-page {
    display: none;
}


.good-1{
	position: absolute;
    left: -50px;
    bottom: -575px;
}


/***************channel********************/
.channel{
	margin:0;
	min-height:523px;
	background:#181818;
}
.channel-in{
	padding-top: -10px;
}
.channel-topic{
	height:28px;
	padding-left:35px;
	background:url(../images/channel/icon.png) top left no-repeat;
	color:#f6f6fa;
	font: 30px/32px 'thsarabunnewregular', Arial, sans-serif;
}
.channel-detail{
	margin-top:10px;
	color: #fff;
    /* font: 26px/28px 'thsarabunnewregular', Arial, sans-serif; */
    font: 24px/26px 'thaisanslite', Arial, sans-serif;
	    text-indent: 35px;
}
.channel-list{
	/* margin-top:20px;
	    text-indent: 35px; */
}
.channel-list .aball{
	overflow-x:scroll;
	}
	.channel-list-in{
		width: 140px;
		margin:0;
		margin-bottom: 50px;
	}
	.channel-list-in .ch-pic{
		margin:0;
		padding-bottom: 1px !important;
	}
	.channel-list-in .ch-text{
		margin-top:10px;
	}
	.channel-list-in .ch-text ul{
		display: block;
    list-style-type: disc;
    -webkit-margin-before:0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	}
	.channel-list-in .ch-text ul li{
		margin:0;
		padding:0;
		display: list-item;
    text-align: -webkit-match-parent;
	text-decoration:none;
	list-style:none;
	}
	.channel-list-in .ch-text ul li a{
		color:#fff;
	}
	.channel-list-in .ch-text ul li a:hover{
		color:#fcd475;
		text-decoration:none;
	}
	
	

/***************channel********************/

/*promotion */

.promotion-sub-head {
    font-family: pslxkittithadabold;
    color: #f5af19;
    font-size: 44px;
    margin-bottom: 25px;
    margin-top: 25px;
    letter-spacing: 2px;
}

.top-2 {
    margin-top: 2px !important;
}


.bullet-no {
    font-family: 'supermarket';
    font-size: 32px;
    float: left;
    color: #ffffff;
    display: inline;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #0a6fd6;
    text-align: center;
    line-height: 38px;
}

.pro-subject {
    font-family: pslxkittithadabold;
    font-size: 38px;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-left: 10px;
    line-height: 1 !important;
    font-weight: bold;
    color: #159eff;
}

.max-w {
    width: 100% !important;
    margin-top: 20px;
    margin-bottom: 5px;
}

/*
.lead {
    font-family: 'THSarabunNewRegular';
    font-size: 28px;
    line-height: 1;
    color: #f9f9f9;
    text-align: center !important;
    margin-top: 28px ;
    margin-bottom: 16px ;
}
*/

.testbox { /* Phu */
        margin: 0px auto;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 8px/7px;
    -moz-border-radius: 8px/7px;
    border-radius: 8px/7px;
    background-color: #f5f5f5;
    -webkit-box-shadow: 1px 2px 5px rgba(7, 7, 7, 0.31);
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    border: solid 1px #c5c5c5;
}


.frm-register{
  margin: 0 30px;
  text-align: center;
}

hr{
  color: #a9a9a9;
  opacity: 0.3;
}


.regiter_frm input[type=text]{
  width: 80%; 
  height: 39px; 
  -webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  -moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px; 
  border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  background-color: #cecece; 
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  border: solid 1px #10242b;
  margin-left: -5px;
  margin-top: 13px; 
  padding-left: 10px;
}

.regiter_frm input[type=password]{
  margin-bottom: 25px;
}

#icon {
  display: inline-block;
    width: 40px;
    background-color: #d03745;
    padding: 12px 0px 11px 0px;
    margin-left: 15px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    color: white;
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
    box-shadow: 1px 2px 5px rgba(0,0,0,.09);
    border: solid 0px #cbc9c9;
}



.testbox h1 {
    margin-top: 26px !important;
    color: #c02938;
    font: 52px/52px 'PSLxKittithadabold', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
}


.frm-register hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    /* border-top: 1px solid #eeeeee; */
    border-top: 1px solid #cacaca;
}

.frm-register hr {
    color: #a9a9a9;
    opacity: 0.3;
}

.frm-register input[type=text] {
    width: 70%;
    height: 39px;
    -webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px;
    -moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px;
    border-radius: 0px 4px 4px 0px/5px 5px 4px 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
    box-shadow: 1px 2px 5px rgba(0,0,0,.09);
    border: solid 1px #10242b;
    margin-left: -5px;
    margin-top: 13px;
    padding-left: 10px;
}


#confirm-regist, #confirm-contact {
    /* float: right; */
    font: 22px/20px 'thaisanslite', Arial, sans-serif;
    background: url(../images/loginbg.png);
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 60px;
    margin-left: 15px;
    width: 250px;
}

.ajax-wait, .ajax-wait-contact {
    text-align: center;
    display: none;
}

.ajax-register {
    color: #c1c1c1;
    font-family: 'THSarabunNewRegular';
    font-size: 26px;
}




/* .page{
	padding:40px 0px 80px;
} */

/*
.bg-1 h1{
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	   font-size:42px;
	   margin-bottom:40px;
}*/

.bg-1 h2{
	color:#b58c50;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	    font-size: 36px;
		margin-bottom:0px;
}

.ajax-register {
    color: #c1c1c1;
    font-family: 'THSarabunNewRegular';
    font-size: 26px;
}

.ajax-wait, .ajax-wait-contact {
    text-align: center;
    display: none;
}


.message.error, .woocommerce-error, .validation_error {
    border-color: #fc604a;
    background: #ffd4ce;
    color: #d62911;
    text-align: left;

    margin: 0 auto;
}


.message, div.wpcf7-validation-errors, .woocommerce-message, .woocommerce-error, .woocommerce-info, .col2-set.addresses .address, .validation_error {
    border-width: 1px;
    border-style: solid;
    display: block;
    padding: .5em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 1em;
}

#txt-error-regist {
    font-size: 17px;
    padding-left: 10px;
}

#txt-success-regist {
    font-size: 15px;
    padding-left: 0px;
}

.message.success {
    border-color: #a2e29d;
    background: #e2f5e4;
    color: #219917;
    text-align: left;

    margin: 0 auto;
}


.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: pointer;
}


#alerts-error-regist, #alerts-success-regist, #alerts-error-contact, #alerts-success-contact {
    display: none;
}


.tableless2, .tableless2 th, .tableless2 tr, .tableless2 td {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}

.tableless2 {
    width: 100%;
}


.tableless2, .tableless2 th, .tableless2 tr, .tableless2 td {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}


#maplogin_form input[type="text"] {
    border-color: #eaeaea !important;
    background-color: #e0e0e0 !important;
    font-family: sans-serif;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
        height: 36px;
}

#maplogin_form input[type="password"] {
    border-color: #eaeaea !important;
    background-color: #e0e0e0 !important;
    font-family: sans-serif;
    font-size: 14px;
    width: 85%;
   margin-left: auto;
    margin-right: auto;
        height: 36px;
} 

.head-login{
	background: #212121 !important;
    padding: 8px 0px 15px 0px  !important;
    
/*     display: none ! important; */
}

.lead {
    font-family: 'PSLxKittithadabold';
    font-size: 28px;
    line-height: 1;
    color: #f9f9f9;
}

#alerts-error-regist, #alerts-success-regist, #alerts-error-contact, #alerts-success-contact {
    display: none;
}


.tableless, .tableless th, .tableless tr, .tableless td {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}

.tableless {
    width: 100%;
}

input[type=text], input[type=email], input[type=password], textarea, input[type=tel], input[type=range], input[type=url], input[type=number] {
    border: none;
    border-radius: 2px;
    padding: .75em 1em;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    outline: none;
    margin-bottom: 1em;
    resize: none;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact_form input[type=text], input[type=email], textarea, input[type=tel], input[type=range], input[type=url], input[type=number] {
    border: none;
    border-radius: 2px;
    padding: .75em 1em;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    outline: none;
    margin-bottom: 1em;
    resize: none;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact_form input[type="text"], textarea {
    border-color: #e4e4e4 !important;
    background-color: #f6f6f6 !important;
    font-family: sans-serif;
/*     font-size: 18px; */
}

#confirm-regist, #confirm-contact {
/*     float: right; */
    font: 22px/20px 'thaisanslite', Arial, sans-serif;
        font-weight: bold
}


a.btn-2, input[type=button].btn-2, input[type=submit].btn-2, button.btn-2 {
    background-color: #bb821e;
    color: #FFF;
}

button.btn-2:hover{
    background-color: #f5af19;
    color: #FFF;
}


.btn, .btn-2, .btn-3, input[type=button], input[type=submit], button, .option-set li a {
    border: none;
    padding: .5em 1.5em;
    white-space: normal;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    margin-bottom: .5em;
    margin-top: .5em;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    /* background: url(img/btn-bg.png) repeat-x 0 0; */
}


/* sub contatc all*/

.ddd{
	color: #f9f4bd;
}

.ddd a{
	color: #e6a519;
}


.widget-ads-r {
    margin-top: 10%;
}


.widget .contact-sub-left {
    background:  #0d2872;
    padding: 1px 0px 4px 10px;
    color: #FFF !important;
    margin-bottom: 20px;
}

.h-text-contact {
    font-family: 'PSLxKittithadabold';
    font-size: 40px;
    color: #494949 !important;
    font-weight: bold;
}

aside .widget-list {
    margin-bottom: 0;
}

.contact-list {
    margin-top: 1.4em !important;
     padding-left: 0 !important;
        list-style: none;
}

.widget h1{
	margin-top: 20px;
}

.widget  ul.widget-list li {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    margin-bottom: 0.5em;
    /* padding-bottom: 0.5em; */
    padding-left: 0;
    padding-bottom: 0.8em;
}

ul.widget-list li {
    border-color: #3a3b3e !important;
}

.contact-list-style {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding-left: 8px;
}


.contact-list-style a{
	color:  #f6f6f6;
}

.contact-list-style a:hover{
	color: #f5af19;
}

/* register */
.frm-register {
    margin: 0 30px;
    text-align: center;
}

.frm-register hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    /* border-top: 1px solid #eeeeee; */
    border-top: 1px solid #cacaca;
}

.contct-txt{
	/* color:#313131
        font: 24px/26px 'thaisanslite', Arial, sans-serif; */
        
        color: #aaa;
        font: 24px/26px 'thaisanslite', Arial, sans-serif;
}

.mmobile {
    color: #c69e3b;
}


.video-container {
position: relative !important;
padding-bottom: 56.25% !important;
padding-top: 30px !important; height: 0 !important; overflow: hidden !important;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}


.head-top-in{
	width: 100%;
}

.lefpad{
	margin-left: 40px;
}

.fright{
	text-align: right;
}


.head-right {
    position: absolute;
    right: 20px;
}


.frm-username {
    background-image: url(../images/head/frm-user.png);
    background-color: inherit;
    background-repeat: no-repeat;
    border: none;
    color: #FFF;
        padding-left: 32px;
            width: 190px;
}

.frm-password {
    background-image: url(../images/head/frm-pass.png);
    background-color: inherit;
    background-repeat: no-repeat;
    border: none;
    color: #FFF;
        padding-left: 32px;
       width: 190px;
}

/* Style for Blog */
.hentry {
	position: relative;
	margin-bottom: 60px;
	font-size: 16px;
	line-height: 1.7;
	z-index: 10;
}

.hentry__title {
	font-size: 34px;
	color: #444444;
	margin-bottom: 19px;
	line-height: 1.2;
}

.hentry__title a {
	color: #444444;
}

.hentry__content>p {
	margin-bottom: 28px;
}

.hentry__content>p:last-of-type {
	margin-bottom: 0;
}


/*  newsss**/

.detail-news{
	
	 font: 26px/26px 'thsarabunnewregular', Arial, sans-serif;
}


.detail-news img{
 	
    display: block;
    max-width: 100%;
    height: auto;
}

 .detail-news .topic{
 
    float: left;
    padding: 30px 0px 20px 0;
    display: block;
    width: 100%;
    height: auto;
    font: 40px/40px 'pslxkittithadabold', Arial, sans-serif;
    border-bottom: 1px solid #eee;
 }
 
 .detail-news .share {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    /* text-align: right; */
   
}

 .detail-news .detail-date {
    padding-top: 15px;
    color: #767e80;
    font: 18px/20px 'thsarabunnewregular', Arial, sans-serif;
}

.detail-news .detail-social {
    text-align: right;
    padding-top: 12px;
}

.detail-news .detail-block {
    float: left;
    padding: 20px 0px 20px 0;
    display: block;

    height: auto;
}

.comment-block{
	margin-top: 50px;
}


.eyesports-blog-wrap {
/*     border: 1px solid #f3f3f3; */
/*     box-shadow: 0px 0px 2px 1px #f3f3f3; */
/*     background-color: #fff; */
}

.eyesports-blog-wrap, .eyesports-blog figure > a, .eyesports-blog figure img, .eyesports-blog-grid figure {
    float: left;
    width: 100%;
}

.eyesports-blog ul li {
    list-style: none;
    margin-bottom: 10px;
    
    
}

.header-top ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    
    
}

.eyesports-blog-grid > ul > li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}

.eyesports-blog ul li {
    list-style: none;
    margin-bottom: 10px;
    
/*     padding-left: 5px; */
/*     padding-right: 5px; */
    
    
}

.eyesports-blog > ul > li {
    margin-bottom: 30px;
}

.eyesports-blog-grid figure {
    margin: 0px;
}

.eyesports-blog-wrap, .eyesports-blog figure > a, .eyesports-blog figure img, .eyesports-blog-grid figure {
    float: left;
    width: 100%;
}


figure {
    margin-bottom: 6px;
    position: relative;
}


.eyesports-blog-grid .eyesports-blog-text, .eyesports-grid-time {
    float: left;
    width: 100%;
}

.eyesports-blog-grid .eyesports-blog-text {
    background-color: #f9f9f9;
}


.eyesports-blog-wrap, .eyesports-blog figure > a, .eyesports-blog figure img, .eyesports-blog-grid figure {
    float: left;
    width: 100%;
}


.eyesports-blog-wrap, .eyesports-blog figure > a, .eyesports-blog figure img, .eyesports-blog-grid figure {
    float: left;
    width: 100%;
}

.eyesports-blog-wrap, .eyesports-blog figure > a:hover{
	color: #d70022  !important;
   text-decoration: none;
}

.eyesports-blog-grid .eyesports-blog-text, .eyesports-grid-time {
    float: left;
    width: 100%;
}

.eyesports-blog-grid .eyesports-blog-text {
/*     background-color: #fff; */
    background-color: #16171a;
}

.eyesports-blog-grid .eyesports-blog-text h2 {
    margin: 0px;
    padding: 14px 18px 20px 18px;
    
     font: 26px/26px 'thsarabunnewregular', Arial, sans-serif !important;
}

.eyesports-blog-text h2 {
    font: 24px/26px 'thsarabunnewregular', Arial, sans-serif !important;
    margin: 0px 0px 14px 0px;
}
.eyesports-blog-grid .eyesports-blog-text h2 a{
   color: #eeeeee !important;
       display: inline-block;

}

.eyesports-blog-grid .eyesports-blog-text h2 a:hover{
   color: #ffd15f  !important;
   text-decoration: none;
}


.eyesports-blog-text:hover{
	 color: #d70022  !important;
   text-decoration: none;
}


.eyesports-grid-time {
    border-top: 1px solid #e4e4e4;
    padding: 10px 19px;
    
        font-size: 13px;
}

.eyesports-blog-grid .eyesports-blog-text, .eyesports-grid-time {
    float: left;
    width: 100%;
}

.eyesports-grid-time span {
    float: left;
    color: #999999;
}


.eyesports-grid-time a {
    float: right;
    width: 25px;
    height: 25px;
    background-color: #e4e4e4;
    color: #999999;
    text-align: center;
    border-radius: 100%;
    padding: 5px 0px 0px 0px;
}

.eyesports-grid-time a:hover{
	color: #d70022  !important;
	text-decoration: none;
}




.paginate, input[type=button].paginate, input[type=submit].paginate, button.paginate {
    background-color: #c1212c;
    color: #FFF !important;
        font: 22px/20px 'thaisanslite', Arial, sans-serif;
}

.paginate, input[type=button].paginate, input[type=submit].paginate, button.paginate a{
	color: #FFF !important;
	    font: 22px/20px 'thaisanslite', Arial, sans-serif;
	    text-decoration: none;
}

a.paginate:hover, input[type=button].paginate:hover, input[type=submit].paginate:hover, button.paginate:hover {
    background-color: #f39416;
    text-decoration: none;
}

.paginate, input[type=button], input[type=submit], button, .option-set li a {
    border: none;
    padding: .5em 1.5em;
    white-space: normal;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    margin-bottom: .5em;
    margin-top: .5em;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    /* background: url(img/btn-bg.png) repeat-x 0 0; */
    
}

ul.row{
    
}

.div-page {
    width: 100%;
    text-align: center;
}

.detail-news .detail-date {
    padding-top: 15px;
    color: #767e80;
    font: 18px/20px 'thsarabunnewregular', Arial, sans-serif;
}

detail-news .share {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    /* text-align: right; */
}

 .social-row {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    color: #828282;
    font-size: 20px;
    line-height: 24px;
}


.detail-news{
        padding-left: 15px;;   
}


.fright{
	text-align: right;
	padding-right: 25px !important;
}

.head-left {
    position: absolute;
    left: 20px;
}


.head-right {
    position: absolute;
    right: 20px;
}


.frm-username {
    background-image: url(../images/head/frm-user.png) !important;
    background-color: inherit  !important;
    background-repeat: no-repeat  !important;
    border: none  !important;
    color: #FFF  !important;
    padding-left: 35px  !important;
    width: 190px  !important;
    padding-top: 0px !important;
      display: inline !important;

}

.frm-password {
    background-image: url(../images/head/frm-pass.png)  !important;
    background-color: inherit  !important;
    background-repeat: no-repeat  !important;
    border: none  !important;
    color: #FFF  !important;
    padding-left: 35px  !important;
    width: 190px  !important;
     padding-top: 0px !important;
     display: inline !important;
}

.btn-submit2{
    margin-top: -69px !important;
    float: right !important;
    margin-right: -82px !important;
}

.pro-descript strong{
	color: #FFFFFF !important;
}

#toTop {
       width: 42px;
    height: 42px;
    border-radius: 50%;
    z-index: 999999999999999;
    text-align: center;
    position: fixed;
    bottom: 15px;
    right: 1%;
    cursor: pointer;
    color: #000;
    font-size: 1.5em;
    background-color: #FFF;
      opacity: 0;
/*      display: none; */
}


#toTop .fa {
    padding: 8px 0px 0px 0px;
}

#btnLogin2{
	width: 100%;
font-weight: bold;
    color: #111;
background-color: #dc3545;
    border-color: #dc3545;
color: #FFF;

}


.swal-footer{
	text-align: center;
}