@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap");
.ir {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.ir-fluid {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.rel {
  position: relative;
}

.href {
  cursor: pointer;
}

div.cng, div.nog,
div.container-no-gutters {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.z1 {
  z-index: 1000;
}

.z2 {
  z-index: 2000;
}

.z3 {
  z-index: 3000;
}

.z4 {
  z-index: 4000;
}

.z5 {
  z-index: 5000;
}

.z6 {
  z-index: 6000;
}

.z7 {
  z-index: 7000;
}

.z8 {
  z-index: 8000;
}

.z9 {
  z-index: 9000;
}

.z10 {
  z-index: 10000;
}

.hide, .show-lg, .show-md, .show-sm, .show-xs {
  display: none;
}

@media only screen and (max-width: 1199.98px) {
  .show-lg {
    display: block;
  }
  .hide-lg {
    display: none !important;
  }
}

@media only screen and (max-width: 991.98px) {
  .show-md {
    display: block;
  }
  .hide-md {
    display: none !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .show-sm {
    display: block;
  }
  .hide-sm {
    display: none !important;
  }
}

@media only screen and (max-width: 575.98px) {
  .show-xs {
    display: block;
  }
  .hide-xs {
    display: none !important;
  }
}

html, body {
  font-size: 1rem;
  font-family: 'Kanit', serif;
  font-weight: 300;
}

html:lang(en), body:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

html:lang(en), body:lang(en) {
  line-height: 1.5;
}

.col, .columns {
  padding: 0 15px 0;
}

img.size-full.alignnone {
  margin-bottom: 0;
}

.banner p {
  margin-bottom: 0;
}

.row-dashed .col:before, .row-solid .col:before {
  border-left: 0;
}

.row-dashed .col:after, .row-solid .col:after {
  border-bottom: 0;
}

.row-dashed > .col:before {
  border-left: 1px dashed #406076;
}

.row-solid > .col:before {
  border-left: 1px solid #406076;
}

.row-dashed > .col:after {
  border-bottom: 1px dashed #406076;
}

.row-solid > .col:after {
  border-bottom: 1px solid #406076;
}

.header-nav {
  justify-content: space-evenly;
}

.nav-tabs + .tab-panels {
  border: 0;
  border-top: 2px solid #002b49;
  background-color: transparent;
}

.nav-tabs > li.active > a {
  border: 0;
  border-radius: 10px 10px 0 0;
  background-color: #002b49;
  color: #a5bac9;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.0625rem;
}

.nav-tabs > li.active > a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.nav-tabs > li.active > a:hover {
  color: #ffffff;
}

.tabbed-content .nav-tabs > li {
  margin-bottom: -2px;
}

.nav > li > a {
  border: 0;
  background-color: transparent;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.0625rem;
  text-decoration: none;
}

.nav > li > a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.nav-uppercase > li > a {
  letter-spacing: 0;
}

@media screen and (max-width: 849px) {
  .col {
    padding-bottom: 0;
  }
}

b:lang(th), strong:lang(th) {
  font-weight: 400;
}

b:lang(en), strong:lang(en) {
  font-weight: 500;
}

.banner-layer.res-text {
  font-size: 1.1875rem;
}

@media only screen and (max-width: 991.98px) {
  .banner-layer.res-text {
    font-size: 1.0625rem;
  }
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
  background-color: #a5bac9 !important;
  border-color: #a5bac9 !important;
}

.is-home {
  display: none;
}

ol li,
ul li, p {
  font-size: 1.125rem;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0 !important;
  font-weight: normal !important;
}

h1 {
  font-size: 2.75rem !important;
}

@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: 2.375rem !important;
  }
}

h2 {
  font-size: 2.5rem !important;
}

@media only screen and (max-width: 991.98px) {
  h2 {
    font-size: 2.125rem !important;
  }
}

h3 {
  font-size: 1.875rem !important;
  margin-bottom: 30px;
}

@media only screen and (max-width: 991.98px) {
  h3 {
    font-size: 1.75rem !important;
  }
}

h4 {
  font-size: 1.4375rem !important;
  margin-bottom: 20px;
}

@media only screen and (max-width: 991.98px) {
  h4 {
    font-size: 1.375rem !important;
  }
}

@media only screen and (max-width: 991.98px) {
  div.wpml-ls {
    margin-right: 10px;
  }
}

div.wpml-ls ul li.wpml-ls-item {
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #a5bac9;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1rem;
}

div.wpml-ls ul li.wpml-ls-item a {
  padding: 0 !important;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #a5bac9;
  font-size: 15px;
}

div.wpml-ls ul li.wpml-ls-item:hover {
  background: #ffffff;
}

div.wpml-ls ul li.wpml-ls-item:hover a {
  color: #002b49;
}

div.wpml-ls ul li.wpml-ls-current-language {
  background: #ffffff;
}

div.wpml-ls ul li.wpml-ls-current-language a {
  color: #002b49;
}

.stuck #logo img {
  max-height: 60px !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

a.btn-circle {
  background-color: #a5bac9 !important;
  width: 190px;
  height: 190px;
  display: inline-block;
  color: #002b49;
  padding: 0;
  margin: 0;
  margin-top: 30px;
  max-width: 190px;
  border-radius: 50% !important;
  font-size: 1.4375rem;
  padding: 0;
  line-height: 1;
  position: relative;
  transition: 0.3s;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  font-family: 'Kanit', serif;
  font-weight: 400;
}

a.btn-circle:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

a.btn-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  white-space: wrap;
}

a.btn-circle.btn-circle-3 span {
  width: 90%;
}

a.btn-circle:hover {
  background-color: #002b49 !important;
  color: #ffffff;
  transform: translate(-5px, -5px);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 991.98px) {
  a.btn-circle {
    width: 160px;
    height: 160px;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767.98px) {
  a.btn-circle {
    width: 150px;
    height: 150px;
    font-size: 1rem;
  }
}

div.social-icons {
  padding-top: 20px;
}

div.social-icons i {
  font-family: none !important;
  height: 23px;
  width: 23px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

div.social-icons i.icon-facebook {
  background: url(images/icon-fb-off.svg) top center no-repeat;
}

div.social-icons i.icon-envelop {
  background: url(images/icon-email-off.svg) top center no-repeat;
}

div.social-icons i.icon-phone {
  background: url(images/icon-phone-off.svg) top center no-repeat;
}

div.social-icons i:before {
  content: '' !important;
}

footer {
  border-top: 5px solid #ffffff;
  background: #002b49;
  color: #a5bac9;
}

footer a:hover {
  color: #ffffff !important;
}

footer section {
  padding-top: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #406076;
}
footer section.has-block{
  padding-bottom: 0 !important;
}


@media only screen and (max-width: 991.98px) {
  footer section {
    border-bottom: 0;
  }
}

footer section:nth-child(2) {
  padding-top: 20px !important;
  border-bottom: 0;
}

@media only screen and (max-width: 991.98px) {
  footer section:nth-child(2) {
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 991.98px) {
  footer div.ux-menu {
    text-align: center;
  }
  footer div.ux-menu a.ux-menu-link__link {
    text-align: center;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: unset;
  }
}

div.menu-tsr-footer-menu-en-container ul.menu_class,
div.menu-tsr-footer-menu-container ul.menu_class {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.menu-tsr-footer-menu-en-container ul.menu_class li,
div.menu-tsr-footer-menu-container ul.menu_class li {
  font-size: 0.9375rem;
}

div.menu-tsr-footer-menu-en-container ul.menu_class li a,
div.menu-tsr-footer-menu-container ul.menu_class li a {
  color: #a5bac9;
  text-decoration: none;
  position: relative;
  display: block;
  transition: 0.4s;
}

div.menu-tsr-footer-menu-en-container ul.menu_class li a:hover,
div.menu-tsr-footer-menu-container ul.menu_class li a:hover {
  color: #ffffff;
  padding-left: 20px;
}

div.menu-tsr-footer-menu-en-container ul.menu_class li a:hover:before,
div.menu-tsr-footer-menu-container ul.menu_class li a:hover:before {
  width: 13px;
}

div.menu-tsr-footer-menu-en-container ul.menu_class li a:before,
div.menu-tsr-footer-menu-container ul.menu_class li a:before {
  transition: 0.4s;
  position: absolute;
  content: '';
  width: 0;
  height: 2px;
  background: #a5bac9;
  display: inline-block;
  top: 12px;
  left: 0;
}

div.menu-tsr-footer-menu-en-container ul.menu_class li.current-menu-item a,
div.menu-tsr-footer-menu-container ul.menu_class li.current-menu-item a {
  color: #ffffff;
  padding-left: 20px;
}

div.menu-tsr-footer-menu-en-container ul.menu_class li.current-menu-item a:before,
div.menu-tsr-footer-menu-container ul.menu_class li.current-menu-item a:before {
  width: 13px;
}

div.menu-tsr-pdpa-menu-en-container,
div.menu-tsr-pdpa-menu-container {
  padding-top: 5px;
}

div.menu-tsr-pdpa-menu-en-container ul.menu_class,
div.menu-tsr-pdpa-menu-container ul.menu_class {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

@media only screen and (max-width: 991.98px) {
  div.menu-tsr-pdpa-menu-en-container ul.menu_class,
  div.menu-tsr-pdpa-menu-container ul.menu_class {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}

div.menu-tsr-pdpa-menu-en-container ul.menu_class li,
div.menu-tsr-pdpa-menu-container ul.menu_class li {
  font-size: 0.8125rem;
}

div.menu-tsr-pdpa-menu-en-container ul.menu_class li a,
div.menu-tsr-pdpa-menu-container ul.menu_class li a {
  color: #a5bac9;
  text-decoration: none;
  position: relative;
  display: block;
  transition: 0.4s;
}

div.copyright {
  font-size: 0.8125rem;
  color: #a5bac9;
}

div.copyright p {
  padding-top: 5px;
  font-size: 0.75rem;
  padding-left: 15px;
}

@media only screen and (max-width: 991.98px) {
  div.copyright p {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 420px) {
  div.copyright p {
    max-width: 370px;
    margin: 0 auto;
  }
}

.breadcrumbs {
  color: #002b49;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.0625rem;
}

.breadcrumbs:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.breadcrumbs a {
  color: inherit;
}

.breadcrumbs a:hover {
  color: #ffffff;
  text-decoration: none;
}

.ripple {
  width: 5px;
  height: 5px;
  opacity: 0;
  transform: scale(0);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  position: fixed;
  z-index: 99999999;
  pointer-events: none;
}

/*Animate Function*/
.rippleanimate {
  animation: ripple-mo 1s cubic-bezier(0, 0, 0.2, 1);
}

@keyframes ripple-mo {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(15);
    opacity: 0;
  }
}

.container-profile {
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: 0.5s;
  margin-bottom: 60px;
}

.container-profile div.image-bg {
  display: inline-block;
  background: url(images/bg-profile.jpg) center center no-repeat;
  background-size: contain;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  overflow: hidden;
}

.container-profile div.image-bg div.image {
  width: 230px;
  height: 230px;
  background-size: contain !important;
  border-radius: 50%;
  overflow: hidden;
}

.container-profile div.name {
  text-align: center;
  font-family: 'Kanit', serif;
  font-weight: 300;
  color: #a5bac9;
  padding: 10px;
  font-size: 1.125rem;
  display: block;
  min-height: 75px;
}

.container-profile div.name:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.container-profile div.position {
  font-family: 'Kanit', serif;
  font-weight: 100;
  color: #1a1617;
  font-size: 1rem;
}

.container-profile div.position:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 300;
}

.container-profile:hover {
  transform: translate(0, -8px);
}

.container-profile:hover div.name {
  color: #002b49;
}

html.tsr-iframe {
  background: #fff;
}

html.tsr-iframe body {
  width: auto;
  padding: 30px 10px;
  background: #fff url(images/bg-profile-iframe.jpg) top center no-repeat;
  background-size: cover;
}

html.tsr-iframe .content-profile ul {
  margin-left: 30px;
  margin-top: -10px;
  padding-top: 0;
}

html.tsr-iframe .content-profile ul li {
  margin-bottom: 3px;
}

html.tsr-iframe .content-profile p {
  margin-bottom: 10px;
}

div.yearslide div.yearslide-nav {
  background: #a5bac9;
}

div.yearslide div.yearslide-nav div.yearslide-nav-item {
  text-align: center;
}

div.yearslide div.yearslide-nav div.yearslide-nav-item.slick-current a {
  text-decoration: none;
  background: #002b49;
  color: #a5bac9;
}

div.yearslide div.yearslide-nav div.yearslide-nav-item a {
  display: block;
  background: #a5bac9;
  padding: 15px 10px;
  color: #002b49;
  border: 0;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.0625rem;
  text-decoration: none;
}

div.yearslide div.yearslide-nav div.yearslide-nav-item a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.yearslide div.yearslide-nav div.yearslide-nav-item a:hover {
  text-decoration: none;
  background: #002b49;
  color: #a5bac9;
}

div.yearslide div.yearsliderow {
  background: #a5bac9;
}

div.yearslide div.yearslide-down,
div.yearslide div.yearslide-up {
  background: #a5bac9;
  padding: 15px 10px;
  text-align: center;
  display: block;
}

div.yearslide div.yearslide-down a,
div.yearslide div.yearslide-up a {
  display: inline-block;
  background: url(images/btn-up.png) top center no-repeat;
  background-size: contain;
  width: 30px;
  height: 27px;
}

div.yearslide div.yearslide-down a {
  background: url(images/btn-down.png) top center no-repeat;
  background-size: contain;
}

div.yearslide div.yearslide-content {
  color: #a5bac9;
  background: #002b49;
  padding: 50px;
}

div.yearslide div.yearslide-content div.yearslide-content-item {
  outline: none;
  min-height: 400px !important;
}

div.yearslide div.yearslide-content div.yearslide-content-item ul {
  margin-top: 15px;
  margin-left: 10px;
}

div.yearslide div.yearslide-content div.yearslide-content-item ul li {
  font-size: 1.125rem;
}

@media only screen and (max-width: 991.98px) {
  div.yearslide div.yearslide-content div.yearslide-content-item {
    font-size: 1rem;
  }
  div.yearslide div.yearslide-content div.yearslide-content-item ul li {
    font-size: 1rem;
  }
}

div.categoryblockmenu {
  display: inline-block;
  line-height: 0;
}

div.categoryblockmenu div.categoryblockmenu-item {
  display: inline-block;
  background: rgba(165, 186, 201, 0.5);
  position: relative;
  border: 1px solid rgba(165, 186, 201, 0.7);
}

div.categoryblockmenu div.categoryblockmenu-item a {
  width: 230px;
  height: 230px;
  padding: 10px;
  display: block;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: center;
  color: #002b49;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.125rem;
  position: relative;
}

div.categoryblockmenu div.categoryblockmenu-item a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.categoryblockmenu div.categoryblockmenu-item a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
}

@media only screen and (max-width: 991.98px) {
  div.categoryblockmenu div.categoryblockmenu-item a {
    width: 170px;
    height: 170px;
  }
}

div.categoryblockmenu div.categoryblockmenu-item:hover {
  background: #a5bac9;
  text-decoration: none;
  border: 1px solid #002b49;
}

div.categoryblockmenu div.categoryblockmenu-item:hover a {
  text-decoration: none;
}

div.content-single-category {
  padding: 50px 0;
}

.gallery {
  text-align: center;
}

.content-single-category {
  background: url(images/bg-pattern1.jpg) top center no-repeat;
  background-size: cover;
}

div.share-social {
  text-align: center;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.125rem;
  transition: 0.3s;
  color: #002b49;
}

div.share-social:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.share-social a {
  height: 23px;
  width: 23px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s;
}

div.share-social a.fb {
  background: url(images/icon-fb-on.svg) top center no-repeat;
}

div.share-social:hover {
  color: #a5bac9;
}

div.share-social:hover a.fb {
  background: url(images/icon-fb-off.svg) top center no-repeat;
}

.title-news {
  border-bottom: 2px solid #002b49;
  margin-bottom: 50px;
}

.title-news h2 {
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-weight: bold;
  font-size: 1.5rem !important;
  margin-bottom: 10px;
}

.title-news h2:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.box-blog-post .overlay {
  display: none;
}

.container-imageover {
  display: inline-block;
  transition: 0.3s;
  position: relative;
  line-height: 0;
}

.container-imageover div.imageoff {
  position: relative;
  z-index: 20;
  transition: 0.3s;
}

.container-imageover div.imageoff.active {
  opacity: 0;
}

.container-imageover div.imageon {
  z-index: 10;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.container-imageover div.imageon.active {
  opacity: 1;
}

div.accordion-disable div.accordion-item button {
  display: none;
}

div.accordion-disable div.accordion-item a.accordion-title {
  position: relative;
}

div.accordion-disable div.accordion-item a.accordion-title:before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  opacity: 0.5;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 3.125rem;
}

div.accordion-disable div.accordion-item a.accordion-title:before:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.accordion-disable div.accordion-item:nth-child(1) a.accordion-title:before {
  content: "1";
}

div.accordion-disable div.accordion-item:nth-child(2) a.accordion-title:before {
  content: "2";
}

div.accordion-disable div.accordion-item:nth-child(3) a.accordion-title:before {
  content: "3";
}

div.accordion-disable div.accordion-item:nth-child(4) a.accordion-title:before {
  content: "4";
}

div.accordion-disable div.accordion-item:nth-child(5) a.accordion-title:before {
  content: "5";
}

div.accordion-disable div.accordion-item:nth-child(6) a.accordion-title:before {
  content: "6";
}

div.accordion-disable div.accordion-item:nth-child(7) a.accordion-title:before {
  content: "7";
}

div.accordion-disable div.accordion-item:nth-child(8) a.accordion-title:before {
  content: "8";
}

div.accordion-disable div.accordion-item:nth-child(9) a.accordion-title:before {
  content: "9";
}

div.accordion-disable div.accordion-item:nth-child(10) a.accordion-title:before {
  content: "10";
}

div.accordion-disable div.accordion-item:nth-child(11) a.accordion-title:before {
  content: "11";
}

div.accordion-disable div.accordion-item:nth-child(12) a.accordion-title:before {
  content: "12";
}

div.accordion-disable div.accordion-item:nth-child(13) a.accordion-title:before {
  content: "13";
}

div.accordion-disable div.accordion-item:nth-child(14) a.accordion-title:before {
  content: "14";
}

div.accordion-disable div.accordion-item:nth-child(15) a.accordion-title:before {
  content: "15";
}

div.accordion-disable div.accordion-item:nth-child(16) a.accordion-title:before {
  content: "16";
}

div.accordion-disable div.accordion-item:nth-child(17) a.accordion-title:before {
  content: "17";
}

div.accordion-disable div.accordion-item:nth-child(18) a.accordion-title:before {
  content: "18";
}

div.accordion-disable div.accordion-item:nth-child(19) a.accordion-title:before {
  content: "19";
}

div.accordion-disable div.accordion-item:nth-child(20) a.accordion-title:before {
  content: "20";
}

div.accordion-disable div.accordion-item:nth-child(21) a.accordion-title:before {
  content: "21";
}

div.accordion-disable div.accordion-item:nth-child(22) a.accordion-title:before {
  content: "22";
}

div.accordion-disable div.accordion-item:nth-child(23) a.accordion-title:before {
  content: "23";
}

div.accordion-disable div.accordion-item:nth-child(24) a.accordion-title:before {
  content: "24";
}

div.accordion-disable div.accordion-item:nth-child(25) a.accordion-title:before {
  content: "25";
}

div.accordion-disable div.accordion-item:nth-child(26) a.accordion-title:before {
  content: "26";
}

div.accordion-disable div.accordion-item:nth-child(27) a.accordion-title:before {
  content: "27";
}

div.accordion-disable div.accordion-item:nth-child(28) a.accordion-title:before {
  content: "28";
}

div.accordion-disable div.accordion-item:nth-child(29) a.accordion-title:before {
  content: "29";
}

div.accordion-disable div.accordion-item:nth-child(30) a.accordion-title:before {
  content: "30";
}

div.accordion-disable div.accordion-item:nth-child(31) a.accordion-title:before {
  content: "31";
}

div.accordion-disable div.accordion-item:nth-child(32) a.accordion-title:before {
  content: "32";
}

div.accordion-disable div.accordion-item:nth-child(33) a.accordion-title:before {
  content: "33";
}

div.accordion-disable div.accordion-item:nth-child(34) a.accordion-title:before {
  content: "34";
}

div.accordion-disable div.accordion-item:nth-child(35) a.accordion-title:before {
  content: "35";
}

div.accordion-disable div.accordion-item:nth-child(36) a.accordion-title:before {
  content: "36";
}

div.accordion-disable div.accordion-item:nth-child(37) a.accordion-title:before {
  content: "37";
}

div.accordion-disable div.accordion-item:nth-child(38) a.accordion-title:before {
  content: "38";
}

div.accordion-disable div.accordion-item:nth-child(39) a.accordion-title:before {
  content: "39";
}

div.accordion-disable div.accordion-item:nth-child(40) a.accordion-title:before {
  content: "40";
}

div.accordion-disable div.accordion-item:nth-child(41) a.accordion-title:before {
  content: "41";
}

div.accordion-disable div.accordion-item:nth-child(42) a.accordion-title:before {
  content: "42";
}

div.accordion-disable div.accordion-item:nth-child(43) a.accordion-title:before {
  content: "43";
}

div.accordion-disable div.accordion-item:nth-child(44) a.accordion-title:before {
  content: "44";
}

div.accordion-disable div.accordion-item:nth-child(45) a.accordion-title:before {
  content: "45";
}

div.accordion-disable div.accordion-item:nth-child(46) a.accordion-title:before {
  content: "46";
}

div.accordion-disable div.accordion-item:nth-child(47) a.accordion-title:before {
  content: "47";
}

div.accordion-disable div.accordion-item:nth-child(48) a.accordion-title:before {
  content: "48";
}

div.accordion-disable div.accordion-item:nth-child(49) a.accordion-title:before {
  content: "49";
}

div.accordion-disable div.accordion-item:nth-child(50) a.accordion-title:before {
  content: "50";
}

div.wpforms-container button.btn-submit {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #002b49 !important;
  color: #ffffff !important;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.125rem !important;
  border: 0 !important;
  padding: 0px 50px !important;
  text-transform: uppercase;
}

div.wpforms-container button.btn-submit:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.wpforms-container button.btn-submit:lang(en) {
  font-size: 0.9375rem !important;
  font-family: 'Kanit', serif;
  font-weight: 600;
}

div.wpforms-container button.btn-submit:lang(en):lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 700;
}

div.wpforms-container button.btn-submit:hover {
  background: #a5bac9 !important;
}

div.form-transparent .wpforms-form textarea,
div.form-transparent .wpforms-form select,
div.form-transparent .wpforms-form input[type=email],
div.form-transparent .wpforms-form input[type=text] {
  background-color: transparent;
  border: 1px solid #002b49;
}

div.form-transparent .wpforms-form select {
  background: url(images/btn-down.png) calc(100% - 10px) 50% no-repeat;
  background-size: 10px;
}

div.form-transparent-white .wpforms-form textarea,
div.form-transparent-white .wpforms-form select,
div.form-transparent-white .wpforms-form input[type=email],
div.form-transparent-white .wpforms-form input[type=text] {
  background-color: #ffffff;
  border: 1px solid #002b49;
}

div.form-transparent-white .wpforms-form select {
  background: url(images/btn-down.png) calc(100% - 10px) 50% no-repeat;
  background-size: 10px;
}

div.sidebar-news {
  background: #d7e1e7;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

div.sidebar-news div.sidebar-title {
  background: #002b49;
  padding: 10px 15px;
  font-family: 'Kanit', serif;
  font-weight: 300;
  color: #ffffff;
  font-size: 1.25rem;
}

div.sidebar-news div.sidebar-title:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.sidebar-news ul.wpp-list {
  padding: 20px;
}

div.sidebar-news ul.wpp-list li {
  font-size: 1.0625rem;
  border-bottom: 1px solid #406076;
}

div.sidebar-news ul.wpp-list li:last-child {
  border-bottom: 0 !important;
}

div.sidebar-news ul.wpp-list li a {
  text-decoration: none;
}

div.sidebar-news ul.wpp-list li a:hover {
  color: #a5bac9;
}

div.sidebar-news .wpp-thumbnail {
  float: none;
}

div.sidebar-news div.sidebar-image {
  margin-top: 10px;
  display: block;
}

div.sidebar-news div.sidebar-image img{
  width: 150px;
  height: auto;
  margin: 0 auto;
  display: block;
}

div.sidebar-news div.sidebar-date {
  font-size: 0.8125rem;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.sidebar-news div.sidebar-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Kanit', serif;
  font-weight: 400;
}

div.sidebar-news div.sidebar-text:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

.page-contact div.accordion div.accordion-item div.accordion-inner {
  font-size: 1.0625rem;
}

.page-contact div.accordion div.accordion-item div.accordion-inner * {
  font-size: 1.0625rem;
}

.page-contact div.accordion div.accordion-item div.accordion-inner a {
  text-decoration: none;
  white-space: nowrap;
}

.page-contact div.accordion div.accordion-item div.accordion-inner a:hover {
  color: #a5bac9;
}

.box-blog-post .is-divider {
  background-color: transparent;
}

@media only screen and (max-width: 991.98px) {
  .gallery-item {
    text-align: center;
    width: unset;
  }
}

.gallery {
  justify-content: space-around;
}

div.positions-list a {
  font-size: 1.125rem;
  font-family: 'Kanit', serif;
  font-weight: 300;
  padding: 10px;
  transition: 0.3s;
  width: 100%;
  display: block;
}

div.positions-list a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.positions-list a:hover {
  background: #b6c7d3;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

div.sidebar-positions {
  background: rgba(165, 186, 201, 0.5);
}

@media only screen and (max-width: 991.98px) {
  div.sidebar-positions {
    margin-top: 50px;
  }
}

div.sidebar-positions p {
  font-size: 1.0625rem;
}

table.table-style1 td {
  border: 1px solid red;
}

div.ir-stockbox {
  background: rgba(165, 186, 201, 0.7);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  color: #002b49;
  overflow: hidden;
  max-width: 480px;
}

@media only screen and (max-width: 991.98px) {
  div.ir-stockbox {
    display: none !important;
  }
}

div.ir-stockbox div.title {
  background: #002b49;
  color: #ffffff;
  text-align: center;
  font-size: 1.5rem;
  padding: 2px 10px;
  font-family: 'Kanit', serif;
  font-weight: 400;
}

div.ir-stockbox div.title:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

div.ir-stockbox div.stitle {
  display: block;
  text-align: center;
  font-family: 'Kanit', serif;
  font-weight: 400;
}

div.ir-stockbox div.stitle:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

div.ir-stockbox .bdr {
  border-right: 1px solid #406076;
}

div.ir-stockbox .bdb {
  border-bottom: 1px solid #406076;
}

div.ir-stockbox div.lastdone {
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.75rem;
}

div.ir-stockbox div.lastdone:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.ir-stockbox div.lastdone sup {
  font-size: 1rem;
  font-family: 'Kanit', serif;
  font-weight: 100;
}

div.ir-stockbox div.lastdone sup:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 300;
}

div.ir-stockbox a.hprice {
  display: inline-block;
  padding-top: 70px;
  background: url(images/btn-hprice.svg) 50% 0px no-repeat;
  font-family: 'Kanit', serif;
  font-weight: 400;
  font-size: 1rem;
  color: #002b49;
  transition: 0.3s;
}

div.ir-stockbox a.hprice:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

div.ir-stockbox a.hprice:hover {
  transform: translateY(-5px);
  text-decoration: none;
}

table.tsr-table th, table.tsr-table td {
  font-size: unset;
  border: 0;
  text-transform: capitalize;
}

@media only screen and (max-width: 991.98px) {
  table.tsr-table th, table.tsr-table td {
    white-space: nowrap;
  }
}

table.tsr-table a {
  text-decoration: none;
  text-transform: none;
}

table.tsr-table.set-annoucements {
  border-top: 3px solid #002b49;
}

table.tsr-table.set-annoucements-home tr:nth-child(odd) {
  background: rgba(212, 222, 229, 0.8) !important;
}

table.tsr-table.set-annoucements-home tr:nth-child(odd):hover {
  background: #d4dee5 !important;
}

table.tsr-table.set-annoucements-home tr:nth-child(even) {
  background: rgba(182, 199, 211, 0.8) !important;
}

table.tsr-table.set-annoucements-home tr:nth-child(even):hover {
  background: #b6c7d3 !important;
}

table.tsr-table.set-annoucements-home tr th,
table.tsr-table.set-annoucements-home tr td {
  padding: 20px !important;
}

table.tsr-table.set-annoucements-home tr.head {
  font-size: 1.25rem;
  background: #002b49 !important;
  color: #a5bac9;
}

table.tsr-table.set-annoucements-home tr.head:hover {
  background: #002b49 !important;
}

table.tsr-table.set-annoucements-home tr.head a.more {
  float: right;
  color: #a5bac9;
  margin-right: 10px;
}

table.tsr-table.set-annoucements-home tr.head a.more:hover {
  color: #ffffff;
}

table.tsr-table.set-annoucements-home tr div.day {
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.875rem;
  color: #002b49;
  line-height: 1;
  text-align: right;
}

table.tsr-table.set-annoucements-home tr div.day:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

table.tsr-table.set-annoucements-home tr div.monthyear {
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #000000;
  text-align: left;
  border-right: 1px solid #002b49;
}

table.tsr-table.set-annoucements-home tr div.monthyear:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

table.tsr-table tr.head {
  font-size: 1.125rem;
  background: #002b49;
  color: #a5bac9;
}

table.tsr-table tr.head th {
  padding: 15px 15px;
  border: 0;
  letter-spacing: 0;
  font-family: 'Kanit', serif;
  font-weight: 300;
}

table.tsr-table tr.head th:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

table.tsr-table tr.head th:nth-child(2), table.tsr-table tr.head th:nth-child(3), table.tsr-table tr.head th:nth-child(4), table.tsr-table tr.head th:nth-child(5), table.tsr-table tr.head th:nth-child(6) {
  text-align: center;
}

table.tsr-table tr.head2 {
  border-top: 3px solid #002b49;
  font-size: 1.125rem;
}

table.tsr-table tr.head2 th {
  padding: 15px 15px;
  border: 0;
  letter-spacing: 0;
  background: #002b49;
  color: #a5bac9;
  font-family: 'Kanit', serif;
  font-weight: 300;
}

table.tsr-table tr.head2 th:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

table.tsr-table tr.head2 th:nth-child(1) {
  background: transparent;
}

table.tsr-table tr.head2 th:nth-child(2), table.tsr-table tr.head2 th:nth-child(3), table.tsr-table tr.head2 th:nth-child(4), table.tsr-table tr.head2 th:nth-child(5), table.tsr-table tr.head2 th:nth-child(6) {
  text-align: center;
}

table.tsr-table tr.subhead {
  font-size: 1.125rem;
  padding: 5px 10px;
  color: #000000;
  background: #d2d3d4;
  margin-top: 15px;
}

table.tsr-table tr.subhead th {
  padding: 15px 15px;
  border: 0;
  letter-spacing: 0;
  font-family: 'Kanit', serif;
  font-weight: 400;
}

table.tsr-table tr.subhead th:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

table.tsr-table tr.subhead th:nth-child(2), table.tsr-table tr.subhead th:nth-child(3), table.tsr-table tr.subhead th:nth-child(4), table.tsr-table tr.subhead th:nth-child(5), table.tsr-table tr.subhead th:nth-child(6) {
  text-align: center;
}

table.tsr-table tr.data {
  font-size: 1.125rem;
  padding: 5px 10px;
  color: #000000;
  background: transparent;
}

table.tsr-table tr.data th {
  font-family: 'Kanit', serif;
  font-weight: 400;
  padding: 15px 15px;
}

table.tsr-table tr.data th:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

table.tsr-table tr.data td {
  padding: 15px 15px;
  font-family: 'Kanit', serif;
  font-weight: 100;
  text-transform: none;
}

table.tsr-table tr.data td:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 300;
}

table.tsr-table tr.data td:nth-child(2), table.tsr-table tr.data td:nth-child(3), table.tsr-table tr.data td:nth-child(4), table.tsr-table tr.data td:nth-child(5), table.tsr-table tr.data td:nth-child(6) {
  text-align: center;
}

table.tsr-table tr.data td.pdf {
  text-align: center;
}

table.tsr-table tr.data td.pdf a {
  display: inline-block;
  width: 25px;
  height: 23px;
  transition: 0.3s;
  background: url(images/btn-download1-off.svg) 0 0 no-repeat;
}

table.tsr-table tr.data td.pdf a:hover {
  background: url(images/btn-download1-on.svg) 0 0 no-repeat;
}

table.tsr-table tr.data td.pdfcircle {
  text-align: center;
}

table.tsr-table tr.data td.pdfcircle a {
  display: inline-block;
  width: 25px;
  height: 23px;
  transition: 0.3s;
  background: url(images/btn-download2-off.svg) 0 0 no-repeat;
}

table.tsr-table tr.data td.pdfcircle a:hover {
  background: url(images/btn-download2-on.svg) 0 0 no-repeat;
}

table.tsr-table tr.data:hover {
  background: #b6c7d3;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  border: 0;
  letter-spacing: 0;
}

select.yearselect {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  border: 0;
  color: #002b49;
  font-family: 'Kanit', serif;
  font-weight: 400;
  font-size: 1.5rem;
  border-radius: 5px !important;
  max-width: 125px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 0 !important;
  height: 40px;
  background: #e6e7e7 url(images/btn-down.png) calc(100% - 10px) 50% no-repeat;
  background-size: 8px;
}

select.yearselect:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

select.yearselect.monthselect {
  width: 100%;
  max-width: 255px !important;
}

div.table-container div.yearly {
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.25rem;
  color: #002b49;
}

div.table-container div.yearly:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.ir-stockcode {
  font-size: 1.0625rem;
  color: #000000;
  overflow: hidden;
  text-align: center;
}

div.ir-stockcode div.row {
  padding-left: 15px !important;
  padding-right: 15px !important;
  display: flex;
}

div.ir-stockcode div.title {
  display: block;
  text-align: center;
}

div.ir-stockcode div.ir-white {
  background: #002b49;
  color: #ffffff;
  font-size: 1.5rem;
  font-family: 'Kanit', serif;
  font-weight: 400;
}

div.ir-stockcode div.ir-white:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 500;
}

div.ir-stockcode div.ir-white div.title {
  color: #ffffff;
}

div.ir-stockcode div.ir-white .bdtb {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}

div.ir-stockcode .bdr {
  border-right: 1px solid #e9eef2;
}

div.ir-stockcode .bdb {
  border-bottom: 1px solid #e9eef2;
}

div.ir-stockcode .bdt {
  border-top: 1px solid #e9eef2;
}

div.ir-stockcode div.title {
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1rem;
  color: #000000;
}

div.ir-stockcode div.title:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.ir-stockcode div.ir-lightblue {
  background: #d4dee5;
  font-size: 1.0625rem;
}

div.ir-stockcode div.ir-midblue {
  background: #b6c7d3;
  font-size: 1.0625rem;
}

.si_fixed {
  min-height: 1%;
}

/*** Interactive Chart ***/
#ir_chart_setting {
  position: relative;
  z-index: 1;
}

#ir_chart_setting fieldset {
  padding: 5px 0;
  border: none;
  margin: 0;
}

#ir_chart_setting fieldset legend, #ir_chart_setting fieldset div {
  width: 120px;
  float: left;
  line-height: 18px;
}

