body{
    font-weight: 300;
	font-size:16px;
}

   .wrap { 
   margin:0 auto; 
   max-width:1300px; 
   background-color:#FFF; 
   padding:0; 
   margin:0;
   border-radius:2px; 
   border:1px solid #EAEAEA;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
   }
   
  h4 { font-size:19px;}
  caption { font-size:13px;}
	
@media only screen and (max-width: 600px) {
	  .container {width:100% !important; }
	 .wrap { box-shadow:none; width:100% !important;  border-radius:0px; border:none; padding-top:2px; padding-bottom:2px;}
 
  #submitbtn {
    width:98% !important;
  }
  
    #submitbtn2 {
    width:98% !important;
  }
}

@font-face{font-family:"fontthai";src:url(../font/fontthai.ttf) format("truetype");font-style:normal}
.footer-menu-cl {max- width:400px; } 
.footer-menu{ 
font-family:tahoma,ms sans-serif;
font-size:15px;
font-weight:300;
line-height:25px;
}
	
ul.footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.footer-menu li {
	text-align:left;	
}

ul.footer-menu li a {
    padding: 3px;
    text-decoration: none;
	display:block; 
	line-height:25px;
	font-size:15px;
	font-weight:200 !important;
}

ul.footer-menu li a:hover {
 text-decoration:none;
}

ul.footer-menu li a:active {
    background-color: #FFF;
    color: #000;
}

ul.footer-menu li a:visitor {
    color: #666;
}

.footer-mobile-adv {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
	color:#FFF;
    background-color: #FF8F20;
    padding: 10px 5px;;
	display:none;
	box-sizing:border-box;
}

.btnpromotion2019  {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Tahoma;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-shadow:0px 1px 0px #ffffff;
	text-decoration:none !important;
}
.btnpromotion2019:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.btnpromotion2019:active {
	position:relative;
	top:1px;
}

.btnpromotion2019:visited {
color:#004080;
}
@media only screen and (max-width: 768px) {
	.footer-mobile-adv { display:block;}
	}

.iconmenu { border-radius:5px; border:1px solid #FFF; display:inline-block; padding:5px 20px 5px 5px; min-width:300px;}
.iconmenu:hover { border:1px solid #DDD; text-decoration:none; background-color:#EEE;}

  .dropdown-menu { font-size:0.9rem }
  
  .navbar .navbar-brand,
.navbar .navbar-text {
    color: #0080FF;
}

.navbar-nav .nav-item .nav-link {
   color: #0080FF;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    color: #000080;
	background-color:#F5F5F5;
}

.dropdown:hover > .dropdown-menu {
	display:block;
	}
	
.dropdown-menu {
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}	

.dropdown-menu a:hover {
	color: #000080;
 background-color:#F5F5F5;
}	
	
	.animated-slide-right{position:relative;animation:animateright 0.4s}
@keyframes animateright{
	from{left:300px;opacity:0} to{left:0;opacity:1}
}

 .form-signin {
	margin-top:20px !important;  
}

label {color:#0080FF; font-weight:bold;}
.error_form {color:red;}

input:checked ~ span {
    font-weight: bold;
	color:#0080FF;
     }
	 
.advmenuhome { display:block; }
ul.advmenuhome  {  list-style-type:none; }
ul.advmenuhome li {	display: inline-block;  	}
ul.advmenuhome li a {  text-decoration: none;}
ul.advmenuhome li  img { margin:3px;}
ul.advmenuhome li  img:hover { box-shadow:#ccc 2px 2px 1px; }

.btn:active {
	position:relative;
	top:1px;
}

.container-iframe {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 100%; /* 1:1 Aspect Ratio */
   max-height: 450px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-height: 450px;
  border: none;
}

.advmenuhome { display:block; }
ul.advmenuhome  {  list-style-type:none; }
ul.advmenuhome li {	display: inline-block; border:1px solid #ddd; margin:5px;  	}
ul.advmenuhome li a {  text-decoration: none; }
ul.advmenuhome li  img { margin:3px;}
ul.advmenuhome li  img:hover { box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.flexboxsearch {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlayhead {
  top: 0;
  left: 0;
  height: 0%;
  width: 100%;
  position: fixed;
  background-color:#0080FF;
  z-index: 999999999999;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.overlayhead a {
  padding: 8px;
  text-decoration: none;
  color: #FFF;
  display: block;
  transition: 0.3s;
}

.overlayhead a:hover, .overlayhead a:focus {
  color: #FFF;
}

.overlayhead .btnclose {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	cursor: pointer;
	display:inline-block;

}

.overlayhead .btnclose::before,
.overlayhead .btnclose::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #FFF;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.overlayhead .btnclose::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.overlayhead .btnclose:hover::before,
.overlayhead .btnclose:hover::after {
	background: #FFF;
}

.search2020 > input {
  padding: 6px 20px;
  color:white  !important;
  background-color:#0080FF !important;  
  border: 1px solid #FFF !important;
  border-radius: 3px !important;
  outline: none !important;
  font-family:'fontthai',tahoma;
	max-width:888px;
}

.search2020 > input::placeholder {
  color: #FFF;
  opacity: 1;
}