.header-main{
	position:relative;
	z-index:999;	
	}

.tel-h a{
	color: #323590;
}

.tel-h a:hover{
	color: #0031e2;
}

.tel-h-ico {
	margin-top: -8px;
}

.topbg-main{
	position: relative;
	height:99px;
	z-index:999;
	background:url('../images/header/bg.jpg') top left repeat-x;
	}
.toplogo-main{
	position:absolute;
	/* top: 0; */
	left: 13px;
	/* z-index: 998; */
	/* margin-top: 2px; */
	}
.top-main{
	    position: absolute;
    top: -4px;
    left: 150px;
    font: 24px/42px 'Kanit', Arial, sans-serif;
    color: #323590;
    font-weight: bold;
}
.top-contact{
	position: absolute;
    top: -1px;
    right: 0px;
    font: 22px/42px 'Kanit', Arial, sans-serif;
    color: #323590;
	font-style:italic;
}
.top-contact .contact-text{
	font: 18px/42px 'Kanit', Arial, sans-serif;
}
.top-contact .contact-text a{
	color: #323590;
}
.top-contact .contact-text a:hover{
	color: #e40988;
}
.top-contact img{
	max-width:100%;
	height:auto;
}
.btn-regist{
	position:absolute;
	top: 46px;
	right: 159px;
	width:153px;
	height:42px;
	background-color:#fff;
	
	text-align:center;
	font: 18px/42px 'Kanit', Arial, sans-serif;
}
.btn-regist:hover{
	color: #fff;
	background-color:#e40988;
}
.btn-regist a{
color: #323590;
}
.btn-regist:hover a{
	color: #fff;
}
.btn-login{
	position:absolute;
	top: 46px;
	right:0;
	width:153px;
	height:42px;
	background-color:#fff;
	color: #323590;
	text-align:center;
	font: 18px/42px 'Kanit', Arial, sans-serif;
}
.btn-login:hover{
	color: #fff;
	background-color:#e40988;
}
.btn-login a{
color: #323590;
}
.btn-login:hover a{
	color: #fff;
}
.topname-main{
	position:absolute;
	left: 165px;
	top: 105px;
	}
.topname2-main{
	position:absolute;
	right: 170px;
	top: 109px;
	}
.tool-main{
	width:130px;
	position:absolute;
		right:40px; top:12px;
	}
.tool-main .search-btn{
	float:left;
	margin-top:5px;
	padding:0 15px;
	background:url(../images/header/s-line.png) top right no-repeat;
	}
.tool-main .search-btn a{

}
.tool-main .lg-btn{
	float:left;
	padding:0 30px 0 15px;
	font-size:19px;
	
	font-weight:bold;
	color:#1158ab;
	background:url(../images/header/hatyaiwit_0002.png) 100% 50% no-repeat;
	}	
.tool-main .lg-btn a{
	color:#1158ab;
}
/*************************************/
.fix-position{
	position:relative;
	}
#nav-main{
    top: 0px;
    right: 0;
    height: 75px;
    z-index: 99;
    position:relative;
    /* background: url(../images/header-25-1/bg-menu.png)  top right no-repeat; */
 }
#nav-main ul.top{
    margin-left: 324px;
    padding-top: 40px;
    /* position:relative; */
 }

#nav-main ul.top li{
	display:inline-block;
	height: 45px;
	margin-left: 0;
	/* padding: 0 8px; */
	padding: 0 6px;
	font: 18px/55px 'Kanit', Arial, sans-serif;
	text-align: center;
	/*background:url(../images/header-41-1/li.png) 100% 50% no-repeat;*/
	}

#nav-main ul.top li:last-child{
	background:none;
}
#nav-main ul.top li:hover{
	/*background:url(../images/header-135-1/hover.png) bottom center no-repeat;
	background-size:100% 100%;*/
}


#nav-main ul.top li:hover a{
	color:#e40988;
	text-decoration: none;
	}
#nav-main ul.top li:hover ul.sub{
	display:block;
	}
	
	
#nav-main ul.top li a{
	height:auto;
	padding: 0px;
	display:block;
	color: #fff;
	}


.social-menu {
    position: absolute;
    top: 52px;
    left: 92%;
    /* background: url(../images/header-107-1/left.png) 0% 35% no-repeat; */
    /* padding: 0px 30px; */
}

.social-menu .pic {
    width: 28px;
    height: 28px;
}