#ir_chart_setting fieldset input {
  vertical-align: middle;
}

#ir_chart_setting fieldset input[type="radio"] {
  margin: 3px;
}

.ir_chart_interactive_loading {
  text-align: center;
}

.ir_chart_interval {
  position: absolute;
  bottom: 10px;
  right: 0%;
}

.ir_chart_interval select {
  width: 130px;
  padding: 0px 10px !important;
  height: 30px;
  margin-bottom: 0 !important;
  border-radius: 5px;
  border: 0 !important;
}

#ir_content_container {
  margin-top: 50px;
  padding: 30px 15px !important;
  background: #fff;
}

#ir_content_container label {
  display: inline-block;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  height: 30px;
  font-size: 0.875rem;
  float: left;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 0.875rem;
}

div.container-media-report div.media-report-container {
  display: inline-block;
  max-width: 230px;
  transition: 0.3s;
  margin-bottom: 50px;
}

div.container-media-report div.media-report-container:hover {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

div.container-media-report div.media-report-container:hover div.media-report {
  background: #c6d4dd;
}

div.container-media-report div.media-report-container a {
  text-decoration: none;
}

div.container-media-report div.media-report {
  background: #dde0e2;
  padding: 10px;
}

div.container-media-report div.media-report div.media-report-image {
  height: 295px;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.container-media-report div.media-report div.media-report-image a {
  width: 100%;
  text-align: center;
  padding: 10px;
}

div.container-media-report div.media-report-link {
  background: #d2d3d4;
  padding: 10px;
}

div.container-media-report div.media-report-link div.row {
  padding-left: 10px;
  padding-right: 10px;
}

div.container-media-report div.media-report-link div.media-report-title {
  font-size: 1.0625rem;
  font-family: 'Kanit', serif;
  font-weight: 300;
  color: #002b49;
  text-align: left;
  margin-bottom: 5px;
}

div.container-media-report div.media-report-link div.media-report-title:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.container-media-report div.media-report-link div.media-report-date {
  font-size: 0.9375rem;
  font-family: 'Kanit', serif;
  font-weight: 100;
  color: #000000;
  text-align: left;
  margin-bottom: 5px;
  margin-top: -5px;
}

div.container-media-report div.media-report-link div.media-report-date:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 300;
}

div.container-media-report div.media-report-link div.media-report-size {
  font-size: 0.75rem;
  color: #000000;
  text-align: left;
}

div.container-media-report div.media-report-link div.media-report-download {
  text-align: right;
}

div.container-media-report div.media-report-link div.media-report-download a {
  display: inline-block;
  width: 25px;
  height: 23px;
  transition: 0.3s;
  background: url(images/btn-download1-off.svg) 0 0 no-repeat;
}

div.container-media-report div.media-report-link div.media-report-download a:hover {
  opacity: 0.6;
}

div.container-media-report div.media-report-link div.media-report-ebook {
  text-align: right;
}

div.container-media-report div.media-report-link div.media-report-ebook a {
  display: inline-block;
  width: 25px;
  height: 23px;
  transition: 0.3s;
  background: url(images/btn-ebook1-off.svg) 0 0 no-repeat;
}

div.container-media-report div.media-report-link div.media-report-ebook a:hover {
  opacity: 0.6;
}

div.container-webcast div.webcast-container {
  display: inline-block;
  max-width: 253px;
  padding-bottom: 15px;
  margin-bottom: 50px;
}

div.container-webcast div.webcast-container:hover {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

div.container-webcast div.webcast-container div.row {
  padding-left: 15px;
  padding-right: 15px;
}

div.container-webcast div.webcast-image {
  background: #ffffff;
  height: 190px;
}

div.container-webcast div.webcast-date {
  color: #000000;
  font-size: 0.75rem;
  padding: 10px 10px 0 10px;
  text-align: left;
}

div.container-webcast div.webcast-title {
  color: #000000;
  font-size: 1rem;
  padding: 5px 10px 10px 10px;
  text-align: left;
}

div.container-webcast div.webcast-download {
  padding: 0 10px;
  text-align: left;
}

div.container-webcast div.webcast-download a {
  color: #000000;
  font-size: 0.75rem;
  text-decoration: none;
  display: inline-block;
  height: 25px;
  padding-left: 29px;
  transition: 0.3s;
  line-height: 25px;
  background: url(images/btn-download2-off.svg) 0 0 no-repeat;
  background-size: contain;
}

div.container-webcast div.webcast-download a:hover {
  opacity: 0.5;
}

div.container-webcast div.webcast-online {
  padding: 0 10px;
  text-align: left;
}

div.container-webcast div.webcast-online a {
  color: #000000;
  font-size: 0.75rem;
  text-decoration: none;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-left: 29px;
  transition: 0.3s;
  background: url(images/btn-online1-off.svg) 0 0 no-repeat;
  background-size: contain;
}

div.container-webcast div.webcast-online a:hover {
  opacity: 0.5;
}

.container-cg {
  transition: 0.3s;
}

.container-cg div.cg-bd {
  border: 2px solid #002b49;
  border-radius: 50%;
  margin-bottom: 40px;
  display: inline-block;
  transition: 0.3s;
}

.container-cg div.cg-bd:hover {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

.container-cg div.cg-container {
  background: #a5bac9;
  margin: 5px;
  border-radius: 50%;
  width: 225px;
  height: 225px;
  transition: 0.3s;
}

.container-cg div.row-cg,
.container-cg div.cg-data {
  height: 100%;
}

.container-cg div.cg-title {
  font-family: 'Kanit', serif;
  font-weight: 300;
/*   font-size: 1.3125rem; */
  font-size: 15px;
  text-align: center;
  padding: 5px 40px;
  height: 60%;
}

@media only screen and (max-width: 480px) {
  .container-cg div.cg-title {
    padding: 5px 20px;
  }
}

.container-cg div.cg-title:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.container-cg div.cg-title a {
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.container-cg div.cg-download {
  text-align: center;
  width: 100%;
  height: 40%;
}

.container-cg div.cg-download a {
  display: inline-block;
  transition: 0.3s;
  background: url(images/btn-download1-on.svg) 50% 0 no-repeat;
  background-size: 30px;
  padding: 40px 0 0 0;
  font-size: 1.0625rem;
  font-family: 'Kanit', serif;
  font-weight: 300;
  color: #002b49;
  margin-top: 10px;
  text-decoration: none;
}

.container-cg div.cg-download a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.container-cg div.cg-download a:hover {
  opacity: 0.5;
}

div.tsr-link {
  display: inline-block;
}

div.tsr-link a {
  text-decoration: none;
}

div.tsr-link.ir-location a {
  display: inline-block;
  background: url(images/ir-location.svg) 5px 5px no-repeat;
  min-height: 35px;
  font-size: 1.125rem;
  padding: 10px;
  padding-left: 53px;
}

div.tsr-link.ir-email a {
  display: inline-block;
  background: url(images/ir-email.svg) 5px 5px no-repeat;
  min-height: 35px;
  font-size: 1.125rem;
  padding: 10px;
  padding-left: 53px;
}

div.tsr-link.ir-fax a {
  display: inline-block;
  background: url(images/ir-fax.svg) 5px 5px no-repeat;
  min-height: 35px;
  font-size: 1.125rem;
  padding: 10px;
  padding-left: 53px;
}

div.tsr-link.ir-phone a {
  display: inline-block;
  background: url(images/ir-phone.svg) 5px 5px no-repeat;
  min-height: 35px;
  font-size: 1.125rem;
  padding: 10px;
  padding-left: 53px;
}

div.tsr-link.btn-linkemail a {
  display: inline-block;
  background: url(images/ir-email.svg) 0 0 no-repeat;
  background-size: contain;
  font-size: 1.125rem;
  padding-left: 40px;
  text-decoration: none;
}

div.tsr-link.btn-linkemail a:hover {
  text-decoration: underline;
}

div.tsr-link.btn-linkfax a {
  display: inline-block;
  background: url(images/ir-fax.svg) 0 0 no-repeat;
  background-size: contain;
  font-size: 1.125rem;
  padding-left: 40px;
  text-decoration: none;
}

div.tsr-link.btn-linkfax a:hover {
  text-decoration: underline;
}

div.tsr-link.btn-linkphone a {
  display: inline-block;
  background: url(images/ir-phone.svg);
  background-size: 28px 28px !important;
  font-size: 1.125rem;
  padding-left: 40px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 30px;
}

div.tsr-link.btn-linkphone a:hover {
  text-decoration: underline;
}

div.tsr-link.btn-linkfb a {
  display: inline-block;
  background: url(images/icon-fb3-off.svg) 0 0 no-repeat;
  background-size: contain;
  font-size: 1.125rem;
  padding-left: 40px;
  text-decoration: none;
}

div.tsr-link.btn-bluephone {
  margin-top: 7px;
  margin-bottom: 7px;
}

div.tsr-link.btn-bluephone a {
  background: url(images/icon-phone-on.svg) 0 4px no-repeat;
  background-size: 16px 16px;
  color: #002b49;
  font-size: 1rem;
  line-height: 1;
  padding-left: 25px;
  text-decoration: none;
}

div.tsr-link.btn-bluephone a:hover {
  text-decoration: underline;
}

div.tsr-link.btn-ftlinkemail, div.tsr-link.btn-ftlinkfb, div.tsr-link.btn-ftlinkphone {
  margin-top: 7px;
  margin-bottom: 7px;
}

@media only screen and (max-width: 991.98px) {
  div.tsr-link.btn-ftlinkemail, div.tsr-link.btn-ftlinkfb, div.tsr-link.btn-ftlinkphone {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  div.tsr-link.btn-ftlinkemail, div.tsr-link.btn-ftlinkfb, div.tsr-link.btn-ftlinkphone {
    text-align: center;
    width: 100%;
  }
  .banner-layer.hide-for-small{
    display: block !important;
  }
}

div.tsr-link.btn-ftlinkemail a, div.tsr-link.btn-ftlinkfb a, div.tsr-link.btn-ftlinkphone a {
  color: #a5bac9;
  font-size: 1rem;
  line-height: 1;
  padding-left: 25px;
  text-decoration: none;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media only screen and (max-width: 480px) {
  div.tsr-link.btn-ftlinkemail a, div.tsr-link.btn-ftlinkfb a, div.tsr-link.btn-ftlinkphone a {
    display: inline-block;
  }
}

div.tsr-link.btn-ftlinkemail a:hover, div.tsr-link.btn-ftlinkfb a:hover, div.tsr-link.btn-ftlinkphone a:hover {
  text-decoration: underline;
}

div.tsr-link.btn-ftlinkemail a {
  background: url(images/icon-email-off.svg) 0 5px no-repeat;
  background-size: 16px 16px;
}

div.tsr-link.btn-ftlinkfb a {
  background: url(images/icon-fb-off.svg) 0 3px no-repeat;
  background-size: 15px 15px;
}

div.tsr-link.btn-ftlinkphone a {
  background: url(images/icon-phone-off.svg) 0 4px no-repeat;
  background-size: 14px 14px;
}

div.tsr-link.btn-ftcallcenter {
  transition: 0.3s;
  display: inline-block;
  height: 55px;
  width: 100%;
}

@media only screen and (max-width: 991.98px) {
  div.tsr-link.btn-ftcallcenter {
    text-align: center;
    width: 100%;
  }
}

div.tsr-link.btn-ftcallcenter a {
  display: inline-block;
  background: url(images/btn-callcenter.svg) 0 0 no-repeat;
  height: 55px;
  width: 192px;
  transition: 0.3s;
}

div.tsr-link.btn-ftcallcenter a:hover {
  transform: translateY(-5px);
}

div.tsr-link.btn-ftcallcenterc {
  transition: 0.3s;
  display: inline-block;
  height: 80px;
  width: 100%;
}

@media only screen and (max-width: 991.98px) {
  div.tsr-link.btn-ftcallcenterc {
    text-align: center;
    width: 100%;
  }
}

div.tsr-link.btn-ftcallcenterc a {
  display: inline-block;
  background: url(images/btn-callcenterc.svg) 0 0 no-repeat;
  height: 80px;
  width: 290px;
  transition: 0.3s;
}

div.tsr-link.btn-ftcallcenterc a:hover {
  transform: translateY(-5px);
}

div.tsr-link.btn-ftelearning {
  display: inline-block;
  transition: 0.3s;
  height: 55px;
  width: 100%;
}

@media only screen and (max-width: 991.98px) {
  div.tsr-link.btn-ftelearning {
    text-align: center;
  }
}

div.tsr-link.btn-ftelearning a {
  display: inline-block;
  background: url(images/btn-elearning.svg) 0 0 no-repeat;
  height: 50px;
  width: 192px;
  transition: 0.3s;
}

div.tsr-link.btn-ftelearning a:hover {
  transform: translateY(-5px);
}

div.tsr-link.entersite {
  width: 100%;
}

div.tsr-link.entersite a {
  background: #a5bac9;
  width: 100%;
  color: #002b49;
  transition: 0.3s;
  display: block;
  text-decoration: none;
  padding: 15px 10px;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.25rem;
  width: 100%;
  text-align: center;
}

div.tsr-link.entersite a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.tsr-link.entersite a:hover {
  background: #002b49;
  color: #a5bac9;
}

div.tsr-link.btn-blue:nth-child(3), div.tsr-link.btn-blue:nth-child(2) {
  margin-left: 10px;
}

div.tsr-link.btn-blue a {
  background: #002b49;
  color: #a5bac9;
  padding: 6px 30px;
  font-size: 1.125rem;
  font-family: 'Kanit', serif;
  font-weight: 300;
  transition: 0.3s;
  text-transform: uppercase;
}

div.tsr-link.btn-blue a:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.tsr-link.btn-blue a:lang(en) {
  font-size: 0.9375rem !important;
  font-family: 'Kanit', serif;
  font-weight: 600;
}

div.tsr-link.btn-blue a:lang(en):lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 700;
}

div.tsr-link.btn-blue a:hover {
  color: #002b49;
  background: #a5bac9;
}

div.tsr-link.bu-fb a,
div.tsr-link.bu-line a,
div.tsr-link.bu-www a {
  transition: 0.3s;
  display: inline-block;
  height: 30px;
  width: 32px;
  margin-left: 10px;
  margin-right: 10px;
  background: url(images/icon-www-off.svg) 50% 0 no-repeat;
  background-size: contain;
}

div.tsr-link.bu-fb a:hover,
div.tsr-link.bu-line a:hover,
div.tsr-link.bu-www a:hover {
  background: url(images/icon-www-on.svg) 50% 0 no-repeat;
}

div.tsr-link.bu-line a {
  background: url(images/icon-line-off.svg) 50% 0 no-repeat;
}

div.tsr-link.bu-line a:hover {
  background: url(images/icon-line-on.svg) 50% 0 no-repeat;
}

div.tsr-link.bu-fb a {
  background: url(images/icon-fb2-off.svg) 50% 0 no-repeat;
}

div.tsr-link.bu-fb a:hover {
  background: url(images/icon-fb2-on.svg) 50% 0 no-repeat;
}

table.tsr-table-stripe th, table.tsr-table-stripe td {
  font-size: unset;
  border: 0;
}

table.tsr-table-stripe a {
  text-decoration: none;
}

table.tsr-table-stripe tr:nth-child(odd) {
  background: #d4dee5;
}

table.tsr-table-stripe tr:nth-child(even) {
  background: #b6c7d3;
}

table.tsr-table-stripe th {
  padding: 15px 20px;
  border: 0;
  letter-spacing: 0;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.125rem;
  border-right: 1px solid #e8eef1;
  text-transform: none;
}

table.tsr-table-stripe th:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

table.tsr-table-stripe td {
  padding: 15px 20px;
  border: 0;
  letter-spacing: 0;
  font-family: 'Kanit', serif;
  font-weight: 300;
  font-size: 1.125rem;
}

table.tsr-table-stripe td:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

div.iframe iframe {
  width: 100%;
  border: 0;
  min-height: 800px;
}
div.iframe--email-alerts iframe{
  min-height: 420px !important;
}

div.iframe--stock iframe{
  min-height: 660px;
  padding-top: 35px;
}

.alpine-icon1,
.alpine-icon2,
.alpine-icon3 {
  margin-top: 70px;
  position: relative;
}

.alpine-icon1:before,
.alpine-icon2:before,
.alpine-icon3:before {
  content: '';
  width: 98px;
  height: 98px;
  position: absolute;
  display: block;
  top: -50px;
  left: calc(50% - 49px);
  background: #ffffff url(images/alpine-icon1.svg) 50% 50% no-repeat;
  z-index: 2;
  border-radius: 50%;
  border: 2px solid #002b49;
}

.alpine-icon1 div.col-inner,
.alpine-icon2 div.col-inner,
.alpine-icon3 div.col-inner {
  height: 230px;
  padding: 70px 20px 20px 20px;
  border-radius: 10px;
}

.alpine-icon2:before {
  background: #ffffff url(images/alpine-icon2.svg) 50% 50% no-repeat;
}

.alpine-icon3:before {
  background: #ffffff url(images/alpine-icon3.svg) 50% 50% no-repeat;
}

.tsr-slick.slick-slider {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.tsr-slick.slick-slider.nomargin {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.tsr-slick.slick-slider .slick-slide {
  outline: none;
}

.tsr-slick.slick-slider .slick-slide > div {
  text-align: center;
}

.tsr-slick.slick-slider .tsr-slick-item {
  display: inline-block;
}

.tsr-slick.slick-slider .tsr-slick-item img {
  margin-left: auto;
  margin-right: auto;
}

.tsr-slick.slick-slider .slick-arrow {
  width: 24px;
  height: 26px;
  z-index: 999999;
}

.tsr-slick.slick-slider .slick-arrow:before {
  display: none;
}

.tsr-slick.slick-slider .slick-prev {
  background: url(images/btn-prev.png) 50% 50% no-repeat;
  top: 47%;
  left: 0;
}

.tsr-slick.slick-slider .slick-next {
  background: url(images/btn-next.png) 50% 50% no-repeat;
  top: 47%;
  right: 0;
}

div.row .safe-icon {
  margin-top: 70px;
  margin-bottom: 20px;
  position: relative;
}

div.row .safe-icon:before {
  content: '1';
  width: 98px;
  height: 98px;
  position: absolute;
  display: block;
  top: -50px;
  left: calc(50% - 49px);
  z-index: 2;
  border-radius: 50%;
  border: 2px solid #00a1e1;
  background: #ffffff;
  font-size: 3.5rem;
  color: #00a1e1;
  text-align: center;
  font-family: 'Kanit', serif;
  font-weight: 600;
}

div.row .safe-icon:before:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 700;
}

div.row .safe-icon:nth-child(2):before {
  content: '2';
}

div.row .safe-icon:nth-child(3):before {
  content: '3';
}

div.row .safe-icon:nth-child(4):before {
  content: '4';
}

div.row .safe-icon:nth-child(5):before {
  content: '5';
}

div.row .safe-icon div.col-inner {
  height: 230px;
  padding: 70px 20px 20px 20px;
  border-radius: 10px;
}

div.tsr-ismart {
  display: inline-block;
  transition: 0.6s;
  overflow: hidden;
}

@media only screen and (max-width: 991.98px) {
  div.tsr-ismart {
    width: 100%;
  }
}

div.tsr-ismart div.tsr-ismart-letter {
  font-size: 11rem;
  color: #a5bac9;
  line-height: 0.8;
  height: 150px;
  display: inline-block;
  vertical-align: top;
  transition: 0.6s;
}

div.tsr-ismart div.tsr-ismart-contentc {
  overflow: hidden;
  width: 0px;
  height: 150px;
  transition: 0.6s;
  display: inline-block;
  vertical-align: top;
}

div.tsr-ismart div.tsr-ismart-content {
  width: 200px;
  height: 150px;
  transition: 0.6s;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

div.tsr-ismart div.tsr-ismart-content div.tsr-ismart-title {
  color: #002b49;
  font-size: 1.25rem;
  text-align: left;
}

div.tsr-ismart div.tsr-ismart-content div.tsr-ismart-desc {
  color: #002b49;
  font-size: 1.0625rem;
  text-align: left;
}

div.tsr-ismart:hover div.tsr-ismart-contentc {
  width: 200px;
}

div.tsr-ismart:hover div.tsr-ismart-letter {
  color: #002b49;
}

#cookie-msg {
  background: rgba(165, 186, 201, 0.9);
  color: #002b49;
  z-index: 99999999;
  padding: 15px 50px;
  font-size: 1rem;
}

#cookie-msg div.msg {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
}

#cookie-msg div.msg a {
  color: #002b49;
  text-decoration: underline;
}

#cookie-msg div.msg a:hover {
  color: #ffffff;
}

#cookie-msg div.cookie-accept {
  text-align: right;
  margin-top: 10px;
}

#cookie-msg a.btn-accept {
  margin-left: 30px;
  color: #a5bac9 !important;
  background: #002b49;
  font-size: 1.0625rem;
  text-decoration: none;
  padding: 5px 15px;
  text-decoration: none !important;
  transition: 0.3s;
}

#cookie-msg a.btn-accept:hover {
  background: #a5bac9 !important;
  color: #002b49 !important;
}

