@charset "utf-8";
a:hover, a:focus, input:focus{
	text-decoration: none;
	outline: none;
}
.blur{
    background-color: rgba(0, 0, 0, 0.6) !important;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.4s ease, opacity .4s ease;
  -moz-transition: visibility 0.4s ease, opacity .4s ease;
  -ms-transition: visibility 0.4s ease, opacity .4s ease;
  -o-transition: visibility 0.4s ease, opacity .4s ease;
  transition: visibility 0.4s ease, opacity .4s ease;
}
.blur.open{
	opacity: 1;
	visibility: visible;
}
.fixedBody{
	overflow: hidden;
}
#header{
	max-width:1940px;
	margin:0 auto;
	font-family: 'kanitregular', Tahoma, Geneva, sans-serif;
	color:#1F5992;
	font-size:16px;
	background-color:#FFFFFF;
	z-index: 370;
	position: relative;
}
#header.fixed{
	position: fixed;
	width: 100%;
	top: 0;
    max-width:none;
}
#header #top-menu{
	padding:10px 20px 0;
}
#header .mb-logo,
#header .mb-icon{
	display:none;
}
#header .nav-left img{
	width:20px;
	margin-right:10px;
}
#header .nav-left span{
	display:inline-block;
	padding-right:50px;
}
#headmenu{
	font-family: 'kanitregular', Tahoma, Geneva, sans-serif;
	color:#1F5992;
	font-size:16px;
	background-color:#FFFFFF;
	position: relative;
	border-bottom: 1px #DDDDDD solid;
	padding-top: 10px;
}
#headmenu.mnu{
	display:block;
}
#headmenu ul,#headmenu ol{
	list-style:none;
	padding-left:0;
}
#headmenu ul.mainmenu{
	margin:0 auto;
	padding:0 25px;
	max-width:1200px;
	width:100%;
}
#header ul.mainmenu >li{
	margin:0;
	padding:0;
	text-align:center;
	float:left;
	width:15.5%;
	display:table;
	cursor: pointer;
}
#header ul.mainmenu >li:not(.logo) span{
	padding-bottom: 10px;
}
#header ul.mainmenu li.logo{
	/*display:inline-block;*/
	width:10%;
	position:relative;
	height:45px;
	top:0;
}
/*#header ul.mainmenu li.logo+li{
	margin-left: 10%;
}*/
#header ul.mainmenu li.logo a{
	position:absolute;
	top:-40px;
    left:0;
	margin-top:10px;
	width:100%;
	/*max-width:79px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);*/
}
#header ul.mainmenu li .back,
#header ul.mainmenu li .next{
	display:none;
}
#header ul.mainmenu li a.logo:hover,
#header ul.mainmenu li:hover a.logo{
	text-decoration:none;
	border-bottom:none;
}
#header ul.mainmenu >li >span{
	display:inline-block;
	font-family: 'kanitregular', Tahoma, Geneva, sans-serif;
	color:#1F5992;
	font-size:16px;
	line-height:1.3em;
	text-decoration:none;
	vertical-align: middle;
}
#header ul.mainmenu >li span,
#header ul.mainmenu >li > .content >a span{
	border-bottom:3px solid transparent;
	display: inline-block;
	padding-top: 12px;
}

#header ul.mainmenu >li:first-child{
	text-align:left;
	width:15.5%;
}
#header ul.mainmenu >li:nth-last-child(2){
	text-align:center;
	width:12.5%;
}
#header ul.mainmenu >li:hover  > span,
#header ul.mainmenu >li:hover > .content  >a >span{
	text-decoration:none;
	border-bottom:3px solid #224691;
}

#header .submenu{
	border-top:1px solid #DDDDDD;
	position:absolute;
	z-index:20;
	width:100%;
	left:0;
	/*height:399px;*/
	text-align:left;
	line-height:1.3em;
	box-shadow: 1px 20px 40px 0px rgba(0,0,0,.255);
	-moz-box-shadow: 1px 20px 40px 0px rgba(0,0,0,.255);
	-webkit-box-shadow: 1px 20px 40px 0px rgba(0,0,0,.255);
	background-color:#FFFFFF;


	visibility: hidden;
  opacity: 0;
  transition: all ease-out .1s;
  -webkit-transition: all ease-out .1s;
  -moz-transition: all ease-out .1s;
  -o-transition: all ease-out .1s;
  -ms-transition: all ease-out .1s;

	top: 55px;
}

#header ul.mainmenu >li >span:hover + .submenu,
#header .submenu:hover{
	visibility: visible;
  opacity: 1;
  transition: all ease-out .3s;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
}

#header .submenu .wrapper{
	padding:0 10px;
}
#header .submenu .wrapper >.row{
	list-style:none;
	padding-left:0;
	margin-top:30px;
	padding-bottom:30px;
}
#header .submenu .col{
	float:left;
}
#header .submenu ul{
	margin-bottom:20px;
}

