@font-face {
  font-family: 'THSarabun';
  src: url('fonts/THSarabun.eot');
  src: local('☺'), url('assets/fonts/THSarabun.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'THSarabun-Bold';
  src: url('fonts/THSarabun-Bold.eot');
  src: local('☺'), url('assets/fonts/THSarabun-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.tm-toolbar {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tm-toolbar {
  padding-top: 0;
  padding-bottom: 0;
  background: #007ab6;
  font-size: 16px;
}

.tm-toolbar {
  color: rgba(255, 255, 255, .7);
}

.uk-flex-middle {
  align-items: center;
}

.uk-flex {
  display: flex;
}

@media (min-width: 960px) {

  .container,
  .uk-container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 320px) {

  .container,
  .uk-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.container,
.uk-container {
  box-sizing: content-box;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.uk-flex-middle {
  align-items: center;
}

.uk-grid-medium {
  margin-left: -25px;
}

@media (min-width: 1200px) {
  .uk-grid {
    margin-left: -40px;
  }
}

.uk-grid {
  margin-left: -25px;
}

.uk-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.uk-child-width-auto>* {
  width: auto;
}

[class*=uk-child-width]>* {
  box-sizing: border-box;
  width: 100%;
}

.uk-grid-medium>* {
  padding-left: 25px;
}

@media (min-width: 1200px) {
  .uk-grid>* {
    padding-left: 40px;
  }
}

.uk-grid>* {
  padding-left: 25px;
}

.uk-grid>* {
  margin: 0;
}

.uk-grid>*>:last-child {
  margin-bottom: 0;
}

.uk-panel {
  position: relative;
  box-sizing: border-box;
}

.uk-panel::after,
.uk-panel::before {
  content: "";
  display: table;
}

.tm-toolbar .uk-subnav {
  width: 100%;
  margin: 0px;
}

.uk-panel>:last-child {
  margin-bottom: 0;
}

.uk-subnav {
  display: flex;
  flex-wrap: wrap;
  margin-left: -24px;
  padding: 0;
  list-style: none;
}

.tm-toolbar .uk-subnav li.ls {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 0px !important;
  line-height: 54px !important;
}

.tm-toolbar .uk-subnav li a {
  text-decoration: none;
}


.tm-toolbar .uk-subnav li.ls.nav-ipst,
.tm-toolbar .uk-subnav li.ls.nav-glo {
  padding-left: unset !important;
  padding-right: unset !important;
}


.tm-toolbar .uk-subnav li {
  font-family: 'THSarabun' !important;
  color: #fff;
  line-height: 20px !important;
  padding: 0px 58px;
}

.uk-subnav>* {
  flex: none;
  padding-left: 24px;
  position: relative;
}

.tm-toolbar .uk-subnav>*>:first-child,
.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
.uk-light .uk-subnav>*>:first-child,
.uk-offcanvas-bar .uk-subnav>*>:first-child,
.uk-overlay-primary .uk-subnav>*>:first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child {
  color: rgba(255, 255, 255, .5);
}

.uk-subnav>*>:first-child {
  display: block;
  color: #cbcbcb;
  transition: .1s ease-in-out;
  transition-property: color, background-color, border-color, box-shadow;
  font-size: 16px;
  font-family: Kanit;
  font-weight: 400;
}

.tm-toolbar .uk-link,
.tm-toolbar a,
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary.uk-card-body a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link,
.uk-card-primary>:not([class*=uk-card-media]) a,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary.uk-card-body a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,
.uk-card-secondary>:not([class*=uk-card-media]) a,
.uk-light .uk-link,
.uk-light a,
.uk-offcanvas-bar .uk-link,
.uk-offcanvas-bar a,
.uk-overlay-primary .uk-link,
.uk-overlay-primary a,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-primary:not(.uk-preserve-color) a,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) a,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) a {
  color: #fff;
}

.tm-toolbar img {}

.uk-responsive-height {
  max-height: 100%;
  width: auto;
  max-width: none;
}

.uk-responsive-height,
.uk-responsive-width {
  box-sizing: border-box;
}

.tm-toolbar .uk-subnav li a {
  font-family: 'THSarabun-Bold';
  color: #fff !important;
  font-size: 22px;
  height: 60px;
}

.tm-toolbar .uk-subnav li.ls a {
  display: inherit;
  padding-top: 0px;
}

.uk-subnav>*>:first-child {
  display: block;
  color: #cbcbcb;
  transition: .1s ease-in-out;
  transition-property: color, background-color, border-color, box-shadow;
  font-size: 16px;
  font-family: Kanit;
  font-weight: 400;
}

li.topmenuimg {
  padding: 0px !important;
}

ul.onepress-menu a {
  padding-top: unset;
}

.onepress-menu button.punsarn-login {
  margin-top: 0px;
}

@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}

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

.archive .site-main .list-article:first-child, .blog .site-main .list-article:first-of-type {
  padding: 1em;
}

.pum-active {
  display: initial !important;
  opacity: initial !important;
}

.section-padding {
  padding: 0px;
}