.social-menu .pic img {
    max-width: 100%;
    height: auto;
}
/********************************/	
@media (max-width: 575px) { 
.topbg-main{
	display:none;	
}
#nav-main{
	display:none;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.topbg-main{
	display:none;	
}
#nav-main{
	display:none;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.topbg-main{
	display:none;	
}
#nav-main{
	display:none;	
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.topbg-main{
	display:none;	
}
#nav-main{
	display:none;	
}
 }

		
@media (max-width: 1200px)
 {

 }
@media (max-width: 1024px)
 {
#nav-main ul.top{
	margin-left:90px;
	}
#nav-main ul.top li {
    padding: 0px 12px;
}
.topname-main {
    left: 70px;
}
.toplogo-main {
    left: 395px;
}
.topname2-main {
    right: 70px;
}
}	

/*************************/	
#nav-main ul.sub{
	position:absolute;
	top: 94px;
	left: 0px;
	right: 0;
	height:300px;
	background:url(../images/header-135-1/subnav-bg.png) top center no-repeat;
	padding:35px;
	padding-left: 250px;
	display:none;
	z-index:9999;
	}
#nav-main ul.sub li {
	display:inline-block;
	width:100%;
	position:relative;
	height:auto;
	margin:0 3px;
	padding:0 5px;
	color: #fff;
	background-image:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	text-align: left;
	}

#nav-main ul.sub li a{
	width:100%;
	display:block;
	color:#000;
	text-decoration:none;
	}	
#nav-main ul.sub li a:hover{
	width:100%;
	display:block;
	color:#742e0c;
	text-decoration:none;
	}		
#nav-main ul.sub li:hover {
	background-image:none;
}
/*******************/
	
/************************/

.sub{
	color: #fff;
	}	
	#nav-main ul.sub li a{ 
		color:#fff;
	}

		#nav-main ul.sub li a:hover{
		color:#fff;

		background:none;
		background-color: #2c80a6;
	}

#nav-main ul.sub li a {
		color: #fff;
	}	

.headMobile .logo-sp {
		/* height: 72px; */
}


/* menuuuuuuu mobile */

@media (max-width: 575px) { 
	.header{
		display:none;
	}
	
	
	.header-container{
		display: block;
	}
	
	.headMobile{
		display:  block !important;
	}

	.headerMobiletop{
		display:  block !important;
	}

	.owl-carousel .owl-stage-outer{
		height: 235px  !important;
	}
	
	
	
 }
@media (min-width: 576px) and (max-width: 767px) { 
.header{
		display:none;
	}
.header-container{
		display: block;
	}
	
	.headMobile{
		display:  block !important;
	}	

	.headerMobiletop{
		display:  block !important;
	}

	.owl-carousel .owl-stage-outer{
		height: 235px  !important;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) { 
.header{
		display:none;
	}
.header-container{
		display: block;
	}
	
	.headMobile{
		display:  block !important;
	}	

	.headerMobiletop{
		display:  block !important;
	}

	.owl-carousel .owl-stage-outer{
		height: 235px  !important;
	}
	
 }

@media (min-width: 992px) and (max-width: 1199px) { 
.header{
		display:none;
	}
.header-container{
		display: block;
	}
	
	.headMobile{
		display:  block !important;
	}	

	.headerMobiletop{
		display:  block !important;
	}


	
 }


 .headMobile a {
    text-decoration: none;
}



.header .menu{
	font:20px/22px 'thaisanslite', Arial, sans-serif;
}
.header .menu .menu-block{
	text-align:center;
/* 	width:105px; */
	width:106px;
	padding-top:54px;
}
.header .menu a{
		padding-top: 52px;
	color:#fff;
}
.header .menu a:hover{
	color:#dabc5e;
}

.headMobile{
	display:  none;
}


/* MENU Mobile */
.headMobile ul {
	margin-top: 5px;
	color: #fff;
	z-index: 9995;
	width: 100%;
	display: none;
	font: 20px/24px 'thaisanslite', Arial, sans-serif;
	/* background: #011c46; */
	background: #323691
}

.headMobile li {
	float: none;
	text-align: left;
	border-bottom: 1px solid #00264c;
	padding: 10px 20px;
	height: auto;
}

.headMobile li a {
	color: #FFF;
}

.headMobile li a h2 {
	font-size: 18px;
}

.headMobile {
	text-align: center;
	/* padding-top: 5px; */
	position: relative;
	/* background: #07224b; */
	background: #323691;

	min-height: 72px;
}

.headMobile .logo-sp {
	/* height: 72px; */
	/*                 margin-left: 5px; */
	max-width: 320px;
    margin-top: 10px;
    /* margin-right: 30px; */
	margin-left: -40px;
}

.headMobile a {
	text-decoration: none;
}

.navbar-toggle {
	position: absolute;
	/* left: 10px; */
	right: 10px;
	top: 2px;
	padding: 9px 3px;
	/* margin-top: 8px; */
	margin-top: 16px;
	margin-right: 5px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	height: 34px;
	border: none;
	outline: none;
	cursor: pointer;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 26px;
	height: 2px;
	border-radius: 1px;
	background: #f7f7f7;
	/*     background-color: #e3c05c; */
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	margin-bottom: 6px;
	transition-duration: 0.3s
}

.nav_toggle_active #icon-bar_1 {
	display: block;
	-ms-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	margin-left: 5px;
	margin-top: 10px;
}