#header .submenu .row .col-md-4.col-xs-12 ul:last-child{
	margin-bottom:0px;
}

#header .submenu .col-right{
	float:right;
	padding:0 40px;
	border-left:1px solid rgba(51,51,51,0.5);
}
#header .submenu .col-right .col-hlt{
	float:left;
	padding:0 10px;
	max-width:200px;
	color:#333333;
	line-height:1.3em;
	font-size:14px;
}
#header .submenu .col-right .col-hlt h4{
	padding-top:10px;
	font-size:16px;
	font-family: 'kanitregular';
	letter-spacing:1.5px;
}
#header .submenu .col-right .col-hlt h4 span{
	font-size:20px;
}
#header .submenu .col-right .col-hlt p{
	padding-top:10px;
	min-height:90px;
	font-family: 'kanitlight';
}
#header .submenu ul li:not(:first-child){
	color: #535353;
	padding-left:10px;
}
#header .submenu ul li:not(:first-child)  ul.subsub-mnu li{
	color: #919191;
}
#header .submenu ul li {
	padding: 3px 0;
}
#headmenu .submenu   ul.subsub-mnu{
	list-style-type: disc;
  padding-left: 30px;
	padding-top: 3px;
}
#headmenu .submenu ul {
   /* width: 95%;*/
}
#header .mnu-right > .icon-share{
	padding: 0 5px 0 10px;
	margin-left: 10px;
	border-left: 1px solid;
	line-height: 0.8em;
}
#header .mnu-right > .lag a:first-child{
	/*padding-right: 8px;
	border-right: 1px solid;*/
}
#header .mnu-right .contact,
#header .mnu-right .lag{
	vertical-align: middle;
}


#header .mnu-right .content img{
	max-width: 26px;
}
#header .title{
	position: fixed;
	left:100%;
	width: 100%;
	z-index: 21;
	background: #FFF;
	cursor: pointer;
}
#header .title p{
	font-size: 17px;
	/*display: none;*/
	padding: 13px 0px;
	text-align: center;
	/*left:100%;*/
	line-height: 1em;

	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;

	width: 100%;

  z-index: 21;

	background-image: url(../images/menu/prev.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 20px;

}
#header #top-menu >.row{
	position: relative;
}
#header #search-input > input[type="text"]{
	position: absolute;
	width: 100%;
	z-index: 1;
	height: 100%;
	padding: 0 60px 0 20px;
	border: 0;
}
#header #search-input > img{
	position: absolute;
  z-index: 200;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
#header #search-input{
	display: none;
}

#header button[type="submit"]{
	background: transparent;
	border: 0
}
#header button[type="submit"]:focus{
	outline: none;
}
#header .schBtn span{
		padding: 0 0 !important;
	}
#header .schBtn{
	position: relative;
	left: 0;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 20;
}
#header .schBtn.right{
	position: absolute;
	left: 97%;
	top: 22px;
	padding: 0 0;
}
#header .schBtn.right img{
	width: 30px;
}

#header .header-mb{
    display:none !important;
}
.lng_select{
	/*position:absolute;
	width:100%;
	z-index:380;*/	
}
.lng_select > div{
padding: 10px 20px 0;	
}
.lng_select ul{
	float:right;
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}
.lng_select ul:before{
	display: table;
	content: " ";
}
.lng_select ul:after{
	clear:both;
}
/*.lng_select ul li{
	float:left;
}*/
.lng_select ul li:first-child{
	float:right;
}
.lng_select ul li:last-child{
	float:left;
}

.lng_select ul li a{
	color:#BBBBBB;	
	font-family: 'kanitregular';
	font-size:16px;
}
.lng_select ul li a span{
	display:none;
}
.lng_select ul li.sflangSelected a{
	color:#1F5992;
}
.lng_select ul li.sflang_en a::before{
	content: "| EN";
	margin-left:5px;
}
.lng_select ul li.sflang_th a::before{
	content: "TH";
}
.lng_select ul li.sflang_en a::before{	
	/*color:#224691;*/
}



@media  (max-width: 1199px) {
#header ul.mainmenu >li{
	width:15%;
}

#header ul.mainmenu >li:last-child{
	width:14.5%;
}
}
/*@media (min-width: 768px) and (max-width: 991px) {*/
/************Menu Mobile*************/
@media  (max-width: 991px) {
#header .header-mb{
    display:block!important;
}
#header{
    height:auto;
    border-bottom:none;
}
#content{
    padding-top:78px;
}
#header .mb-icon {
    display: inline-block;
    cursor: pointer;
}
#header .title{
	display: block;
	height:50px;
	text-align: center;
	padding: 20px 0;
    line-height: 1em;
}
#header .schBtn.right {
    left: 95%;
    top: 20px;
}
#header .submenu .wrapper >.row {
    margin-top: 25px;
}
#header .bar1, .bar2, .bar3 {
    width: 25px;
    height: 5px;
    background-color: #225A93;
    margin: 6px 0;
    transition: 0.4s;
}