div.box-overlay.dark {
  margin-bottom: 40px;
  overflow: hidden;
}

div.box-overlay.dark .box-text {
  text-shadow: none !important;
  background: rgba(165, 186, 201, 0.9) !important;
}

div.box-overlay.dark h5.post-title {
  color: #002b49;
}

div.box-overlay.dark .post-meta {
  color: #002b49;
}

.page-management .mfp-iframe-holder .mfp-content,
.page-board-of-directors .mfp-iframe-holder .mfp-content {
  height: 90vh;
}

.tsr-popup {
  position: relative;
  background: #ffffff;
  padding: 10px;
  width: auto;
  min-width: 500px;
  max-width: 900px;
  margin: 20px auto;
  text-align: center;
}

.ubermenu-skin-none {
  font-size: 1.0625rem;
  font-family: 'Kanit', serif;
  font-weight: 300;
}

.ubermenu-skin-none:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.ubermenu-skin-none {
  border: none;
  background: none;
}

.ubermenu-skin-none .ubermenu-target {
  color: #555;
}

.ubermenu-skin-none .ubermenu-target-description {
  color: #aaa;
}

.ubermenu-skin-none.ubermenu-responsive-toggle {
  background: #222;
  color: #eee;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
  background: #111;
  color: #fff;
}