.nav_toggle_active #icon-bar_2 {
	display: block;
	-ms-transform: rotate(138deg);
	-webkit-transform: rotate(138deg);
	transform: rotate(138deg);
	margin-top: -9px;
	margin-left: 5px;
}

.nav_toggle_active #icon-bar_3 {
	display: none;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px;
}

.headMobile .language {
	position: absolute;
	/*     top: 15px; */
	/*     right: 10px; */
	top: 10px;
	right: 6px;
}

.headMobile .language .d-flex {
	color: #fff;
}

.headMobile .language .p-1 {
	width: 27px;
	height: 27px;
	padding: 2px !important;
	text-align: center;
	color: #f7f7f7;
	/*     background-color: #152131; */
	font: 20px/22px 'thaisanslite', Arial, sans-serif;
}

.headMobile .language .p-1 a {
	color: #f7f7f7;
}

.headMobile .language .p-1 .select {
	border-bottom: 1px solid #dabc5e;
	/*     margin-top: -1px; */
}

.bullet-head {
	font-size: 16px !important;
	color: #f7c85e;
}

.bullet-head-home {
	font-size: 20px !important;
	color: #f9dc6e;
}

.bullet-head-phone{
	font-size: 24px !important;   
	color: #f9dc6e;
}

.before-menu-mb{
	background: #323691 !important;   
	border-bottom: 2px solid #e40989  !important;   
	font-size: 25px !important;
}

.menu-mb-left{
	width: 50%;
}

.menu-mb-left a{
	color: #f9dc6e  !important; 
}

.menu-mb-right{
	float: right;
	margin-right: -5px  !important;  
}

.menu-mb-right a{
	color: #f9dc6e  !important;
}

.headMobile button:focus{
	outline: none;
}


.headerMobiletop {
    height: 34px;
    background-color: #ee347f;
}

.headerMobiletop .header-main-content .header-col-left a {
    cursor: pointer;
    text-decoration: none !important;
    font-family: "Prompt-Light", sans-serif;
    font-size: 14px;
    color: #ffffff;
}

.blfooter{
	color: #43a2e0;
}


#h-contect-tel{
	font-size: 20px;
}

@media only screen and (max-width: 640px){
	.headerMobiletop .header-main-content .header-col-left {
		margin-left: 16px;
	}
}

	




	@media (min-width: 1200px) and (max-width: 1280px) { 
	.toplogo-main{
		 left: 1px;
	}
	.toplogo-main img{
			max-width: 85%;
			height:auto;
	}
	 .topbg-main .container-main{
		 width:100%;
	 }
	#nav-main ul.top{
	    /* margin-left: 398px; */
		margin-left: 170px;
	}

		#nav-main ul.top li{
				/* width: 158px; */
					background-size: cover;	
		}
	}
@media (min-width: 1281px) and (max-width: 1366px) { 
.toplogo-main img{
	/* margin-top: 5px;
	max-width: 90%;
	height: auto; */
    margin-top: 43px;
    max-width: 100%;
    height: auto;
    margin-left: -8px;
}
.container-main {
    width: 100%;
}
#nav-main ul.top {
	  /* margin-left: 290px; */
	  margin-left: 325px;
}

 }
@media (min-width: 1367px) and (max-width: 1440px) { 
.toplogo-main img{
	max-width:90%;
	height:auto;
}
.container-main {
    width: 100%;
}
#nav-main ul.top{
	   margin-left: 260px;
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { ... }