#header .change-icon .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 7px) ;
    transform: rotate(-45deg) translate(-9px, 7px) ;
}

#header .change-icon .bar2 {opacity: 0;}

#header .change-icon .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -7px) ;
    transform: rotate(45deg) translate(-8px, -7px) ;
}
#header{
	padding: 0 0;
}
#header ul.mainmenu li.logo+li {
    margin-left: 0;
}
#header ul.mainmenu li.logo{
	display:none;
}

#headmenu{
	display:none;
}

#header .nav-left span{
	display:none !important;
}
#header .mb-logo,
#header .mb-icon{
	display:inline-block;
}
#header .mb-logo{
	max-width:79px;
	position:absolute;
	width:100%;
	margin:auto;
	padding:0;
	left:0;
	right:0;
	top:5px;
}
#header #top-menu{
	border-bottom:1px solid #CCCCCC;
	height:79px;
	padding:0 20px;
	display:table;
	width:100%;
}
#header #top-menu >.row{
	display:table-cell;
	vertical-align:middle;
}

#header .nav-left img{
	width:30px;
}
#header ul.mainmenu >li
,#header ul.mainmenu >li:first-child
,#header ul.mainmenu >li:nth-last-child(2)
,#header ul.mainmenu >li:last-child{
	width:100%;
	text-align:center;
}
#header #headmenu ul.mainmenu{
	/*max-width:90%;*/
	/*margin:0 auto;*/
}

#header #headmenu.mnu{
	display:none;
	position:fixed;
	width:100%;

  padding: 0 10px 35px;
	box-shadow: 1px 20px 40px 0px rgba(0,0,0,.255);
	-moz-box-shadow: 1px 20px 40px 0px rgba(0,0,0,.255);
	-webkit-box-shadow: 1px 20px 40px 0px rgba(0,0,0,.255);

	overflow-y: auto;
	overflow-x:hidden;
	z-index: 30;

}

#header #headmenu.mnu.mnumb{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#header ul.mainmenu >li{
	border-bottom:1px solid #E0E0E0;
}
#header ul.mainmenu >li.backmenu{
	background-image:none;
}

#header ul.mainmenu >li span{
	font-size: 17px;
	display: block;
	padding: 20px 0px;
	position: relative;
	cursor: pointer;
	line-height: 1em;
}
 #header ul.mainmenu >li:not(.contact-mb){
	background-image:url(../images/menu/next.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
 #header ul.mainmenu li.main{
	background-image:url(../images/menu/prev.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#header .submenu{
	display:none;
	height:auto;
	left:100%;
	border-top:0;
	background-color:#F7F7F7;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;

	visibility: visible;
	opacity: 1;
	top: 43px;

	padding: 0 10px;

}
#header ul.mainmenu >li:hover >a >span,
#header ul.mainmenu >li:hover  span,
#header ul.mainmenu >li:hover > .content >a >span {
  border-bottom: 3px solid transparent;
}
#header .submenu.showsub,
#header .title.left{
	left:0px;
	font-size: 17px;
}
#top-menu{
	height:69px;
	webkit-transform: translate3d(0,0,0);
}

 #header .submenu .col-right {
	 width: 100%;
    padding: 40px 0;
    border-top: 1px solid rgba(51,51,51,0.5);
		border-left: 0;
}
#header .submenu .col-right .col-hlt{
	width: 45%;
	max-width: none;
	padding: 0 0;
}
#header .submenu .col-right .row .col-hlt:nth-child(2){
	float: right;
}
#header .submenu .wrapper >.row {
    padding-bottom: 0;
}
#header .mb-logo{
	max-width:69px;
}
#header .icon-share-mb{
	text-align: center;
	padding: 5px 0;
}
#header .icon-share-mb img{
	width: 55px;
	padding: 10px 0;
	margin: 0 5px;
}
#header .lag-mb{
	text-align: center;
}
#header .lag-mb .content a:first-child{
	/*padding-right: 8px;
	margin-right: 4px;
	border-right: 1px solid;*/
}

#headmenu .lng_select ul{
width: 55px;
    margin: auto;
    float: none;
}

}

@media (max-width: 480px) {
#content{
    padding-top:55px;
}
#header .mb-logo {
	    max-width: 55px;
	}
#header .nav-left img {
    width: 25px;
}
#header .schBtn.right {
    left: 94%;
    top: 6px;
}
#header .schBtn.right img {
    width: 25px;
}
#header #top-menu {
    height: 55px;
}
#header ul.mainmenu >li span {
  padding: 13px 0px;
}

#header .title{
	padding: 13px 0;

}

#header .icon-share-mb img {
    padding: 6px 0 3px;
}
}
@media (max-width: 380px) {
#header .icon-share-mb img {
	    width: 40px;
	}
}