.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: #fff;
}

@media only screen and (max-width: 1199.98px) {
  .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
  .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
  .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #002b49;
    font-weight: 500 !important;
  }
}

.ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {
  color: #4d90fe;
  background: transparent;
}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
  font-family: 'Kanit', serif;
  font-weight: 300;
  color: #a5bac9;
  border-left: none;
  padding: 5px 9px;
  font-size: 1rem;
}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

body:not(.rtl) .ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0:first-child > .ubermenu-target {
  box-shadow: none;
}

.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  color: #ffffff;
}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
  color: #d9d9d9;
}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {
  color: #fff;
}

.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {
  background: #c5d2dc;
  font-size: 0.9375rem;
  font-family: 'Kanit', serif;
  font-weight: 300;
}

.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 400;
}

.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  border-top: none;
}

.ubermenu-skin-none .ubermenu-tab-content-panel {
  background: #f9f9f9;
}

.ubermenu-skin-none .ubermenu-submenu,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target {
  font-size: 0.9375rem;
  color: #668092;
  padding: 8px 12px !important;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-level-2 .ubermenu-target {
  font-family: 'Kanit', serif;
  font-weight: 100;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-level-2 .ubermenu-target:lang(en) {
  font-family: 'Roboto', 'Kanit', serif;
  font-weight: 300;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-highlight {
  color: #4d90fe;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target {
  color: #002b49;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
  color: #aaa;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description {
  color: #666;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  font-weight: bold;
  color: #555;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom: 1px solid #e9e9e9;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #222;
}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  color: #222;
  background: transparent;
}

.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
  background: #eee;
  color: #111;
}

.ubermenu-skin-none .ubermenu-tabs-group,
.ubermenu-skin-none .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-none .ubermenu-tab-content-panel {
  border-color: #eee;
}

.ubermenu-skin-none .ubermenu-submenu-drop {
  border-bottom-width: 3px;
}

.ubermenu .ubermenu-submenu .ubermenu-submenu-type-flyout {
  min-width: 220px;
}

@media only screen and (max-width: 1199.98px) {
  ul.mobile-nav li.header-block,
  ul.header-nav li.header-block {
    text-align: right;
    width: 200px;
  }
  ul.mobile-nav li div.wpml-ls,
  ul.header-nav li div.wpml-ls {
    display: inline-block;
  }
  ul.mobile-nav .ubermenu-responsive-toggle,
  ul.header-nav .ubermenu-responsive-toggle {
    margin-top: 9px;
    margin-left: 20px;
    font-size: 0 !important;
    width: 40px;
    height: 25px;
    background: url(images/btn-menu.svg) center center no-repeat !important;
    display: inline-block !important;
    transition: 0.4s;
  }
  ul.mobile-nav .ubermenu-responsive-toggle.ubermenu-responsive-toggle-open,
  ul.header-nav .ubermenu-responsive-toggle.ubermenu-responsive-toggle-open {
    font-size: 0 !important;
    width: 40px;
    height: 25px;
    background: url(images/btn-close.svg) center center no-repeat !important;
    display: inline-block;
    transition: 0.4s;
  }
  nav.ubermenu.ubermenu-mobile-modal {
    padding-top: 30px;
    top: 100px;
    background: #ffffff;
  }
  .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
    text-align: center;
    color: #002b49;
  }
  .ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
  .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    color: #a5bac9;
    background: #002b49;
  }
}

