@charset "utf-8";
@import url("webfont.css");

html, body {
	font-family: 'Kittithada', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}
body,
.iw_viewport-wrapper {
	background-color: #333;
}
.main-banner.bxslider-type-2 {
    min-height: inherit;
    border-top: 1px solid #eee;
    padding-bottom: 0;
}
.out-dock ul.key-wideget {
border: 0;
}
p {
    font-size: 20px;
}
b {
	font-style: normal;
	font-weight: bold;
}
.heading1 {
    font-size: 28px;
}
.heading2, .heading2-t-30 {
    font-size: 26px;
}
.heading3 {
    font-size: 24px;
    margin-bottom: 15px;
}
.heading5 {
    font-size: 20px;
}
.nav-tabs li a {
	font-style: normal;
	font-weight: 500;
}
.image-item-wrap-box .content-text {
	padding: 10px 20px;
	font-weight: 500;
}
.image-item-wrap-box .content-text small {
	font-size: 80%;
	color: #aaa;
}
#footer .nav a,
#footer .block-term p ,
#footer .block-term a {
    font-size: 14px;
}
.free-text p,
.nav-tab-content p,
.grid-content .inner p,
.sticky-wrapper .section-title .heading2.subtitle + span,
.image-item-wrap .content-text p,
.image-item-wrap-box .content-text p {
    font-size: 18px;
}
.bxslider .main-banner .caption .btn-1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}
.content-th p#see-first, .content-th #see-first a#more-cookie-detail, .content-th span.pdpa-cookie-title, .content-th a#more-cookie-detail, .content-th .cookie-btn-group #accept-cookie, .content-th .cookie-btn-group #decline-cookie {
    font-family: "Kittithada" !important;
    font-size: 16px !important;
}

@media (min-width: 768px) {
  .d-md-flex {
      display: -ms-flexbox!important;
      display: flex!important;
  }
  .align-items-md-center {
      -ms-flex-align: center!important;
      align-items: center!important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
  }
  .bxslider .main-banner.left .caption .free-text-md-right {
	left: 50%;
    position: absolute;
    padding: 0;
    margin-top: -20px;
	}
  .bxslider .main-banner .caption h2 {
	font-size: 40px;
  }
  .bxslider .main-banner.dark-bg .caption h2 {
    color: #001f67;
  }
  .bxslider .main-banner .caption h3 {
    margin-bottom: 20px;
    }
  .bxslider .main-banner .caption h3,
  .bxslider .main-banner .caption p {
    color: #001f67;
 }
  
  .bxslider .main-banner.left .caption {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  }
  
  .bxslider .main-banner.left .caption .free-text-md-center {
    margin-top: -50px;
    left: 0;
    width: 100%;
    text-align: center;
  }
 .bxslider .main-banner.middle {
    width: 100%;
 }
}
@media (max-width: 767px) {
.bxslider .main-banner .caption {
    width: 100%;
} 
.bxslider .main-banner .caption h2,
.bxslider .main-banner.dark-bg .caption h2{
    color: #001f67;
    font-size: 24px;
}
.bxslider .main-banner .caption h3 {
   font-size: 20px;
}
  .bxslider .main-banner.left .caption free-text-md-right,
    .bxslider .main-banner.left .caption .free-text-md-center {
       width: 100%;
     text-align: center;
    }
  .bxslider .main-banner.left .caption .free-text-md-right {
  padding-left: 140px;
  }
  .bxslider .main-banner.left .caption .free-text-md-right .d-m-none {
  display: none;
  }
}