.btnHamburger {
    background:none;
    padding:0.5rem;
    border:none;
    outline:none !important;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    transition-property:background;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:.3s
}
.btnHamburger.btn:before {
    display:none
}
.btnHamburger .btnHamburgerInner {
    display:block;
    position:relative;
    height:1.8rem;
    width:2.5rem
}
.btnHamburger .btnHamburgerInner>* {
    display:block;
    height:2px;
    background-color:#282F44;
    text-align:left;
    overflow:hidden;
    text-indent:-9999px;
    position:absolute;
    left:0;
    right:0;
    border-radius:4px
}
.btnHamburger .btnHamburgerInner>*:nth-child(1) {
    top:0;
    transition-property:top,transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0.3s,0s
}
.btnHamburger .btnHamburgerInner>*:nth-child(2) {
    top:50%;
    transition-property:opacity;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    margin-top:-1px
}
.btnHamburger .btnHamburgerInner>*:nth-child(3) {
    bottom:0;
    transition-property:bottom,transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0.3s,0s
}
.btnHamburger .btnHamburgerText {
    display:block;
    margin-left:1rem;
    font-size:1.36rem;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.btnHamburger.active .btnHamburgerInner>*:nth-child(1) {
    top:50%;
    margin-top:-1px;
    transform:rotate(-45deg);
    transition-property:top,transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s,0.3s
}
.btnHamburger.active .btnHamburgerInner>*:nth-child(2) {
    opacity:0;
    transition-property:opacity;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s
}
.btnHamburger.active .btnHamburgerInner>*:nth-child(3) {
    bottom:50%;
    margin-bottom:-1px;
    transform:rotate(45deg);
    transition-property:bottom,transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s,0.3s
}
.btnTheme {
    text-align:center;
    border-radius:10rem;
    padding:0.7rem 2rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    font-size:1.496rem;
    color:#fff;
    background-color:#E6AF2E;
    display:inline-block;
    border:0
}
.btnTheme:hover {
    color:#fff;
    background-color:#E6AF2E;
    color: #282F44;
}
.btnTheme.typeB {
    background-color:#282F44;
    color:#fff
}
.btnTheme.typeB:hover {
    color:#fff;
    background-color:#1d2b98
}
.btnThemePlay {
    padding:0;
    margin:0;
    border:0;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.btnThemePlay span.isIcon {
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:5.5rem;
    height:5.5rem;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:rgba(21,31,109,0.6);
    border-radius:100%;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.btnThemePlay span.isIcon img {
    display:block;
    height:2.3rem;
    width:auto;
    max-width:100%;
    max-height:100%;
    transform:translateX(0.2rem)
}
.btnThemePlay span.isText {
    display:block;
    margin-left:1rem;
    color:#282F44;
    font-size:1.292rem
}
.btnThemePlay:hover span.isIcon {
    background-color:#282F44
}
@keyframes spinner {
    from {
        transform:rotate(0deg)
    }
    to {
        transform:rotate(360deg)
    }
}
[data-crop] {
    position:relative;
    overflow:hidden
}
[data-crop]:not(.croped):before,[data-crop]:not(.croped):after {
    position:absolute;
    left:50%;
    top:50%
}
[data-crop]:not(.croped):before {
    content:'';
    display:block;
    width:24px;
    height:24px;
    margin-left:-12px;
    margin-top:-12px;
    border-radius:100%;
    background-color:rgba(190,190,190,0.8)
}
[data-crop]:not(.croped):after {
    content:'';
    display:block;
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
    border-radius:100%;
    border:2px solid rgba(255,255,255,0.3);
    border-top:2px solid rgba(255,255,255,0.8);
    animation:spinner 0.5s infinite
}
[data-crop]:not(.croped) img {
    opacity:0
}
[data-crop] img {
    transition-property:opacity;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s;
    max-width:none !important;
    max-height:none !important;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:100% !important;
    width:auto !important
}
[data-crop].focusX img {
    height:auto !important;
    width:100% !important
}
[data-crop][data-crop-reverse='true'] img {
    height:auto !important;
    width:100% !important
}
[data-crop][data-crop-reverse='true'].focusX img {
    height:100% !important;
    width:auto !important
}
[data-crop='16by9'] {
    padding-bottom:56.25%
}
[data-crop='16by5'] {
    padding-bottom:31.25%
}
[data-crop='4by3'] {
    padding-bottom:75%
}
[data-crop='1by1'] {
    padding-bottom:100%
}
[data-crop='thumbnail-article-lg'] {
    padding-bottom:56.69291%
}
[data-crop='thumbnail-article'] {
    padding-bottom:80.32787%
}
[data-crop='subhighlight-slider'] {
    padding-bottom:51.11111%
}
[data-crop='subhighlight-slider-mobile'] {
    padding-bottom:101.90217%
}
[data-crop='service-float-icon'] {
    padding-bottom:26.77165%
}
[data-crop='hl-simple-slider'] {
    padding-bottom:84%
}
@media (min-width: 576px) {
    [data-crop='hl-simple-slider'] {
        padding-bottom:36.11111%
    }
}
[data-crop='hl-msg-slider'] {
    padding-bottom:151.2%
}
@media (min-width: 576px) {
    [data-crop='hl-msg-slider'] {
        padding-bottom:22%
    }
}
[data-crop='hl-msg2-slider'] {
    padding-bottom:151.2%
}
@media (min-width: 576px) {
    [data-crop='hl-msg2-slider'] {
        padding-bottom:46.52778%
    }
}
.form-control-floatText {
    position:relative;
    display:block
}
.form-control-floatText>.label-control {
    font-weight:normal;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:12px;
    color:#919191;
    z-index:2
}
.form-control-floatText>.form-control {
    position:relative;
    z-index:1
}
.form-control-floatText.focus>.label-control,.form-control-floatText.filled>.label-control {
    left:0;
    top:-8px;
    font-size:0.7em
}
.formTheme .row {
    margin-left:-1rem;
    margin-right:-1rem
}
.formTheme .row>* {
    padding-left:1rem;
    padding-right:1rem
}
.formTheme .formLabel {
    font-size:1.768rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    color:#282F44;
    margin-bottom:0.5rem
}
.formTheme .formGroup {

    margin-bottom:2rem
}
.formTheme .formGroup.isBtn {
    text-align:center
}
.formTheme .btnTheme {
    min-width:13.6rem
}
.formTheme .formControl {
    font-size:1.496rem;
    background-color:#fff;
    color:#4c4c4c;
    border:1px solid #707070;
    border-radius:0.4rem;
    padding:1.3rem 1.5rem;
    display:block;
    width:100%;
    color:#282F44;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.formTheme .formControl:focus {
    border-color:#282F44;
    box-shadow:0 0 1rem rgba(21,31,109,0.5);
    outline:0
}
.formTheme textarea.formControl {
    min-height:16rem
}
.formTheme .formSelectWrap .bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
    width:100%
}
.formTheme .formSelectWrap .bootstrap-select .dropdown-toggle {
    padding:1.3rem 1.5rem;
    display:-ms-flexbox;
    display:flex;
    font-size:1.496rem;
    color:#4c4c4c;
    background-color:#fff;
    border-radius:0.4rem;
    border:1px solid #707070
}
.formTheme .formSelectWrap .bootstrap-select .dropdown-toggle:after {
    display:block
}
.formTheme .formSelectWrap .bootstrap-select .dropdown-toggle .filter-option {
    display:block;
    width:100%
}
.formTheme .formSelectWrap .bootstrap-select .dropdown-toggle:focus {
    border-color:#282F44;
    box-shadow:0 0 1rem rgba(21,31,109,0.5);
    outline:0 !important
}
.formTheme .formSelectWrap .dropdown-menu {
    border:1px solid #282F44;
    font-size:1.496rem;
    color:#4c4c4c
}
.formTheme .formSelectWrap .dropdown-item {
    padding:1rem 1.5rem
}
.formTheme .formSelectWrap .dropdown-item:hover {
    background-color:rgba(21,31,109,0.1)
}
.formTheme .formSelectWrap .dropdown-item.selected {
    background-color:#282F44;
    color:#fff
}
.formTheme .formCheckbox {
    display:-ms-flexbox;
    display:flex
}
.formTheme .formCheckbox .isIcon {
    width:2.4rem;
    height:2.4rem;
    margin-right:1.2rem;
    position:relative;
    border-radius:0.4rem;
    border:1px solid #707070
}
.formTheme .formCheckbox .isIcon:after {
    content:'';
    display:block;
    position:absolute;
    left:0.4rem;
    top:0.4rem;
    right:0.4rem;
    bottom:0.4rem;
    margin:auto;
    border-radius:0.2rem;
    background-color:#E6AF2E;
    opacity:0;
    transform:scale(0);
    transition-property:all;
    transition-duration:.2s;
    transition-timing-function:ease;
    transition-delay:0
}
.formTheme .formCheckbox .isTextLink {
    padding-top:0.4rem;
    margin-left:1rem
}
.formTheme .formCheckbox .isTextLink a {
    color:#282F44;
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.formTheme .formCheckbox .isTextLink a:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.formTheme .formCheckbox .isTextLink a:hover:after {
    width:100%
}
.formTheme .formCheckbox.isRound .isIcon {
    border-radius:100%
}
.formTheme .formCheckbox.isRound .isIcon:after {
    border-radius:100%
}
.formTheme .formCheckbox.isCheckbox .isIcon {
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.formTheme .formCheckbox.isCheckbox .isIcon:after {
    display:none
}
.formTheme .formCheckbox.isCheckbox .isIcon:before {
    content:'';
    display:block;
    background-image:url("../img/icon-checked.svg");
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center;
    width:1.6rem;
    height:1.2rem;
    opacity:0;
    transform:scale(2);
    transition-property:all;
    transition-duration:.2s;
    transition-timing-function:ease;
    transition-delay:0
}
.formTheme .formCheckboxInner {
    display:-ms-flexbox;
    display:flex;
    padding-top:0.4rem;
    cursor:pointer
}
.formTheme .formCheckboxInner input {
    display:none
}
.formTheme .formCheckboxInner input:checked ~ .isIcon:after,.formTheme .formCheckboxInner input:checked ~ .isIcon:before {
    opacity:1;
    transform:scale(1)
}
.formTheme .fromControlWrap.hasFloatIcon {
    position:relative
}
.formTheme .fromControlWrap.hasFloatIcon .formControl {
    padding-right:6.2rem
}
.formTheme .fromControlWrap.hasFloatIcon img {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:1.5rem;
    display:block;
    width:3.2rem;
    height:auto;
    pointer-events:none
}
.formTheme [data-provide='datepicker'] {
    cursor:pointer
}
.formTheme .fromFileWrap input {
    display:none
}
.formTheme .fromFileWrap .isIcon {
    color:#E6AF2E;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:3.6rem;
    border-radius:10rem;
    padding-left:3rem;
    padding-right:3rem;
    border:1px solid #E6AF2E;
    background-color:#fff;
    margin-right:2rem
}
.formTheme .fromFileInner {
    cursor:pointer;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
:root {
    font-size:10px
}
@media (max-width: 575px) {
    :root {
        font-size:2.67vw
    }
}
html {
    height:100%
}
body {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
    min-height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-top:7rem;
    font-size:1.496rem;
    color:#4c4c4c;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.container {
    padding-left:1.5rem;
    padding-right:1.5rem
}
.row {
    margin-left:-1.5rem;
    margin-right:-1.5rem
}
.row>* {
    padding-left:1.5rem;
    padding-right:1.5rem
}
h1 {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:4.08rem
}
h2 {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:3.264rem
}
h3 {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:2.584rem
}
h4 {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:2.448rem
}
h5 {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:1.496em
}
a,button {
    transition-property:color,background;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    outline:none !important
}
a:hover,button:hover {
    text-decoration:none
}
.displayInlineBlocks>* {
    display:inline-block
}
figure {
    margin:0
}
figure img {
    max-width:100%;
    height:auto
}
.section {
    padding-top:3rem;
    padding-bottom:3rem;
    z-index:1
}
@media (min-width: 992px) {
    .section.hasIconTheme {
        padding-bottom:11rem;
        position:relative;
        overflow:hidden
    }
    .section.hasIconTheme:after {
        content:'';
        display:block;
        background-image:url(../img/icon-section-head.svg);
        background-size:100% 100%;
        background-repeat:no-repeat;
        width:46rem;
        height:46rem;
        position:absolute;
        right:-9.5rem;
        bottom:-26.8rem
    }
}
.section.hasBgOverlay,.section.hasBgParallax {
    position:relative;
    overflow:hidden
}
.section.hasBgOverlay .container,.section.hasBgParallax .container {
    position:relative;
    z-index:1
}
.section.hasBgOverlay .bgOverlay {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    width:100%;
    height:100%;
    opacity:0
}
.section.hasBgBottomFade:after {
    content:'';
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:30%;
    pointer-events:none;
    z-index:0;
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%)
}
a.needIconPlay {
    display:block;
    position:relative
}
a.needIconPlay:after {
    content:'';
    display:block;
    width:5.5rem;
    height:5.5rem;
    background-image:url(../img/icon-play-with-gap.svg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-color:rgba(21,31,109,0.6);
    border-radius:100%;
    pointer-events:none;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
a.needIconPlay:hover:after {
    background-color:#282F44
}
.linkTheme a {
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    position:relative;
    padding-top:0.6rem;
    padding-bottom:0.6rem;
    padding-left:0.4rem;
    padding-right:1.35rem
}
.linkTheme a:before {
    content:'';
    width:2.7rem;
    height:2.7rem;
    display:block;
    position:absolute;
    top:0.6rem;
    left:0.4rem;
    right:calc(100% - 2.7rem);
    border-radius:100%;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    z-index:0
}
.linkTheme a:after {
    content:'';
    position:absolute;
    top:0.6rem;
    bottom:0.6rem;
    left:1.35rem;
    right:1.35rem;
    z-index:0;
    background-color:#E6AF2E;
    width:0;
    transition-property:width;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    z-index:0
}
.linkTheme a:hover:before {
    left:auto;
    right:0
}
.linkTheme a:hover:after {
    width:calc(100% - 2.4rem)
}
.linkTheme a:hover span.isText {
    color:#fff
}
.linkTheme a:hover span.isIcon img {
    transform:translateX(0.5rem)
}
.linkTheme span.isIcon {
    position:relative;
    z-index:1;
    background-color:#E6AF2E;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    margin-right:1rem;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex:0 0 2.7rem;
    flex:0 0 2.7rem;
    width:2.7rem;
    height:2.7rem;
    border-radius:100%
}
.linkTheme span.isIcon img {
    width:auto;
    height:50%;
    display:block;
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.linkTheme span.isText {
    position:relative;
    z-index:1;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    font-size:1.496rem;
    color:#fff;
    transition-property:color;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.linkTheme.isDark a,.linkTheme.isDark span.isText {
    color:#282F44
}
.linkTheme.isLg span.isText {
    font-size:1.768rem
}
.linkTheme.isLg span.isIcon {
    -ms-flex:0 0 3.2rem;
    flex:0 0 3.2rem;
    width:3.2rem;
    height:3.2rem;
    margin-right:1.5rem
}
.linkTheme.isLg a {
    padding-right:1.6rem
}
.linkTheme.isLg a:before {
    content:'';
    width:3.2rem;
    height:3.2rem;
    right:calc(100% - 3.2rem)
}
.linkTheme.isLg a:after {
    left:1.6rem;
    right:1.6rem
}
.linkTheme.isLg a:hover span.isIcon img {
    transform:translateX(1rem)
}
.linkTheme.isLg a:hover:before {
    right:0
}
.linkTheme.isLg a:hover:after {
    width:calc(100% - 3.2rem)
}
.sectionHeader {
    margin:0 0 0.5rem;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:4.08rem;
    line-height:1.5
}
@media (max-width: 575px) {
    .sectionHeader {
        font-size:3.4rem
    }
}
.sectionHeader .sectionHeaderInner {
    display:inline-block;
    padding-right:4rem;
    padding-top:2rem;
    position:relative
}
.sectionHeader span.isText {
    display:block
}
.sectionHeader span.isSubText {
    font-size:1.632rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
    color:#4c4c4c
}
.sectionHeader span.isIcon {
    position:absolute;
    right:0;
    top:0;
    display:block
}
.sectionHeader span.isIcon img {
    display:block;
    width:3.8rem;
    height:3.8rem
}
.sectionHeader.isSm {
    font-size:2.448rem
}
.sectionHeader.isSm .sectionHeaderInner {
    padding-right:2.4rem;
    padding-top:1.8rem
}
.sectionHeader.isSm span.isIcon img {
    width:2.5rem;
    height:2.5rem
}
.sectionHeaderThemeWrap {
    position:relative;
    z-index:0
}
.sectionHeaderThemeWrap .sectionHeaderTheme {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-32.8rem
}
.sectionHeaderThemeWrap .sectionHeaderTheme img {
    width:148rem;
    height:145rem
}
.dropdownTheme .dropdown-toggle {
    border-radius:0.4rem;
    border-color:#b4b4b4;
    color:#000;
    background-color:#fff;
    height:3.6rem;
    min-width:12rem;
    text-align:left;
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    font-size:1.36rem;
    color:#000
}
.dropdownTheme .dropdown-toggle:after {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:1.5rem
}
.dropdownTheme .dropdown-toggle:focus {
    outline:none;
    box-shadow:none
}
.dropdownTheme .dropdown-menu {
    overflow:hidden;
    border-radius:0.4rem;
    min-width:100%;
    font-size:1.36rem;
    border:1px solid #b4b4b4;
    padding:0;
    box-shadow:0 5px 10px rgba(0,0,0,0.3)
}
.dropdownTheme .dropdown-item {
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    cursor:pointer
}
.dropdownTheme .dropdown-item.active {
    background-color:#f6f6f6 !important;
    color:#000 !important
}
.dropdownTheme .dropdown-item:not(:first-child) {
    border-top:1px solid #b4b4b4
}
.dropdownTheme .dropdown-item:hover {
    background-color:#e4e4e4
}
.btnGoToTop {
    position:fixed;
    right:3rem;
    opacity:0;
    bottom:0;
    visibility:hidden;
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s;
    z-index:10
}
.btnGoToTop .btnGoToTopInner {
    cursor:pointer;
    width:5.5rem;
    height:5.5rem;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:0;
    background-color:#E6AF2E;
    border-radius:100%;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.btnGoToTop .btnGoToTopInner:hover {
    background-color:#282F44;
    transform:scale(1.1);
}
.btnGoToTop img {
    display:block;
    width:45%;
    height:auto
}
.btnGoToTop.active {
    opacity:1;
    bottom:6rem;
    visibility:visible
}
.alertTheme-active .btnGoToTop {
    bottom:13rem
}
.breadcrumbTheme {
    font-size:1.292rem
}
.breadcrumbTheme nav {
    display:-ms-flexbox;
    display:flex
}
.breadcrumbTheme nav>* {
    display:block;
    color:#4c4c4c;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 300;
}
.breadcrumbTheme nav>*:not(:last-child):after {
    content:'>';
    display:inline-block;
    margin-left:0.5em;
    margin-right:0.5em
}
.breadcrumbTheme nav>*:last-child {
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.breadcrumbTheme nav a span {
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.breadcrumbTheme nav a span:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.breadcrumbTheme nav a span:hover:after {
    width:100%
}
.breadcrumbTheme.isLight nav>* {
    color:#fff
}
.sectionDropdown .dropdown {
    width:100%
}
.sectionDropdownInner {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    width:22.5rem
}
.sectionDropdownTitle {
    font-size:1.36rem;
    display:-ms-flexbox;
    display:flex;
    margin-right:0.5rem;
    white-space:nowrap;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.section-map-image {
    padding:0;
}
.mapImage {
    height:47.2rem;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover
}
.datepicker {
    font-size:1.2rem
}
.bgParallaxScroll {
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:end;
    align-items:flex-end
}
.bgParallaxScroll .bgParallaxScrollInner {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    height:200%;
    background-size:cover;
    background-position:50% 50%
}
.alertTheme {
    position:fixed;
    left:0;
    right:0;
    bottom:-30rem;
    z-index:999;
    background-color:#000;
    color:#fff;
    padding:1.8rem 2rem;
    text-align:center;
    font-size:1.768rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.alertTheme.isFail {
    background-color:#E6AF2E
}
.alertTheme.isSuccess {
    background-color:#282F44
}
.alertTheme.active {
    bottom:0
}
.headerWrap {
    background-color:#fff;
    position:fixed;
    left:0;
    top:0;
    right:0;
    z-index:1000
}
.header {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    height:7rem;
    transition-property:height;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.headerBrand {
    margin-right:4rem
}
.headerBrand img {
    height:5rem;
    width:auto;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.headerBrand:hover img {
    transform:scale(1.2, 1.2)
}
@media (min-width: 1200px) {
    .headerMainNav {
        padding:0;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (max-width: 1199px) {
    .headerMainNav {
        border-top:1px solid #282F44;
        padding:1rem 2rem 2rem;
        z-index:998;
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        top:7rem;
        overflow:auto;
        background-color:#fff;
        transition-property:all;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s;
        visibility:hidden;
        opacity:0;
        transform:translateY(2rem) scale(1.2);
        transform-origin:50% 0
    }
}
.headerMainNavItems {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    padding:0;
    font-size:2.04rem
}
@media (min-width: 1200px) {
    .headerMainNavItems {
        font-size:1.4518rem;
        display:-ms-flexbox;
        display:flex
    }
}
@media (max-width: 1199px) {
    .headerMainNavItem {
        padding-bottom:0.5rem;
    }
}
@media (min-width: 1200px) {
    .headerMainNavItem:not(:last-child) {
        margin-right:4rem
    }
}
.headerMainNavItem a {
    padding:0;
    color:#282F44;
    text-transform:uppercase;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width: 1200px) {
    .headerMainNavItem a {
        height:7rem
    }
}
@media (max-width: 1199px) {
    .headerMainNavItem a {
        margin-bottom:1rem
    }
}
.headerMainNavItem a>span {
    padding:0.5rem 0;
    position:relative
}
.headerMainNavItem a>span span.isDecor {
    bottom:0;
    left:0;
    right:0;
    position:absolute;
    width:0;
    opacity:0;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.headerMainNavItem a>span span.isDecor>span:before,.headerMainNavItem a>span span.isDecor:before,.headerMainNavItem a>span span.isDecor:after {
    content:'';
    display:block;
    height:0.5rem;
    width:80%;
    background-color:#E6AF2E;
    border-radius:0.5rem;
    position:relative;
    z-index:0
}
.headerMainNavItem a>span span.isDecor:after {
    position:absolute;
    z-index:1;
    right:0;
    top:0;
    background-color:#ECECEC;
    width:30%
}
.headerMainNavItem a>span span.isDecor>span:before {
    position:absolute;
    z-index:2;
    right:15%;
    bottom:0;
    width:15%;
    background-color:#F5D061
}
.headerMainNavItem a[data-toggle='collapse'] {
    position:relative
}
@media (min-width: 1200px) {
    .headerMainNavItem a[data-toggle='collapse'] {
        display:none
    }
}
@media (max-width: 1199px) {
    .headerMainNavItem a[data-toggle='collapse']:after {
        content:'';
        width:1.05rem;
        height:0.525rem;
        display:block;
        background-image:url(../img/icon-triangle.svg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        background-position:50% 50%;
        margin-left:1rem;
        position:absolute;
        right:0;
        top:1.4rem;
        transition-property:transform;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s
    }
}
.headerMainNavItem a[data-toggle='collapse'][aria-expanded='true']:after {
    transform:rotate(180deg)
}
.headerMainNavItem a[data-toggle='headerNavigationDropdown'] {
    position:relative
}
@media (min-width: 1200px) {
    .headerMainNavItem a[data-toggle='headerNavigationDropdown']:after {
        content:'';
        width:0.7rem;
        height:0.35rem;
        display:block;
        background-image:url(../img/icon-triangle.svg);
        background-repeat:no-repeat;
        background-size:100% 100%;
        background-position:50% 50%;
        margin-left:1rem
    }
}
@media (max-width: 1199px) {
    .headerMainNavItem a[data-toggle='headerNavigationDropdown'] {
        display:none
    }
}
.headerMainNavItem a:hover>span span.isDecor {
    width:100%;
    opacity:1
}
.headerMainNavItem a.hdnd_nav {
    color:#4c4c4c
}
.headerMainNavItem.active a>span span.isDecor {
    width:100%;
    opacity:1
}
.headerMainNavItem.fontReg {
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 300;
}
@media (min-width: 1200px) {
    .headerToggleMainNav {
        display:none
    }
}
.mainNavigationOpen body {
    overflow:hidden
}
.mainNavigationOpen .headerMainNav {
    visibility:visible;
    opacity:1;
    transform:translateY(0) scale(1)
}
html.headerCompact .headerWrap {
    box-shadow:0 3px 5px rgba(0,0,0,0.15)
}
html.headerCompact .headerMainNavItem a,html.headerCompact .header {
    height:4rem
}
html.headerCompact .headerBrand img {
    height:3rem
}
.headerNavigationDropdown {
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background-color:#282F44;
    color:#fff;
    font-size:1.496rem;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    opacity:0;
    visibility:hidden;
    transform:translateY(2rem)
}
@media (max-width: 1199px) {
    .headerNavigationDropdown {
        display:none
    }
}
.headerNavigationDropdown a {
    color:#fff
}
.headerNavigationDropdown a span {
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.headerNavigationDropdown a span:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.headerNavigationDropdown a span:hover:after {
    width:100%
}
.headerNavigationDropdown.active {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.headerNavigationDropdownInner {
    display:-ms-flexbox;
    display:flex;
    padding:3rem 0 1rem
}
.hdnd_title {
    width:20rem;
    font-size:2.448rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    white-space:nowrap;
    padding-right:6rem
}
@media (max-width: 1199px) {
    .hdnd_title {
        display:none
    }
}
@media (min-width: 1200px) {
    .hdnd_navWrap {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:100%
    }
}
.hdnd_navs {
    margin-bottom:2rem;
    padding:0.5rem 2rem 0
}
@media (min-width: 1200px) {
    .hdnd_navs {
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
}
.hdnd_nav {
    display:block;
    margin-bottom:0.5rem;
    padding-left:1rem
}
@media (max-width: 1199px) {
    .hdnd_nav {
        font-size:0.8em;
        font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
        color:#4c4c4c
    }
}
.hdnd_nav.isTitle {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    margin-bottom:1rem;
    padding-left:0
}
@media (min-width: 1200px) {
    .hdnd_nav.isTitle {
        font-size:1.768rem
    }
}
@media (max-width: 1199px) {
    .hdnd_nav>span {
        padding-top:0 !important;
        padding-bottom:0 !important
    }
}
.footerWrap {
    padding:0;
    position:relative;
    background-color:#282F44;
    color:#fff;
    z-index:0;
}
.footerWrap.showTheme {
    margin-top:20rem
}
.footerWrap.showTheme .footerTheme {
    display:block;
    z-index:-1;
    position:absolute;
    bottom:100%;
    left:0;
    right:0;
    margin-bottom:-2px
}
.footerWrap.showTheme .footerTheme img {
    display:block;
    width:100%;
    height:auto;
    position:relative;
    z-index:0
}
.footerWrap.showTheme .footerTheme img+img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:1;
    height:100%
}
.footerInner {
    padding:5rem 0 0
}
@media (max-width: 575px) {
    .footerInner {
        padding-top:2rem
    }
}
.footerTheme {
    display:none
}
@media (min-width: 992px) {
    .footerInner {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.footerMainNav {
    width:100%
}
@media (max-width: 575px) {
    .footerMainNav {
        margin-bottom:3rem
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .footerMainNavInner {
        margin-left:-1rem;
        margin-right:-1rem
    }
}
@media (min-width: 576px) {
    .footerMainNavInner {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media (min-width: 1200px) {
    .footerMainNavInner {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        padding-right:7rem
    }
}
@media (min-width: 576px) {
    .footerMainNavItemsWrap {
        margin-bottom:4rem
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .footerMainNavItemsWrap {
        padding-left:1rem;
        padding-right:1rem;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
}
@media (min-width: 768px) {
    .footerMainNavItemsWrap {
        padding-right:3rem
    }
}
@media (max-width: 575px) {
    .footerMainNavItemsWrap {
        border-bottom:1px solid #9391ad
    }
}
.footerMainNavItemsWrap.isStretch {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footerMainNavTitle,.footerAddressHeader {
    white-space:nowrap;
    font-size:1.768rem;
    margin-bottom:1rem;
    color:#fff;
    position:relative;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
@media (max-width: 575px) {
    .footerMainNavTitle,.footerAddressHeader {
        margin-bottom:0
    }
}
.footerMainNavTitle a,.footerAddressHeader a {
    color:#fff;
    padding-top:1rem;
    padding-bottom:1rem
}
@media (max-width: 575px) {
    .footerMainNavTitle a,.footerAddressHeader a {
        padding-top:0.6rem;
        padding-bottom:0.6rem;
        display:block
    }
}
@media (min-width: 576px) {
    .footerMainNavTitle a,.footerAddressHeader a {
        padding-top:0;
        padding-bottom:0.5rem
    }
}
@media (min-width: 576px) {
    .footerMainNavTitle a:not([data-toggle='collapse']),.footerAddressHeader a:not([data-toggle='collapse']) {
        display:inline-block;
        position:relative;
        padding-bottom:0.2rem
    }
    .footerMainNavTitle a:not([data-toggle='collapse']):after,.footerAddressHeader a:not([data-toggle='collapse']):after {
        content:'';
        display:block;
        height:2px;
        position:absolute;
        bottom:0;
        left:0;
        width:0;
        background-color:#E6AF2E;
        transition-property:all;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s
    }
    .footerMainNavTitle a:not([data-toggle='collapse']):hover:after,.footerAddressHeader a:not([data-toggle='collapse']):hover:after {
        width:100%
    }
}
.footerMainNavTitle a[data-toggle='collapse'],.footerAddressHeader a[data-toggle='collapse'] {
    position:absolute;
    left:0;
    top:0;
    right:0
}
@media (min-width: 576px) {
    .footerMainNavTitle a[data-toggle='collapse'],.footerAddressHeader a[data-toggle='collapse'] {
        visibility:hidden
    }
}
.footerMainNavTitle a[data-toggle='collapse'] span,.footerAddressHeader a[data-toggle='collapse'] span {
    opacity:0
}
.footerMainNavTitle a[data-toggle='collapse']:after,.footerAddressHeader a[data-toggle='collapse']:after {
    content:'';
    display:block;
    width:2rem;
    height:2rem;
    background-image:url(../img/icon-chevron-down.svg);
    background-size:100% 100%;
    background-repeat:no-repeat;
    right:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.footerMainNavTitle a[data-toggle='collapse'][aria-expanded='true']:after,.footerAddressHeader a[data-toggle='collapse'][aria-expanded='true']:after {
    transform:translateY(-50%) rotate(180deg)
}
@media (max-width: 575px) {
    .footerMainNavTitle.hasNotCollapse a:not([data-toggle='collapse']),.footerAddressHeader.hasNotCollapse a:not([data-toggle='collapse']) {
        display:block
    }
}
@media (max-width: 575px) {
    .footerMainNavTitle.hasNotCollapse:not(:last-child),.footerAddressHeader.hasNotCollapse:not(:last-child) {
        border-bottom:1px solid #9391ad
    }
}
.footerMainNavItems {
    font-size:1.496rem
}
.footerMainNavItems ul {
    list-style:none;
    padding:0;
    margin:0
}
@media (max-width: 575px) {
    .footerMainNavItems ul {
        padding-bottom:2rem
    }
}
.footerMainNavItems ul a {
    color:#fff;
    opacity:0.7;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.footerMainNavItems ul a:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.footerMainNavItems ul a:hover:after {
    width:100%
}
.footerMainNavItems ul a:hover {
    opacity:1
}
@media (min-width: 576px) {
    .footerMainNavItems.collapse {
        display:block
    }
}
.footerSocialItems {
    display:-ms-flexbox;
    display:flex;
    margin-left:-0.5rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.footerSocialItems .footerSocialItem {
    padding-left:0.5rem;
    padding-right:0.5rem
}
.footerSocialItems a {
    display:block;
    padding-left:0.5rem;
    padding-right:0.5rem;
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.footerSocialItems a:hover {
    transform:scale(1.2)
}
.footerSocialItems img {
    height:2.2rem;
    width:auto
}
.footerAddress {
    font-size:1.496rem;
    color:rgba(255,255,255,0.7);
    margin-bottom:4rem
}
@media (min-width: 992px) {
    .footerAddress {
        -ms-flex:0 0 27.4rem;
        flex:0 0 27.4rem;
        max-width:27.4rem
    }
}
.footerAddress address {
    margin-bottom:2.5rem
}
.footerAddress ul {
    list-style:none;
    padding:0;
    margin:0 0 4rem
}
.footerAddress ul a {
    color:#fff;
    opacity:0.7;
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.footerAddress ul a:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.footerAddress ul a:hover:after {
    width:100%
}
.footerAddress ul a:hover {
    opacity:1
}
.footerCopyRightInner {
    font-size:1.292rem;
    border-top:1px solid rgba(255,255,255,0.5);
    padding:1.5rem 0
}
@media (min-width: 768px) {
    .footerCopyRightInner {
        display:-ms-flexbox;
        display:flex
    }
}
.footerCopyRightInner>*:last-child {
    margin-right:auto;
    margin-top:1rem
}
@media (min-width: 768px) {
    .footerCopyRightInner>*:last-child {
        margin-top:0
    }
}
html.page-home .footerWrap {
    margin-top:0rem
}
html.page-home .footerTheme {
    display:block;
    z-index:-1;
    position:absolute;
    bottom:100%;
    left:0;
    right:0;
    margin-bottom:-2px
}
html.page-home .footerTheme img {
    display:block;
    width:100%;
    height:auto;
    position:relative;
    z-index:0
}
html.page-home .footerTheme img+img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:1;
    height:100%
}
.slick-slider {
    position:relative
}
.slick-slider.dotsDrak .slick-dots li button {
    border-color:#4c4c4c
}
.slick-slider.dotsPrimaryColor .slick-dots li {
    width:1.6rem;
    height:1.6rem;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.slick-slider.dotsPrimaryColor .slick-dots li button {
    background-color:#fff;
    box-shadow:0 3px 3px rgba(0,0,0,0.3);
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.slick-slider.dotsPrimaryColor .slick-dots li.slick-active button {
    background-color:#282F44;
    border-color:#282F44;
    width:1.6rem;
    height:1.6rem
}
.slick-slider:not(.slick-vertical) .slick-track {
    display:-ms-flexbox;
    display:flex
}
.slick-list {
    overflow:hidden;
    position:relative;
    z-index:0
}
.slick-slide:focus {
    outline:none !important
}
.slick-dots {
    list-style:none;
    padding:0;
    margin:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:2rem;
    z-index:1
}
.slick-dots li {
    display:block;
    margin-left:0.5rem;
    margin-right:0.5rem
}
.slick-dots li button {
    border-radius:100%;
    width:0.8rem;
    height:0.8rem;
    border:1px solid #fff;
    font-size:0;
    padding:0;
    display:block;
    background-color:transparent;
    cursor:pointer;
    transition-property:background;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s
}
.slick-dots li.slick-active button {
    background-color:#fff
}
.modalTheme .modal-dialog {
    margin:auto;
    padding:3rem 1.5rem
}
.modalTheme .modal-dialog.modal-xl {
    max-width:105.1rem
}
.modalTheme .modal-dialog.modal-dialog-centered {
    min-height:100%
}
.modalTheme .modal-image {
    margin:-1rem;
    text-align:center
}
.modalTheme .modal-image figure {
    display:none
}
@media (min-width: 576px) {
    .modalTheme .modal-image figure.isDesktop {
        display:block
    }
}
@media (max-width: 575px) {
    .modalTheme .modal-image figure.isMobile {
        display:block
    }
}
.modalTheme .modal-image figure img {
    display:block;
    width:100%;
    height:auto
}
.modalTheme .modal-btn-close {
    margin-bottom:0.5rem;
    position:absolute;
    right:0;
    bottom:100%;
    color:#fff;
    font-size:0
}
.modalTheme .modal-btn-close a,.modalTheme .modal-btn-close button {
    cursor:pointer;
    border:0;
    text-decoration:none;
    padding:0;
    background:none;
    color:#fff;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center
}
.modalTheme .modal-btn-close a span.isText,.modalTheme .modal-btn-close button span.isText {
    font-size:1.632rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
    margin-right:1rem;
    display:block
}
.modalTheme .modal-btn-close a span.isIcon,.modalTheme .modal-btn-close button span.isIcon {
    display:block;
    transform-origin:right 50%
}
.modalTheme .modal-btn-close a span.isIcon img,.modalTheme .modal-btn-close button span.isIcon img {
    display:block;
    width:1.3rem;
    height:1.3rem;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.modalTheme .modal-btn-close a:hover span.isIcon img,.modalTheme .modal-btn-close button:hover span.isIcon img {
    display:block;
    width:2rem;
    height:2rem
}
.modalTheme .modal-buttons {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:3rem;
    display:-ms-flexbox;
    display:flex
}
.modalTheme .modal-button {
    display:-ms-flexbox;
    display:flex;
    padding-right:4rem;
    padding-left:4rem
}
@media (max-width: 575px) {
    .modalTheme .modal-button {
        padding-right:1.4rem;
        padding-left:1.4rem
    }
}
.modalTheme .modal-button:not(:last-child) {
    position:relative
}
.modalTheme .modal-button:not(:last-child):after {
    content:'';
    display:block;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:1px;
    background-color:#707070
}
.modalTheme .btnTheme {
    min-width:14rem
}
[data-toggle='fadeInScrolling'] {
    transform:translateY(10rem);
    opacity:0
}
.sectionHeader span.isIcon[data-toggle='fadeInScrolling'] {
    transform:translate(-2rem, 1rem) scale(0)
}
.section-subhighlight {
    padding:0
}
@media (min-width: 992px) {
    .section-subhighlight .sectionInner {
        display:-ms-flexbox;
        display:flex
    }
}
@media (min-width: 992px) {
    .section-subhighlight .sectionInner>* {
        max-width:50%;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
}
.subhighlight-intro {
    color:#fff
}
@media (min-width: 992px) {
    .subhighlight-intro {
        -ms-flex-order:1;
        order:1
    }
}
.subhighlight-intro .subhighlight-intro-keepRatio {
    padding-bottom:51.11111%;
    position:relative
}
@media (max-width: 575px) {
    .subhighlight-intro .subhighlight-intro-keepRatio {
        padding-bottom:101.90217%
    }
}
.subhighlight-intro .subhighlightInner {
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%
}
.subhighlight-intro .subhighlightBg {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:0;
    display:none
}
@media (min-width: 576px) {
    .subhighlight-intro .subhighlightBg.isDesktop {
        display:block
    }
}
@media (max-width: 575px) {
    .subhighlight-intro .subhighlightBg.isMobile {
        display:block
    }
}
.subhighlight-intro .subhighlight-intro-message {
    position:relative;
    z-index:1;
    padding:2rem;
    width:70%;
    margin:auto
}
@media (max-width: 575px) {
    .subhighlight-intro .subhighlight-intro-message {
        width:100%;
        padding-left:1.5rem;
        padding-right:1.5rem
    }
}
.subhighlight-intro-title>* {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    font-weight:normal;
    font-size:2.584rem
}
@media (max-width: 575px) {
    .subhighlight-intro-title>* {
        font-size:2.312rem
    }
}
.subhighlight-intro-desc {
    font-size:1.496rem;
    max-height:100%;
    margin-bottom:2rem
}
@media (min-width: 992px) {
    .subhighlight-slider {
        -ms-flex-order:2;
        order:2
    }
}
.subhighlight-slider-item figure.image {
    display:none
}
.subhighlight-slider-item figure.image img {
    display:block;
    width:100%
}
@media (min-width: 576px) {
    .subhighlight-slider-item figure.image.isDesktop {
        display:block
    }
}
@media (max-width: 575px) {
    .subhighlight-slider-item figure.image.isMobile {
        display:block
    }
}
.thumbnailTheme {
    font-size:1.768rem;
    margin-bottom:3rem
}
.thumbnailTheme .image {
    margin-bottom:2rem
}
.thumbnailTheme .image img {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.thumbnailTheme .titleText {
    margin-bottom:0.5rem;
    font-size:1.768rem;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    max-height:2.5rem;
    overflow:hidden
}
.thumbnailTheme a:hover .image img {
    transform:scale(1.1)
}
.thumbnailTheme.isAboutMisstion img {
    height:8rem
}
.section-navigationPinnable {
    padding:0;
    z-index:999
}
.section-navigationPinnable .scrollmagic-pin-spacer {
    transition-property:height;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-navigationPinnable.offset-VkWEtQ1et {
    position:relative;
    top:-10rem
}
.navigationPinnableOverflow {
    overflow-x:auto;
    overflow-y:hidden;
    background-color:#f7f7f7
}
.navigationPinnableInner {
    margin-left:3rem;
    margin-right:3rem;
    display:-ms-inline-flexbox;
    display:inline-flex;
    position:relative;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
@media (max-width: 575px) {
    .navigationPinnableInner {
        margin-left:1.5rem;
        margin-right:1.5rem
    }
}
.navigationPinnableTitle {
    font-size:2.448rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    color:#282F44;
    opacity:0;
    visibility:hidden;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-20%
}
@media (max-width: 575px) {
    .navigationPinnableTitle {
        font-size:1.768rem
    }
}
.navigationPinnable {
    z-index:999;
    text-align:center;
    position:relative;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.navigationPinnable:after {
    pointer-events:none;
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:0.3rem;
    background-color:#E6AF2E;
    z-index:0;
    transition-property:width;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    width:0
}
.navigationPinnable .mesi_items {
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    margin-left:-3rem;
    margin-right:-3rem
}
@media (max-width: 575px) {
    .navigationPinnable .mesi_items {
        margin-left:-1.5rem;
        margin-right:-1.5rem
    }
}
.navigationPinnable .mesi_item {
    text-align:center;
    padding-left:3rem;
    padding-right:3rem
}
@media (max-width: 575px) {
    .navigationPinnable .mesi_item {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
}
.navigationPinnable .mesi_item[data-pin-spy] {
    cursor:pointer
}
.navigationPinnable .mesi_item a {
    display:block;
    padding-top:2rem;
    padding-bottom:2rem;
    position:relative;
    overflow:hidden;
    min-height:100%
}
.navigationPinnable .mesi_item a .linkLineAppear {
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.navigationPinnable .mesi_item a .linkLineAppear span:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.navigationPinnable .mesi_item a:hover .linkLineAppear span:after {
    width:100%
}
.navigationPinnable .mesi_item a:after {
    content:'';
    display:block;
    width:1.7rem;
    height:0.8rem;
    background-image:url(../img/icon-arrow-product-active.svg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:auto 100%;
    pointer-events:none;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    bottom:-2rem;
    opacity:0
}
.navigationPinnable .mesi_item a:hover .productLabel {
    transform:translateY(1rem)
}
.navigationPinnable .mesi_item.active {
    cursor:default
}
.navigationPinnable .mesi_item.active a {
    cursor:default
}
.navigationPinnable figure.image {
    margin-bottom:1rem
}
@media (max-width: 575px) {
    .navigationPinnable figure.image {
        margin-bottom:0.5rem
    }
}
.navigationPinnable figure.image img {
    transition-property:all;
    transition-duration:.25s;
    transition-timing-function:ease;
    transition-delay:0;
    height:7.5rem;
    width:auto;
    max-width:none;
    max-height:none
}
@media (max-width: 575px) {
    .navigationPinnable figure.image img {
        height:4.3rem
    }
}
.navigationPinnable .titleText {
    line-height:1.4;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    font-size:1.496rem;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    white-space:nowrap
}
@media (max-width: 575px) {
    .navigationPinnable .titleText {
        font-size:1.292rem
    }
}
.navigationPinnable:not(.active) .mesi_item.active .linkLineAppear span:after {
    width:100%
}
.navigationPinnable.active {
    box-shadow:0 2px 2px rgba(0,0,0,0.15)
}
.navigationPinnable.active:after {
    width:100%
}
.navigationPinnable.active .mesi_item a {
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
.navigationPinnable.active .mesi_item.active a:after {
    opacity:1;
    bottom:0
}
.navigationPinnable.active .mesi_item.active a .titleText span:after {
    width:0 !important
}
.navigationPinnable.active .mesi_item figure.image img {
    height:3.8rem
}
.navigationPinnable.active .mesi_item .titleText br {
    display:none
}
@media (max-width: 575px) {
    .navigationPinnable.active .mesi_item:first-child {
        padding-left:0
    }
}
.navigationPinnable.active .navigationPinnableTitle {
    opacity:1;
    visibility:visible;
    left:0
}
.navigationPinnable .productLabel {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    text-align:center
}
.navigationPinnable .productLabel img {
    display:block;
    height:2.2rem;
    width:auto;
    max-width:none;
    max-height:none;
    margin:auto
}
.navigationPinnable.isLg figure.image img {
    height:8.4rem !important
}
.section-product-category-accordion {
    overflow:hidden
}
.section-product-category-accordion .sectionHeader {
    text-align:center;
    margin-bottom:3rem
}
@media (min-width: 992px) {
    .section-product-category-accordion.actLinkTabs {
        border-bottom:0.3rem solid #E6AF2E;
        padding-bottom:0
    }
    .section-product-category-accordion.actLinkTabs .mesi_item {
        position:relative
    }
    .section-product-category-accordion.actLinkTabs .mesi_item:after {
        content:'';
        display:block;
        width:1.7rem;
        height:0.8rem;
        background-image:url(../img/icon-arrow-product-active.svg);
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:auto 100%;
        pointer-events:none;
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        transition-property:all;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s;
        bottom:-2rem;
        opacity:0
    }
    .section-product-category-accordion.actLinkTabs .mesi_item.active:after {
        bottom:-0.2rem;
        opacity:1
    }
}
@media (min-width: 576px) {
    .product-category-accordion .mesi_items {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-left:-1.5rem;
        margin-right:-1.5rem
    }
}
.product-category-accordion .mesi_item {
    padding-bottom:4rem;
    text-align:center
}
@media (min-width: 576px) {
    .product-category-accordion .mesi_item {
        padding-left:1.5rem;
        padding-right:1.5rem;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
}
@media (min-width: 992px) {
    .product-category-accordion .mesi_item {
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
}
.product-category-accordion .mesi_item .mesi_itemInner {
    max-width:25rem;
    margin:auto;
    width:100%;
    height:100%;
    padding:2rem 1.5rem;
    position:relative;
    display:block;
    color:#4c4c4c
}
.product-category-accordion .mesi_item .mesi_itemInner>* {
    position:relative;
    z-index:1
}
.product-category-accordion .mesi_item .mesi_itemInner:before {
    z-index:0;
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:100%;
    border-radius:0.8rem;
    background:linear-gradient(to bottom, rgba(30,87,153,0) 0%, #f7f7f7 100%)
}
@media (min-width: 992px) {
    .product-category-accordion .mesi_item .mesi_itemInner:before {
        transition-property:opacity;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s;
        opacity:0
    }
}
.product-category-accordion .mesi_item .imageWrap {
    position:relative;
    margin-bottom:2rem
}
.product-category-accordion .mesi_item .imageDecor {
    max-width:22.7rem;
    width:100%;
    margin:0 auto;
    transform:translateX(1.6rem)
}
.product-category-accordion .mesi_item .imageDecor img {
    display:block;
    width:100%;
    height:auto
}
@media (min-width: 992px) {
    .product-category-accordion .mesi_item .imageDecor img {
        transition-property:all;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s;
        opacity:0;
        transform:translate(-5rem, 5rem) scale(0)
    }
}
.product-category-accordion .mesi_item .image {
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.product-category-accordion .mesi_item .image img {
    display:block;
    margin:auto;
    height:18.9rem;
    width:auto;
    max-width:none;
    max-height:none
}
.product-category-accordion .mesi_item .imageIconWrap {
    margin-bottom:2rem;
    height:6rem
}
.product-category-accordion .mesi_item .titleText {
    font-size:2.448rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    color:#282F44;
    margin-bottom:1rem
}
@media (min-width: 992px) {
    .product-category-accordion .mesi_item .desc,.product-category-accordion .mesi_item .btnLink {
        transition-property:all;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s;
        opacity:0;
        transform:translateY(5rem)
    }
}
.product-category-accordion .mesi_item .btnLink {
    padding-top:2rem
}
.product-category-accordion .mesi_item.active .mesi_itemInner:before,.product-category-accordion .mesi_item:hover .mesi_itemInner:before {
    opacity:1
}
.product-category-accordion .mesi_item.active .imageDecor img,.product-category-accordion .mesi_item:hover .imageDecor img {
    opacity:1;
    transform:translate(0, 0) scale(1)
}
.product-category-accordion .mesi_item.active .desc,.product-category-accordion .mesi_item:hover .desc {
    opacity:1;
    transform:translateY(0);
    transition-delay:0.2s
}
.product-category-accordion .mesi_item.active .btnLink,.product-category-accordion .mesi_item:hover .btnLink {
    opacity:1;
    transform:translateY(0);
    transition-delay:0.4s
}
.product-category-accordion .mesi_item a {
    color:#4c4c4c
}
.section-product-items-intro {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-color:#282F44;
    color:#fff;
    position:relative;
    overflow:hidden;
    padding:3rem 0 26rem
}
@media (min-width: 992px) {
    .section-product-items-intro {
        padding:8rem 0 18rem
    }
}
.section-product-items-intro .container {
    position:relative;
    z-index:1
}
.section-product-items-intro:after {
    content:'';
    display:block;
    background-image:url(../img/icon-section-head.svg);
    background-size:100% 100%;
    width:44rem;
    height:44rem;
    right:-9.5rem;
    bottom:-20rem;
    position:absolute;
    z-index:0
}
.section-product-items-intro a {
    color:#fff;
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.section-product-items-intro a:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-product-items-intro a:hover:after {
    width:100%
}
.section-product-items-intro .sectionHeader span.isText {
    color:#fff
}
.section-product-items-intro+.section-product-items-slider {
    margin-top:-12.95rem
}
@media (min-width: 576px) {
    .section-product-items-intro+.section-product-items-slider {
        margin-top:-18.5rem
    }
}
.product-items-introHeader {
    margin-bottom:2rem
}
@media (min-width: 992px) {
    .product-items-introHeader {
        display:-ms-flexbox;
        display:flex
    }
}
@media (min-width: 992px) {
    .product-items-introHeader .mediaWrap {
        width:100%;
        padding-right:5rem
    }
}
@media (max-width: 991px) {
    .product-items-introHeader .mediaWrap {
        margin-bottom:2rem
    }
}
@media (min-width: 992px) {
    .product-items-introHeader .captionWrap {
        -ms-flex:0 0 40rem;
        flex:0 0 40rem;
        max-width:40rem
    }
}
.product-items-introHeader .caption {
    padding-top:1rem
}
.product-items-introOverflow {
    position:relative;
    overflow:hidden;
    z-index:0;
    height:42rem
}
@media (min-width: 768px) and (max-width: 991px) {
    .product-items-introOverflow {
        height:60rem
    }
}
.product-items-introOverflowInner {
    padding-right:2rem
}
.iScrollLoneScrollbar {
    background-color:#fff;
    border-radius:10rem;
    width:0.5rem;
    position:absolute;
    z-index:2;
    right:0;
    top:0;
    height:100%
}
.iScrollIndicator {
    background-color:#E6AF2E;
    width:100%;
    border-radius:10rem
}
.section-product-items-slider {
    padding-top:0;
    padding-bottom:0;
    overflow:hidden
}
.section-product-items-slider .mesi_items {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
.section-product-items-slider .mesi_item {
    text-align:center;
    padding-left:3rem;
    padding-right:3rem
}
@media (max-width: 575px) {
    .section-product-items-slider .mesi_item {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
}
.section-product-items-slider .mesi_item a {
    display:block;
    padding-top:2rem;
    padding-bottom:2rem;
    position:relative;
    overflow:hidden;
    min-height:100%
}
.section-product-items-slider .mesi_item a .linkLineAppear {
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.section-product-items-slider .mesi_item a .linkLineAppear span:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-product-items-slider .mesi_item a:hover .linkLineAppear span:after {
    width:100%
}
.section-product-items-slider .mesi_item a:after {
    content:'';
    display:block;
    width:1.7rem;
    height:0.8rem;
    background-image:url(../img/icon-arrow-product-active.svg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:auto 100%;
    pointer-events:none;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    bottom:-2rem;
    opacity:0
}
.section-product-items-slider .mesi_item a .linkLineAppear {
    padding-bottom:0.5rem
}
.section-product-items-slider .mesi_item a:hover .productLabel {
    transform:translateY(1rem)
}
.section-product-items-slider .mesi_item.active {
    cursor:default
}
.section-product-items-slider .mesi_item.active a {
    cursor:default
}
.section-product-items-slider figure.image {
    margin-bottom:1rem
}
@media (max-width: 575px) {
    .section-product-items-slider figure.image {
        margin-bottom:0.5rem
    }
}
.section-product-items-slider figure.image img {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    height:23.8rem;
    width:auto
}
@media (max-width: 575px) {
    .section-product-items-slider figure.image img {
        height:16.66rem
    }
}
.section-product-items-slider .titleText {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    font-size:1.496rem;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    white-space:nowrap
}
@media (max-width: 575px) {
    .section-product-items-slider .titleText {
        font-size:1.292rem
    }
}
.section-product-items-slider .productLabel {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-product-items-slider+.section-navigationPinnable {
    position:relative
}
.section-product-items-slider+.section-navigationPinnable .navigationPinnable {
    width:100%;
    position:absolute;
    left:0;
    top:0
}
.section-product-items-slider+.section-navigationPinnable .navigationPinnable .navigationPinnableOverflow {
    opacity:0;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-product-items-slider+.section-navigationPinnable .navigationPinnable.active .navigationPinnableOverflow {
    opacity:1
}
.section-product-items-detail {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    overflow:hidden;
    padding-bottom:4rem
}
@media (min-width: 576px) {
    .section-product-items-detail {
        padding-top:12rem;
        padding-bottom:12rem;
        background-image:url(../img/product-items/detail-bg.png)
    }
}
@media (min-width: 992px) {
    .product-items-detail {
        display:-ms-flexbox;
        display:flex
    }
}
.product-items-detail .imageWrap {
    padding-top:2rem;
    position:relative
}
@media (min-width: 992px) {
    .product-items-detail .imageWrap {
        -ms-flex:0 0 45%;
        flex:0 0 45%;
        max-width:45%
    }
}
@media (min-width: 1200px) {
    .product-items-detail .imageWrap {
        -ms-flex:0 0 47rem;
        flex:0 0 47rem;
        max-width:47rem
    }
}
@media (max-width: 991px) {
    .product-items-detail .imageWrap {
        padding-bottom:2rem;
        margin-bottom:3rem
    }
}
@media (max-width: 575px) {
    .product-items-detail .imageWrap {
        margin-left:-1.5rem;
        margin-right:-1.5rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        padding-top:12rem;
        padding-bottom:6rem;
        background-image:url(../img/product-items/detail-bg.png)
    }
}
.product-items-detail .imageWrap .imageDecor {
    opacity:0.4;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:0;
    pointer-events:none;
    text-align:center
}
.product-items-detail .imageWrap .imageDecor img {
    width:170rem;
    height:170rem;
    max-width:none;
    max-height:none
}
.product-items-detail .imageWrap figure.image {
    position:relative;
    z-index:1;
    margin-bottom:2rem;
    text-align:center
}
.product-items-detail .imageWrap .buttonModalPlayWrap {
    text-align:center
}
@media (min-width: 992px) {
    .product-items-detail .captionWrap {
        margin-left:2rem;
        max-width:55%;
        -ms-flex:0 0 55%;
        flex:0 0 55%
    }
}
@media (min-width: 1200px) {
    .product-items-detail .captionWrap {
        max-width:50.8rem;
        -ms-flex:0 0 50.8rem;
        flex:0 0 50.8rem
    }
}
.product-items-detailHeader {
    margin-bottom:2rem
}
@media (min-width: 576px) {
    .product-items-detailHeader {
        display:-ms-flexbox;
        display:flex
    }
}
.product-items-detailHeader .sectionHeader {
    margin-bottom:0
}
.product-items-detailHeader figure.isIcon {
    -ms-flex:0 0 10.7rem;
    flex:0 0 10.7rem;
    max-width:10.7rem;
    padding-top:2.5rem;
    margin-right:1rem
}
.product-items-detailHeader .isText {
    width:100%
}
.product-items-detailHeader .desc {
    font-size:1.768rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.product-items-detailBody {
    margin-bottom:4.5rem
}
.product-items-detailBodyOverflow {
    height:30rem;
    position:relative;
    overflow:hidden
}
.product-items-detailBodyOverflowInner {
    padding-right:2rem
}
@media (min-width: 768px) {
    .product-items-detailFooter .mesi_items {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:start;
        justify-content:start;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-left:-1rem;
        margin-right:-1rem
    }
}
.product-items-detailFooter .mesi_item {
    margin-bottom:1rem
}
@media (min-width: 768px) {
    .product-items-detailFooter .mesi_item {
        padding-left:1rem;
        padding-right:1rem
    }
}
.product-items-detailFooter .mesi_item a {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    color:#282F44;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center
}
.product-items-detailFooter .mesi_item a .linkLineAppear {
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.product-items-detailFooter .mesi_item a .linkLineAppear span:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.product-items-detailFooter .mesi_item a:hover .linkLineAppear span:after {
    width:100%
}
.product-items-detailFooter .mesi_item a span.isIcon {
    margin-right:1rem
}
.section-distribution-channel {
    background-color:#27235a;
    color:#fff;
    text-align:center;
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.section-distribution-channel .sectionHeader {
    color:#fff;
    margin-bottom:2rem
}
.section-distribution-channel .sectionDesc {
    font-size:1.768rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    color:#000;
    margin-bottom:3rem
}
.section-distribution-channel a {
    color:#fff
}
.section-distribution-channel.isLight {
    background-color:#fff;
    color:#4c4c4c
}
.section-distribution-channel.isLight .sectionHeader {
    color:#282F44;
    margin-bottom:2rem
}
.section-distribution-channel.isLight a {
    color:#282F44
}
.section-distribution-channel.isLight .distribution-channel-title span:before,.section-distribution-channel.isLight .distribution-channel-title span:after {
    background-color:#969696
}
.section-distribution-channel.isLight.isBgDarker {
    background-color:#f7f7f7
}
.distribution-channel-title {
    margin-bottom:2rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    position:relative;
    overflow:hidden
}
.distribution-channel-title span {
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding-left:1.6rem;
    padding-right:1.6rem;
    position:relative
}
.distribution-channel-title span:before,.distribution-channel-title span:after {
    content:'';
    display:block;
    height:1px;
    width:50vw;
    background-color:#ffffff;
    position:absolute;
    top:50%;
    opacity:0.4
}
.distribution-channel-title span:before {
    right:100%
}
.distribution-channel-title span:after {
    left:100%
}
.distribution-channel-wrap {
    margin-bottom:3rem
}
.distribution-channel-wrap .mesi_items {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-0.6rem;
    margin-right:-0.6rem
}
@media (min-width: 992px) {
    .distribution-channel-wrap .mesi_items {
        -ms-flex-pack:center;
        justify-content:center;
        margin-left:-1rem;
        margin-right:-1rem
    }
}
@media (min-width: 1200px) {
    .distribution-channel-wrap .mesi_items {
        margin-left:-1.6rem;
        margin-right:-1.6rem
    }
}
.distribution-channel-wrap .mesi_item {
    padding-left:0.6rem;
    padding-right:0.6rem;
    margin-bottom:1.2rem
}
@media (min-width: 992px) {
    .distribution-channel-wrap .mesi_item {
        padding-left:1rem;
        padding-right:1rem
    }
}
@media (min-width: 1200px) {
    .distribution-channel-wrap .mesi_item {
        padding-left:1.6rem;
        padding-right:1.6rem
    }
}
.distribution-channel-wrap a {
    display:block;
    background-color:#fff;
    border:1px solid #d9d9d9
}
.distribution-channel-wrap a .image {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.distribution-channel-wrap a:hover .image {
    transform:scale(1.1)
}
.distribution-channel-wrap:not(.flexibleItems) .mesi_item {
    -ms-flex:0 0 33.33333%;
    flex:0 0 33.33333%;
    max-width:33.33333%
}
@media (min-width: 576px) {
    .distribution-channel-wrap:not(.flexibleItems) .mesi_item {
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
}
@media (min-width: 768px) {
    .distribution-channel-wrap:not(.flexibleItems) .mesi_item {
        -ms-flex:0 0 14.28571%;
        flex:0 0 14.28571%;
        max-width:14.28571%
    }
}
@media (min-width: 992px) {
    .distribution-channel-wrap:not(.flexibleItems) .mesi_item {
        -ms-flex:0 0 11.11111%;
        flex:0 0 11.11111%;
        max-width:11.11111%
    }
}
.section-distribution-regional {
    overflow:hidden;
    text-align:center;
    padding-top:3rem;
    padding-bottom:3rem;
    position:relative
}
.section-distribution-regional:after {
    content:'';
    background-image:url(../img/distribution-regional/bg-world-map.svg);
    width:92rem;
    height:48.6rem;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:0
}
.section-distribution-regional .container {
    position:relative;
    z-index:1
}
.section-distribution-regional .mesi_items {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-1.6rem;
    margin-right:-1.6rem
}
@media (min-width: 768px) {
    .section-distribution-regional .mesi_items {
        -ms-flex-pack:center;
        justify-content:center
    }
}
.section-distribution-regional .mesi_item {
    padding-left:1.6rem;
    padding-right:1.6rem;
    margin-bottom:2rem;
    -ms-flex:0 0 calc(8rem + 3.2rem);
    flex:0 0 calc(8rem + 3.2rem);
    max-width:calc(8rem + 3.2rem)
}
.section-distribution-regional .sectionHeader {
    margin-bottom:2rem
}
.section-distribution-regional a .linkLineAppear {
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.section-distribution-regional a .linkLineAppear span:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-distribution-regional a:hover .linkLineAppear span:after {
    width:100%
}
.section-distribution-regional .image {
    margin-bottom:1rem
}
.section-distribution-regional .titleText {
    color:#000;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.section-services-thumbnail {
    padding:0;
    background-color:#eaeaea;
    overflow:hidden
}
.section-services-thumbnail .sectionInner {
    max-width:144rem;
    width:100%;
    margin:auto
}
.thumbnailThemeService {
    position:relative
}
.thumbnailThemeService .imageWrap {
    position:relative
}
.thumbnailThemeService .imageWrap:after {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:#282F44;
    opacity:0.3;
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s
}
.thumbnailThemeService .image {
    overflow:hidden
}
.thumbnailThemeService .image img {
    width:100%;
    height:auto;
    max-width:none;
    max-height:none
}
.thumbnailThemeService .image.isDesktop {
    display:none
}
@media (min-width: 576px) {
    .thumbnailThemeService .image.isDesktop {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.thumbnailThemeService .image.isDesktop img {
    width:auto;
    height:47.2rem
}
@media (min-width: 576px) {
    .thumbnailThemeService .image.isMobile {
        display:none
    }
}
.thumbnailThemeService .captionWrap {
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s;
    background-color:rgba(255,255,255,0.95);
    position:absolute;
    right:0;
    left:0;
    bottom:0
}
@media (min-width: 576px) {
    .thumbnailThemeService .captionWrap {
        border-radius:2.2rem 0 0 2.2rem;
        left:40%;
        top:4rem;
        bottom:4rem
    }
}
@media (min-width: 992px) {
    .thumbnailThemeService .captionWrap {
        left:50%;
        top:6rem;
        bottom:6rem
    }
}
.thumbnailThemeService .caption {
    padding:1rem 1.5rem
}
@media (min-width: 576px) {
    .thumbnailThemeService .caption {
        padding:3rem;
        max-width:56rem;
        width:100%
    }
}
.thumbnailThemeService .sectionHeader {
    margin-bottom:1rem
}
.thumbnailThemeService .desc {
    margin-bottom:3rem
}
@media (max-width: 575px) {
    .thumbnailThemeService .desc {
        height:5.2rem;
        line-height:1.7;
        overflow:hidden
    }
}
@media (max-width: 575px) {
    .thumbnailThemeService .linkMore {
        margin-bottom:3rem
    }
}
.thumbnailThemeService.inview .imageWrap:after {
    opacity:0
}
.thumbnailThemeService.inview .captionWrap {
    background-color:#282F44;
    color:#fff
}
.thumbnailThemeService.inview .captionWrap .sectionHeader {
    color:#fff
}
.thumbnailThemeService.inview .captionWrap .linkTheme.isDark a,.thumbnailThemeService.inview .captionWrap .linkTheme.isDark span.isText {
    color:#fff
}
@media (min-width: 576px) {
    .article-detail-service .articleHeader {
        display:-ms-flexbox;
        display:flex
    }
}
.article-detail-service .mediaWrap {
    margin-bottom:4rem
}
@media (min-width: 576px) {
    .article-detail-service .mediaWrap {
        -ms-flex:0 0 47.57%;
        flex:0 0 47.57%;
        max-width:47.57%
    }
}
.article-detail-service .captionWrap {
    margin-bottom:4rem
}
@media (min-width: 576px) {
    .article-detail-service .captionWrap {
        padding-left:3.3rem;
        width:100%
    }
}
.article-detail-service .captionWrap .titleText {
    font-weight:normal;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    font-size:4.08rem;
    color:#282F44
}
.service-tabs-nav {
    border-bottom:0.3rem solid #E6AF2E
}
.service-tabs-nav .sectionHeader {
    margin-bottom:3rem
}
.section-service-tabs {
    padding:0
}
.service-tabs-nav-items {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-1.5rem;
    margin-right:-1.5rem
}
@media (min-width: 576px) {
    .service-tabs-nav-items {
        margin-left:-1rem;
        margin-right:-1rem
    }
}
.service-tabs-nav-item {
    text-align:center;
    position:relative;
    overflow:hidden;
    width:33.33%
}
@media (min-width: 576px) {
    .service-tabs-nav-item {
        padding-bottom:4rem;
        margin-left:1rem;
        margin-right:1rem
    }
}
@media (min-width: 992px) {
    .service-tabs-nav-item {
        width:21.98%;
        margin-left:2.5rem;
        margin-right:2.5rem
    }
}
.service-tabs-nav-item:after {
    content:'';
    display:block;
    width:1.7rem;
    height:0.8rem;
    background-image:url(../img/icon-arrow-product-active.svg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:auto 100%;
    pointer-events:none;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    bottom:-2rem;
    opacity:0
}
.service-tabs-nav-item a {
    height:100%;
    display:-ms-flexbox;
    display:flex;
    background-color:#f7f7f7;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#4c4c4c;
    padding:1.7rem 0.5rem
}
@media (min-width: 576px) {
    .service-tabs-nav-item a {
        padding:1.7rem 1rem;
        border-radius:0.8rem
    }
}
.service-tabs-nav-item a .type1 {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    line-height:1.4;
    font-size:1.496rem;
    margin-bottom:0.5rem;
    white-space:normal
}
@media (min-width: 992px) {
    .service-tabs-nav-item a .type1 {
        font-size:2.448rem
    }
}
.service-tabs-nav-item a .type2 {
    display:none
}
@media (min-width: 576px) {
    .service-tabs-nav-item a .type2 {
        display:block
    }
}
.service-tabs-nav-item:hover:after,.service-tabs-nav-item.active:after {
    bottom:-0.2rem;
    opacity:1
}
@media (min-width: 576px) {
    .service-tabs-nav-item:hover a,.service-tabs-nav-item.active a {
        background-color:#282F44;
        color:#fff
    }
    .service-tabs-nav-item:hover a .type1,.service-tabs-nav-item.active a .type1 {
        color:#fff
    }
}
.service-tabs-content b {
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.service-tabs-content .sectionHeader,.service-tabs-content b,.service-tabs-content a {
    color:#fff
}
.service-tabs-content .textIndext {
    display:block;
    text-indent:2rem
}
.service-tabs-content-section {
    margin-bottom:4rem
}
.service-tabs-content-section .sectionHeader {
    margin-bottom:3rem
}
@media (min-width: 768px) {
    .service-tabs-content-section.isThumbnails [class*='col']>.thumbnailThemeFloatIcon {
        height:100%
    }
}
.service-tabs-content-item {
    padding:6rem 0;
    background-color:#282F44;
    color:#d4d4df
}
.thumbnailThemeFloatIcon {
    position:relative;
    overflow:hidden;
    background-color:#fff;
    color:#4c4c4c;
    padding-bottom:4rem
}
@media (max-width: 767px) {
    .thumbnailThemeFloatIcon {
        margin-bottom:3rem
    }
}
.thumbnailThemeFloatIcon .caption {
    padding:3rem
}
.thumbnailThemeFloatIcon .caption .titleText {
    font-size:1.768rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    color:#282F44;
    margin-bottom:1rem
}
.thumbnailThemeFloatIcon .caption .desc {
    margin-bottom:2.3rem
}
.thumbnailThemeFloatIcon .iconWrap {
    position:absolute;
    right:-2.6rem;
    bottom:-12.3rem
}
.thumbnailThemeFloatIcon .iconWrap img {
    width:22.2rem;
    height:22.2rem
}
.section-video-inline .sectionHeader {
    text-align:center;
    margin-bottom:4rem
}
.section-video-inline .btnThemePlay span.isText {
    color:#fff
}
.videoInline {
    position:relative;
    overflow:hidden
}
.videoInline.inview .videoInlineButton,.videoInline.inview .videoInlineImage {
    opacity:0;
    transform:scale(2);
    visibility:hidden
}
.videoInline.inview .videoInlineImage {
    transition-delay:0.2s
}
.videoInlinePlayer {
    height:54rem;
    width:100%;
    position:relative;
    background-color:#000
}
.videoInlinePlayer>* {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}
.videoInlineImage {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    z-index:1;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.videoInlineTrigger {
    position:absolute;
    top:20%;
    left:0;
    right:0;
    height:0;
    z-index:0
}
@media (max-width: 991px) {
    .videoInlineTrigger {
        display:none
    }
}
.videoInlineButton {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:2;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.shortcutLinkWithIcon .mesi_items {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-1rem;
    margin-right:-1rem
}
@media (min-width: 992px) {
    .shortcutLinkWithIcon .mesi_items {
        width:100%;
        margin:auto;
        max-width:90rem
    }
}
.shortcutLinkWithIcon .mesi_item {
    width:27.1%;
    text-align:center;
    display:block;
    color:#282F44;
    height:100%;
    border-radius:8px;
    cursor:pointer;
    transition-property:background;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    margin-left:1rem;
    margin-right:1rem;
    padding:1rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
@media (min-width: 992px) {
    .shortcutLinkWithIcon .mesi_item {
        padding:2rem;
        margin-left:2rem;
        margin-right:2rem;
        font-size:1.768rem
    }
}
@media (max-width: 575px) {
    .shortcutLinkWithIcon .mesi_item {
        padding:0;
        font-size:1.292rem
    }
}
.shortcutLinkWithIcon .mesi_item figure {
    margin-bottom:2.5rem
}
@media (max-width: 575px) {
    .shortcutLinkWithIcon .mesi_item figure {
        margin-bottom:2rem
    }
}
.shortcutLinkWithIcon .mesi_item figure img {
    height:6.8rem
}
.shortcutLinkWithIcon .mesi_item:hover,.shortcutLinkWithIcon .mesi_item.active {
    background-color:#f7f7f7
}
@media (max-width: 575px) {
    .shortcutLinkWithIcon .mesi_item:hover,.shortcutLinkWithIcon .mesi_item.active {
        background-color:transparent
    }
}
.section-themePresenter .slick-dots {
    position:absolute;
    top:29rem;
    bottom:auto;
    left:auto;
    text-align:right;
    display:block;
    right:0;
    transform:translateX(0)
}
@media (min-width: 992px) {
    .section-themePresenter .slick-dots {
        right:3rem
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    .section-themePresenter .slick-dots {
        margin-top:41rem
    }
}
@media (max-width: 575px) {
    .section-themePresenter .slick-dots {
        display:none !important
    }
}
.section-themePresenter .slick-dots li {
    cursor:pointer;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    height:2.2rem;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:end;
    justify-content:flex-end;
    font-size:1.632rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
    white-space:nowrap
}
.section-themePresenter .slick-dots li:not(:last-child) {
    margin-bottom:1rem
}
.section-themePresenter .slick-dots li>div {
    position:relative;
    padding-right:2.5rem
}
.section-themePresenter .slick-dots li .slick-dot-icon {
    display:block;
    position:absolute;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:2rem;
    height:2rem
}
.section-themePresenter .slick-dots li .slick-dot-icon:after {
    content:'';
    display:block;
    width:0.8rem;
    height:0.8rem;
    border:1px solid #4c4c4c;
    border-radius:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-themePresenter .slick-dots li.slick-active {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.section-themePresenter .slick-dots li.slick-active .slick-dot-icon:after {
    border-color:#E6AF2E;
    width:2.2rem;
    height:2.2rem
}
.section-themePresenter .slick-dots li:hover {
    color:#282F44
}
.section-themePresenter .slick-dots li:hover .slick-dot-icon:after {
    border-color:#E6AF2E
}
@media (min-width: 992px) {
    .themePresenter {
        display:-ms-flexbox;
        display:flex
    }
}
@media (min-width: 992px) {
    .themePresenter .imageWrap {
        -ms-flex:0 0 53.5%;
        flex:0 0 53.5%;
        max-width:53.5%;
        -ms-flex-order:1;
        order:1
    }
}
@media (max-width: 991px) {
    .themePresenter .imageWrap {
        display:none
    }
}
.themePresenter .captionWrap {
    padding-top:8rem
}
@media (min-width: 992px) {
    .themePresenter .captionWrap {
        -ms-flex:0 0 46.5%;
        flex:0 0 46.5%;
        max-width:46.5%;
        -ms-flex-order:0;
        order:0;
        padding-right:3.5rem
    }
}
.themePresenter .captionWrap .mesi_icon img {
    display:block;
    height:5.6rem
}
.themePresenter .captionWrap .descWrap {
    margin-bottom:3rem
}
.themePresenter .captionWrap .descA {
    font-size:2.584rem;
    color:#000
}
.themePresenter .detailItems {
    max-width:90%;
    width:100%;
    margin:auto
}
.themePresenter .detailItem {
    display:block;
    color:#4c4c4c;
    text-align:center;
    margin-bottom:2rem
}
.themePresenter .detailItem .image {
    margin-bottom:1rem
}
.themePresenter .detailItem .image img {
    height:5.2rem;
    width:auto
}
.themePresenterImageWrap {
    position:relative
}
.themePresenterImageWrap:after {
    content:'';
    display:block;
    padding-bottom:100%
}
.themePresenterImage {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.themePresenterImage:before,.themePresenterImage:after {
    content:'';
    display:block;
    width:53.62%;
    height:53.62%;
    position:absolute;
    right:0;
    top:0;
    z-index:0;
    background-color:#ECECEC;
    border-radius:100%
}
.themePresenterImage:after {
    z-index:2;
    opacity:0.1
}
.themePresenterImage .themePresenterImageInner {
    width:85.49%;
    height:auto;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1
}
.themePresenterImage .image {
    border-radius:100%;
    overflow:hidden
}
.themePresenterImageInnerItems {
    width:85.49%;
    height:auto;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1
}
.themePresenterImageInnerItems .themePresenterImageInner {
    width:100%;
    position:relative;
    left:auto;
    bottom:auto
}
.themePresenterCaption .themePresenterImageWrap {
    display:none
}
@media (max-width: 991px) {
    .themePresenterCaption .themePresenterImageWrap {
        display:block
    }
}
.section-services-related {
    padding-top:6rem;
    padding-bottom:5rem;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.section-services-related .sectionDesc {
    color:#000;
    font-size:1.768rem;
    margin-bottom:4rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
}
.section-services-related .row.services-related-items>* {
    margin-bottom:3rem
}
.section-services-related .row.services-related-items>* .thumbnailThemeImageTop {
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
}
.section-services-related .row.services-related-items>* .thumbnailThemeImageTop .captionWrap,.section-services-related .row.services-related-items>* .thumbnailThemeImageTop .caption {
    height:100%;
}
.thumbnailThemeImageTop {
    overflow:hidden;
    border-radius:0.8rem;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}
.thumbnailThemeImageTop .imageWrap {
    overflow:hidden;
    height:100%
}
.thumbnailThemeImageTop .image {
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.thumbnailThemeImageTop .captionWrap {
    padding:2rem;
    background-color:#fff
}
.thumbnailThemeImageTop .caption {
    padding-bottom:3.5rem;
    position:relative
}
.thumbnailThemeImageTop .caption .linkWrap {
    position:absolute;
    left:0;
    bottom:0
}
.thumbnailThemeImageTop .titleText {
    margin-bottom:1rem;
    font-size:2.176rem;
    line-height:1.4;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.thumbnailThemeImageTop .desc {
    margin-bottom:1rem
}
.thumbnailThemeImageTop:hover .image {
    transform:scale(1.1, 1.1)
}
.section-explore-branches {
    padding-top:10rem;
    padding-bottom:10rem;
    color:#fff;
    background-color:#27235a
}
.section-explore-branches .sectionHeader {
    color:#fff
}
.section-explore-branches .sectionDropdown {
    margin-bottom:3.5rem
}
.section-explore-branches .sectionDropdownTitle {
    color:#fff
}
.section-explore-branches .dropdown-toggle {
    border-radius:8.8rem;
    min-width:20rem;
    padding-left:1.1rem
}
.section-explore-branches .dropdown-menu {
    border-radius:1.5rem;
    padding:0.5rem 0
}
.section-explore-branches .contentWrap {
    margin-bottom:5rem
}
.section-explore-branches .mapWrap {
    margin-bottom:5rem;
    text-align:center
}
.explore-branches-items-overflow {
    height:42.2rem;
    overflow:hidden;
    background-color:#fff;
    position:relative
}
.explore-branches-items-overflow .iScrollVerticalScrollbar {
    background-color:#d4d4df;
    right:0.5rem;
    top:1.5rem;
    bottom:1.5rem;
    height:auto
}
.explore-branches-items-content {
    margin-bottom:4rem;
    border-radius:0.8rem;
    overflow:hidden
}
.explore-branches-items-content.isMain .explore-branches-title {
    background-color:#E6AF2E
}
.explore-branches-title {
    font-size:1.768rem;
    background-color:#ECECEC;
    color:#fff;
    padding:0.8rem 1.5rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.explore-branches-items {
    padding:1.5rem 0
}
.explore-branches-item {
    font-size:1.496rem;
    padding-left:1.5rem;
    padding-right:1.5rem
}
.explore-branches-item a {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    padding:1rem 0;
    color:#4c4c4c;
    display:block
}
.explore-branches-item a .linkLineAppear {
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.explore-branches-item a .linkLineAppear span:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.explore-branches-item a:hover .linkLineAppear span:after {
    width:100%
}
.explore-branches-item a:hover {
    color:#282F44
}
.explore-branches-item:not(:last-child) a {
    border-bottom:1px solid #d4d4df
}
.section-career-items {
    background-color:#f7f7f7;
    padding-top:4rem;
    padding-bottom:8rem
}
.career-items {
    margin-bottom:4rem
}
.career-item {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-top:2rem;
    padding-bottom:2rem;
    border-bottom:1px solid #d4d4df
}
.career-item .titleWrap {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    margin-bottom:2rem
}
@media (min-width: 768px) {
    .career-item .titleWrap {
        margin-bottom:0rem;
        -ms-flex:0 0 calc(70% - 13.6rem);
        flex:0 0 calc(70% - 13.6rem);
        max-width:calc(70% - 13.6rem);
        padding-right:2rem
    }
}
.career-item .descWrap {
    -ms-flex:0 0 calc(100% - 13.6rem);
    flex:0 0 calc(100% - 13.6rem);
    max-width:calc(100% - 13.6rem);
    padding-right:2rem
}
@media (min-width: 768px) {
    .career-item .descWrap {
        -ms-flex:0 0 30%;
        flex:0 0 30%;
        max-width:30%
    }
}
.career-item .buttonWrap {
    -ms-flex:0 0 13.6rem;
    flex:0 0 13.6rem
}
.career-item .buttonWrap .btnTheme {
    min-width:13.6rem
}
.career-item .titleText b {
    color:#000;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.career-item .titleText.type1 {
    margin-bottom:0.5rem
}
.career-item .titleText.type2 {
    font-size:1.292rem
}
.career-item .descText.type1 {
    color:#000
}
.career-item .descText.type2 {
    font-size:1.292rem
}
.career-items-more {
    text-align:center;
    margin-bottom:2rem
}
.hover-slide-indicator {
    height:3px;
    background-color:#E6AF2E;
    border-radius:10px;
    position:absolute;
    left:0;
    top:100%;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    pointer-events:none
}
[data-hover-slide='container'] {
    position:relative;
    padding-bottom:1rem;
    overflow:hidden
}
[data-hover-slide='toggle'] {
    cursor:pointer
}
@media (max-width: 575px) {
    .section-contentWithSidebar {
        padding-bottom:0
    }
}
@media (min-width: 768px) {
    .contentWithSidebar {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media (min-width: 992px) {
    .contentWithSidebar {
        padding-left:7rem;
        padding-right:7rem
    }
}
.contentWithSidebar .sectionHeaderWrap {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    margin-bottom:2.5rem
}
.contentSidebarWrap {
    display:none
}
@media (min-width: 768px) {
    .contentSidebarWrap {
        display:block;
    }
}

.contentSidebarNavItem {
    font-size:1.768rem;
    color:#969696;
    border-bottom:1px solid rgba(150,150,150,0.3)
}
.contentSidebarNavItem:first-child {
    border-top:1px solid rgba(150,150,150,0.3)
}
.contentSidebarNavItem a {
    color:#969696;
    display:block;
    padding-top:1rem;
    padding-bottom:1rem
}
.contentSidebarNavItem a:hover {
    color:#282F44
}
.contentSidebarNavItem a[aria-expanded='true'] {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
@media (max-width: 575px) {
    .contactDetailWrap {
        background-color:#f7f7f7;
        margin-left:-1.5rem;
        margin-right:-1.5rem
    }
}
.contactDetail {
    max-width:50.8rem
}
@media (max-width: 575px) {
    .contactDetail {
        padding:3rem 1.5rem
    }
}
.contactDetailAddress-image {
    margin-bottom:2.5rem
}
.contactDetailAddress-image img {
    height: 10rem;
}
.contactDetailAddress-title {
    font-size:1.768rem;
    margin-bottom:2.5rem;
    color:#282F44
}
.contactDetailAddress-items {
    margin-bottom:2rem
}
.contactDetailAddress-item {
    display:-ms-flexbox;
    display:flex;
    margin-bottom:0.5rem
}
.contactDetailAddress-item a {
    color:#4c4c4c;
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.contactDetailAddress-item a:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.contactDetailAddress-item a:hover:after {
    width:100%
}
.contactDetailAddress-item a:hover {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.contactDetailAddress-item .isIcon {
    margin-right:1rem
}
.contactDetailAddress-item .isIcon img {
    display:block;
    height:2rem;
    width:auto
}
.contactDetailCollpaseHeader {
    font-size:1.768rem;
    display:none;
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 400;
}
@media (max-width: 575px) {
    .contactDetailCollpaseHeader {
        display:block
    }
}
.contactDetailCollpaseHeader a {
    padding-left:1.5rem;
    padding-right:4rem;
    background-color:#969696;
    padding-top:1.2rem;
    padding-bottom:1.2rem;
    display:block;
    color:#fff
}
.contactDetailCollpaseHeader a[data-toggle='collapse'] {
    position:relative
}
.contactDetailCollpaseHeader a[data-toggle='collapse']:before {
    content:'';
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:1px;
    background-color:#fff;
    opacity:0.3;
    width:0%;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.contactDetailCollpaseHeader a[data-toggle='collapse']:after {
    content:'';
    display:block;
    width:2rem;
    height:2rem;
    background-image:url(../img/icon-chevron-down.svg);
    background-size:100% 100%;
    background-repeat:no-repeat;
    right:1.5rem;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.contactDetailCollpaseHeader a[data-toggle='collapse'][aria-expanded='false']:before {
    width:100%;
    transition-delay:0.4s
}
.contactDetailCollpaseHeader a[data-toggle='collapse'][aria-expanded='true'] {
    background-color:#282F44
}
.contactDetailCollpaseHeader a[data-toggle='collapse'][aria-expanded='true']:after {
    transform:translateY(-50%) rotate(180deg)
}
.section-msg-centering {
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.section-msg-centering .sectionInner {
    min-height:59rem;
    text-align:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-direction:column;
    flex-direction:column
}
.section-msg-centering .sectionCaptionWrap {
    max-width:87.5rem;
    width:100%;
    margin:3rem auto
}
.section-msg-centering .sectionHeaderWrap {
    margin-bottom:3rem
}
.section-msg-centering .sectionHeader {
    line-height:1
}
.section-msg-centering .sectionDesc {
    font-size:2.584rem
}
@media (max-width: 575px) {
    .section-msg-centering .sectionDesc {
        font-size:1.768rem
    }
}
.section-msg-centering a {
    color:#4c4c4c
}
.section-msg-centering .sectionItems {
    width:100%;
    padding-bottom:2rem
}
.section-msg-centering.isDark {
    color:#fff;
    background-color:#282F44
}
.section-msg-centering.isDark a,.section-msg-centering.isDark .sectionHeader,.section-msg-centering.isDark span.isSubText {
    color:#fff
}
.section-contact-museum {
    padding-bottom:8rem;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover
}
.section-contact-museum .sectionHeaderWrap {
    margin-bottom:3rem
}
@media (min-width: 1200px) {
    .section-contact-museum .sectionHeaderWrap {
        margin-bottom:8rem
    }
}
.section-contact-museum .sectionDesc {
    font-size:2.448rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
}
.section-contact-museum.isDark {
    background-color:#282F44;
    color:#ffffff
}
.section-contact-museum.isDark .sectionHeader,.section-contact-museum.isDark .contactDetailAddress-title {
    color:#fff
}
.section-contact-museum.isDark a {
    color:#fff
}
.section-contact-museum.isDark a:hover {
    color:#fff
}
.section-contact-museum.isDark .formTheme .formLabel,.section-contact-museum.isDark .formTheme .formCheckbox .isTextLink a {
    color:#fff
}
.section-contact-museum.isDark .formTheme .formCheckboxInner {
    color:#d4d4df
}
.section-contact-museum.isDark .formTheme .formCheckboxInner .isIcon {
    border-color:#fff;
    background-color:#fff
}
.section-contact-museum.isDark .formTheme .formControl:focus {
    box-shadow:0 0 1rem rgba(255,255,255,0.6)
}
.section-contact-museum.isAbout {
    padding-top:10rem;
    padding-bottom:12rem;
    background-color:#f7f7f7
}
@media (min-width: 992px) {
    .section-contact-museum.isAbout .sectionHeaderWrap {
        margin-top:-2rem
    }
}
.menuIconShortcut-items {
    display:-ms-flexbox;
    display:flex;
    text-align:center
}
@media (min-width: 992px) {
    .menuIconShortcut-items {
        margin-left:-1rem;
        margin-right:-1rem
    }
}
@media (max-width: 991px) {
    .menuIconShortcut-items {
        overflow-x:auto;
        overflow-y:hidden
    }
}
.menuIconShortcut-item {
    padding-left:1rem;
    padding-right:1rem;
    -ms-flex:0 0 16rem;
    flex:0 0 16rem
}
@media (min-width: 992px) {
    .menuIconShortcut-item {
        -ms-flex:0 0 14.28571%;
        flex:0 0 14.28571%;
        max-width:14.28571%
    }
}
.menuIconShortcut-item>* {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    background-color:#f7f7f7;
    color:#282F44;
    display:block;
    height:100%;
    padding:3rem 0 1rem;
    line-height:1.4;
    border-radius:8px
}
.menuIconShortcut-item .image {
    position:relative;
    margin-bottom:1.5rem
}
.menuIconShortcut-item .image img {
    height:6.2rem;
    width:auto;
    display:block;
    margin:auto;
    transition-property:opacity;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.menuIconShortcut-item .image img.isActive {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    opacity:0
}
.menuIconShortcut-item.active a,.menuIconShortcut-item>a:hover {
    background-color:#282F44;
    color:#fff
}
.menuIconShortcut-item.active a .image img,.menuIconShortcut-item>a:hover .image img {
    opacity:0
}
.menuIconShortcut-item.active a .image img.isActive,.menuIconShortcut-item>a:hover .image img.isActive {
    opacity:1
}
.section-menuIconShortcuts {
    padding-top:0;
    padding-bottom:2rem
}
@media (max-width: 991px) {
    .section-menuIconShortcuts .container {
        max-width:none;
        padding-left:0;
        padding-right:0
    }
}
[data-embed-crop] {
    position:relative;
    overflow:hidden
}
[data-embed-crop]>* {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.section-highlight-slider {
    padding:0;
    position:relative;
    z-index:1;
    background-color:#000
}
.highlight-sliderItems {
    position:relative;
    z-index:0
}
.highlight-sliderItems .slick-track {
    display:-ms-flexbox;
    display:flex
}
.highlight-sliderItems .slick-list {
    overflow:hidden;
    position:relative;
    z-index:1
}
.highlight-sliderItems .slick-dots {
    z-index:2;
    list-style:none;
    padding:0;
    margin:0
}
@media (min-width: 576px) {
    .highlight-sliderItems .slick-dots {
        left:auto;
        right:3rem;
        bottom:auto;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        display:block
    }
}
.highlight-sliderItems .slick-dots button {
    margin:auto;
    border-radius:100%;
    width:1rem;
    height:1rem;
    border:2px solid #fff;
    display:block;
    background-color:transparent;
    font-size:0;
    padding:0;
    cursor:pointer;
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s
}
.highlight-sliderItems .slick-dots li {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    justify-self:center;
    width:2.2rem;
    height:2.2rem;
    cursor:pointer;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    opacity:0.7
}
@media (min-width: 576px) {
    .highlight-sliderItems .slick-dots li:not(:last-child) {
        margin-bottom:1rem
    }
}
.highlight-sliderItems .slick-dots li:not(.slick-active):hover {
    opacity:1;
    transform:scale(1.5)
}
.highlight-sliderItems .slick-dots li.slick-active {
    opacity:1
}
.highlight-sliderItems .slick-dots li.slick-active button {
    background-color:transparent;
    width:2.2rem;
    height:2.2rem
}
.highlight-sliderItem {
    opacity:1 !important;
    display:-ms-flexbox;
    display:flex
}
.highlight-sliderItem.slick-active .highlight-slider-message-link,.highlight-sliderItem.slick-active .highlight-slider-message-title {
    transform:translateY(0);
    opacity:1;
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:.4s
}
.highlight-sliderItem.slick-active .highlight-slider-message-title {
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:.6s
}
.highlight-sliderItem-overflow {
    width:0;
    height:calc(100vh - 7rem);
    overflow:hidden;
    transition:width 0.5s;
    position:relative
}
.highlight-sliderItem-inner {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    height:100%;
    width:100vw
}
.highlight-sliderItem-inner video {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0
}
.highlight-slider-message {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    z-index:7
}
.highlight-slider-message-title {
    color:#fff;
    transform:translateY(5rem);
    opacity:0;
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:.2s;
    font-size:6.12rem;
    line-height:1.5;
    margin-bottom:2rem
}
@media (max-width: 575px) {
    .highlight-slider-message-title {
        font-size:4.08rem
    }
}
.highlight-slider-message-title h5 {
    font-size:2rem;
    line-height:1.5;
    margin-bottom:2rem
    font-weight:300;
}
@media (max-width: 575px) {
    .highlight-slider-message-title h5 {
        font-size:2rem
    }
}
.highlight-slider-message-link {
    transform:translateY(10rem);
    opacity:0;
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s
}
.highlight-sliderItem-image {
    background-size:cover;
    background-position:50% 50%;
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.highlight-sliderItem-youtube {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.highlight-slider-scroll {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    z-index:1;
    color:#fff;
    cursor:pointer
}
.highlight-slider-scroll span.isText {
    display:block;
    transform-origin:50% bottom;
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    font-size:1.292rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 400;
}
.highlight-slider-scroll span.isTrail {
    margin-top:0.3rem;
    display:block;
    height:3.2rem;
    position:relative
}
.highlight-slider-scroll span.isTrail:after {
    content:'';
    display:block;
    width:1px;
    background-color:#fff;
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    animation:highlight-slider-scroll-move 3s infinite
}
.highlight-slider-scroll:hover span.isText {
    transform:scale(1.2)
}
@media (max-width: 575px) {
    .highlight-slider-scroll {
        display:none
    }
}
@keyframes highlight-slider-scroll-move {
    0% {
        top:0;
        bottom:100%
    }
    50% {
        top:0;
        bottom:0
    }
    100% {
        top:100%
    }
}
.section-highlight-services {
    position:relative;
    overflow:hidden;
}
@media (min-width: 576px) {
    .section-highlight-services {
        padding-top:10rem
    }
}
@media (min-width: 992px) {
    .section-highlight-services {
        padding-top:5rem;
        padding-bottom:5rem
    }
}
@media (max-width: 575px) {
    .section-highlight-services {
        padding-top:0;
        padding-bottom:0;
    }
}
.section-highlight-services .sectionInner {
    position:relative
}
@media (min-width: 992px) {
    .section-highlight-services .sectionInner {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center
    }
}
.section-highlight-services .sectionInner>* {
    position:relative;
    z-index:1
}
@media (min-width: 576px) {
    .section-highlight-services .sectionInner:after {
        content:'';
        display:block;
        width:160rem;
        height:160rem;
        position:absolute;
        bottom:0;
        left:14rem;
        background-color:#f7f7f7;
        z-index:0;
        border-radius:100%
    }
}
.section-highlight-services .slick-dots {
    position:absolute;
    top:29rem;
    bottom:auto;
    left:auto;
    text-align:right;
    display:block;
    right:0;
    transform:translateX(0)
}
@media (min-width: 992px) {
    .section-highlight-services .slick-dots {
        right:3rem
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    .section-highlight-services .slick-dots {
        margin-top:41rem
    }
}
@media (max-width: 575px) {
    .section-highlight-services .slick-dots {
        display:none !important
    }
}
.section-highlight-services .slick-dots li {
    cursor:pointer;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    height:2.2rem;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:end;
    justify-content:flex-end;
    font-size:1.632rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
    white-space:nowrap
}
.section-highlight-services .slick-dots li:not(:last-child) {
    margin-bottom:1rem
}
.section-highlight-services .slick-dots li>div {
    position:relative;
    padding-right:2.5rem
}
.section-highlight-services .slick-dots li .slick-dot-icon {
    display:block;
    position:absolute;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:2rem;
    height:2rem
}
.section-highlight-services .slick-dots li .slick-dot-icon:after {
    content:'';
    display:block;
    width:0.8rem;
    height:0.8rem;
    border:1px solid #4c4c4c;
    border-radius:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-highlight-services .slick-dots li.slick-active {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.section-highlight-services .slick-dots li.slick-active .slick-dot-icon:after {
    border-color:#E6AF2E;
    width:2.2rem;
    height:2.2rem
}
.section-highlight-services .slick-dots li:hover {
    color:#282F44
}
.section-highlight-services .slick-dots li:hover .slick-dot-icon:after {
    border-color:#E6AF2E
}
.section-highlight-services .slick-arrow {
    z-index:2;
    position:absolute;
    right:0;
    top:1.5rem;
    border:0;
    padding:0;
    background:none;
    font-size:0;
    width:2.4rem;
    height:2.4rem;
    background-repeat:no-repeat;
    background-position:50% 50%
}
@media (min-width: 576px) {
    .section-highlight-services .slick-arrow {
        display:none !important
    }
}
.section-highlight-services .slick-arrow.slick-prev {
    background-image:url(../img/icon-chevron-left-dark.svg);
    right:7.2rem
}
.section-highlight-services .slick-arrow.slick-next {
    background-image:url(../img/icon-chevron-right-dark.svg)
}
.section-highlight-services .slick-page-indicator {
    font-size:1.768rem;
    color:#4c4c4c;
    height:2.4rem;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    z-index:0;
    top:1.5rem;
    right:3.4rem
}
@media (min-width: 576px) {
    .section-highlight-services .slick-page-indicator {
        display:none
    }
}
.highlight-services-image-container {
    position:relative;
    width:100%;
    max-width:40rem;
    margin:auto;
}
@media (min-width: 992px) {
    .highlight-services-image-container {
        margin:0;
        -ms-flex:0 0 40rem;
        flex:0 0 40rem
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .highlight-services-image-container {
        -ms-flex:0 0 30rem;
        flex:0 0 30rem;
        max-width:30rem
    }
}
@media (max-width: 575px) {
    .highlight-services-image-container {
        width:46.3rem;
        max-width:none;
        margin-left:-12.5rem;
        margin-top:-11.5rem
    }
}
.highlight-services-frame {
    width:100%
}
.highlight-services-image {
    position:absolute;
    left:15%;
    top:8%;
    width:69.57%
}
.highlight-services-image figure {
    border:4px solid #fff;
    border-radius:100%
}
.highlight-services-head {
    margin-bottom:0.5rem;
    color:#282F44
}
.highlight-services-head>* {
    display:inline-block;
    position:relative;
    padding-right:0.25rem;
    padding-top:0.15rem
}
.highlight-services-head span.isIcon {
    position:absolute;
    right:0;
    top:0
}
.highlight-services-content {
    padding-top:4rem;
    padding-bottom:10rem;
}
@media (min-width: 992px) {
    .highlight-services-content {
        padding-left:4rem;
        padding-top:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:calc(100% - (35rem * 0.8))
    }
}
@media (min-width: 1200px) {
    .highlight-services-content {
        max-width:calc(100% - 53.9rem)
    }
}
@media (max-width: 575px) {
    .highlight-services-content {
        padding-top:2rem
    }
}
@media (min-width: 576px) {
    .highlight-services-content .sectionHeader {
        font-size:2.448rem
    }
    .highlight-services-content .sectionHeader .sectionHeaderInner {
        padding-right:2.8rem;
        padding-top:1rem
    }
    .highlight-services-content .sectionHeader span.isIcon img {
        display:block;
        width:2.4rem;
        height:2.4rem
    }
}
@media (min-width: 1200px) {
    .highlight-services-message {
        max-width:37rem;
    }
}
.highlight-services-message-title {
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
@media (max-width: 575px) {
    .highlight-services-message-title {
        padding-right:8rem
    }
}
.highlight-services-message-title>* {
    margin:0;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
}
@media (max-width: 575px) {
    .highlight-services-message-title>* {
        font-size:2.584rem;
        font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
    }
}
.highlight-services-message-desc {
    margin-bottom:2rem
}
.highlight-services-message-desc>* {
    font-size:1.496rem
}
.highlight-services-message-link a {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    padding-bottom:0.4rem;
    font-size:1.496rem;
    display:inline-block;
    position:relative;
    padding-bottom:0.2rem
}
.highlight-services-message-link a:after {
    content:'';
    display:block;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:#E6AF2E;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.highlight-services-message-link a:hover:after {
    width:100%
}
.highlight-services-message-item {
    padding-right:17rem
}
@media (max-width: 575px) {
    .highlight-services-message-item {
        padding-right:0
    }
}
@media (min-width: 1200px) {
    .highlight-services-message-item {
        padding-right:0 !important
    }
}
.highlight-services-message-item .highlight-services-message-title,.highlight-services-message-item .highlight-services-message-desc,.highlight-services-message-item .highlight-services-message-link {
    transition-property:all;
    transition-duration:.6s;
    transition-timing-function:ease-out;
    transition-delay:0s;
    transform:translateX(50px);
    opacity:0
}
.highlight-services-message-item.slick-active .highlight-services-message-title,.highlight-services-message-item.slick-active .highlight-services-message-desc,.highlight-services-message-item.slick-active .highlight-services-message-link {
    transform:translateY(0);
    opacity:1
}
.highlight-services-message-item.slick-active .highlight-services-message-title {
    transition-delay:0s
}
.highlight-services-message-item.slick-active .highlight-services-message-desc {
    transition-delay:0.1s
}
.highlight-services-message-item.slick-active .highlight-services-message-link {
    transition-delay:0.2s
}
.section-highlight-products {
    padding:0 0 1rem;
    position:relative;
    overflow:hidden
}
.section-highlight-products:after {
    content:'';
    display:block;
    background-image:url(../img/icon-section-head.svg);
    background-size:contain;
    position:absolute;
    z-index:0;
    bottom:-20rem;
    right:-15rem;
    width:41.5rem;
    height:41.5rem
}
@media (min-width: 768px) {
    .section-highlight-products:after {
        bottom:-28rem;
        right:-21rem;
        width:58.1rem;
        height:58.1rem
    }
}
@media (min-width: 992px) {
    .section-highlight-products:after {
        bottom:-40rem;
        right:-30rem;
        width:83rem;
        height:83rem
    }
}
.section-highlight-products .sectionInner {
    position:relative;
    z-index:1
}
.highlight-products-message {
    margin-bottom:10rem
}
@media (min-width: 768px) {
    .highlight-products-message-inner {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.highlight-products-message-inner .linkTheme a,.highlight-products-message-inner .linkTheme span.isText {
    color:#282F44
}
.highlight-products-header {
    margin-bottom:2rem
}
@media (min-width: 768px) {
    .highlight-products-header {
        -ms-flex:0 0 40%;
        flex:0 0 40%;
        max-width:40%
    }
}
.highlight-products-header .sectionHeader {
    margin-bottom:1rem
}
.highlight-products-title>* {
    font-size:2.584rem;
    color:#000000
}
.highlight-products-desc {
    font-size:1.496rem;
    margin-bottom:1.5rem;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width: 768px) {
    .highlight-products-desc {
        padding:3rem 2rem 2rem;
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%
    }
}
@media (min-width: 768px) {
    .highlight-products-desc>* {
        max-width:44rem;
        width:100%
    }
}
.highlight-products-link {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.highlight-products-items {
    text-align:center
}
.highlight-products-items .slick-track {
    -ms-flex-align:end;
    align-items:flex-end
}
.highlight-products-items:not(.slick-initialized) {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:end;
    align-items:flex-end;
    -ms-flex-pack:center;
    justify-content:center
}
.highlight-products-item {
    display:-ms-inline-flexbox;
    display:inline-flex
}
.highlight-products-item-inner {
    padding-left:5rem;
    padding-right:5rem;
    margin-bottom:10rem
}
.highlight-products-item-inner .image {
    padding-bottom:1.5rem
}
.highlight-products-item-inner a {
    font-size:1.496rem;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    color:#282F44;
    display:block;
    position:relative;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.highlight-products-item-inner a .caption {
    position:absolute;
    left:0;
    right:0;
    top:100%
}
.highlight-products-item-inner a .caption .titleText {
    display:inline-block
}
.highlight-products-item-inner a .caption .titleText:before,.highlight-products-item-inner a .caption .titleText:after {
    content:'';
    display:block;
    height:2px;
    width:0;
    margin:0.4rem auto 0;
    background-color:#E6AF2E;
    transition-property:width;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    box-shadow:0 2px 0 #fff
}
.highlight-products-item-inner a:hover .caption .titleText:after {
    width:100%
}
.section-highlight-mesigroup {
    overflow:hidden;
    position:relative;
    padding:6rem 0 9rem
}
.section-highlight-mesigroup .sectionHeader {
    color:#fff;
    text-align:center;
    margin-bottom:6rem
}
.section-highlight-mesigroup .thumbnailThemeHLGroup {
    margin-bottom:6rem;
    text-align:center
}
.section-highlight-mesigroup .thumbnailThemeHLGroup .caption {
    font-size:1.496rem;
    line-height:2
}
.section-highlight-mesigroup .thumbnailThemeHLGroup figure {
    margin-bottom:1rem
}
@media (min-width: 992px) {
    .section-highlight-mesigroup .thumbnailThemeHLGroup figure {
        margin-bottom:3rem
    }
}
.section-highlight-mesigroup .thumbnailThemeHLGroup figure img {
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-highlight-mesigroup .thumbnailThemeHLGroup a {
    color:#fff
}
.section-highlight-mesigroup .thumbnailThemeHLGroup a:hover img {
    transform:scale(1.1)
}
.section-highlight-articles {
    overflow:hidden;
    padding:9rem 0
}
.section-highlight-articles .sectionHeader span.isText {
    font-size:3.264rem
}
.section-highlight-articles .sectionSubHeader {
    position:relative;
    z-index:2;
    margin-bottom:3rem
}
@media (min-width: 768px) {
    .section-highlight-articles .sectionSubHeader {
        display:-ms-flexbox;
        display:flex
    }
}
.section-highlight-articles .sectionSubHeader .sectionDesc {
    padding-right:4rem;
    font-size:1.768rem;
    color:#000
}
.section-highlight-articles .sectionDropdown {
    display:none
}
@media (min-width: 768px) {
    .section-highlight-articles .sectionDropdown {
        display:block;
        margin-left:auto;
        -ms-flex:0 0 22.5rem;
        flex:0 0 22.5rem
    }
}
.highlight-articles-lg {
    position:relative;
    z-index:1
}
.thumbnailThemeArticle {
    background-color:#f7f7f7;
    margin-bottom:2rem
}
@media (max-width: 991px) {
    .thumbnailThemeArticle {
        height:100%
    }
}
@media (min-width: 992px) {
    .thumbnailThemeArticle.isLg .imageWrap {
        -ms-flex:0 0 calc(50% - 1rem);
        flex:0 0 calc(50% - 1rem);
        max-width:calc(50% - 1rem)
    }
}
.thumbnailThemeArticle.isLg .caption {
    line-height:1.5
}
.thumbnailThemeArticleInner {
    color:#4c4c4c
}
@media (min-width: 992px) {
    .thumbnailThemeArticleInner {
        display:-ms-flexbox;
        display:flex
    }
}
.thumbnailThemeArticleInner .imageWrap {
    overflow:hidden
}
@media (min-width: 992px) {
    .thumbnailThemeArticleInner .imageWrap {
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
}
.thumbnailThemeArticleInner .imageWrap figure {
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.thumbnailThemeArticleInner .captionWrap {
    width:100%;
    padding:2rem;
    position:relative
}
@media (min-width: 992px) {
    .thumbnailThemeArticleInner .caption {
        position:absolute;
        left:2rem;
        right:2rem;
        top:2rem;
        bottom:2rem;
        overflow-y:auto;
        overflow-x:hidden;
        line-height:1.2
    }
}
.thumbnailThemeArticleInner .caption .titleText * {
    color:#282F44;
    font-size:1.768rem
}
.thumbnailThemeArticleInner .caption .desc * {
    margin:0
}
.thumbnailThemeArticleInner .thumbnailFeatures {
    font-size:1.292rem;
    margin-bottom:1rem;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.thumbnailThemeArticleInner .thumbnailFeatures>*:not(:last-child):after {
    content:'|';
    margin-left:0.5rem;
    margin-right:0.5rem
}
.thumbnailThemeArticleInner .thumbnailFeatureType {
    color:#E6AF2E
}
.thumbnailThemeArticleInner:hover {
    color:#4c4c4c
}
.thumbnailThemeArticleInner:hover .imageWrap figure {
    transform:scale(1.05)
}
@media (max-width: 991px) {
    .highlight-article-items {
        overflow-x:auto;
        overflow-y:hidden
    }
}
.highlight-article-items .row {
    margin-left:-1rem;
    margin-right:-1rem
}
@media (max-width: 991px) {
    .highlight-article-items .row {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
.highlight-article-items .row>* {
    padding-left:1rem;
    padding-right:1rem
}
@media (max-width: 991px) {
    .highlight-article-items .row>* {
        -ms-flex:0 0 40vw;
        flex:0 0 40vw;
        max-width:40vw
    }
}
@media (max-width: 575px) {
    .highlight-article-items .row>* {
        -ms-flex:0 0 80vw;
        flex:0 0 80vw;
        max-width:80vw
    }
}
@media (max-width: 991px) {
    .highlight-article-items .row .thumbnailThemeArticle {
        margin-bottom:0
    }
}
.highlight-articles-more {
    padding-top:3rem;
    text-align:center
}
.highlight-articles-more .linkTheme {
    display:inline-block
}
.section-highlight-contact {
    padding-top:2rem;
    padding-bottom:4rem;
    margin-top: 7rem;
    margin-bottom: 7rem;
}
@media (max-width: 1024px) {
    .section-highlight-contact {
    padding-top:2rem;
    padding-bottom:4rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
}
@media (max-width: 575px) {
    .section-highlight-contact {
    padding-top:2rem;
    padding-bottom:4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
}
.section-highlight-contact .sectionHeaderContact {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    color:#282F44;
    font-size:4.08rem
}
@media (max-width: 575px) {
    .section-highlight-contact .sectionHeaderContact {
        font-size:3.264rem
    }
}
.section-highlight-contact .sectionSubheader>* {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:1.768rem;
    margin-bottom:2rem;
    color:#000
}
.section-highlight-contact.hasBgDecor {
    background-color:#f7f7f7;
    overflow:hidden;
    padding-top:6rem;
    padding-bottom:9rem
}
.section-highlight-circle-theme {
    position:relative;
    overflow:hidden
}
@media (min-width: 576px) {
    .section-highlight-circle-theme {
        padding-top:10rem
    }
}
@media (min-width: 992px) {
    .section-highlight-circle-theme {
        padding-top:15rem;
        padding-bottom:10rem
    }
}
@media (max-width: 575px) {
    .section-highlight-circle-theme {
        padding-top:0;
        padding-bottom:0
    }
}
.section-highlight-circle-theme .sectionInner {
    z-index:1;
    position:relative
}
@media (min-width: 992px) {
    .section-highlight-circle-theme .sectionInner {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center;
        padding-bottom:5rem
    }
}
@media (max-width: 575px) {
    .section-highlight-circle-theme .sectionInner {
        padding-bottom:0
    }
}
.section-highlight-circle-theme .sectionInner>* {
    position:relative;
    z-index:1
}
.section-highlight-circle-theme .sectionInner .bgDecor {
    display:none
}
@media (min-width: 576px) {
    .section-highlight-circle-theme .sectionInner .bgDecor {
        z-index:0;
        display:block;
        width:160rem;
        height:160rem;
        position:absolute;
        bottom:0;
        left:10rem;
        background-color:#f7f7f7;
        z-index:0;
        border-radius:100%;
        overflow:hidden
    }
}
.section-highlight-circle-theme.isHighlight {
    padding-top:2rem;
    position:relative
}
.section-highlight-circle-theme.isHighlight .breadcrumbThemeWrap {
    position:absolute;
    left:0;
    right:0;
    top:0;
    padding-top:1rem;
    z-index:2
}
.highlight-circle-theme-image-container {
    position:relative;
    width:100%;
    max-width:53.9rem;
    margin:auto
}
@media (min-width: 992px) {
    .highlight-circle-theme-image-container {
        margin:0;
        -ms-flex:0 0 53.9rem;
        flex:0 0 53.9rem
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .highlight-circle-theme-image-container {
        -ms-flex:0 0 43.12rem;
        flex:0 0 43.12rem;
        max-width:43.12rem
    }
}
@media (max-width: 575px) {
    .highlight-circle-theme-image-container {
        width:46.3rem;
        max-width:none;
        margin-left:-12.5rem;
        margin-top:-11.5rem
    }
}
.highlight-circle-theme-frame {
    width:100%
}
.highlight-circle-theme-image {
    position:absolute;
    left:15%;
    top:8%;
    width:69.57%
}
.highlight-circle-theme-image figure {
    border:4px solid #fff;
    border-radius:100%
}
.highlight-circle-theme-head {
    margin-bottom:0.5rem;
    color:#282F44
}
.highlight-circle-theme-head>* {
    display:inline-block;
    position:relative;
    padding-right:0.25rem;
    padding-top:0.15rem
}
.highlight-circle-theme-head span.isIcon {
    position:absolute;
    right:0;
    top:0
}
.highlight-circle-theme-content {
    -ms-flex-item-align:start;
    align-self:flex-start;
    padding-top:9rem
}
@media (min-width: 992px) {
    .highlight-circle-theme-content {
        padding-left:8.8rem;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:calc(100% - (53.9rem * 0.8))
    }
}
@media (min-width: 1200px) {
    .highlight-circle-theme-content {
        max-width:calc(100% - 53.9rem)
    }
}
@media (max-width: 575px) {
    .highlight-circle-theme-content {
        padding-top:2rem
    }
}
@media (min-width: 1200px) {
    .highlight-circle-theme-message {
        max-width:37rem
    }
}
@media (min-width: 1200px) {
    .highlight-circle-theme-message.isMd {
        max-width:50rem
    }
}
.highlight-circle-theme-message-icon {
    margin-bottom:1rem
}
.highlight-circle-theme-message-icon img {
    display:block;
    height:6.2rem;
    width:auto
}
.sectionHeader {
    margin-bottom:1rem
}
.highlight-circle-theme-message-title {
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
@media (max-width: 575px) {
    .highlight-circle-theme-message-title {
        padding-right:8rem
    }
}
.highlight-circle-theme-message-title>* {
    margin:0;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 400;
}
@media (max-width: 575px) {
    .highlight-circle-theme-message-title>* {
        font-size:4.08rem;
        font-family: "IBM Plex Sans Thai", sans-serif;
        font-weight: 300;
    }
}
.highlight-circle-theme-message-title.hasImage {
    display:-ms-flexbox;
    display:flex;
    padding-top:0;
    -ms-flex-align:center;
    align-items:center
}
.highlight-circle-theme-message-title.hasImage .image {
    margin-right:1.5rem
}
.highlight-circle-theme-message-title.hasImage .image img {
    width:4.2rem;
    height:4.2rem;
    display:block
}
.highlight-circle-theme-message-title.hasImage .isText {
    font-size:4.08rem
}
.highlight-circle-theme-message-title.isSm {
    font-size:2.584rem
}
.highlight-circle-theme-message-descOverflow {
    position:relative;
    height:23.4rem;
    overflow:hidden;
    margin-bottom:3rem
}
.highlight-circle-theme-message-descOverflow .highlight-circle-theme-message-desc {
    padding-right:2rem
}
.highlight-circle-theme-message-desc {
    margin-bottom:2rem
}
.highlight-circle-theme-message-desc>* {
    font-size:1.496rem
}
.highlight-circle-theme-message-footer {
    display:-ms-flexbox;
    display:flex;
    margin-bottom:4rem
}
.highlight-circle-theme-message-footer a {
    padding-bottom:0
}
.highlight-circle-theme-message-link {
    margin-right:2rem;
    width:100%
}
.highlight-circle-theme-message-link a {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
    padding-bottom:0.4rem;
    font-size:1.292rem
}
.highlight-circle-theme-message-socials {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    margin-left:-1rem;
    margin-right:-1rem
}
.highlight-circle-theme-message-socials>* {
    display:block;
    padding:1rem
}
.highlight-circle-theme-message-socials>* img {
    transition-property:transform;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    display:block
}
.highlight-circle-theme-message-socials>*:hover img {
    transform:scale(1.2)
}
.section-highlight-contact {
    padding-top:2rem;
    padding-bottom:4rem;
}
.section-highlight-contact .sectionHeaderContact {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    color:#282F44;
    font-size:4.08rem
}
@media (max-width: 575px) {
    .section-highlight-contact .sectionHeaderContact {
        font-size:3.264rem
    }
}
.section-highlight-contact .sectionSubheader>* {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:1.5rem;
    margin-bottom:2rem;
    color:#4c4c4c;
}
.section-highlight-contact .sectionSubheader {
    padding: 2rem 0;
}
.section-highlight-contact.hasBgDecor {
    background-color:#f7f7f7;
    overflow:hidden;
    padding-top:6rem;
    padding-bottom:9rem
}
.section-highlight-history {
    padding-top:6rem;
    padding-bottom:6rem;
    position:relative;
    overflow:hidden
}
.section-highlight-history .sectionHeaderWrap {
    position:relative;
    z-index:6
}
@media (max-width: 991px) {
    .section-highlight-history .sectionHeaderWrap {
        margin-bottom:2rem
    }
}
.section-highlight-history .sectionHeader {
    margin-bottom:1rem
}
.section-highlight-history .sectionContent {
    position:relative
}
@media (min-width: 992px) {
    .section-highlight-history .sectionContent:before,.section-highlight-history .sectionContent:after {
        content:'';
        display:block;
        position:absolute;
        height:6rem;
        width:100%;
        left:0;
        background-repeat:repeat-x;
        background-size:1px 100%;
        z-index:5;
        pointer-events:none
    }
    .section-highlight-history .sectionContent:before {
        top:0;
        background-image:url(../img/bg-overlay-gradient-white-revert.png)
    }
    .section-highlight-history .sectionContent:after {
        bottom:0;
        background-image:url(../img/bg-overlay-gradient-white.png)
    }
}
.highlight-history {
    padding-top:1rem
}
@media (min-width: 576px) {
    .highlight-history {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        position:relative
    }
}
@media (min-width: 992px) {
    .highlight-history {
        min-height:60rem;
        padding-top:6rem
    }
}
@media (min-width: 576px) {
    .highlight-history-imageWrap {
        -ms-flex:0 0 44.32%;
        flex:0 0 44.32%;
        max-width:44.32%;
        -ms-flex-order:2;
        order:2
    }
}
@media (min-width: 992px) and (max-width: 1599px) {
    .highlight-history-imageWrap {
        -ms-flex:0 0 calc(44.32% - 10rem);
        flex:0 0 calc(44.32% - 10rem);
        max-width:calc(44.32% - 10rem)
    }
}
@media (max-width: 575px) {
    .highlight-history-imageWrap {
        display:none
    }
}
.highlight-history-imageWrap .slick-dots {
    top:100%;
    left:0;
    right:0;
    transform:translateX(0);
    bottom:auto;
    padding:1rem 0
}
.highlight-history-imageWrap .slick-dots li button {
    background-color:#d4d4df
}
.highlight-history-imageWrap .slick-dots li.slick-active button {
    background-color:#282F44;
    width:1.6rem;
    height:1.6rem
}
.highlight-history-image-pin {
    padding-top:1rem;
    padding-bottom:1rem
}
.highlight-history-image-pin.isSticked {
    overflow-y:auto;
    overflow-x:hidden
}
.highlight-history-image-pin.isSticked .highlight-history-image-items {
    margin:auto;
    width:100%
}
.highlight-history-image-pin .themePresenterImageWrap {
    margin-bottom:4rem
}
.highlight-history-image-items {
    position:relative
}
.highlight-history-image-item {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    opacity:0
}
.highlight-history-image-item ~ .highlight-history-image-item {
    position:absolute;
    right:0;
    left:0;
    top:0
}
.highlight-history-image-item.active {
    opacity:1
}
@media (min-width: 576px) {
    .highlight-history-captionWrap {
        padding-right:5rem;
        -ms-flex:0 0 55.68%;
        flex:0 0 55.68%;
        max-width:55.68%;
        -ms-flex-order:1;
        order:1
    }
}
@media (min-width: 992px) and (max-width: 1599px) {
    .highlight-history-captionWrap {
        -ms-flex:0 0 calc(55.68% - 10rem);
        flex:0 0 calc(55.68% - 10rem);
        max-width:calc(55.68% - 10rem)
    }
}
.highlight-history-captionWrap .sectionHeader {
    margin-bottom:1rem
}
.highlight-history-caption-title {
    font-size:4.08rem;
    color:#000;
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
.highlight-history-caption-subtitle {
    font-size:2.584rem;
    color:#000;
    margin-bottom:1rem
}
.highlight-history-caption-desc {
    padding-bottom:1rem
}
.highlight-history-caption-desc p {
    margin-bottom:2rem
}
.highlight-history-navWrap {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding-top:0rem;
    padding-bottom:3rem
}
@media (min-width: 992px) {
    .highlight-history-navWrap {
        padding-top:5rem;
        overflow:hidden;
        -ms-flex:0 0 20rem;
        flex:0 0 20rem;
        max-width:20rem
    }
}
@media (min-width: 1600px) {
    .highlight-history-navWrap {
        position:absolute;
        top:0;
        left:-10rem;
        height:100%
    }
}
@media (max-width: 991px) {
    .highlight-history-navWrap .scrollmagic-pin-spacer {
        padding:0 !important
    }
}
.highlight-history-navWrap .isMD {
    display:none
}
@media (max-width: 991px) {
    .highlight-history-navWrap .isMD {
        display:block
    }
}
.highlight-history-nav {
    background-color:#fff;
    padding-bottom:1rem;
    padding-top:1rem;
    overflow:auto
}
@media (min-width: 992px) {
    .highlight-history-nav {
        width:20rem

    }
}
@media (min-width: 992px) {
    .highlight-history-nav.isSticked {
        bottom:0 !important
    }
}
@media (max-width: 991px) {
    .highlight-history-nav.isSticked {
        left:0 !important;
        right:0 !important;
        width:100% !important;
        z-index:99 !important;
        padding:1.5rem 0 0;
        background-color:#fff;
        box-shadow:0 2px 2px rgba(0,0,0,0.15);
        overflow-y:hidden;
        overflow-x:auto
    }
}
.highlight-history-nav-items {
    position:relative
}
@media (min-width: 992px) {
    .highlight-history-nav-items {
        margin:auto
    }
}
@media (max-width: 991px) {
    .highlight-history-nav-items {
        display:-ms-flexbox;
        display:flex
    }
}
.highlight-history-nav-item {
    cursor:pointer;
    min-height:6.8rem;
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:2.7rem;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    font-size:1.224rem
}
@media (max-width: 991px) {
    .highlight-history-nav-item {
        padding-top:2.7rem;
        -ms-flex:0 0 27vw;
        flex:0 0 27vw;
        max-width:27vw;
        padding-left:2rem;
        padding-right:2rem;
        text-align:center
    }
}
@media (max-width: 575px) {
    .highlight-history-nav-item {
        -ms-flex:0 0 40vw;
        flex:0 0 40vw;
        max-width:40vw
    }
}
@media (max-width: 991px) {
    .highlight-history-nav-item:before,.highlight-history-nav-item:after {
        content:'';
        display:block;
        width:calc(50% - 1.1rem);
        height:1px;
        background-color:#4c4c4c;
        position:absolute;
        top:1.1rem;
        transition-property:width;
        transition-duration:.4s;
        transition-timing-function:ease;
        transition-delay:0s
    }
    .highlight-history-nav-item:before {
        left:0;
        right:auto
    }
    .highlight-history-nav-item:after {
        right:0;
        left:auto
    }
}
.highlight-history-nav-item .isIcon {
    position:absolute;
    left:0;
    top:-0.3rem;
    width:2.2rem;
    height:2.2rem;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
@media (max-width: 991px) {
    .highlight-history-nav-item .isIcon {
        top:0;
        right:0;
        margin:auto
    }
}
.highlight-history-nav-item .isIcon:before {
    content:'';
    display:block;
    width:0.7rem;
    height:0.7rem;
    border-radius:100%;
    border:1px solid #4c4c4c;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.highlight-history-nav-item .isHL1 {
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    white-space:nowrap
}
.highlight-history-nav-item .isHL2 {
    position:relative;
    padding-bottom:1rem;
    -ms-flex:1;
    flex:1
}
.highlight-history-nav-item .isHL2:after {
    content:'';
    display:block;
    width:1px;
    background-color:#4c4c4c;
    position:absolute;
    left:-1.65rem;
    top:-0.2rem;
    bottom:0rem;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
@media (max-width: 991px) {
    .highlight-history-nav-item .isHL2:after {
        display:none
    }
}
@media (min-width: 992px) {
    .highlight-history-nav-item.active {
        padding-top:0.1rem
    }
}
@media (max-width: 991px) {
    .highlight-history-nav-item.active:before,.highlight-history-nav-item.active:after {
        width:calc(50% - 1.8rem)
    }
}
@media (min-width: 992px) {
    .highlight-history-nav-item.active .isIcon {
        top:0.4rem
    }
}
.highlight-history-nav-item.active .isIcon:before {
    width:2.2rem;
    height:2.2rem;
    border-color:#E6AF2E
}
.highlight-history-nav-item.active .isHL1 {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:1.768rem
}
.highlight-history-nav-item.active .isHL2:after {
    top:0.4rem
}
.highlight-history-caption-item {
    margin-bottom:10rem;
    overflow:hidden
}
@media (min-width: 768px) {
    .highlight-history-caption-item {
        display:-ms-flexbox;
        display:flex
    }
}
.highlight-history-caption-item .themePresenterImageWrap {
    margin-bottom:4rem;
    transition-property:top;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
@media (min-width: 576px) {
    .highlight-history-caption-item .themePresenterImageWrap {
        display:none
    }
}
@media (max-width: 991px) {
    .triggerPinImage {
        display:none
    }
}
@media (min-width: 992px) {
    .highlight-history-caption {
        padding-left:5rem
    }
}
@media (min-width: 1600px) {
    .highlight-history-caption {
        padding-left:15rem
    }
}
.section-hl-simple-slider {
    padding:0;
    position:relative
}
.section-hl-simple-slider .breadcrumbThemeWrap {
    padding-top:1rem;
    position:absolute;
    left:0;
    top:0;
    right:0
}
.section-hl-simple-slider .mesi_item figure.image {
    text-align:center
}
.section-hl-simple-slider .mesi_item figure.image img {
    width:100%;
    height:auto
}
.section-hl-msg-slider {
    position:relative;
    overflow:hidden;
    padding: 0;
}
.section-hl-msg-slider .breadcrumbThemeWrap {
    padding-top:1rem;
    position:absolute;
    left:0;
    top:0;
    right:0;
    z-index: 2;
}
.section-hl-msg-slider .sectionInner {
    position:relative;
    display:block;
    color:#fff;
}
.section-hl-msg-slider .msgWrap {
    color:#fff;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    line-height:1.3
}
.section-hl-msg-slider .msgWrap .msglvl1 {
    font-size:5.644vw
}
@media (max-width: 575px) {
    .section-hl-msg-slider .msgWrap .msglvl1 {
        font-size:4.896rem
    }
}
.section-hl-msg-slider .msgWrap .msglvl2 {
    font-size:4.284vw
}
@media (max-width: 575px) {
    .section-hl-msg-slider .msgWrap .msglvl2 {
        font-size:3.74rem
    }
}
.section-hl-msg-slider .captionWrap {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    line-height:1.3;
    padding-bottom:10rem;
    z-index:2
}
.section-hl-msg-slider .captionWrap .mesi_icon img {
    display:block;
    height:7rem;
    width:auto
}
.section-hl-msg-slider .captionWrap .sectionHeader {
    color:#fff
}
.section-hl-msg-slider .captionWrap .desc {
    font-size:2.584rem
}
.section-hl-msg-slider .captionInner {
    max-width:50rem
}
.section-hl-msg-slider .shortcutMenu {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:4rem;
    max-width:100%;
    overflow-y:hidden;
    overflow-x:auto
}
.section-hl-msg-slider .shortcutMenuItems {
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center
}
.section-hl-msg-slider .shortcutMenuItem {
    padding-left:2rem;
    padding-right:2rem;
    padding-bottom:2rem;
    position:relative
}
.section-hl-msg-slider .shortcutMenuItem :after {
    content:'';
    display:block;
    height:3px;
    border-radius:3px;
    background-color:#E6AF2E;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    transition-property:width;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s;
    width:0
}
.section-hl-msg-slider .shortcutMenuItem.active :after,.section-hl-msg-slider .shortcutMenuItem:hover :after {
    width:5rem
}
.section-hl-msg-slider .shortcutMenuItem.active img,.section-hl-msg-slider .shortcutMenuItem:hover img {
    opacity:1;
    height:4.9rem
}
.section-hl-msg-slider .shortcutMenuItemInner {
    height:4.9rem;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
}
.section-hl-msg-slider .shortcutMenuItemInner img {
    height:3.9rem;
    width:auto;
    opacity:0.5;
    transition-property:all;
    transition-duration:.4s;
    transition-timing-function:ease;
    transition-delay:0s
}
.section-hl-msg-slider .decorWrap {
    position:absolute;
    right:-6.66vw;
    bottom:-16.7vw
}
@media (max-width: 575px) {
    .section-hl-msg-slider .decorWrap {
        right:-7.6rem;
        bottom:-21rem
    }
}
.section-hl-msg-slider .decorWrap img {
    width:31.9vw;
    height:auto
}
@media (max-width: 575px) {
    .section-hl-msg-slider .decorWrap img {
        width:34.7rem
    }
}
.section-hl-msg-slider .tabNavsWrap {
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width: 575px) {
    .section-hl-msg-slider .tabNavsWrap {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.section-hl-msg-slider .tabNavs {
    margin-left:-2rem;
    margin-right:-2rem;
    position:relative;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:1.496rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem
}
@media (max-width: 575px) {
    .section-hl-msg-slider .tabNavs {
        margin-bottom:3rem
    }
}
.section-hl-msg-slider .tabNavs:after {
    content:'';
    display:block;
    height:1px;
    position:absolute;
    bottom:1px;
    left:2rem;
    right:2rem;
    background-color:#969696;
    z-index:0;
    opacity:0.5
}
.section-hl-msg-slider .tabNavs .hover-slide-indicator {
    z-index:1
}
.section-hl-msg-slider .tabNav {
    padding-left:2rem;
    padding-right:2rem
}
.section-hl-msg-slider .tabNavInner a {
    display:block;
    padding-top:0.7rem;
    padding-bottom:0.7rem;
    color:#282F44
}
.section-hl-msg-slider .tabNavInner.isActive {
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-weight: 500;
}
@media (min-width: 576px) {
    .section-hl-msg-slider .tabNavButton {
        margin-left:4rem
    }
}
.section-hl-msg-slider .imageBg {
    height:70rem;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.section-hl-msg-slider.type2 .imageBg {
    height:70rem
}
.section-hl-msg-slider.type3 .imageBg {
    height:52rem
}
@media (max-width: 575px) {
    .section-hl-msg-slider.type3 .imageBg {
        height:57rem
    }
}
.section-hl-msg-slider.type3 .desc {
    margin-bottom:3rem
}
.section-hl-msg-slider.type3 .decorWrap {
    right:-10rem;
    bottom:-30rem;
    z-index:0
}
@media (max-width: 575px) {
    .section-hl-msg-slider.type3 .decorWrap {
        right:-4.7rem;
        bottom:-19.27rem
    }
}
.section-hl-msg-slider.type3 .decorWrap img {
    width:51.7rem;
    height:51.7rem
}
@media (max-width: 575px) {
    .section-hl-msg-slider.type3 .decorWrap img {
        width:31.8rem;
        height:31.8rem
    }
}
.section-hl-msg-slider.type4::after {
    content:'';
    pointer-events:none;
    display:block;
    height:50%;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;

}
.section-hl-msg-slider.type4 .sectionInner {
    z-index:2
}
.section-hl-msg-slider.type4 .imageBg {
    height:25rem;
    z-index:0
}
.section-hl-msg-slider.type4 .captionWrap {
    text-align:center;
    top:auto;
    transform:translate(0, 0);
    bottom:6rem;
    padding-bottom:0;
}
.section-hl-msg-slider.type4 .captionWrap .captionInner {
    margin:auto;
    width:100%;
    max-width:none
}
.section-hl-msg-slider.type5 .imageBg {
    height:52rem
}
@media (max-width: 575px) {
    .section-hl-msg-slider.type5 .imageBg {
        height:57rem
    }
}
.section-hl-msg-slider.type5 .sectionSubHeader {
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
    font-size:5.44rem
}
@media (max-width: 575px) {
    .section-hl-msg-slider.type5 .sectionSubHeader {
        font-size:4.08rem
    }
}
.section-hl-msg-slider.type5 .captionWrap {
    pointer-events:none
}
.section-hl-msg-slider.isTextDark .sectionInner {
    color:#4c4c4c
}
.section-hl-msg-slider.isTextDark .sectionHeader {
    color:#282F44
}
.section-hl-msg-slider+.section-menuIconShortcuts {
    margin-top:-3rem
}
.section-hl-msg {
    padding-top:7rem
}
.section-hl-msg .sectionDesc {
    font-size:2.584rem;
    text-align:center
}
.section-hl-msg .sectionDesc .isHL1 {
    font-size:3.264rem;
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
}
.section-hl-msg .sectionDesc .isHL2 {
    color:#282F44;
    font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
}

.section-highlight-contact .imageWrap {
    margin-bottom: 5rem;
}
.section-highlight-contact .imageWrap img {
    width: 50%;
    margin: auto;
    display: block;
}
@media (max-width: 991px) {
.section-highlight-contact .imageWrap img {
    width: 80%;
}
}
@media (max-width: 575px) {
.section-highlight-contact .imageWrap img {
    width: 100%;
}
}
.articleBody h3 {
    padding-top: 0rem;
    padding-bottom: 2rem;
}
.articleBody p {
    font-weight: 500;
    padding-bottom: 3rem;
    font-size: 16px;
}
.section-article-detail-service {
    padding-top: 8rem;
}
.section-article-detail-service .titleText {
    padding-bottom: 2rem;
}
.section-article-detail-service .desc {
    font-weight: 500;
}
@media (max-width: 575px) {
.section-article-detail-service {
    padding-top: 4rem;
}
}
.section-article-detail-service .mediaWrap {
    padding-bottom: 2rem;
}
@media (max-width: 575px) {
.section-article-detail-service .mediaWrap {
    padding-bottom: 0rem;
}
}
@media (max-width: 575px) {
.section-highlight-articles .col-lg-6 {
    margin-bottom: 2rem;
}
}
.overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.contentMainInner .map {
    margin-top: 8rem;
}
@media (max-width: 575px) {
.contentMainInner .map {
    margin-top: 0rem;
    margin-bottom: 3rem;
}
}
.contentMainInner .map img {
    width: 100%;
}