h1.line-blue-center, h2.line-blue-center, h3.line-blue-center {
  text-align: center;
  font-weight: 400;
  background: url(images/h1-line-blue.svg) center bottom no-repeat;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

h1.line-blue-left, h2.line-blue-left, h3.line-blue-left {
  text-align: left;
  font-weight: 400;
  background: url(images/h1-line-blue.svg) left bottom no-repeat;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 991.98px) {
  h1.line-blue-left, h2.line-blue-left, h3.line-blue-left {
    text-align: center;
    background: url(images/h1-line-blue.svg) center bottom no-repeat;
  }
}

h1.line-white-center, h2.line-white-center, h3.line-white-center {
  color: #ffffff;
  text-align: center;
  font-weight: 400;
  background: url(images/h1-line-white.svg) center bottom no-repeat;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

h1.line-white-left, h2.line-white-left, h3.line-white-left {
  color: #ffffff;
  text-align: left;
  font-weight: 400;
  background: url(images/h1-line-white.svg) left bottom no-repeat;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 991.98px) {
  h1.line-white-left, h2.line-white-left, h3.line-white-left {
    text-align: center;
    background: url(images/h1-line-white.svg) center bottom no-repeat;
  }
}

h1.title-blue, h2.title-blue, h3.title-blue {
  color: #002b49;
  font-weight: 400;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

.banner h1.title-blue, .banner h2.title-blue {
  padding-bottom: 40px;
  margin-bottom: 0;
}

div.twocol {
  column-count: 2;
  column-gap: 40px;
}

@media only screen and (max-width: 991.98px) {
  div.twocol {
    column-count: 1;
    column-gap: 0px;
  }
}

.page-intropage .app-icon{
display:none !important;
}
.page-intropage .intro__title {
    position: relative;
    font-size: 2.5rem !important;
    line-height: 1.0 !important;
    margin-bottom: 20px !important;
}
.page-intropage .intro__content .intro__text{
font-family: PSL Text Pro !important;
}
.page-intropage .intro__footer{
    font-family: PSL Text Pro !important;
    display: block;
    margin: 0 auto !important;
    width: 240px !important;
}
.page-intropage .intro__button{
    margin: 25px 0 0 !important;
    width: 235px;
    display: flex;
}
video {
  width: 100%;
  max-height: 100%;
}

.iframe-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.wpforms-container-full .wpforms-field-checkbox a:hover{
  text-decoration: underline;
}

.section--email-alerts .small-12 .col-inner .line-blue-left,
.section--email-alerts .text{
    max-width: 1250px;
    margin: 0 auto;
    padding-right: 0;
}
.section--email-alerts .iframe-container{
  padding-right: 0;
}
.table--financial tr.head th:first-child{
    text-transform: unset;
}
.accordion-inner a{
  color: #000000;
  font-weight: 500;
}
.accordion-inner a:hover{
  text-decoration: underline;
  color: #002b49;
}
.table--calculator tr th {
  background: #0b2a49;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  padding: 15px 20px;
  text-transform: none;
}
.table--calculator tr td {
  text-align: center;
  white-space: nowrap;
}
.table--calculator tr td:last-child{
  padding-right: 0.75rem;
}
.pum-overlay{
  display: block;
}
/*.pum-container{
  left: 0;
  right: 0;
  top: 150px;
  width: 64% !important;
  margin: 0 auto;
}

.pum-container.
@media only screen and (max-width: 1440px) {
  .pum-container{
    left: 0;
    right: 0;
    top: 150px;
    width: 90% !important;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 991.98px) {
  .pum-container{
    left: 0;
    right: 0;
    width: 100% !important;
    margin: 0 auto;
  }
}*/

.pum-theme-lightbox .pum-container{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/*.pum-container.pum-responsive.pum-responsive-medium{
  margin-left: -32%;
}

@media only screen and (max-width: 1440px) {
  .pum-container.pum-responsive.pum-responsive-medium{
    margin-left: -45%;
  }
}

@media only screen and (max-width: 991.98px) {
  .pum-container.pum-responsive.pum-responsive-medium{
    margin-left: -50%;
  }
}*/

.tsr-table.historical-data{
  margin-bottom: 5rem;
}
.tsr-table.historical-data th:last-child{
  text-align: center;
}
.tsr-table.historical-data td:last-child{
  text-align: center;
}
.tremark{
  position: absolute;
  bottom: 0;
  margin-bottom: -40px;
}

.try_again_message,
.success_message{
  display: block;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .section--email-alerts .iframe-container{
    padding-right: 15px;
  }
  div.iframe iframe{
    min-height: 900px;
  }
  div.iframe--email-alerts iframe{
    min-height: 500px !important;
  }
  div.iframe--stock iframe{
    min-height: 650px;
  }
  .tsr-table.historical-data{
    margin-top: 5rem;
  }
  .table-container .yearly--historical-price{
    position: absolute;
    top: 0;
    right: 0;
  }
  .tremark{
    margin-bottom: 0;
  }
}
.tsr-table.tsr-table--advertisement th:nth-child(2){
  background: transparent;
}
.tsr-table.tsr-table--advertisement tr.data td:nth-child(2){
  text-align: left;
}

@media only screen and (max-width: 991.98px) {
  .section--footer-copyright .row-collapse{
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
  }
  .section--footer-copyright .row-collapse > .col{
    width: 100%;
    max-width: 100%;
  }
  .section--footer-copyright #col-1142871129,
  .section--footer-copyright #col-1026809474{
    max-width: 100%;
    flex-basis: 100%;
  }

  .full-width{
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
  .table--financial tr.head th:first-child{
      width: 150px !important;
      display: block;
  }
  .table-container{
    overflow-x: scroll;
  }
  table.tsr-table.set-annoucements-home td:first-child{
    width: 120px !important;
    display: block;
  }
  table.tsr-table.set-annoucements-home td:last-child{
    white-space: normal;
  }
}

/*----form ----*/
.frm_form_fields .form-field input,
.frm_form_fields .form-field select,
.frm_form_fields .form-field textarea{
  background: transparent !important;
}
.frm_submit button{
  display: block;
  margin: 2rem auto 0 !important;
}
/* ----- Cookiewow -----*/
html[lang='en-US'] {    
  .cwc-sdk-container * {        
      font-family: 'Roboto', serif !important;        
      font-size: 14px !important;        
      font-weight: 400;    
  }
}
html[lang='th'] {    
  .cwc-sdk-container * {        
      font-family: 'Kanit', serif !important;        
      font-size: 14px !important;       
      font-weight: 400;    
  }
}
.cwc-cookie-banner-ui-sdk .cwc-css-1lz0phs-cwc{
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.cwc-cookie-banner-ui-sdk .cwc-css-1s44i4f-cwc{
  min-height: 85px !important;
}

@media only screen and (max-width: 480px) {
  .container .row:not(.row-collapse){
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .text-box .text-box-content{
    margin-top:2.5rem !important;
    line-height: 1.2 !important;
  }
}

.accordion .toggle{
  left: 100%;
  margin-left: -55px;
}
.accordion-title{
  padding: .8em 2.3em !important;
  font-size: 20px !important;
}
.accordion-title:hover{
  text-decoration: none;
}
.accordion-item .year-header{
  position: relative;
  display: block;
  font-size: 20px;
  padding-bottom: 15px;
  border-bottom: 4px solid #002b49;
  color: #002b49;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 48px;
}
.accordion-item .year-header:after{
  position: absolute;
  content: "PDF";
  height: 50px;
  width: 240px;
  right: 0;
  bottom: -52px;
  text-align: center;
  background-color: #002b49;
  color: #a5bac9;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.accordion-item .webcast-center{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 55px;
  background: transparent;
}
.accordion-item .webcast-center:hover{
  background: #b6c7d3;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}
.accordion-item .webcast-title{
  padding: 0 15px !important;
  color: #666 !important;
  font-weight: 300;
  font-size: 1.125rem !important;
}
.accordion-item .webcast-pdf{
  display: block;
  width: 240px;
  text-align: center;
}
.accordion-item .webcast-pdf a{
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 25px;
  background: url(images/btn-download1-off.svg) 0 0 no-repeat;
}
.accordion-item .webcast-center:hover .webcast-pdf a{
  background: url(images/btn-download1-on.svg) 0 0 no-repeat;
}

@media only screen and (max-width: 480px) {
  .accordion-title{
    padding: .8em 2.3em .8em .5em!important;
  }
  .accordion-inner{
    padding: 1em .5em !important;
  }
  .container-webcast{
    overflow-x: auto;
  }
  .accordion-item .year-header:after{
    width: 63px;
  }
  .accordion-item .webcast-pdf{
    width: 63px;
  }
  .container-webcast > .row{
    width: 150% !important;
  }
}