@keyframes wobble-horizontal {
    16.65% {
        transform: translateX(6px);
    }

    33.3% {
        transform: translateX(-5px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes wobble-vertical {
    25% {
        margin-top: 4px;
    }

    50% {
        margin-top: -2px;
    }

    75% {
        margin-top: 1px;
    }

    100% {
        margin-top: 0px;
    }
}

@keyframes wobble-vertical-2 {
    16.65% {
        transform: translateY(6px);
    }

    33.3% {
        transform: translateY(-5px);
    }

    49.95% {
        transform: translateY(4px);
    }

    66.6% {
        transform: translateY(-2px);
    }

    83.25% {
        transform: translateY(1px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes circle {

    0%,
    40% {
        opacity: 1;
    }

    100% {
        width: 120%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {

    0%,
    40% {
        opacity: 1;
    }

    100% {
        width: 120%;
        height: 200%;
    }
}

@keyframes circlePlanner {

    0%,
    40% {
        opacity: 1;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes animModal {
    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@media only screen and (min-width: 1px) {
    .modal-body-hr-privacy {
        max-height: 150px !important;
    }

    .modal-header-hr-privacy>h3 {
        font-size: 14px !important;
    }

    .innerDiv-hr-privacy,
    label[for="cbAcceptHrPrivacy"] {
        font-size: 12px !important;
    }

    .modal-accept-hr-privacy {
        margin: 20px 0px 10px;
    }

    .div-checkbox-hr-privacy,
    .div-checkbox-label-hr-privacy {
        float: left;
        width: 100%;
        text-align: center;
        display: inline-block;
    }

    .div-checkbox-label-hr-privacy {
        font-size: 12px !important;
    }
}

@media only screen and (min-width: 320px) {
    .modal-body-hr-privacy {
        max-height: 220px !important;
    }

    .modal-header-hr-privacy>h3 {
        font-size: 15px !important;
    }

    .innerDiv-hr-privacy,
    label[for="cbAcceptHrPrivacy"] {
        font-size: 14px !important;
    }
}

@media only screen and (min-width: 375px) {
    .modal-body-hr-privacy {
        max-height: 250px !important;
    }
}

@media only screen and (min-width: 425px) {
    .modal-body-hr-privacy {
        max-height: 300px !important;
    }
}

@media only screen and (max-width: 760px) {
    div.content {
        border: 0px;
    }
}

@media only screen and (min-width: 761px) {
    .modal-body-hr-privacy {
        max-height: 350px !important;
    }

    .modal-header-hr-privacy>h3 {
        font-size: 1.23rem !important;
    }

    .innerDiv-hr-privacy,
    label[for="cbAcceptHrPrivacy"] {
        font-size: 16px !important;
    }

    .modal-accept-hr-privacy {
        margin: 30px 0px 15px;
    }

    .div-checkbox-hr-privacy,
    .div-checkbox-label-hr-privacy {
        float: left;
        width: 5%;
        text-align: left;
        display: inline-block;
    }

    .div-checkbox-label-hr-privacy {
        width: 95%;
        font-size: 16px !important;
    }
}

.modal-mask-hr-privacy {
    position: fixed;
    z-index: 9998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: table;
    transition: opacity 0.3s;
}

.modal-wrapper-hr-privacy {
    display: table-cell;
    vertical-align: middle;
}

.modal-container-hr-privacy {
    line-height: 130%;
    margin: 0px auto;
    padding: 20px 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.33) 0px 2px 8px;
    transition: 0.3s;
    border-radius: 4px;
    max-width: 800px !important;
}

.modal-header-hr-privacy h3 {
    margin-top: 0px;
    color: rgb(51, 51, 51);
}

.modal-body-hr-privacy {
    margin: 20px 0px;
    width: auto;
}

.modal-accept-hr-privacy {
    width: auto;
    padding: 0px 5% 0px 4.5%;
    display: inline-block;
}

.privacy-content {
    color: rgb(51, 51, 51);
    background-color: rgb(238, 238, 242);
    padding: 3% 3% 5% 5%;
    border-radius: 5px;
    overflow-y: scroll;
    margin-bottom: -15px;
}

.modal-default-button-hr-privacy {
    float: right;
}

.modal-enter-hr-privacy,
.modal-leave-active-hr-privacy {
    opacity: 0;
}

.modal-enter-hr-privacy .modal-container-hr-privacy,
.modal-leave-active-hr-privacy .modal-container-hr-privacy {
    transform: scale(1.1);
}

.modal-footer-hr-privacy {
    height: 50px;
    width: 100%;
    text-align: center;
}

.col-centered-hr-privacy {
    float: none;
    margin: 0px auto;
}

.option-input-hr-privacy {
    appearance: none;
    position: relative;
    inset: 0px;
    height: 20px;
    width: 20px;
    transition: 0.15s ease-out;
    background: rgb(203, 209, 216);
    border: 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: 0px;
    z-index: 0;
}

.option-input-hr-privacy:checked {
    background: rgb(0, 100, 255);
    appearance: inherit !important;
}

.option-input-hr-privacy:hover {
    background: rgb(0, 72, 183);
}

.option-input-hr-privacy:checked::before {
    height: 20px;
    width: 20px;
    position: absolute;
    content: "✔";
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
}

.option-input-hr-privacy:checked::after {
    background: rgb(64, 224, 208);
    content: "";
    display: block;
    position: relative;
    z-index: 100;
}

.cursor-point {
    cursor: pointer !important;
}

.modal-body-hr-privacy::-webkit-scrollbar {
    width: 10px;
}

.modal-body-hr-privacy::-webkit-scrollbar:vertical {
    width: 10px;
}

.modal-body-hr-privacy::-webkit-scrollbar:horizontal {
    height: 5px;
}

.modal-body-hr-privacy::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 0px solid rgb(255, 255, 255);
}

.modal-body-hr-privacy::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgb(238, 238, 242);
}

.bginside.bgmaincal a.fontmenu.hidemenu:hover,
.bodycal .fontmenu:hover {
    color: rgb(255, 255, 255) !important;
}

.fontmenu {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
    text-transform: none;
}

.liCategoryMobile:hover,
.no-touch.desktop .custom-checkbox span:hover {
    color: rgb(0, 72, 183);
}

iframe.banner-iframe-video {
    width: 100%;
}

.leavePage-notification .leavePage-conntent {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.bginside.bgmaincal a.fontmenu,
.wrapper_tool_section .fullwidth_tool_section .currency .currency-list th {
    font-weight: 400;
}

.box-button,
.box-buttoncompare {
    border-radius: 7px;
}

.bodycal button#btnAdd,
.bodycal button.box-button {
    height: 44px;
}

.box-textbox:hover {
    border: 1px solid rgb(255, 255, 255) !important;
}

.thumbnail_container {
    max-width: 1272px;
    width: 100%;
    margin: 0px auto;
    position: relative;
    display: flex;
    min-height: 60px;
}

.img-container img {
    width: 100px;
    height: 100px;
}

.thumbnail_container li {
    margin-right: 24px;
    width: 192px;
    max-height: 237px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    height: 237px;
}

.thumbnail_container li:last-child {
    margin: 0px !important;
}

.thumbnail_container li img {
    width: 100%;
    height: 100%;
}

.thumbnail_container li .img-container {
    display: flex;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.thumbnail_outer {
    position: relative;
    bottom: 0px;
    transition: visibility, opacity 0.5s, bottom 0.5s linear;
    opacity: 0;
    visibility: hidden;
}

.thumbnail_outer.thumbnail_container_active {
    visibility: visible;
    opacity: 1;
    bottom: 34px;
}

ul.banner_container li {
    display: none;
    max-width: 100%;
    width: 100%;
    position: relative;
}

section.borderWorkSheet>div:first-child .first-item,
ul.banner_container li:first-child {
    display: block;
}

ul.banner_container li img {
    max-width: 100%;
    width: 100%;
}

.editor .table-international-banking>tbody>tr:first-child,
.thumbnail_container li:first-child {
    display: none;
}

.banner-carousel {
    clear: both;
}

.home_page_banner {
    width: 100%;
    position: relative;
    display: inline-block;
}

.home_page_banner_content {
    position: absolute;
    bottom: 75px;
    z-index: 1;
    max-width: 1272px;
    width: 100%;
    left: 0px;
    right: 0px;
    margin: auto;
    color: rgb(255, 255, 255);
}

.home_page_banner_content h1 {
    font-size: 5.6rem;
    line-height: 1.125em;
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    margin-bottom: 23px;
}

.home_page_banner_content p {
    font-size: 1.5rem;
    line-height: 1.15em;
    margin-bottom: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home_page_banner_content p:empty,
.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-bcap-update:empty::before,
.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-update:empty::before {
    display: none;
}

.thumbnail_container li:nth-child(n+8) {
    display: none;
}

.thumbnail_container li:nth-child(n+7) {
    margin-right: 0px;
}

iframe.banner-iframe-video~.home_page_banner_content h1,
iframe.banner-iframe-video~.home_page_banner_content p {
    display: none;
}

.promotion-carousal {
    max-width: 1272px;
    margin: 0px auto 30px;
}

.banner-iframe-video {
    display: block;
}

.banner_container_desktop_img,
.banner_container_mobile_img {
    height: 850px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner_container_desktop_img {
    display: block;
}

.home_page_banner_content_inner.col-md-8,
.sitecore-wffm-form-custom.custom-wffm-form label[class*=" icon-"],
.sitecore-wffm-form-custom.custom-wffm-form label[class^="icon-"] {
    padding: 0px;
}

.banner_container_mobile_img,
.thumbnail_outer.thumbnail_outer {
    display: none;
}

.promotion-carousal .slick-slide.slick-current .item-desc p,
.thumbnail_outer.thumbnail_container_active {
    display: block;
}

.promotion-carousal .item-desc {
    position: absolute;
    z-index: 1;
    top: 0px;
    width: 100%;
    padding: 32px;
    color: rgb(255, 255, 255);
}

.promotion-carousal .item {
    position: relative;
    display: flex;
    margin-right: 24px;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 100%;
}

.promotion-carousal .imgContainer {
    z-index: 0;
    position: relative;
    width: 390px;
    display: block;
    max-width: 100%;
    background-position: center center !important;
    background-size: cover !important;
}

.promotion-carousal .item_meta {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.375rem;
    font-weight: 500;
    background: rgb(72, 144, 255);
    display: inline-block;
    padding: 4px 7px;
    margin-bottom: 14px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
}

.promotion-carousal .item-desc p {
    display: none;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 22px;
    color: rgb(96, 96, 96);
}

.promotion-carousal h3 {
    color: rgb(0, 0, 0);
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 16px;
    font-weight: 400;
}

.promotion-carousal .slick-slide.slick-current .item-desc {
    position: relative;
    color: rgb(0, 0, 0);
    max-width: 390px;
}

.promotion-carousal .slick-arrow::before,
.promotion-carousal .slick-arrow:hover::before {
    color: rgb(0, 100, 255) !important;
}

.promotion-carousal .slick-arrow {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
}

.promotion-carousal .slick-track {
    display: flex !important;
}

.promotion-carousal .slick-slide {
    height: inherit !important;
}

.promotion-carousal-title {
    width: 100%;
    max-width: 1272px;
    margin: 22px auto 40px;
    display: flex;
    justify-content: space-between;
}

.promotion-carousal-title h2 {
    font-size: 3.9rem;
    line-height: 3.625rem;
    letter-spacing: 0.5px;
    color: rgb(0, 0, 0);
}

.promotion-carousal-title a.link-primary {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.promotion-carousal .slick-slide .item-desc {
    min-height: 430px;
}

.promotion-carousal .slick-prev {
    left: 45px;
}

.promotion-carousal .slick-next {
    right: 45px;
}

.promotion-carousal .slick-arrow {
    background: rgba(255, 255, 255, 0.7);
    width: 66px;
    height: 66px;
    margin-top: -33px;
}

.promotion-carousal .slick-arrow.slick-next::before,
.promotion-carousal .slick-arrow.slick-prev::before {
    font-size: 16px;
    line-height: 4;
}

.promotion-carousal .slick-slide.slick-current .active {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    height: 100%;
}

.promotion-carousal .slick-slide .innactive {
    display: block;
    height: 100%;
}

.promotion-carousal .slick-slide .active,
.promotion-carousal .slick-slide.slick-current .innactive {
    display: none;
}

.promotion-carousal .imgContainer img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.crossBanner {
    margin: 0px auto;
    max-width: 1272px;
    width: 100%;
}

.crossBanner_content {
    display: flex;
    margin: 34px 0px 60px;
    align-items: flex-start;
    font-family: BangkokBank-Regular;
    flex-direction: row;
    padding: 0px 48px;
}

.crossBanner_label {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    background: rgb(72, 144, 255);
    color: rgb(255, 255, 255);
    padding: 4px 7px;
    line-height: 1.375rem;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 16px;
    margin-right: 12px;
}

.crossBanner_description,
.crossBanner_title {
    max-width: 350px;
    font-weight: 400;
    width: 100%;
    margin-left: 12px;
    margin-right: 12px;
}

.crossBanner_title {
    font-size: 1.6rem;
    line-height: 1.571rem;
    color: rgb(0, 0, 0);
    font-family: BangkokBank-Medium;
    position: relative;
    top: 3px;
}

[lang="th"] .crossBanner_title,
title-1.small {
    font-size: 1.6rem;
    line-height: 2rem;
}

.crossBanner_description {
    font-size: 1rem;
    flex-grow: 1;
    line-height: 1.375rem;
}

.crossBanner_link {
    margin-left: auto;
}

.crossBanner_img {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.crossBanner_img_mobile,
.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a::before,
.wrapper_tool_section h2.title-1::before {
    display: none;
}

.crossBanner_img_desktop {
    display: block;
}

.crossBanner .inner-container .crossBanner_content .crossBanner_title:not(.crossBanner_label ~ .crossBanner_title) {
    margin-left: 0px !important;
    margin-right: 12px;
}

.wrapper_tool_section .fullwidth_tool_section {
    display: flex;
    flex-direction: row-reverse;
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
    width: 100% !important;
}

.wrapper_tool_section .disable_promotion_section {
    display: none !important;
}

.wrapper_tool_section .fullwidth_tool_section .quick-news {
    max-width: 32%;
    margin: 0px 2% 0px 0px;
    border-radius: 7px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 24px;
    min-height: 490px;
}

.wrapper_tool_section .fullwidth_tool_section .quick-news .tab-header a.active {
    text-transform: initial;
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    color: rgb(147, 147, 153) !important;
    font-weight: 400 !important;
}

.wrapper_tool_section .fullwidth_tool_section .quick-news .text-default {
    color: rgb(120, 120, 125);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

.wrapper_tool_section .fullwidth_tool_section .slick-dots li button::before {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
}

.wrapper_tool_section .fullwidth_tool_section .slick-dots li.slick-active button::before {
    background: rgb(0, 100, 255);
    border: 6px solid rgb(0, 100, 255);
    top: 2px;
    position: relative;
}

.wrapper_tool_section .fullwidth_tool_section .quick-news .link-primary {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: rgb(0, 100, 255) !important;
}

.wrapper_tool_section .fullwidth_tool_section .currency .tab-header {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    color: rgb(0, 0, 0) !important;
}

.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a {
    font-size: 0.9rem;
    padding: 7px 16px 5px;
    font-weight: 400;
    text-align: center;
    display: flex;
    line-height: 1.125rem;
    color: rgb(23, 23, 23) !important;
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list {
    position: relative;
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list:last-child {
    border: 0px;
}

.tips_insight_carousal .slick-dots li.slick-active button,
.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner #exchange .currency-list,
.wrapper_tool_section .fullwidth_tool_section .slick-dots li.slick-active button {
    border: 0px;
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list .default-wrap {
    left: 0px;
    right: 0px;
    bottom: initial;
    margin-top: 24px;
    position: relative !important;
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner * {
    font-family: BangkokBank_Text-Medium, Tahoma, Helvetica, Arial, sans-serif;
    color: rgb(0, 0, 0);
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner {
    max-width: 100%;
    min-height: auto;
    padding: 0px;
    width: 66%;
    background: rgb(255, 255, 255);
    color: rgb(23, 23, 23);
    box-shadow: none;
}

.wrapper_tool_section .fullwidth_tool_section .currency-converter {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 49%;
    height: auto;
    padding: 0px;
    border-radius: 7px;
    background: rgb(255, 255, 255);
}

.wrapper_tool_section .fullwidth_tool_section article.currency-info {
    max-width: 48%;
    padding: 24px;
    border-radius: 7px;
    background: rgb(245, 245, 245);
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 490px;
}

.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a.active {
    background: rgb(255, 255, 255);
    position: relative;
    border-radius: 32px;
}

.no-touch.desktop .wrapper_tool_section .fullwidth_tool_section .currency .tab-header a:active,
.no-touch.desktop .wrapper_tool_section .fullwidth_tool_section .currency .tab-header a:hover,
.wrapper_tool_section .fullwidth_tool_section .converter .convert-group .currency-dropdown *,
.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a.active:hover,
.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a:hover {
    color: rgb(23, 23, 23) !important;
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .converter {
    padding: 0px;
    height: 100%;
    min-height: 490px;
    position: relative;
}

.wrapper_tool_section .fullwidth_tool_section .converter .convert-group {
    height: 233px;
    width: 100%;
    max-width: 100%;
    padding: 24px;
    background: rgb(35, 58, 88);
    border-radius: 5px;
    margin: 0px !important;
}

.wrapper_tool_section .fullwidth_tool_section .converter .convert-group * {
    color: rgb(255, 255, 255) !important;
}

.wrapper_tool_section .inner-container {
    max-width: 1272px;
    width: 100%;
    padding: 0px !important;
}

.wrapper_tool_section {
    margin-bottom: 30px;
}

.wrapper_tool_section .inner-container .text-center {
    text-align: left !important;
}

.wrapper_tool_section .inner-container .text-center>h2 {
    padding: 0px;
    margin-bottom: 40px;
    margin-top: 36px;
    font-size: 60px;
    line-height: 60px;
    color: rgb(23, 23, 23);
}

.wrapper_tool_section .fullwidth_tool_section .converter .convert-group .country-select {
    float: right;
    position: relative;
    top: 6px;
    margin-right: 6px;
}

.wrapper_tool_section .fullwidth_tool_section .converter .convert-group .icon-dropdown {
    top: 17px;
    transform: none;
}

.wrapper_tool_section .fullwidth_tool_section .currency .tab-header li {
    width: auto;
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-bcap-update::before,
.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-update::before {
    content: "";
    background: green;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner thead tr {
    position: relative;
    border-bottom: 1px solid rgb(229, 229, 231);
}

.wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary {
    font-weight: 400;
}

.wrapper_tool_section .fullwidth_tool_section .converter .convert-group>input {
    bottom: 50px;
    position: absolute;
    width: calc(100% - 48px);
    left: 0px;
    right: 0px;
    margin: auto;
    border-bottom: 1px solid rgb(204, 204, 204);
    font-size: 3.9rem;
    font-weight: 900;
    line-height: 4.875rem;
    height: auto;
}

.wrapper_tool_section .fullwidth_tool_section .btn-convert.full-width {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1;
    width: 66px;
    height: 66px;
    max-width: 66px;
    font-size: 0px;
    line-height: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    padding: 0px;
    opacity: 0.9;
    background: rgb(214, 214, 214);
    border-radius: 50% !important;
}

.wrapper_tool_section .fullwidth_tool_section .converter .convert-group:first-child {
    margin-bottom: 24px !important;
}

.wrapper_tool_section .fullwidth_tool_section .btn-convert::after {
    content: "";
    font-weight: 100;
    left: 0px;
    margin: auto;
    position: absolute;
    transform: none;
    text-align: center;
    right: 0px;
    color: rgb(0, 51, 153);
    top: 0px;
    font-size: x-large;
    background-image: url("/k393_th_points_bangkokbank_index/resources/98e49009c8b039a90a09c87bb171e1ff.svg");
    background-size: cover;
    width: 100%;
    height: 100%;
}

.wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    color: rgb(0, 100, 255) !important;
    line-height: 1.375rem !important;
}

.wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary:hover {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    color: rgb(0, 72, 183) !important;
}

.no-touch.desktop .wrapper_tool_section .fullwidth_tool_section .btn-convert:hover::after {
    scale: initial;
    transform: none;
}

.tips-and-insight .text-center h2::before,
.tips_insight_container h2.title-1::before,
.wrapper_tool_section .fullwidth_tool_section .currency-converter .sub-title-medium {
    display: none;
}

.wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content] {
    max-height: calc(100% - 80px);
    height: 100%;
}

.wrapper_tool_section .fullwidth_tool_section {
    min-height: 385px !important;
}

.wrapper_tool_section .fullwidth_tool_section .currency .tab-header {
    display: flex;
    align-items: baseline;
}

.currency_title_from,
.currency_title_to {
    padding-top: 13px;
    display: none;
}

.wrapper_tool_section .fullwidth_tool_section .currency_title_from,
.wrapper_tool_section .fullwidth_tool_section .currency_title_to {
    display: inline-block;
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
}

.tips_insight_container .inner-container .text-center {
    text-align: left !important;
}

.tips_insight_container h2.title-1 {
    padding: 0px !important;
    margin-bottom: 60px !important;
}

.tips_insight_quick_access {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 24px;
}

.tips-and-insight {
    margin-bottom: 104px;
}

.tips_insight_quick_access_title {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-size: 2rem;
    line-height: 2rem;
}

[lang="th"] .tips_insight_quick_access_title {
    line-height: 2.5rem;
}

.tips-and-insight .col-md-4 {
    min-width: 408px;
    padding-right: 4px;
    width: 32.9% !important;
}

.tips-and-insight .col-md-8 {
    width: 67% !important;
}

.tips_insight_quick_access_item {
    width: 33%;
    max-width: 264px;
    min-height: 210px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgb(255, 255, 255);
    border-radius: 7px;
    flex: 1 0 auto;
    order: 0;
    align-self: stretch;
    position: relative;
    padding: 23px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    transition: 0.2s;
}

.tips_insight_quick_access_item a {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.tips_insight_quick_access_item img {
    max-width: 48px;
    max-height: 48px;
    width: 100%;
    margin: 0px;
    object-fit: contain;
}

.tips_insight_container {
    margin-bottom: 50px;
}

.tips_insight_quick_access_item:hover {
    border: 1px solid rgb(0, 100, 255);
    box-shadow: rgba(0, 51, 153, 0.17) 5px 5px 0px;
}

.tips_insight_carousal,
.tips_insight_carousal .slick-list,
.tips_insight_carousal .slick-track {
    height: 100%;
}

.tips_insight_carousal {
    position: absolute !important;
    width: 100%;
}

.tips_insight_carousal ul.slick-dots {
    position: absolute;
    bottom: 24px;
    left: 24px;
    text-align: left;
    line-height: 0;
    width: auto;
}

.tips_insight_carousal_content {
    padding: 24px;
}

.tips_insight_carousal .slick-dots li button::before {
    border: 1px solid rgb(200, 200, 204);
    width: 8px;
    height: 8px;
}

.tips_insight_carousal .slick-dots li.slick-active button::before {
    background: rgb(0, 51, 153);
    border: 6px solid rgb(0, 51, 153);
    position: relative;
    top: 1px;
}

.tips_insight_carousal_container {
    height: 100%;
    border-radius: 7px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 445px;
    position: relative;
    overflow: hidden;
}

.tips_insight_carousal_badge {
    font-size: 0.9rem;
    line-height: 1.125rem;
    font-weight: 500;
    background: rgb(72, 144, 255);
    display: inline-block;
    margin-bottom: 14px;
    color: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 4px 7px !important;
}

.tips_insight_carousal_title {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 24px;
}

[lang="th"] .tips_insight_carousal_title {
    line-height: 2.5rem;
}

.tips_insight_carousal_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: center center;
    z-index: -1;
    box-shadow: rgb(255, 255, 255) 0px -110px 40px -50px inset;
    background-size: cover !important;
}

.tips_insight_carousal_bg_mobile {
    display: none;
    width: 100%;
}

.tips_insight_carousal_more {
    bottom: 24px;
    right: 24px;
    z-index: 1;
    font-weight: 400;
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    position: absolute !important;
    font-size: 0.9rem !important;
    line-height: 1.375rem !important;
}

.tips-and-insight .inner-container {
    max-width: 1272px;
    width: 100%;
    padding: 0px !important;
}

.tips-and-insight .text-center h2 {
    color: rgb(0, 0, 0);
    text-align: left;
    padding: 0px;
    font-size: 3.9rem !important;
    line-height: 3.625rem !important;
    margin-top: 6px !important;
    margin-bottom: 40px !important;
}

.tips_insight_carousal .tips_insight_carousal_item {
    height: 100%;
}

.page .container .search_modal_active {
    position: relative !important;
    display: block !important;
    z-index: 0 !important;
}

.search_modal_active .searchModalClose {
    display: none;
}

.search_modal_active #btnSearchSubmit {
    background: rgb(255, 255, 255);
}

.search_modal_active #btnSearchSubmit:hover {
    background: rgb(221, 211, 211);
}

.search_modal_active input#txtSearchSite::placeholder {
    opacity: 0.8;
    font-size: 4rem;
    color: rgb(255, 255, 255) !important;
}

[lang="th"] .search_modal_active input#txtSearchSite::placeholder {
    opacity: 0.8;
    font-size: 3rem;
    font-weight: 500;
    color: rgb(255, 255, 255) !important;
}

.error-404 {
    justify-content: center;
    text-align: center;
    margin-bottom: 40px;
    min-height: 500px;
    align-items: center;
    background: rgb(255, 255, 255) !important;
}

.error-404,
.tips-and-insight .inner-container>.row {
    display: flex;
}

.crossBanner_img.crossBanner_img_mobile,
.crossBanner_img_desktop {
    height: 584px;
}

.home_page_banner_content_desktop {
    display: block;
}

.home_page_banner_content_mobile {
    display: none;
}

@media (max-width: 1025px) {

    .crossBanner_img.crossBanner_img_mobile,
    .crossBanner_img_desktop {
        height: 454px;
    }
}

@media (max-width: 1024px) {
    .home_page_banner_content_desktop {
        display: none !important;
    }

    .home_page_banner_content_mobile,
    .promotion-carousal .item-desc p {
        display: block;
    }

    .home_page_banner_content h1 {
        font-size: 3.3rem;
        line-height: 1.15em;
    }

    .home_page_banner_content p {
        font-size: 1.3rem;
        line-height: 1.15em;
        margin-bottom: 33px;
    }

    .home_page_banner_content {
        text-align: center;
        padding: 0px 20px;
        bottom: 32px;
    }

    .thumbnail_container {
        max-width: initial;
        padding: 14px 20px 0px;
        width: max-content;
    }

    .thumbnail_outer {
        width: 100%;
        overflow: visible auto;
        padding-bottom: 48px;
        bottom: 0px;
    }

    .thumbnail_outer.thumbnail_container_active {
        opacity: 1;
        visibility: visible;
        bottom: 0px;
    }

    iframe.banner-iframe-video {
        height: auto !important;
        min-height: 608px;
    }

    iframe.banner-iframe-video~.home_page_banner_content {
        text-align: left;
    }

    .thumbnail_container li {
        width: 193px;
        max-height: 238px;
        margin-right: 16px;
    }

    .tips_insight_quick_access_title {
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 1.5rem;
        line-height: 1.625rem;
        display: -webkit-box !important;
    }

    [lang="th"].tips_insight_quick_access_title {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }

    iframe.banner-iframe-video~.home_page_banner_content h1 {
        font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
    }

    .promotion-carousal {
        margin: 0px auto 24px;
    }

    .promotion-carousal .item {
        display: block;
        margin-right: 16px;
        max-height: 490px;
    }

    .promotion-carousal .item-desc {
        position: inherit;
        padding: 16px;
        max-height: 270px;
    }

    .promotion-carousal .imgContainer {
        max-width: 100%;
        height: 220px;
        width: 100%;
    }

    .promotion-carousal .imgContainer img {
        object-fit: cover;
    }

    .promotion-carousal .slick-arrow {
        display: none !important;
    }

    .promotion-carousal .slick-slide {
        max-width: 315px;
        width: 100%;
        height: inherit !important;
    }

    .promotion-carousal-title {
        padding: 0px 20px;
        margin-top: 24px;
        margin-bottom: 14px;
    }

    .promotion-carousal-title a.link-primary {
        display: flex;
        min-width: 100px;
        align-items: end;
        justify-content: end;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }

    .promotion-carousal .item_meta {
        margin-bottom: 13px;
    }

    .promotion-carousal .item-desc p,
    .promotion-carousal h3 {
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box !important;
    }

    .promotion-carousal h3 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 8px;
        -webkit-line-clamp: 2 !important;
    }

    .promotion-carousal .item-desc p {
        font-size: 0.9rem;
        line-height: 1.375rem;
        -webkit-line-clamp: 4;
    }

    .promotion-carousal .item-desc .btn-primary {
        font-size: 0.8rem;
        position: absolute;
        bottom: 16px;
    }

    .promotion-carousal-title a.link-primary::after {
        top: auto;
        bottom: 0px;
    }

    .promotion-carousal .slick-slide .item-desc {
        min-height: 270px;
    }

    .promotion-carousal .slick-slide .active {
        display: block !important;
        height: 100%;
    }

    .promotion-carousal .slick-slide .innactive {
        display: none !important;
    }

    .crossBanner_content {
        flex-direction: column;
    }

    .crossBanner_label {
        margin-bottom: 10px;
        font-size: 0.9rem;
        line-height: 1.375rem;
        padding: 4px 7px;
    }

    .crossBanner_title,
    [lang="th"] .crossBanner_title {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 3rem;
        line-height: 2.875rem;
    }

    [lang="th"] .crossBanner_title {
        line-height: 3.75rem;
    }

    .crossBanner_description,
    .crossBanner_title {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .crossBanner_description,
    [lang="th"] .crossBanner_description {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .crossBanner_link {
        margin-left: 0px;
    }

    .wrapper_tool_section .fullwidth_tool_section .quick-news {
        max-width: 100%;
        width: 100%;
        margin: 0px 0px 20px;
        padding-bottom: 55px;
        min-height: 490px;
    }

    .wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner {
        width: 100%;
    }

    .wrapper_tool_section .fullwidth_tool_section {
        flex-direction: column;
    }

    .wrapper_tool_section .fullwidth_tool_section .converter .convert-group:first-child {
        margin-bottom: 24px !important;
    }

    .wrapper_tool_section .fullwidth_tool_section article.currency-info {
        max-width: 100%;
        margin-bottom: 20px;
        min-height: initial;
    }

    .wrapper_tool_section .fullwidth_tool_section .currency-converter {
        position: absolute;
        width: 100%;
        top: 100%;
        background: 0px 0px;
    }

    .wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content] {
        max-height: calc(100% - 24px);
        height: 367px;
    }

    .wrapper.wrapper_tool_section {
        margin-bottom: 0px;
    }

    .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news,
    [lang="th"] .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news {
        margin-top: 512px;
    }

    .tips_insight_quick_access_item {
        width: 29%;
        min-height: 215px;
        max-height: 215px;
        max-width: 33%;
    }

    .tips_insight_container .col-md-4 {
        width: 100%;
        margin-bottom: 24px;
    }

    .tips_insight_container .col-md-8 {
        width: 100%;
    }

    .tips_insight_quick_access {
        margin-top: 20px;
        gap: 16px;
    }

    .tips-and-insight .col-md-4,
    .tips-and-insight .col-md-8 {
        min-width: 100%;
        width: 100% !important;
        padding: 0px !important;
    }

    .tips-and-insight {
        margin-bottom: 32px;
    }

    .tips_insight_quick_access_item {
        padding: 24px;
    }

    .search_modal_active input#txtSearchSite::placeholder {
        font-size: 2.73rem;
    }

    .tips-and-insight .inner-container>.row {
        flex-direction: column;
        margin-left: 0px;
        margin-right: 0px;
    }

    .home_page_banner_content_inner.col-md-8 {
        width: 100%;
    }

    .tips_insight_carousal .tips_insight_carousal_item {
        min-height: 454px;
    }

    .home_page_banner::after {
        content: "";
        border-bottom: 1px solid rgb(227, 227, 229);
        position: absolute;
        bottom: 0px;
        width: calc(100% - 96px);
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .thumbnail_outer::-webkit-scrollbar {
        width: 0px;
    }
}

@media (max-width: 760px) {
    .tips-and-insight {
        padding: 0px 15px;
    }

    .home_page_banner::after {
        width: calc(100% - 32px);
    }

    .promotion-carousal {
        padding: 0px;
    }

    .promotion-carousal-title a.link-primary {
        top: 5px !important;
    }

    .thumbnail_outer {
        padding-bottom: 24px;
    }

    .tips_insight_carousal .tips_insight_carousal_item,
    .wrapper_tool_section .fullwidth_tool_section .quick-news {
        min-height: initial;
    }

    .wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content] {
        height: auto;
    }

    .tips_insight_quick_access_item {
        min-height: 130px;
        padding: 8px;
    }

    .tips_insight_quick_access_item img {
        max-width: 30px;
        margin: 0px;
    }

    .tips_insight_carousal_title {
        font-size: 2rem;
        line-height: 2.5rem;
        color: rgb(0, 0, 0);
    }

    .tips-and-insight .col-md-8 {
        width: 100% !important;
    }

    .tips_insight_carousal_badge {
        padding: 8px 10px;
    }

    .tips_insight_carousal {
        position: relative !important;
    }

    .tips_insight_carousal_title {
        margin-bottom: 30px;
        max-width: 65%;
    }

    .tips_insight_carousal ul.slick-dots {
        inset: 215px 24px auto auto;
    }

    .tips_insight_carousal_bg {
        box-shadow: none;
        display: none;
        background: 0px 0px !important;
    }

    .tips_insight_carousal_more {
        font-size: 0.6rem;
        line-height: 0.875rem;
        font-weight: 500;
    }

    .tips_insight_carousal_content {
        padding: 20px;
        min-height: 203px;
        max-height: 203px;
    }

    .tips_insight_carousal_container {
        min-height: inherit;
        height: auto;
    }

    .tips_insight_carousal_bg {
        position: relative;
        max-height: 150px;
        min-height: 150px;
        background-position: center center;
    }

    .tips_insight_carousal_bg_mobile {
        display: block;
        min-height: 197px;
        max-height: 197px;
        background-position: center center;
        background-size: cover !important;
    }

    .tips_insight_quick_access_item {
        max-width: 33.33%;
    }

    .promotion-carousal .slick-slide {
        height: inherit !important;
        max-width: 268px;
    }

    .promotion-carousal .item {
        margin-right: 8px;
    }

    .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news,
    [lang="th"] .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news {
        margin-top: 512px;
    }

    .wrapper_tool_section .fullwidth_tool_section .currency .tab-header a {
        font-size: 0.9rem;
        padding: 8px 10px !important;
    }

    .thumbnail_container li {
        width: 124px;
        max-height: 154px;
        height: 154px;
        margin-right: 8px;
    }

    .thumbnail_outer.thumbnail_outer {
        bottom: 0px;
    }

    iframe.banner-iframe-video~.home_page_banner_content {
        text-align: center;
        position: relative;
        color: rgb(0, 0, 0);
        bottom: 0px;
        transform: none;
        min-height: calc(300px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 15px;
    }

    .banner_container_desktop_img {
        display: none;
    }

    .banner_container_mobile_img,
    .crossBanner_img_mobile,
    .promotion-carousal .item-desc p {
        display: block;
    }

    .crossBanner_img_desktop {
        display: none;
        height: calc(50vw);
    }

    .crossBanner_img.crossBanner_img_mobile {
        height: calc(50vw);
    }

    iframe.banner-iframe-video {
        min-height: 308px;
    }

    iframe.banner-iframe-video~.home_page_banner_content h1,
    iframe.banner-iframe-video~.home_page_banner_content p {
        display: block;
        width: 100%;
    }

    iframe.banner-iframe-video~.home_page_banner_content p:empty {
        display: none;
    }
}

@media (min-width: 1271px) {
    .promotion-carousal {
        max-width: 100%;
    }

    .promotion-carousal .slick-track {
        margin-left: -205px;
    }

    .promotion-carousal .item {
        justify-content: right;
    }

    .promotion-carousal .slick-slide.slick-current .item,
    .promotion-carousal .slick-slide.slick-current~.slick-slide .item {
        justify-content: initial;
    }

    .promotion-carousal .slick-prev {
        left: 50%;
        margin-left: -682px;
    }

    .promotion-carousal .slick-next {
        right: 50%;
        margin-right: -682px;
    }

    .promotion-carousal .imgContainer {
        width: 410px !important;
    }

    .promotion-carousal .slick-slide.slick-current .imgContainer {
        width: 445px;
    }

    .promotion-carousal .slick-slide .item {
        min-width: 840px !important;
    }

    .promotion-carousal .slick-slide.slick-current+.slick-slide~.slick-slide {
        margin-left: -430px !important;
    }

    .tips-and-insight .col-md-8 {
        padding-right: 0px !important;
    }
}

@media (min-width: 1025px) {
    .promotion-carousal .item {
        min-width: 815px;
        border: 0px;
        max-height: 490px;
    }

    .promotion-carousal .slick-slide .item-desc {
        max-width: 390px;
    }

    .promotion-carousal .slick-slide.slick-current .item {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .promotion-carousal .imgContainer {
        border-radius: 7px;
        overflow: hidden;
        width: 425px;
    }

    .promotion-carousal .slick-slide.slick-current .imgContainer {
        border-radius: 0px;
        border: 0px;
    }

    .promotion-carousal .slick-slide.slick-current+.slick-slide+.slick-slide {
        margin-left: -385px;
    }

    .thumbnail_outer {
        overflow: auto;
        height: auto;
        max-width: 1272px;
        margin: 0px auto;
    }

    .promotion-carousal .slick-slide {
        min-height: 490px;
    }

    .wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner #exchange .currency-list {
        min-height: 388px;
    }

    .wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner #exchange .currency-list .default-wrap {
        position: absolute !important;
        bottom: 0px;
    }

    .crossBanner_title,
    .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }

    .crossBanner_title {
        top: -4px;
    }

    [lang="th"] .crossBanner_title,
    [lang="th"] .wrapper_tool_section .inner-container .text-center>h2 {
        top: -15px;
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }

    .tips_insight_quick_access_item {
        max-height: 215px;
        min-height: 215px;
        max-width: calc(33% - 24px);
    }

    .tips-and-insight .col-md-4 {
        min-height: 454px;
    }
}

@media (min-width: 991px) and (max-width: 1480px) {
    iframe.banner-iframe-video {
        border-bottom: 30px solid rgb(0, 0, 0);
        background-color: rgb(0, 0, 0);
    }
}

@media (max-width: 1024px) {

    .banner_container_desktop_img,
    .banner_container_mobile_img {
        height: 608px;
    }

    .thumbnail_outer.thumbnail_outer {
        opacity: 1;
        display: block;
        visibility: visible;
    }
}

@media (max-width: 991px) {
    iframe.banner-iframe-video {
        border-top: 66px solid rgb(0, 51, 153);
    }

    .tips-and-insight .inner-container>.row {
        display: initial;
    }
}

@media (max-width: 760px) {
    .promotion-carousal-title h2 {
        font-size: 3.9rem;
        line-height: 3.625rem;
    }

    .tips-and-insight .text-center h2 {
        line-height: 3.625rem;
        font-size: 3.9rem !important;
        margin-bottom: 14px !important;
    }

    .home_page_banner_content h1 {
        font-size: 3.3rem;
        line-height: 1.15em;
    }

    .home_page_banner_content p {
        font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
        font-size: 1.3rem;
        line-height: 1.15em;
    }

    .wrapper_tool_section .inner-container .text-center>h2 {
        margin-top: 24px;
        margin-bottom: 14px;
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }
}

@media (min-width: 1025px) and (max-width: 1920px) {

    .wrapper_tool_section .promotion-carousal-title h2,
    .wrapper_tool_section .text-center .title-1.line.small {
        font-size: 3.9rem !important;
        line-height: 3.625rem !important;
    }

    .home_page_banner_content,
    .promotion-carousal-title,
    .wrapper_tool_section .inner-container {
        max-width: 100% !important;
        padding-left: 84px !important;
        padding-right: 84px !important;
    }

    .thumbnail_outer {
        max-width: 100% !important;
    }

    .crossBanner,
    .tips-and-insight .inner-container {
        max-width: 100% !important;
        padding-left: 84px !important;
        padding-right: 84px !important;
    }

    .thumbnail_container {
        margin: 0px;
        display: flex;
        gap: 24px;
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    .thumbnail_container li {
        margin: 0px;
        width: 100%;
        max-width: calc(16.6667% - 20px);
        height: 238px;
    }

    .tips_insight_quick_access_title {
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 1.3rem;
        line-height: 1.571;
        display: -webkit-box !important;
    }

    [lang="th"].tips_insight_quick_access_title {
        font-size: 1.3rem;
        line-height: 1.642;
    }

    .tips-and-insight .col-md-4 {
        min-width: auto;
        padding-right: 0px;
        width: calc(33.33% - 9px) !important;
    }

    .tips-and-insight .col-md-8 {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        width: 68% !important;
        padding-right: 24px !important;
    }

    .tips_insight_quick_access {
        justify-content: flex-end;
    }

    .crossBanner_content,
    .wrapper.tips-and-insight,
    .wrapper_tool_section {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .wrapper_tool_section .fullwidth_tool_section .quick-news {
        max-width: calc(33.33% - 20px);
        margin: 0px 24px 0px 0px;
    }

    .col-md-4.fullwidth_tool_section {
        justify-content: space-between;
    }

    .wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner {
        width: 66.66%;
    }

    .wrapper_tool_section .fullwidth_tool_section .currency-converter {
        width: calc(50% - 12px);
    }

    .wrapper_tool_section .fullwidth_tool_section article.currency-info {
        max-width: calc(50% - 12px);
    }

    .promotion-carousal {
        padding: 0px;
    }

    .promotion-carousal .slick-list.draggable {
        padding: 0px 84px;
    }

    .promotion-carousal .slick-track {
        margin-left: 0px;
    }

    .promotion-carousal .slick-slide.slick-current .item>div {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
    }

    .no-touch .promotion-carousal .slick-slide .item {
        width: calc(-132px + 66.66vw) !important;
        min-width: calc(-132px + 66.66vw) !important;
    }

    .touch .promotion-carousal .slick-slide .item {
        width: calc(-120px + 66.66vw) !important;
        min-width: calc(-120px + 66.66vw) !important;
    }

    .promotion-carousal .slick-slide.slick-current+.slick-slide+.slick-slide {
        margin-left: calc(50px - 33.33vw) !important;
    }

    .promotion-carousal .imgContainer {
        border: 1px solid rgba(0, 0, 0, 0.1);
        width: calc(50% - 10px) !important;
    }

    .promotion-carousal .slick-slide .item-desc {
        width: calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    .promotion-carousal .slick-prev {
        left: 38px;
        margin-left: 0px;
    }

    .promotion-carousal .slick-next {
        right: 38px;
        margin-right: 0px;
    }

    .tips_insight_quick_access_item {
        max-width: calc(33.33% - 24px);
        padding: 24px;
    }

    .thumbnail_outer {
        max-width: calc(100% - 168px);
        width: calc(100% - 168px);
        padding: 0px !important;
    }
}

@media (min-width: 761px) and (max-width: 1024px) {
    .wrapper_tool_section .inner-container .text-center>h2 {
        margin-top: 24px;
        margin-bottom: 14px;
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }

    [lang="th"] .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }

    .crossBanner,
    .home_page_banner_content,
    .promotion-carousal-title,
    .thumbnail_outer,
    .tips-and-insight .inner-container,
    .wrapper_tool_section .inner-container {
        max-width: 100% !important;
        padding-left: 48px !important;
        padding-right: 48px !important;
    }

    .thumbnail_container {
        gap: 16px;
    }

    .thumbnail_container li {
        margin-right: 0px;
        max-width: calc(-33.7778px + 22.2222vw);
        min-width: calc(-33.7778px + 22.2222vw);
        width: 100%;
        height: 238px;
    }

    .crossBanner_content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home_page_banner_content {}

    .promotion-carousal {
        padding-left: 0px;
        padding-right: 0px;
    }

    .promotion-carousal-title {}

    .thumbnail_container,
    .tips-and-insight,
    .wrapper_tool_section {
        padding-left: 0px;
        padding-right: 0px;
    }

    section.promotion-carousal .slick-list {
        left: 48px;
    }

    .thumbnail_container {
        margin: 0px;
    }

    .promotion-carousal .item {
        margin: 0px;
    }

    .promotion-carousal .slick-track {
        gap: 16px;
    }

    .promotion-carousal .slick-slide {
        max-width: 100%;
        width: calc(-42.6667px + 33.3333vw);
    }
}

@media (max-width: 760px) {

    .crossBanner .crossBanner_content,
    .home_page_banner_content,
    .promotion-carousal-title,
    .thumbnail_outer,
    .tips-and-insight .inner-container,
    .wrapper_tool_section .inner-container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .thumbnail_container {
        gap: 8px;
    }

    .promotion-carousal .item_meta {
        padding: 4px 7px;
    }

    .tips_insight_carousal_cta.btn-primary {
        position: absolute;
        bottom: 20px;
    }

    .thumbnail_container li {
        margin-right: 0px;
        width: calc(-16.875px + 37.5vw);
    }

    .wrapper_tool_section .fullwidth_tool_section {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .crossBanner_content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home_page_banner_content {}

    .promotion-carousal {
        padding-left: 0px;
        padding-right: 0px;
    }

    .promotion-carousal-title {}

    .thumbnail_container,
    .tips-and-insight,
    .wrapper_tool_section {
        padding-left: 0px;
        padding-right: 0px;
    }

    section.promotion-carousal .slick-list {
        left: 16px;
    }

    .thumbnail_container {
        margin: 0px;
    }

    .promotion-carousal .item {
        margin: 0px;
    }

    .promotion-carousal .slick-track,
    .tips_insight_quick_access {
        gap: 8px;
    }

    .promotion-carousal .slick-slide {
        width: calc(-26.25px + 75vw);
        max-width: 100%;
    }

    .wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .converter {
        min-height: 424px;
        height: 424px;
    }

    .wrapper_tool_section .fullwidth_tool_section .converter .convert-group {
        height: 200px;
    }

    .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news,
    [lang="th"] .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news {
        margin-top: 447px;
    }

    .wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content] {
        height: auto;
    }
}

@media (min-width: 1920px) {

    .crossBanner,
    .home_page_banner_content,
    .promotion-carousal-title,
    .thumbnail_outer,
    .tips-and-insight .inner-container,
    .wrapper_tool_section .inner-container,
    ul.thumbnail_container {
        max-width: 1752px;
    }

    .promotion-carousal .slick-track {
        margin-left: -287px;
    }

    .promotion-carousal .slick-slide .item {
        min-width: 1156px !important;
    }

    .promotion-carousal .imgContainer {
        width: 573px !important;
    }

    .promotion-carousal .slick-slide.slick-current+.slick-slide~.slick-slide {
        margin-left: -584px !important;
    }

    .promotion-carousal .slick-slide .item-desc,
    .promotion-carousal .slick-slide.slick-current .item-desc {
        max-width: 580px !important;
        height: 100%;
    }

    .thumbnail_container li {
        max-width: 272px;
        width: 100%;
        height: 237px;
        max-height: inherit;
    }

    .tips_insight_quick_access_item {
        width: 33%;
        max-width: 372px;
    }

    .home_page_banner_content {
        bottom: 66px;
    }

    .wrapper_tool_section .fullwidth_tool_section article.currency-info {
        max-width: calc(50% - 12px);
    }

    .wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner {
        width: 66.66%;
    }

    .wrapper_tool_section .fullwidth_tool_section .quick-news {
        max-width: calc(33.33% - 20px);
        margin: 0px 24px 0px 0px;
    }

    .tips-and-insight .col-md-4 {
        padding-right: 0px;
    }

    .tips-and-insight .col-md-8 {
        width: 66.66% !important;
    }
}

@media (min-width: 1921px) {
    .promotion-carousal .slick-prev {
        margin-left: -920px;
    }

    .promotion-carousal .slick-next {
        margin-right: -920px;
    }
}

@media (width: 1920px) {
    .tips-and-insight .col-md-8 {
        padding-right: 0px !important;
        padding-left: 24px;
    }

    .tips_insight_quick_access {
        justify-content: flex-start;
    }

    .tips_insight_quick_access_item {
        width: 33%;
        max-width: calc(33.33% - 24px);
    }
}

.image-button-1,
.image-button-2 {
    height: auto;
    cursor: pointer;
}

.btn-salute:hover,
.image-button-1:hover,
.image-button-2:hover {
    transform: translateY(-10px);
    transition: 0.5s ease-in-out;
}

.btn-salute {
    border: 4px solid rgba(218, 170, 44, 0.66);
    background-color: rgba(128, 128, 128, 0.35);
    color: rgb(218, 152, 28);
    font-weight: 700;
    text-shadow: rgb(170, 92, 92) 2px -1px 0px, rgb(107, 146, 225) 3px -2px 0px;
    letter-spacing: 2.5px;
    border-radius: 20px !important;
}

.btn-salute:hover {
    background-color: rgba(128, 128, 128, 0.45);
}

.height-transition {
    transition: max-height 1s ease-in-out;
    overflow-y: overlay;
}

.height-transition-hidden {
    max-height: 0px;
}

.div-salute-word {
    width: 100%;
    height: 57px;
    padding-top: 10px;
    padding-right: 10px;
    border-radius: 80px;
    background-color: rgb(255, 255, 255);
    border: 2px inset rgba(230, 197, 45, 0.86);
    text-align: left;
    cursor: pointer;
    position: relative;
}

.div-salute-word:hover,
.txt-salute-word:hover {
    background-color: rgba(255, 255, 255, 0.85);
}

.salute-word-select {
    font-size: 1.5rem;
    width: 85%;
    margin-top: 0px;
    float: left;
    color: rgb(184, 134, 11);
    letter-spacing: 1px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 3% !important;
}

.image-arrow-down {
    float: right;
    height: auto;
    cursor: pointer;
    margin-right: 14px !important;
    margin-top: 2px !important;
    min-width: 26px !important;
    max-width: 26px !important;
}

h1.lbl-middle {
    color: rgb(0, 55, 123);
    letter-spacing: 0px;
    line-height: 30px;
}

.image-more-info {
    height: auto;
    margin-right: 0px !important;
    margin-top: -9px !important;
    min-width: 30px !important;
    max-width: 30px !important;
}

.label-please-complete {
    color: rgb(229, 51, 51);
    letter-spacing: 0px;
    width: 60%;
}

.lbl-complete,
.lbl-error,
.lbl-myname {
    color: rgb(0, 55, 123);
    letter-spacing: 0px;
    width: 100%;
}

.lbl-error {
    letter-spacing: 3px;
    font-size: 1.8rem;
    font-family: THSarabunNew-Bold !important;
}

.overflow-x-show {
    overflow-x: visible !important;
}

.txt-salute-word {
    width: 100%;
    border-radius: 50px;
    background-color: rgb(255, 255, 255);
    text-align: left;
    cursor: text;
    border: 2px inset rgba(230, 197, 45, 0.86);
    color: rgb(184, 134, 11);
    height: 55px !important;
    padding-left: 30px !important;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    opacity: 0.6;
    color: rgba(184, 134, 11, 0.8);
}

.div-ul {
    width: 97%;
    top: 60px;
    left: 1%;
    position: absolute;
    border-radius: 10px;
    border: 2px solid gray;
    background-color: rgb(239, 239, 239);
    z-index: 100;
    padding-left: 10px;
}

.ul-style1 li {
    list-style: none;
    height: 20px;
    cursor: pointer;
    letter-spacing: 0px;
    color: rgb(184, 134, 11);
    margin-top: 10px;
    margin-left: 10px;
}

.ul-style1 li:hover {
    transform: translateX(-10px);
    transition: 0.5s ease-in-out;
    color: rgb(170, 92, 92);
}

.hide-content {
    display: none;
}

@media screen and (max-width: 760px) {
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        margin-bottom: 1rem;
    }

    .table-responsive>.table {
        margin-bottom: 0px;
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }

    .table-responsive>.table-bordered {
        border: 0px;
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0px;
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0px;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0px;
    }
}

body,
html {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

a,
abbr,
address,
article,
aside,
blockquote,
cite,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
figcaption,
figure,
footer,
form,
header,
hgroup,
i,
iframe,
ins,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
q,
section,
span,
summary,
time,
ul,
var {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    vertical-align: baseline;
    background: 0px 0px;
    font-weight: 400;
}

b,
body,
code,
fieldset,
html,
kbd,
pre,
samp,
small {
    vertical-align: baseline;
    background: 0px 0px;
}

code,
kbd,
pre,
samp,
small {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-weight: 400;
}

audio,
canvas,
img,
video {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
}

audio,
canvas,
img,
sub,
sup,
video {
    background: 0px 0px;
    font-weight: 400;
}

b,
fieldset {
    font-size: 100%;
}

b,
sub,
sup {
    border: 0px;
}

fieldset {
    font-weight: 400;
}

html {
    text-size-adjust: 100%;
    box-sizing: border-box;
    position: relative;
}

@media only screen and (max-width: 991px) {
    html {
        font-size: 14px;
    }
}

*,
::after,
::before {
    box-sizing: inherit;
}

body {
    background: rgb(255, 255, 255);
    color: rgb(78, 78, 78);
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    line-height: 1;
    backface-visibility: hidden;
    -webkit-text-stroke: 1px transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
    content: none;
}

b,
caption,
fieldset,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr {
    margin: 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

fieldset {
    border: 1px solid silver;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
}

input,
select,
textarea {
    border-radius: 0px;
    appearance: none;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    border: 0px;
}

input,
select {
    vertical-align: middle;
}

button {
    text-transform: none;
}

.clickable,
button,
input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
    cursor: pointer;
}

select {
    font-size: 16px !important;
    text-transform: inherit !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: button;
}

input[type="search"] {
    box-sizing: content-box;
    appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    appearance: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
    appearance: none;
    margin: 0px;
}

sub,
sup {
    position: relative;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    font-size: 0.6em;
    padding-left: 0.5em;
}

sup {
    font-size: 75%;
    top: -0.5em;
}

b,
optgroup,
strong {
    font-weight: 700;
}

h3 {
    font-size: 1.23rem;
}

h4 {
    font-size: 1rem;
}

dfn {
    font-style: italic;
}

small {
    font-size: 80%;
}

a,
ins {
    text-decoration: none;
}

ins,
mark {
    background-color: rgb(255, 255, 153);
    color: rgb(0, 0, 0);
}

mark {
    background-color: rgb(255, 255, 0);
    font-style: italic;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    cursor: help;
}

dfn[title] {
    border-bottom: 1px dotted;
}

code,
kbd,
samp {
    font-size: 1em;
}

hr {
    display: block;
    margin: 1em 0px;
    padding: 0px;
    height: 1px;
    border-width: 1px 0px 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-top-style: solid;
    border-top-color: rgb(204, 204, 204);
}

a {
    color: inherit;
}

.no-touch.desktop a {
    transition: 0.3s;
}

:focus {
    outline: 0px;
}

address {
    font-style: normal;
    line-height: 1.7;
}

noscript {
    position: fixed;
    top: 0px;
    width: 100%;
    padding: 5px;
    text-align: center;
    color: rgb(255, 255, 255);
    background: gray;
}

@media print {

    *,
    ::after,
    ::before {
        background: 0px 0px !important;
        color: rgb(0, 0, 0) !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .visible-print-block {
        display: block !important;
    }

    .visible-print-inline {
        display: inline !important;
    }

    .visible-print-inline-block {
        display: inline-block !important;
    }

    .hidden-print {
        display: none !important;
    }
}

.grid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 761px) {
    .grid {
        width: 760px;
    }
}

@media (min-width: 992px) {
    .grid {
        width: 980px;
    }
}

@media (min-width: 1200px) {
    .grid {
        width: 1180px;
    }
}

.grid-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.row {
    margin-left: -20px;
    margin-right: -20px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.6667%;
}

.col-xs-10 {
    width: 83.3333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.6667%;
}

.col-xs-7 {
    width: 58.3333%;
}

#market-daily-reports #RR td,
.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.6667%;
}

.col-xs-4 {
    width: 33.3333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.6667%;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.6667%;
}

.col-xs-pull-10 {
    right: 83.3333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.6667%;
}

.col-xs-pull-7 {
    right: 58.3333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.6667%;
}

.col-xs-pull-4 {
    right: 33.3333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.6667%;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.6667%;
}

.col-xs-push-10 {
    left: 83.3333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.6667%;
}

.col-xs-push-7 {
    left: 58.3333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.6667%;
}

.col-xs-push-4 {
    left: 33.3333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.6667%;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.6667%;
}

.col-xs-offset-10 {
    margin-left: 83.3333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.6667%;
}

.col-xs-offset-7 {
    margin-left: 58.3333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.6667%;
}

.col-xs-offset-4 {
    margin-left: 33.3333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.6667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-0 {
    margin-left: 0px;
}

@media (min-width: 761px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.6667%;
    }

    .col-sm-10 {
        width: 83.3333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.6667%;
    }

    .col-sm-7 {
        width: 58.3333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.6667%;
    }

    .col-sm-4 {
        width: 33.3333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.6667%;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.6667%;
    }

    .col-sm-pull-10 {
        right: 83.3333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.6667%;
    }

    .col-sm-pull-7 {
        right: 58.3333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.6667%;
    }

    .col-sm-pull-4 {
        right: 33.3333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.6667%;
    }

    .col-sm-pull-1 {
        right: 8.33333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.6667%;
    }

    .col-sm-push-10 {
        left: 83.3333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.6667%;
    }

    .col-sm-push-7 {
        left: 58.3333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.6667%;
    }

    .col-sm-push-4 {
        left: 33.3333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.6667%;
    }

    .col-sm-push-1 {
        left: 8.33333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.6667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.3333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.6667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.3333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.6667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.3333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.6667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-sm-offset-0 {
        margin-left: 0px;
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.6667%;
    }

    .col-md-10 {
        width: 83.3333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.6667%;
    }

    .col-md-7 {
        width: 58.3333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.6667%;
    }

    .col-md-4 {
        width: 33.3333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.6667%;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.6667%;
    }

    .col-md-pull-10 {
        right: 83.3333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.6667%;
    }

    .col-md-pull-7 {
        right: 58.3333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.6667%;
    }

    .col-md-pull-4 {
        right: 33.3333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.6667%;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.6667%;
    }

    .col-md-push-10 {
        left: 83.3333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.6667%;
    }

    .col-md-push-7 {
        left: 58.3333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.6667%;
    }

    .col-md-push-4 {
        left: 33.3333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.6667%;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.6667%;
    }

    .col-md-offset-10 {
        margin-left: 83.3333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.6667%;
    }

    .col-md-offset-7 {
        margin-left: 58.3333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.6667%;
    }

    .col-md-offset-4 {
        margin-left: 33.3333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.6667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-0 {
        margin-left: 0px;
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.6667%;
    }

    .col-lg-10 {
        width: 83.3333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.6667%;
    }

    .col-lg-7 {
        width: 58.3333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.6667%;
    }

    .col-lg-4 {
        width: 33.3333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.6667%;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.6667%;
    }

    .col-lg-pull-10 {
        right: 83.3333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.6667%;
    }

    .col-lg-pull-7 {
        right: 58.3333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.6667%;
    }

    .col-lg-pull-4 {
        right: 33.3333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.6667%;
    }

    .col-lg-pull-1 {
        right: 8.33333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.6667%;
    }

    .col-lg-push-10 {
        left: 83.3333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.6667%;
    }

    .col-lg-push-7 {
        left: 58.3333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.6667%;
    }

    .col-lg-push-4 {
        left: 33.3333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.6667%;
    }

    .col-lg-push-1 {
        left: 8.33333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.6667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.3333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.6667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.3333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.6667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.3333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.6667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-lg-offset-0 {
        margin-left: 0px;
    }
}

.visible-lg,
.visible-md,
.visible-md-up,
.visible-sm,
.visible-sm-up,
.visible-xs {
    display: none !important;
}

@media (max-width: 760px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 761px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 761px) {
    .visible-sm-up {
        display: block !important;
    }

    table.visible-sm-up {
        display: table;
    }

    tr.visible-sm-up {
        display: table-row !important;
    }

    td.visible-sm-up,
    th.visible-sm-up {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) {
    .visible-md-up {
        display: block !important;
    }

    table.visible-md-up {
        display: table;
    }

    tr.visible-md-up {
        display: table-row !important;
    }

    td.visible-md-up,
    th.visible-md-up {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important;
    }
}

@media (max-width: 760px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 761px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 761px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-md-lg {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-md-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-sm-xs {
        display: none !important;
    }
}

.clearfix::after,
.clearfix::before,
.grid-fluid::after,
.grid-fluid::before,
.grid::after,
.grid::before,
.row::after,
.row::before {
    display: table;
    content: "";
}

.clearfix::after,
.grid-fluid::after,
.grid::after,
.row::after {
    clear: both;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.hide,
.invisible {
    visibility: hidden;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
}

.text-left {
    text-align: left !important;
}

@media only screen and (min-width: 992px) {
    .text-right-md {
        text-align: right;
    }
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: 700;
}

.bolder {
    font-weight: 800;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

.display-block {
    display: block;
}

.display-in-block,
.list-inline li {
    display: inline-block;
}

.display-table-cell {
    display: table-cell;
}

.pos {
    position: absolute;
}

.wrap-block {
    overflow: hidden;
}

.dark-grey {
    color: rgb(55, 55, 55);
}

.black {
    color: rgb(0, 0, 0) !important;
}

.list-inline {
    text-align: center;
}

.list-inline li {
    vertical-align: middle;
}

::-webkit-input-placeholder {
    color: rgb(23, 23, 23);
}

@media only screen and (min-width: 761px) and (max-width: 991px) {
    .row:has([class*="col-sm"]) {
        margin-left: -20px;
        margin-right: -20px;
    }
}

.div-img-map {
    cursor: pointer;
    margin-top: 10px;
    position: absolute;
    bottom: 15px;
}

.div-spare {
    width: 100%;
    height: 45px;
    margin-top: 10px;
}

.open-map-icon {
    width: 100%;
    opacity: 0.85;
}

.open-map-label {
    width: 45px;
    float: left;
    bottom: 6%;
    left: 42%;
    z-index: 0;
    font-size: 17px;
    font-weight: 700;
    opacity: 0;
    transform: translate(247%, 52%);
    text-shadow: rgb(211, 211, 211) 4px 2px 10px;
    text-decoration: underline;
}

.div-img-map:hover .open-map-label {
    transform: translate(156%, 52%);
    opacity: 1;
    transition: 0.5s ease-in-out;
}

.btn-get-near-me {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgb(255, 255, 255);
    width: 90px;
    height: 47px;
    font-size: 0px;
    cursor: pointer;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35px;
    background-image: url("/k393_th_points_bangkokbank_index/resources/28eb597ed97ff2eb53b6b5fca0bd373f.svg");
}

.btn-get-near-me:hover {
    border-color: rgb(255, 255, 255);
}

.btn-get-near-me:active {
    background-color: rgba(62, 95, 138, 0.8);
}

#txtTestServiceUrl {
    height: 60px;
    background-color: rgb(255, 160, 122);
    width: 100%;
    border-radius: 50px;
    color: rgb(0, 0, 139);
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 16px;
}

.gm-style-iw-d {
    overflow: unset !important;
}

.AContent,
.icon-search {
    cursor: pointer;
}

.AContent {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: rgb(0, 51, 153);
}

.paddbot {
    margin-bottom: 32px;
}

.HighlightNearMe {
    color: rgb(0, 51, 153) !important;
    font-size: 14px;
}

.NotHighlightNearMe {
    color: rgb(51, 51, 51);
    font-size: 14px;
}

.icustomDropdown {
    padding: 10px 30px;
    font: 400 0.8667rem Muli-Bold !important;
    color: rgb(0, 0, 0) !important;
    cursor: pointer !important;
}

.currency-dropdown {
    padding-top: 0px !important;
}

.ui-selectmenu-menu-fixed {
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 10;
    overflow: auto;
    position: unset !important;
    display: block !important;
}

.currency-dropdown-fixed {
    background-color: rgb(255, 255, 255) !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px !important;
    border: 1px solid rgb(232, 232, 232) !important;
    border-radius: 8px !important;
}

.currency-dropdown-fixed li.active,
.currency-dropdown-fixed li:hover {
    background-color: unset;
    color: rgb(0, 51, 153);
}

.collapse-item-fixed {
    width: 100%;
}

.collapse-Head-Box {
    display: table;
    text-align: center;
}

.collapse-Head-Text {
    text-align: left;
}

.line-fixed {
    margin-top: -14px;
    z-index: 0;
    margin-bottom: 18px;
}

.line-fixed::before {
    width: 64px !important;
}

[data-accordion-customevent] .collapse-header-fixed {
    width: 100% !important;
    border-top: unset !important;
    overflow-x: unset !important;
}

[data-accordion-customevent] .collapse-inner-fixed {
    padding: unset;
    border-top: unset !important;
}

.wordBreak {
    hyphens: auto;
    overflow-wrap: break-word;
    width: 100%;
    word-break: break-all;
    white-space: normal;
}

.content-magin-top {
    margin-top: 10px;
}

.content-magin-toppc {
    margin-top: 18px;
}

.thumb-location {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
}

[data-accordion-customevent] .collapse-item:last-child {
    border-bottom: unset;
}

[data-accordion-customevent] .collapse-inner {
    display: block;
}

[data-accordion-customevent] .collapse-header.active::after {
    content: "";
    position: absolute;
    top: 9%;
    right: 4px;
    transform: translateY(-9%);
    color: rgb(96, 96, 96);
    font-size: 11px;
    font-weight: 600;
    font-family: icomoon !important;
}

[data-accordion-customevent] .collapse-header::after {
    content: "";
    position: absolute;
    top: 40%;
    right: 0px;
    transform: translateY(-50%);
    color: rgb(96, 96, 96);
    font-size: 8px;
    font-family: icomoon !important;
}

#Areaslot.tabs>li {
    float: left;
    margin-left: 15px;
    cursor: pointer;
}

#Areaslot.tabs>li.selected>a {
    background-color: rgb(255, 255, 255);
    color: rgb(107, 107, 107);
}

.btn-default-fixed {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: inherit;
    line-height: 45px;
    transition: 0.3s;
    min-width: 155px;
    font-family: BangkokBank-regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

.first-item {
    background-color: rgb(224, 230, 248);
    border-radius: 4px 0px 0px 4px;
    color: rgb(0, 51, 153);
    text-align: center;
    position: absolute;
    top: 0px;
    right: -20px;
    padding: 0px 5px;
    font-size: 12px !important;
}

.a-disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

@media (min-width: 768px) {
    .Link-Box {
        display: block;
        height: 67px;
    }

    .Link-Box>div {
        float: left;
        position: absolute;
        bottom: 21px;
    }

    .div-img-map {
        width: 85%;
    }

    .row-center [class*="col-"] [class*="thumb-"] {
        width: 100%;
        margin-bottom: 0px;
    }

    .sameHeight {
        height: auto !important;
        margin-bottom: 30px !important;
    }

    .header-Desktop,
    [data-accordion-customevent] .collapse-inner {
        display: block !important;
    }

    .header-Mobile {
        display: none !important;
    }

    .domestic-filter {
        display: flex;
        padding: 0px 1%;
        align-items: center;
        justify-content: center;
    }

    .domestic-filter .Col1 {
        flex: 1 1 0%;
        height: 47px;
    }

    .domestic-filter .Col2 {
        padding: unset;
        flex: 1 1 0%;
    }

    #provinceFilterBar {
        display: none;
        flex: 2 0 0%;
    }

    .controlSpace {
        margin: 0px 10px 0px 0px;
    }

    .hideItemP {
        visibility: hidden;
    }

    .responsive-iframe {
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 774px;
    }
}

@media only screen and (max-width: 767px) {

    #Areaslot.tabs>li,
    #Areaslot.tabs>li.selected {
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 21px;
        text-align: center;
    }

    #Areaslot.tabs>li {
        margin-left: 0px;
        cursor: pointer;
        width: 90px;
        float: left;
        padding: 10px;
        font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
        color: rgb(255, 255, 255);
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    #Areaslot .btn,
    #Areaslot .btn-default-fixed,
    #Areaslot .btn-selected,
    #Areaslot.tabs>li.selected>a,
    .Link-Box>div {
        all: unset;
    }

    #Areaslot.tabs {
        display: table;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    #Areaslot.tabs>li.selected {
        color: rgb(129, 152, 204);
        border-bottom: 1px solid rgb(255, 255, 255);
    }

    [data-accordion-customevent] .collapse-inner {
        display: none;
    }

    [data-accordion-customevent] .collapse-item:last-child {
        border-bottom: 1px solid rgb(158, 158, 158);
    }

    .borderWorkSheet {
        background: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
    }

    .borderWorkSheet,
    .borderWorkSheetForAds {
        padding: 0px 20px 20px;
        width: 100%;
        position: relative;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .thumb-location {
        background: rgb(255, 255, 255);
        padding: 20px;
        width: 100%;
        position: relative;
        box-shadow: unset;
        overflow-wrap: break-word;
        margin-bottom: unset !important;
    }

    .div-img-map {
        width: 100%;
        position: unset;
    }

    [data-accordion-customevent] .collapse-header::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        color: rgb(96, 96, 96);
        font-size: 8px;
        font-family: icomoon !important;
    }

    .collapse-header {
        pointer-events: initial;
    }

    .Link-Box {
        margin-bottom: 13px;
        bottom: 0px;
    }

    .header-Desktop {
        display: none !important;
    }

    .header-Mobile {
        display: block;
    }

    .domestic-filter {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .domestic-filter .Col1 {
        flex: 1 1 0%;
        height: 47px;
    }

    .domestic-filter .Col2 {
        padding: unset;
        flex: 1 1 0%;
    }

    #provinceFilterBar {
        display: none;
        flex: 2 0 0%;
    }

    .controlSpace {
        margin: 10px;
    }

    .Link-Box {
        color-scheme: unset;
        forced-color-adjust: unset;
        mask: unset;
        math-depth: unset;
        position: unset;
        position-anchor: unset;
        text-size-adjust: unset;
        appearance: unset;
        color: unset;
        font: unset;
        font-palette: unset;
        font-synthesis: unset;
        position-area: unset;
        text-orientation: unset;
        text-rendering: unset;
        text-spacing-trim: unset;
        -webkit-font-smoothing: unset;
        -webkit-locale: unset;
        -webkit-text-orientation: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
        zoom: unset;
        accent-color: unset;
        place-content: unset;
        place-items: unset;
        place-self: unset;
        alignment-baseline: unset;
        anchor-name: unset;
        anchor-scope: unset;
        animation-composition: unset;
        animation: unset;
        app-region: unset;
        aspect-ratio: unset;
        backdrop-filter: unset;
        backface-visibility: unset;
        background-attachment: unset;
        background-blend-mode: unset;
        background-clip: unset;
        background-color: rgb(102, 51, 153);
        background-image: unset;
        background-origin: unset;
        background-position: unset;
        background-repeat: unset;
        background-size: unset;
        baseline-shift: unset;
        baseline-source: unset;
        block-size: unset;
        border-block: unset;
        border: unset;
        border-radius: unset;
        border-collapse: unset;
        border-end-end-radius: unset;
        border-end-start-radius: unset;
        border-inline: unset;
        border-start-end-radius: unset;
        border-start-start-radius: unset;
        inset: unset;
        box-decoration-break: unset;
        box-shadow: unset;
        box-sizing: unset;
        break-after: unset;
        break-before: unset;
        break-inside: unset;
        buffered-rendering: unset;
        caption-side: unset;
        caret-color: unset;
        clear: unset;
        clip: unset;
        clip-path: unset;
        clip-rule: unset;
        color-interpolation: unset;
        color-interpolation-filters: unset;
        color-rendering: unset;
        columns: unset;
        column-fill: unset;
        gap: unset;
        column-rule: unset;
        column-span: unset;
        contain: unset;
        contain-intrinsic-block-size: unset;
        contain-intrinsic-size: unset;
        contain-intrinsic-inline-size: unset;
        container: unset;
        content: unset;
        content-visibility: unset;
        counter-increment: unset;
        counter-reset: unset;
        counter-set: unset;
        cursor: unset;
        cx: unset;
        cy: unset;
        d: unset;
        display: unset;
        dominant-baseline: unset;
        dynamic-range-limit: unset;
        empty-cells: unset;
        field-sizing: unset;
        fill: unset;
        fill-opacity: unset;
        fill-rule: unset;
        filter: unset;
        flex: unset;
        flex-flow: unset;
        float: unset;
        flood-color: unset;
        flood-opacity: unset;
        grid: unset;
        grid-area: unset;
        height: unset;
        hyphenate-character: unset;
        hyphenate-limit-chars: unset;
        hyphens: unset;
        image-orientation: unset;
        image-rendering: unset;
        initial-letter: unset;
        inline-size: unset;
        inset-block: unset;
        inset-inline: unset;
        interpolate-size: unset;
        isolation: unset;
        letter-spacing: unset;
        lighting-color: unset;
        line-break: unset;
        list-style: unset;
        margin-block: unset;
        margin: unset;
        margin-inline: unset;
        marker: unset;
        mask-type: unset;
        math-shift: unset;
        math-style: unset;
        max-block-size: unset;
        max-height: unset;
        max-inline-size: unset;
        max-width: unset;
        min-block-size: unset;
        min-height: unset;
        min-inline-size: unset;
        min-width: unset;
        mix-blend-mode: unset;
        object-fit: unset;
        object-position: unset;
        object-view-box: unset;
        offset: unset;
        opacity: unset;
        order: unset;
        orphans: unset;
        outline: unset;
        outline-offset: unset;
        overflow-anchor: unset;
        overflow-block: unset;
        overflow-clip-margin: unset;
        overflow-inline: unset;
        overflow-wrap: unset;
        overflow: unset;
        overlay: unset;
        overscroll-behavior-block: unset;
        overscroll-behavior-inline: unset;
        overscroll-behavior: unset;
        padding-block: unset;
        padding: unset;
        padding-inline: unset;
        page: unset;
        page-orientation: unset;
        paint-order: unset;
        perspective: unset;
        perspective-origin: unset;
        pointer-events: unset;
        position-try: unset;
        position-visibility: unset;
        print-color-adjust: unset;
        quotes: unset;
        r: unset;
        reading-flow: unset;
        reading-order: unset;
        resize: unset;
        rotate: unset;
        ruby-align: unset;
        ruby-position: unset;
        rx: unset;
        ry: unset;
        scale: unset;
        scroll-behavior: unset;
        scroll-initial-target: unset;
        scroll-margin-block: unset;
        scroll-margin: unset;
        scroll-margin-inline: unset;
        scroll-marker-group: unset;
        scroll-padding-block: unset;
        scroll-padding: unset;
        scroll-padding-inline: unset;
        scroll-snap-align: unset;
        scroll-snap-stop: unset;
        scroll-snap-type: unset;
        scroll-timeline: unset;
        scrollbar-color: unset;
        scrollbar-gutter: unset;
        scrollbar-width: unset;
        shape-image-threshold: unset;
        shape-margin: unset;
        shape-outside: unset;
        shape-rendering: unset;
        size: unset;
        speak: unset;
        stop-color: unset;
        stop-opacity: unset;
        stroke: unset;
        stroke-dasharray: unset;
        stroke-dashoffset: unset;
        stroke-linecap: unset;
        stroke-linejoin: unset;
        stroke-miterlimit: unset;
        stroke-opacity: unset;
        stroke-width: unset;
        tab-size: unset;
        table-layout: unset;
        text-align: unset;
        text-align-last: unset;
        text-anchor: unset;
        text-box: unset;
        text-combine-upright: unset;
        text-decoration: unset;
        text-decoration-skip-ink: unset;
        text-emphasis: unset;
        text-emphasis-position: unset;
        text-indent: unset;
        text-overflow: unset;
        text-shadow: unset;
        text-transform: unset;
        text-underline-offset: unset;
        text-underline-position: unset;
        text-wrap: unset;
        timeline-scope: unset;
        touch-action: unset;
        transform: unset;
        transform-box: unset;
        transform-origin: unset;
        transform-style: unset;
        transition: unset;
        translate: unset;
        user-select: unset;
        vector-effect: unset;
        vertical-align: unset;
        view-timeline: unset;
        view-transition-class: unset;
        view-transition-name: unset;
        visibility: unset;
        border-spacing: unset;
        -webkit-box-align: unset;
        -webkit-box-decoration-break: unset;
        -webkit-box-direction: unset;
        -webkit-box-flex: unset;
        -webkit-box-ordinal-group: unset;
        -webkit-box-orient: unset;
        -webkit-box-pack: unset;
        -webkit-box-reflect: unset;
        -webkit-line-break: unset;
        -webkit-line-clamp: unset;
        -webkit-mask-box-image: unset;
        -webkit-rtl-ordering: unset;
        -webkit-ruby-position: unset;
        -webkit-tap-highlight-color: unset;
        -webkit-text-combine: unset;
        -webkit-text-decorations-in-effect: unset;
        -webkit-text-fill-color: unset;
        -webkit-text-security: unset;
        -webkit-text-stroke: unset;
        -webkit-user-drag: unset;
        white-space-collapse: unset;
        widows: unset;
        width: unset;
        will-change: unset;
        word-break: unset;
        word-spacing: unset;
        x: unset;
        y: unset;
        z-index: unset;
    }

    .first-item,
    .hideItemP {
        display: none;
    }

    .first-item {
        background-color: rgb(224, 230, 248);
        border-radius: 4px 0px 0px 4px;
        color: rgb(0, 51, 153);
        text-align: center;
        position: absolute;
        top: 0px;
        right: -20px;
        padding: 0px 5px;
    }

    .line-fixed {
        margin-top: unset;
        z-index: 0;
    }

    .collapse-header3 {
        height: unset !important;
    }

    .title-3-fixed {
        text-align: left !important;
        font-size: 26px;
    }

    #location-tab-content .div-img-map {
        position: unset;
        bottom: unset;
    }

    .Link-Box .content-magin-top {
        margin-top: 20px;
    }

    .responsive-iframe {
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 774px;
    }
}

@media (max-width: 400px) {
    .Link-Box .content-magin-top {
        margin-top: 20px;
    }

    #location-tab-content .div-img-map {
        position: unset;
        bottom: unset;
    }

    .title-3-fixed {
        text-align: left !important;
        font-size: 26px;
    }

    .paging a,
    .paging span {
        padding: 0px 6px !important;
    }

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .domestic-filter {
        display: flex;
        justify-content: space-between;
        padding: 0px 1%;
    }

    .domestic-filter .Col1 {
        flex: 1 1 0%;
        height: 47px;
    }

    .domestic-filter .Col2 {
        padding: unset;
        flex: 1 1 0%;
    }

    #provinceFilterBar {
        display: none;
        flex: 2 0 0%;
    }

    .controlSpace {
        margin: 10px;
    }

    .hideItemP {
        display: none;
    }
}

.imgpin-destop {
    position: absolute;
    right: -7px;
    top: 4px;
    z-index: 1;
}

.collapse-header2,
.collapse-header3 {
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
    position: relative;
    cursor: unset;
    padding: 0px 25px 15px 0px;
    font-size: 19px;
    line-height: 1.2;
    color: rgb(0, 0, 0);
}

.responsive-iframe {
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 585px;
}

#search-location-foreign-input::placeholder,
#search-location-input::placeholder {
    font-size: 18px !important;
    color: rgb(158, 158, 158) !important;
}

.fixedFonts18,
.locate-us-module .ui-selectmenu-text,
fixedfonts,
input-search {
    font-size: 18px !important;
}

.fixedFonts16 {
    font-size: 16px !important;
}

#NearMeLabelStatus {
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
}

.collapse-Head-Text {
    vertical-align: middle;
    font-size: 23px;
}

.locate-us-module .caption {
    margin-bottom: 10px;
    line-height: 150%;
}

.icon-search::before {
    cursor: pointer;
}

#item-Detail .hideItemP,
.sitecore-wffm-form-custom .custome_radio_selection input[type="radio"] {
    display: none;
}

#item-Detail .Link-Box,
#item-Detail .Link-Box>div {
    all: unset;
}

#item-Detail .collapse-inner-fixed {
    display: block !important;
}

.HightLv1 {
    height: 30px;
}

.HightLv2 {
    height: 67px;
}

.item-Detail .collapse-header2 {
    height: unset !important;
}

.collapse-header,
.pinclick {
    cursor: pointer;
}

.pinclick {
    z-index: 1;
}

#international .pinclick {
    display: none;
    background-color: rgb(102, 51, 153) !important;
}

#Remark-Locate {
    background-color: rgb(229, 236, 243);
    padding: 20px 15px 20px 0px;
    line-height: 170%;
    font-size: 14px;
}

.CropImg {
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
}

.CropImg img {
    max-height: 180px;
}

.removePaddingAdsMobile {
    height: unset !important;
    padding: unset !important;
}

#search-location-foreign-input,
#search-location-input {
    padding-left: 20px;
}

.row-center:last-child::after {
    clear: both;
}

.toast-message {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 22px !important;
}

.cust-select-Fixed::after {
    font-size: 14px;
    content: "" !important;
    line-height: 46px !important;
}

.title-3-fixed {
    font-size: 28px;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 39px !important;
    color: rgb(78, 78, 78) !important;
}

.location-tabs .ui-selectmenu-button,
.location-tabs .ui-selectmenu-text {
    text-transform: capitalize !important;
}

.location-tabs .ui-selectmenu-text {}

.search-input-small {
    color: red;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    border: 1px solid rgb(214, 214, 214) !important;
}

input::placeholder {
    font-family: BangkokBank-regular, Tahoma, Helvetica, Arial, sans-serif !important;
    font-size: 16px;
}

.input-search,
ui-selectmenu-text {
    font-size: 18px !important;
    color: rgb(158, 158, 158) !important;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

.input-search:focus {
    font-size: 18px !important;
    color: rgb(96, 96, 96) !important;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

.icon-searchtextbox,
.location-tabs .cust-select::after {
    color: rgb(96, 96, 96) !important;
}

.CutomActiveInputBox,
.CutomInputBox,
.locate-us-module .ui-selectmenu-button {
    color: rgb(158, 158, 158) !important;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    border: 1px solid rgb(214, 214, 214) !important;
}

.CutomActiveInputBox {
    border: 1px solid rgb(158, 158, 158) !important;
    color: rgb(96, 96, 96) !important;
}

.ui-selectmenu-button,
select.form-control {
    padding-left: 20px !important;
}

.serviceCer {
    flex: 0.5 1 0% !important;
}

#search-location-foreign {
    width: 70%;
}

@media only screen and (max-width: 600px) {
    #search-location-foreign {
        width: 100%;
    }
}

.Fixed-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.sameHeightHead {
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
    color: rgb(23, 23, 23) !important;
    font-size: 23px !important;
}

#item-Detail {
    padding-top: 20px;
}

@media only screen and (max-width: 1024px) {
    #item-Detail {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .rowFixed {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 991px) {
    .locate-us-module {
        position: relative;
        top: 3px;
    }
}

@media only screen and (max-width: 420px) {
    .locate-us-module {
        position: relative;
        top: 2px;
    }

    .title-3-fixed {
        font-size: 26px;
    }

    .HighlightNearMe,
    .NotHighlightNearMe {
        font-size: 15px;
    }

    #Remark-Locate {
        font-size: 15px;
        padding: 20px 15px;
    }

    .collapse-Head-Text {
        font-size: 22px;
    }

    .AContent {
        font-size: 15px;
    }

    .responsive-iframe {
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 368px;
    }

    .pad-bot {
        padding-bottom: 16px !important;
    }

    .thumb-location {
        padding: 18px 20px 18px 0px;
    }

    .first-item {
        right: -46px;
    }

    .thumb-locationbemyid {
        background: rgb(255, 255, 255);
        width: 100%;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
        margin-bottom: 30px;
        overflow-wrap: break-word;
        padding: 20px !important;
    }
}

@media only screen and (max-width: 400px) {
    .locate-us-module {
        position: relative;
        top: 1px;
    }

    .title-3-fixed {
        font-size: 26px;
    }

    .HighlightNearMe,
    .NotHighlightNearMe {
        font-size: 15px;
    }

    #Remark-Locate {
        font-size: 15px;
        padding: 20px 15px;
    }

    .collapse-Head-Text {
        font-size: 22px;
    }

    .AContent {
        font-size: 15px;
    }

    .responsive-iframe {
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 329px;
    }

    .pad-bot {
        padding-bottom: 16px !important;
    }

    .thumb-location {
        padding: 18px 20px 18px 0px;
    }

    .first-item {
        right: -46px;
    }
}

@media only screen and (max-width: 390px) {
    .locate-us-module {
        position: relative;
        top: 0px;
    }

    .title-3-fixed {
        font-size: 26px;
    }

    .HighlightNearMe,
    .NotHighlightNearMe {
        font-size: 15px;
    }

    #Remark-Locate {
        font-size: 15px;
        padding: 20px 15px;
    }

    .collapse-Head-Text {
        font-size: 22px;
    }

    .AContent {
        font-size: 15px;
    }

    .responsive-iframe {
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 329px;
    }

    .pad-bot {
        padding-bottom: 16px !important;
    }

    .thumb-location {
        padding: 18px 20px 18px 0px;
    }

    .first-item {
        right: -46px;
    }
}

@media only screen and (max-width: 360px) {
    .locate-us-module {
        position: relative;
        top: -1px;
    }

    .title-3-fixed {
        font-size: 26px;
    }

    .HighlightNearMe,
    .NotHighlightNearMe {
        font-size: 15px;
    }

    #Remark-Locate {
        font-size: 15px;
        padding: 20px 15px;
    }

    .collapse-Head-Text {
        font-size: 22px;
    }

    .AContent {
        font-size: 15px;
    }

    .responsive-iframe {
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 329px;
    }

    .pad-bot {
        padding-bottom: 16px !important;
    }

    .thumb-location {
        padding: 18px 20px 18px 0px;
    }

    .first-item {
        right: -46px;
    }
}

@media only screen and (max-width: 350px) {
    #Remark-Locate {
        font-size: 15px;
        padding: 20px 15px;
    }

    .locate-us-module {
        position: relative;
        top: -3px;
    }

    .title-3-fixed {
        font-size: 26px;
    }

    .HighlightNearMe,
    .NotHighlightNearMe {
        font-size: 15px;
    }

    .collapse-Head-Text {
        font-size: 22px;
    }

    .AContent {
        font-size: 15px;
    }

    .responsive-iframe {
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 329px;
    }

    .pad-bot {
        padding-bottom: 16px !important;
    }

    .thumb-location {
        padding: 18px 20px 18px 0px;
    }

    .first-item {
        right: -46px;
    }
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] [data-sc-field-key] {
    margin-bottom: 14px;
    clear: both;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] select {
    appearance: none !important;
    background: url("/k393_th_points_bangkokbank_index/resources/0dadb5de3542be650dbb328e4ba45656.svg") 98% 50% / 25px 25px no-repeat rgb(255, 255, 255) !important;
}

.sitecore-wffm-form-custom.custom-wffm-form label[class*=" icon-"]::before {
    top: 23px;
    position: absolute;
    left: 15px;
    display: none;
    width: 20px;
    height: 19px;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    z-index: 1;
}

.sitecore-wffm-form-custom.custom-wffm-form label:empty[class*=" icon-"]::before {
    display: flex;
}

.sitecore-wffm-form-custom.custom-wffm-form label[class*=" icon-"]+input,
.sitecore-wffm-form-custom.custom-wffm-form label[class*=" icon-"]+select,
.sitecore-wffm-form-custom.custom-wffm-form label[class*=" icon-"]~.ui-selectmenu-button {
    padding-left: 40px !important;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field {
    clear: both;
    margin-bottom: 16px;
    margin-left: 6px;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field .consent_field_scroller {
    margin-left: 20px;
    line-height: 1.5;
    max-height: 240px;
    overflow: auto;
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
    scrollbar-color: rgb(136, 136, 136) rgb(241, 241, 241);
    scrollbar-width: thin;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field p {
    margin-bottom: 14px;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field p:last-child {
    margin-bottom: 0px;
}

.sitecore-wffm-form-custom.custom-wffm-form h2.page-header {
    margin: 40px 0px 30px;
    padding-bottom: 35px;
    color: rgb(63, 63, 63);
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: 700;
    font-stretch: normal;
    letter-spacing: -0.2px;
    text-align: center;
    position: relative;
    font-size: 2.2rem !important;
    line-height: normal !important;
    font-family: Muli-Bold !important;
}

.sitecore-wffm-form-custom.custom-wffm-form h2.page-header::before {
    margin-left: -40px;
    left: 50%;
    width: 80px;
    content: "";
    position: absolute;
    top: auto;
    bottom: 0px;
    height: 1px;
    background: rgb(158, 158, 158);
}

.sitecore-wffm-form-custom.custom-wffm-form input[type="checkbox"][data-sc-field-key] {
    display: flex;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field input[type="checkbox"] {
    margin-right: 14px;
}

.sitecore-wffm-form-custom.custom-wffm-form input[class*="btn"][type="submit"] {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.sitecore-wffm-form-custom.custom-wffm-form input[type="radio"][data-sc-field-name="ConvenientTime"] {
    margin: 0px;
    width: 0px;
    height: 0px;
    padding: 0px !important;
}

.sitecore-wffm-form-custom.custom-wffm-form .custome_radio_selection {
    display: flex;
    justify-content: center;
    height: 80px;
    align-items: center;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(158, 158, 158);
    border-bottom-color: rgb(158, 158, 158);
    border-left-color: rgb(158, 158, 158);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
    margin-bottom: 14px;
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
}

.sitecore-wffm-form-custom .wrapper-custom-radio {
    display: flex;
    clear: both;
    justify-content: stretch;
    flex-wrap: wrap;
}

.wrapper-custom-radio .custome_radio_selection:first-child {
    border-radius: 25px 0px 0px 25px;
}

.wrapper-custom-radio .custome_radio_selection:last-child {
    border-radius: 0px 25px 25px 0px;
    border-right: 1px solid rgb(158, 158, 158);
}

.custome_radio_selection>font {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
}

.sitecore-wffm-form-custom.custom-wffm-form input[type="radio"][data-sc-field-name="ConvenientTime"]:checked+font {
    background: rgb(229, 237, 244);
}

.sitecore-wffm-form-custom .custome_radio_selection>font>font {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sitecore-wffm-form-custom.custom-wffm-form .activeItemButton {
    background: rgb(229, 237, 244);
}

.sitecore-wffm-form-custom .section_column_fields {
    display: flex;
    gap: 3px;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field .consent_field_scroller::-webkit-scrollbar {
    width: 10px;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field .consent_field_scroller::-webkit-scrollbar-track {
    background: rgb(241, 241, 241);
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field .consent_field_scroller::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 5px;
}

.consent-field-wrapper .consent_field_scroller::-webkit-scrollbar-thumb:hover,
.sitecore-wffm-form-custom.custom-wffm-form .consent_field .consent_field_scroller::-webkit-scrollbar-thumb:hover {
    background: rgb(85, 85, 85);
}

.sitecore-wffm-form-custom .custom_checkbox input {
    position: absolute;
    opacity: 0;
    height: 0px;
    width: 0px;
}

.sitecore-wffm-form-custom .custom_checkbox i {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(158, 158, 158);
    border-radius: 3px;
    transition: 0.2s;
}

.sitecore-wffm-form-custom .custom_checkbox {
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 10px;
}

.consent-field-wrapper label input:hover::before,
.sitecore-wffm-form-custom .custom_checkbox:hover input~i {
    border-color: rgb(75, 112, 183);
}

.consent-field-wrapper label input:checked::before,
.sitecore-wffm-form-custom .custom_checkbox input:checked~i {
    background-color: rgb(0, 51, 153);
    border-color: rgb(0, 51, 153);
}

.sitecore-wffm-form-custom .custom_checkbox input~i::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
}

.sitecore-wffm-form-custom .custom_checkbox input:checked~i::after {
    display: block;
}

.sitecore-wffm-form-custom.custom-wffm-form label[class*="col-"]:not(.custome_radio_selection) {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0px 10px;
    cursor: default;
}

.sitecore-wffm-form-custom.custom-wffm-form .field-validation-error {
    color: rgb(217, 83, 79);
    padding: 6px 20px 12px 1.25rem;
    font-size: 15px;
    top: -10px;
    position: relative;
    display: block;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field.consent-field-validation-error .consent_field_scroller {
    border-color: rgb(217, 83, 79);
}

.sitecore-wffm-form-custom.custom-wffm-form .custome_radio_selection input[data-sc-field-key] {
    margin: 0px;
    display: none;
}

.sitecore-wffm-form-custom.custom-wffm-form>p[data-sc-field-key].page-header {
    margin: auto auto 5px;
    text-align: left;
}

.sitecore-wffm-form-custom.custom-wffm-form input[data-sc-field-key]~label,
.sitecore-wffm-form-custom.custom-wffm-form p[data-sc-field-key] {
    margin-bottom: 4px;
    display: block;
    clear: both;
}

.sitecore-wffm-form-custom.custom-wffm-form input[data-sc-field-key]~label {
    font-weight: 700;
}

.sitecore-wffm-form-custom.custom-wffm-form h1.page-header {
    text-align: left;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] select optgroup {
    background: rgb(214, 214, 214);
    padding: 5px 0px;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] select optgroup option {
    background: rgb(255, 255, 255);
    font-weight: 100;
}

.sitecore-wffm-form-custom.custom-wffm-form .consent_field+.field-validation-error {
    padding-left: 40px;
}

.sitecore-wffm-form-custom .custom_checkbox input[disabled="disabled"]+i,
.sitecore-wffm-form-custom .custom_checkbox.custom_checkbox_disabled {
    opacity: 0.3;
}

.sitecore-wffm-form-custom.custom-wffm-form>h1[data-sc-field-key],
.sitecore-wffm-form-custom.custom-wffm-form>p[data-sc-field-key] {
    text-align: center;
    margin-bottom: 20px;
}

.sitecore-wffm-form-custom.custom-wffm-form input.input-validation-error,
.sitecore-wffm-form-custom.custom-wffm-form select.input-validation-error,
.sitecore-wffm-form-custom.custom-wffm-form select[data-sc-field-key].form-control.input-validation-error:focus,
.wrapper-custom-radio.error-on-field .custome_radio_selection {
    border-color: rgb(217, 83, 79) !important;
}

.sitecore-wffm-form-custom.custom-wffm-form h3 {
    text-align: center;
    line-height: 32px;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] p[data-sc-field-key] {
    padding: 0px 10px;
    margin-bottom: 6px;
}

.sitecore-wffm-form-custom.custom-wffm-form label[class*="col-"]:not(.custome_radio_selection):not([class*="icon-"]):empty {
    display: none;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] .section_column_fields[data-sc-field-key] [data-sc-field-key] {
    width: 100%;
    margin-bottom: 0px;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] .section_column_fields[data-sc-field-key] [data-sc-field-key] .field-validation-error {
    top: 0px;
}

.sitecore-wffm-form-custom.custom-wffm-form input[data-sc-field-key]~label.text-default {
    text-align: center;
    font-weight: 400;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key].custom-dropdown .ui-selectmenu-button::after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url("/k393_th_points_bangkokbank_index/resources/0dadb5de3542be650dbb328e4ba45656.svg") 98% 50% / 25px 25px no-repeat rgb(255, 255, 255) !important;
    animation: auto ease 0s 1 normal none running none !important;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key].custom-dropdown .ui-selectmenu-button .ui-selectmenu-text {
    font-weight: 700;
    color: rgb(78, 78, 78);
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] select.form-control:focus {
    border: 1px solid rgb(158, 158, 158) !important;
}

.sitecore-wffm-form-custom.custom-wffm-form label.icon-email::before,
.sitecore-wffm-form-custom.custom-wffm-form label.icon-money::before {
    top: 24px;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] input::-webkit-input-placeholder {
    opacity: 1;
}

.sitecore-wffm-form-custom.custom-wffm-form [data-sc-field-key] input::placeholder {
    opacity: 1;
}

.underline-text {
    text-decoration: underline;
}

.wrapper-custom-radio label.col-sm-12:not(.col-sm-12-title) {
    display: flex;
    justify-content: center;
    height: 80px;
    align-items: center;
    margin-bottom: 14px;
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    flex: 1 1 0%;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.wrapper-custom-radio label.col-sm-12:not(.col-sm-12-title) input {
    border-top: 1px solid rgb(158, 158, 158);
    border-bottom: 1px solid rgb(158, 158, 158);
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgb(255, 255, 255);
    z-index: -1;
    appearance: none;
    margin: 0px;
    width: 100% !important;
    height: 100% !important;
}

.wrapper-custom-radio .col-sm-12.col-sm-12-title.col-sm-12-title {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 100%;
    border: 0px !important;
    border-radius: 0px !important;
}

.wrapper-custom-radio .field-validation-error {
    width: 100%;
}

.wrapper-custom-radio label.col-sm-12+label.col-sm-12:not(:last-of-type) input {
    border-radius: 0px !important;
}

.wrapper-custom-radio label.col-sm-12.col-sm-12-title+label.col-sm-12 input {
    border: 1px solid rgb(158, 158, 158);
    border-radius: 7px 0px 0px 7px !important;
}

.wrapper-custom-radio label.col-sm-12:not(.col-sm-12-title) input:checked {
    background: rgb(229, 237, 244);
}

.wrapper-custom-radio label.col-sm-12:not(.col-sm-12-title) .input-validation-error {
    border-color: rgb(217, 83, 79) !important;
}

.consent-field-wrapper {
    padding-left: 35px;
    position: relative;
}

.consent-field-wrapper input {
    position: absolute;
    left: 0px;
    top: 0px;
    display: initial;
    appearance: auto !important;
}

.consent-field-wrapper .consent_field_scroller {
    max-height: 240px;
    overflow: auto;
    display: block;
    padding: 15px;
    border: 1px solid rgb(158, 158, 158);
    margin-right: 5px;
    scrollbar-color: rgb(136, 136, 136) rgb(241, 241, 241);
    scrollbar-width: thin;
    margin-top: 3px;
    margin-bottom: 15px;
}

.consent-field-wrapper label+.field-validation-error {
    padding-left: 0px !important;
}

.consent-field-wrapper .consent_field_scroller p {
    margin-bottom: 10px;
}

.consent-field-wrapper .consent_field_scroller p:last-of-type {
    margin: 0px !important;
}

.consent-field-wrapper .consent_field_scroller::-webkit-scrollbar {
    width: 10px;
}

.consent-field-wrapper .consent_field_scroller::-webkit-scrollbar-track {
    background: rgb(241, 241, 241);
}

.consent-field-wrapper .consent_field_scroller::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 5px;
}

.consent-field-wrapper label input::before {
    content: "";
    height: 20px;
    width: 20px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(158, 158, 158);
    border-radius: 3px;
    transition: 0.2s;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
}

.consent-field-wrapper label input:checked::after {
    content: "";
    padding: initial;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    position: absolute;
}

.consent-field-wrapper input[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.container-checkbox label:not(.col-sm-12) {
    display: flex;
    clear: both;
    position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
}

.container-checkbox label:not(.col-sm-12) input {
    margin-right: 10px;
    appearance: none !important;
}

.container-checkbox label:not(.col-sm-12) input:hover::before {
    border-color: rgb(75, 112, 183);
}

.container-checkbox label:not(.col-sm-12) input::before {
    content: "";
    height: 20px;
    width: 20px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(158, 158, 158);
    border-radius: 3px;
    transition: 0.2s;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
}

.container-checkbox label:not(.col-sm-12) input:checked::before {
    background-color: rgb(0, 51, 153);
    border-color: rgb(0, 51, 153);
}

.container-checkbox label:not(.col-sm-12) input:checked::after {
    content: "";
    padding: initial;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    position: absolute;
}

.container-checkbox label:not(.col-sm-12) input[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.wrapper-custom-radio+.consent-field-wrapper {
    margin-top: 15px;
}

.consent-field-wrapper .consent-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.consent-field-wrapper .input-validation-error~.consent_field_scroller {
    border-color: rgb(217, 83, 79);
}

@media (max-width: 990px) {
    .sitecore-wffm-form-custom.custom-wffm-form {
        padding: 0px 20px;
    }

    .sitecore-wffm-form-custom.custom-wffm-form .custome_radio_selection {
        display: flex !important;
        text-align: center;
    }

    .sitecore-wffm-form-custom.custom-wffm-form .col-sm-12 {
        width: 100%;
        display: block;
    }

    .sitecore-wffm-form-custom .section_column_fields {
        display: block;
    }

    .sitecore-wffm-form-custom.custom-wffm-form label[class*=" icon-"]+input {
        padding-left: 40px !important;
    }
}

@media (max-width: 767px) {
    .sitecore-wffm-form-custom.custom-wffm-form {
        padding: 0px 16px;
    }
}

@media (max-width: 600px) {
    .wrapper-custom-radio label.col-sm-12:not(.col-sm-12-title) {
        font-size: 14px !important;
    }
}

.slick-track {
    margin-left: auto;
    margin-right: auto;
}

.no-touch.desktop .custom-select select,
html.touch .item-desc a.btn-primary {
    display: none;
}

@font-face {
    font-family: BangkokBank-Black;
    src: url("/k393_th_points_bangkokbank_index/resources/8e1ffc764e9662b425a38f1c23524bc9.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/7fdbbbe41905a849178eab1d81ac009d.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank-Regular;
    src: url("/k393_th_points_bangkokbank_index/resources/8e1ffc764e9662b425a38f1c23524bc9.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/7fdbbbe41905a849178eab1d81ac009d.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank-Medium;
    src: url("/k393_th_points_bangkokbank_index/resources/dc8170f19130644cce78a1710c9103c5.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/4e45cd130a579ba897276ea17ec408a5.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank-Light;
    src: url("/k393_th_points_bangkokbank_index/resources/6cd406137290aab9628e7a16d44114a9.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/8027c8570a15a29d44a2f600b3e34ed4.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank-Bold;
    src: url("/k393_th_points_bangkokbank_index/resources/0afbe9450a08beb4fb872bc8e97cf5d8.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/79d655cc64531fff8014356c644dde47.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank_Text-Regular;
    src: url("/k393_th_points_bangkokbank_index/resources/244efd0b6dee09fb80a20b9ddb165092.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/fe9bf5f9705e4501f3d49952517185d0.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank_Text-Medium;
    src: url("/k393_th_points_bangkokbank_index/resources/4a02f860e7b014b63f78085624c83e10.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/4f0ee0dbdefcc75ef646ec90a23193d5.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank_Text-Bold;
    src: url("/k393_th_points_bangkokbank_index/resources/54f2ddf25124859d6bf2d4151b3bc028.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/143a93f3c7ad523ca01740b603e12da8.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank-Regular-Italic;
    src: url("/k393_th_points_bangkokbank_index/resources/46a09c6a61fd5bbec8ada54316aed98d.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/5297e1070bd1198037c7f159de0cea6d.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: BangkokBank-Bold-Italic;
    src: url("/k393_th_points_bangkokbank_index/resources/cbd6799b813f1749ccc5338c7c885939.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/942b808844d98ab0b404300e6091b542.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: Muli-Regular;
    src: url("/k393_th_points_bangkokbank_index/resources/8e1ffc764e9662b425a38f1c23524bc9.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/7fdbbbe41905a849178eab1d81ac009d.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: Muli-Light;
    src: url("/k393_th_points_bangkokbank_index/resources/8e1ffc764e9662b425a38f1c23524bc9.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/7fdbbbe41905a849178eab1d81ac009d.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: Muli-Bold;
    src: url("/k393_th_points_bangkokbank_index/resources/0afbe9450a08beb4fb872bc8e97cf5d8.bin") format("woff"), url("/k393_th_points_bangkokbank_index/resources/79d655cc64531fff8014356c644dde47.bin") format("woff2");
    font-style: normal;
}

@font-face {
    font-family: icomoon;
    src: url("/k393_th_points_bangkokbank_index/resources/22cfae8a64844d307f4631ba51d39569.bin") format("woff");
    font-weight: 300;
    font-style: normal;
}

body,
html {
    font-size: 16px;
    text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 400 !important;
}

@media only screen and (max-device-width: 480px) {

    table,
    td,
    tr {
        text-size-adjust: none;
    }
}

pre,
table,
td,
td p,
tr {
    font-size: 1em;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    vertical-align: baseline;
    background: 0px 0px;
    font-family: BangkokBank-Medium;
    font-weight: 400 !important;
}

#appFwbPoint h2 {
    font-size: 1.4rem !important;
    line-height: 1.75rem !important;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

.table-responsive .text-small {
    margin: 1rem 0px 0px !important;
}

.table-responsive .text-small+.text-small {
    margin: 0px !important;
}

@media screen and (max-width: 760px) {

    .crossBanner_title,
    .mobile-banner .mobile-title-1,
    .mobile-tools .title-1,
    .promotion-carousal-title h2,
    .text-center .title-1.line.small,
    .tips-and-insight .text-center h2,
    .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    .thumb-default.full .thumb {
        min-height: 135px;
    }

    [class*="col-sm"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 761px) {

    .crossBanner_title,
    .mobile-banner .mobile-title-1,
    .mobile-tools .title-1,
    .promotion-carousal-title h2,
    .text-center .title-1.line.small,
    .tips-and-insight .text-center h2,
    .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }

    .thumb-full .thumb {
        height: 450px;
    }

    [class*="col-md"] {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {

    .btn-white-light,
    .btn-white-light:hover {
        color: rgb(0, 100, 255) !important;
        border: 1px solid rgb(0, 100, 255) !important;
    }

    .btn-white-light:hover {
        color: rgb(255, 255, 255) !important;
        background: rgb(0, 100, 255) !important;
    }

    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        margin-bottom: 1rem;
    }

    .table-responsive>.table {
        margin-bottom: 0px;
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }

    .table-responsive>.table-bordered {
        border: 0px;
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0px;
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0px;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0px;
    }
}

@font-face {
    font-family: icomoon;
    src: url("/k393_th_points_bangkokbank_index/resources/22cfae8a64844d307f4631ba51d39569.bin") format("woff");
    font-weight: 300;
    font-style: normal;
}

#languages li.active a .flag::before {
    speak: none;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-family: icomoon !important;
}

#nav .nav-title a::after,
.btn-back::before {
    font-weight: 300;
}

#nav .nav-title a::after,
.btn-back::before,
.btn-convert::after {
    speak: none;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-family: icomoon !important;
}

.btn-download::after {
    font-weight: 300;
}

.btn-download::after,
.btn-login::after {
    speak: none;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-family: icomoon !important;
}

.cust-select::after,
.custom-links .text::after,
.custom-select::after,
.download-file::after,
.download-link a.icon-download::after,
.download-link a.icon-print::after,
.download-preview-file .file-download::after,
.download-preview-file .file-preview::after,
.dynamic-select::after,
.language-selection::after,
.link-primary::after,
.link-text::after,
.main-nav li.has-sub .link-sub::after {
    speak: none;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    line-height: 1;
    font-family: icomoon !important;
}

.converter .convert-group .icon-dropdown,
.paging .next::before,
.paging .prev::before,
.slick-next::before,
.slick-prev::before,
.ui-datepicker .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-prev::before {
    speak: none;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-family: icomoon !important;
}

[class*=" icon-"]::before {
    line-height: 1;
}

[class*=" icon-"]::before,
[class*="back-level-"]::before,
[class^="icon-"]::before {
    speak: none;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-family: icomoon !important;
}

[class^="icon-"]::before {
    line-height: 1;
}

.btn-convert::after,
.icon-convert::before {
    content: "";
    color: rgb(17, 21, 130);
}

#nav .nav-title a::after {
    content: "";
}

.icon-arrow-left::before {
    font-family: icomoon;
    content: "";
}

.link-text::after,
.paging .next::before,
.paging .prev::before,
.slick-next::before,
.slick-prev::before,
.ui-datepicker .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-prev::before {
    content: "";
}

.promotion-carousal-title a.link-primary::after,
.quick-news a.link-primary.white::after,
.scrolling-x .sub-title-medium.link-primary~.link-text::after,
.scrolling-x p.sub-title-medium.link-primary::after,
.tips_insight_carousal_more.link-primary a::after,
a.link-primary.white.pull-right::after {
    font-family: icomoon;
    content: "";
}

.btn-back::before,
.converter .convert-group .icon-dropdown {
    content: "";
}

.cust-select::after,
.custom-links .text::after,
.custom-select::after,
.icon-dropdown::before,
.language-selection::after,
[class*="back-level-"]::before {
    content: "";
    font-size: 6px;
}

.main-nav li.has-sub .link-sub::after {
    content: "";
}

.btn-login::after,
.icon-login::before {
    content: "";
}

.icon-search::before {
    content: "";
    line-height: 46px;
    font-size: 18px;
}

#languages li.active a .flag::before,
.icon-check::before {
    content: "";
}

.icon-username::before {
    content: "";
    color: rgb(158, 158, 158);
    padding-left: 1px;
}

.icon-password::before {
    content: "";
    font-size: 11px;
}

.icon-edit::before {
    content: "";
    font-size: 18px;
    color: rgb(158, 158, 158);
}

.icon-email::before {
    content: "";
    font-size: 11px;
    color: rgb(158, 158, 158);
}

.icon-mobile::before {
    content: "";
    font-size: 18px;
    color: rgb(158, 158, 158);
    padding-left: 2px;
}

.icon-cash-code::before {
    content: "";
    color: rgb(158, 158, 158);
}

.icon-money::before {
    content: "";
    font-size: 10px;
    color: rgb(158, 158, 158);
}

.icon-delete::before {
    content: "";
}

.icon-minimize::before {
    content: "";
}

.icon-settings::before {
    content: "";
}

.download-link a.icon-print::after,
.icon-print::after {
    content: "";
    color: rgb(120, 120, 125);
    margin-left: 10px;
    font: 1rem icomoon;
    top: 0px;
}

.icon-print::after {
    position: relative;
}

.btn-download::after,
.download-file::after,
.download-link a.icon-download::after,
.download-preview-file .file-download::after,
.icon-download::before {
    content: "" !important;
}

.download-preview-file .file-preview::after,
.icon-preview::before {
    content: "";
}

.icon-company::before {
    content: "";
}

.icon-calendar::before {
    content: "";
}

.icon-fb::before {
    content: "";
}

.icon-line::before {
    content: "";
}

.icon-tw::before {
    content: "";
}

.icon-linkedin::before {
    content: "";
}

@media (min-width: 768px) and (max-width: 991px) {
    .promotion-carousal h3 {
        font-size: 1.5rem;
        line-height: 1.625rem;
        margin-bottom: 8px;
        -webkit-line-clamp: 2;
    }

    .tips_insight_carousal_title,
    .tips_insight_quick_access_title {
        font-weight: 400;
        color: rgb(0, 0, 0);
        font-size: 1.5rem;
        line-height: 1.625rem;
    }

    .tips_insight_quick_access_title {
        font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    }

    .tips_insight_carousal_title {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 767px) {
    select:focus {
        font-size: 14px;
    }
}

.custom-links .text,
[class*="btn"] {
    padding: 0px 20px;
    height: 44px;
    letter-spacing: 0.8px;
    position: relative;
    transition: 0.5s;
    appearance: none;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 1rem;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    line-height: 44px !important;
    border-radius: 7px !important;
}

[class*="btn"] {
    display: inline-block;
    text-align: center;
}

@media only screen and (max-width: 767px) {

    .custom-links .text,
    [class*="btn"] {
        transition: none;
    }
}

[class*="btn"].min-size {
    min-width: 11rem;
}

[class*="btn"].min-size-md {
    min-width: 12.5rem;
}

[class*="btn"].min-size-lg {
    min-width: 15rem;
}

.no-touch.desktop [class*="btn"] {
    transition: 0.4s;
}

[class*="btn"].btn-block {
    display: block;
    width: 100%;
    text-align: center;
}

[class*="btn"][disabled] {
    cursor: default;
}

@media only screen and (max-width: 767px) {
    [class*="btn"].m-btn-block {
        display: block;
        height: auto;
        width: auto !important;
        float: none !important;
    }
}

[class*="btn"].light-blue {
    background: rgb(0, 119, 181) !important;
}

[class*="btn"].light-blue:hover,
[class*="btn"].light-green:hover {
    opacity: 0.8;
}

[class*="btn"].light-green {
    background: rgb(66, 206, 0) !important;
}

.btn-default {
    color: rgb(0, 100, 255);
    border: 1px solid rgb(0, 100, 255);
    background: rgb(255, 255, 255);
    font-size: 1rem;
    line-height: 1.375;
    height: 44px;
    transition: 0.3s;
    min-width: 155px;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

.thumb-info.no-shadow .visual-img {
    height: calc(84px + 1.875vw);
    width: calc(164px + 1.875vw);
    text-align: center;
}

@media only screen and (min-width: 1025px) {
    .home_page_banner_content h1 {
        font-size: 5.6rem;
        line-height: 1.15em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .promotion-carousal-title a.link-primary {
        top: 30px !important;
        position: relative;
    }
}

@media only screen and (max-width: 991px) {
    .btn-default {
        min-width: 140px;
    }

    .thumb-info.no-shadow .visual-img {
        height: calc(90px + 3.125vw);
        width: calc(160px + 3.125vw);
        display: block;
        margin: 0px auto;
        overflow: hidden;
        max-width: 100%;
    }

    .thumb-info.no-shadow .visual-img img {
        max-height: none;
    }

    .thumb-info.no-shadow:has(.visual-img) {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .thumb-info.no-shadow .visual-img {
        height: calc(104.206px + 11.1857vw);
        display: block;
        margin: 0px auto;
        overflow: hidden;
        max-width: 100%;
        width: 100%;
    }
}

.no-touch.desktop .btn-default:not(.disabled):active,
.no-touch.desktop .btn-default:not(.disabled):hover {
    color: rgb(255, 255, 255);
    border-color: rgb(0, 100, 255);
    background: rgb(0, 100, 255);
}

.no-touch.desktop .btn-default.white:not(.disabled):hover {
    background: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    color: rgb(107, 107, 107);
}

.no-touch.desktop .btn-default.arrow-right:hover::after {
    right: 8px;
}

.btn-default.disabled,
.btn-default[disabled] {
    cursor: default;
    opacity: 0.5;
}

.btn-default.white {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.btn-default.arrow-right {
    padding-left: 20px;
    text-align: left;
}

.btn-default.arrow-right::after {
    content: "";
    display: block;
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -7px;
    width: 0px;
    height: 0px;
    border-width: 7px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: initial;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .btn-default.arrow-right {
        padding-left: 0px;
        text-align: center;
    }

    .btn-default.arrow-right::after {
        right: 30%;
    }
}

.radio-btn-default input {
    position: absolute;
    opacity: 0;
}

.radio-btn-default .btn-default {
    min-width: 196px;
}

.radio-btn-default input:checked+.btn-default {
    color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;
}

[class*="btn-primary"] {
    background: rgb(0, 100, 255);
    min-width: 155px;
    border: 1px solid rgb(0, 100, 255);
    color: rgb(255, 255, 255) !important;
}

@media only screen and (max-width: 991px) {
    [class*="btn-primary"] {
        min-width: 135px;
    }
}

.no-touch.desktop [class*="btn-primary"]:not([disabled]):hover {
    border: 1px solid rgb(0, 72, 183);
    background: rgb(0, 72, 183) !important;
}

.no-touch.desktop [class*="btn-primary"]:not([disabled]):active {
    background: rgb(0, 100, 255);
    border: 1px solid rgb(0, 100, 255);
}

[class*="btn-primary"]:active {
    background: rgb(0, 100, 255);
    border: 1px solid rgb(0, 100, 255);
}

[class*="btn-primary"][disabled] {
    background: rgb(214, 214, 214);
    border: 1px solid rgb(214, 214, 214);
    color: rgb(147, 147, 153) !important;
}

[class*="btn-primary"].small {
    min-width: 100px;
}

.btn-white {
    color: rgb(43, 43, 43);
    border: 0px;
    font-family: Muli-Bold;
    background: rgb(255, 255, 255);
    min-width: 178px;
}

.no-touch.desktop .btn-white:hover {
    border-color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 4px;
}

.btn-white:active,
.btn-white:focus {
    border-color: rgb(255, 255, 255);
}

.btn-white[disabled] {
    opacity: 0.5;
}

.btn-white-light {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: 0px 0px;
    line-height: 40px;
    min-width: 170px;
}

.btn-white-light:hover {
    color: rgb(255, 255, 255) !important;
    background: rgb(0, 100, 255) !important;
    border: 1px solid rgb(0, 100, 255) !important;
}

.no-touch.desktop .btn-white-light:hover {
    opacity: 0.8;
}

.btn-white-light:active,
.btn-white-light:focus {
    opacity: 0.8;
}

.btn-white-light[disabled] {
    opacity: 0.5;
}

#compare-product-btn .btn-primary.disabled:hover,
#compare-product-btn.disabled {
    cursor: default;
    opacity: 0.5;
    color: rgb(147, 147, 153) !important;
    background: rgb(214, 214, 214) !important;
}

.label {
    color: rgb(0, 0, 0);
    padding-bottom: 15px;
    display: inline-block;
    font: 1rem / 25px Muli-Bold;
}

.custom-select,
.form-control {
    border: 1px solid rgb(158, 158, 158);
    font-size: 1rem;
    padding: 0px 20px;
    height: 44px;
    line-height: 44px;
    width: 100%;
    background: rgb(255, 255, 255);
    border-radius: 7px !important;
}

.custom-select:hover,
.form-control:focus,
.form-control:hover {
    border: 1px solid rgb(0, 72, 183) !important;
}

@media only screen and (max-width: 767px) {

    .custom-select,
    .form-control {
        font-size: 16px;
    }
}

.form-control:not([readonly]):focus {
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}

.form-control:not([readonly]):valid {
    color: rgb(0, 0, 0);
}

.form-control:not([readonly]):valid.text-white {
    color: rgb(255, 255, 255);
}

.form-control[readonly] {
    opacity: 0.5;
}

.form-control.none-bgd {
    background: 0px 0px;
}

.form-control.none-bgd:not([readonly]):valid {
    border-color: rgb(158, 158, 158);
}

.form-control::-webkit-input-placeholder {
    color: rgb(158, 158, 158);
}

.form-control.label-up {
    font-size: 23px;
    text-align: right;
}

.form-control.label-up::-webkit-input-placeholder {
    font-size: 1rem;
    text-align: left;
}

.wrapper-custom-radio label.col-sm-12 input {
    border-right: 1px solid rgb(158, 158, 158);
    border-radius: 0px 7px 7px 0px !important;
}

.financial-calculator .radio {
    border-color: rgba(255, 255, 255, 0.3);
}

.financial-calculator .radio label {
    border-left-color: rgba(255, 255, 255, 0.3);
}

.financial-calculator .radio.none-bgd label,
.no-touch.desktop .social-sharing a:hover::before {
    color: rgb(255, 255, 255);
}

.financial-calculator .label {
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    vertical-align: middle;
    padding: 0px;
    position: absolute;
    left: 20px;
    font: 1rem / 47px Muli-Regular;
}

.financial-calculator .form-control.none-bgd:not([readonly]):valid {
    border-color: rgba(255, 255, 255, 0.3);
}

.financial-calculator .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

@media only screen and (min-width: 768px) {
    .financial-calculator .form-control.label-up::-webkit-input-placeholder {
        color: transparent;
    }
}

@media only screen and (max-width: 767px) {
    .financial-calculator .label {
        display: none;
    }
}

textarea.form-control {
    height: 130px;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 23px;
}

.custom-select {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.custom-select .custom-text {
    overflow: hidden;
    padding-right: 1.5rem;
}

.custom-select .custom-text span {
    font-size: 1rem;
    color: rgb(219, 219, 219);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
}

.custom-select::after {
    color: rgb(0, 0, 0);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.no-touch.desktop .custom-select:hover::after {
    animation: 0.75s ease 0s 1 alternate none running wobble-vertical;
}

.custom-select select {
    position: absolute;
    inset: 0px;
    width: 100%;
    color: rgb(0, 0, 0);
    padding: 1rem;
    opacity: 0;
}

.custom-select.selected,
.modal-filter .filter-detail li.has-children>span.active::before {
    border-color: rgb(0, 51, 153);
}

.error .custom-select {
    border-color: rgb(239, 111, 110);
}

.error .custom-select .custom-text span,
.error .custom-select::after {
    color: rgb(239, 111, 110);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 999;
    float: left;
    border-radius: 3px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(122, 88, 191);
}

.dropdown-menu ul {
    overflow-y: auto;
    max-height: 25rem;
}

.dropdown-menu li {
    overflow: hidden;
}

.dropdown-menu li a {
    display: block;
    font-size: 1rem;
    line-height: 1.6;
    padding: 11px 15px;
    color: rgb(122, 88, 191);
}

.dropdown-menu li a:hover {
    background: rgb(244, 244, 244);
    text-decoration: none;
}

.dropdown-menu li.active a {
    color: rgb(178, 178, 178);
}

.dropdown-menu::-webkit-scrollbar {
    width: 5px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px inset;
    background: rgb(0, 40, 80);
}

.custom-radio {
    position: relative;
    padding: 0px 0px 0px 35px;
    display: block;
    font-size: 1rem;
}

.custom-checkbox input,
.custom-radio input,
.custom-radio-thumb input {
    position: absolute;
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 2;
}

.custom-radio span {
    border: 1px solid rgb(219, 219, 219);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 27px;
    height: 27px;
}

.custom-radio input:checked+span {
    border: 7px solid rgb(0, 51, 153);
}

.custom-checkbox {
    position: relative;
    display: block;
}

.custom-checkbox span {
    display: block;
    padding: 0px 25px 0px 0px;
    font-size: 1rem;
    line-height: 1.375;
}

.custom-checkbox input:checked+span {
    background: url("../images/icons/ic-check-tiny.svg") right center no-repeat;
}

.custom-checkbox input[type="checkbox"]:checked+span:active,
.no-touch.desktop .custom-checkbox input[type="checkbox"]:checked+span:hover {
    background-image: url("../images/icons/ic-cross-tiny.svg");
}

.custom-radio-thumb {
    position: relative;
    margin: 0px 15px;
    display: block;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .custom-radio-thumb {
        margin: 0px 7px;
    }
}

.custom-radio-thumb .inner {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 30px 15px;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .custom-radio-thumb .inner {
        padding: 15px;
    }
}

.custom-radio-thumb .inner .visual-icons {
    text-align: center;
    margin: 15px 0px;
    height: 63px;
}

.custom-radio-thumb .inner .sub-title-3 {
    margin: 0px 0px 10px;
}

.custom-radio-thumb .inner .sub-title-3 span {
    display: block;
    text-align: center;
    font-weight: 100;
    line-height: 1.375;
}

.custom-radio-thumb input:checked+.inner,
.custom-radio-thumb.full-width input:checked+.inner {
    background: rgb(216, 204, 247);
}

.custom-radio-thumb.gender {
    width: 269px;
    height: 269px;
    display: table;
    margin: 0px;
    text-align: center;
}

.custom-radio-thumb.gender .visual-icons {
    height: 90px;
}

.custom-radio-thumb.gender .inner {
    display: table-cell;
    vertical-align: middle;
}

.custom-radio-thumb.confirm {
    width: 100px;
    height: 100px;
    margin: 0px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 6px 0px;
}

.custom-radio-thumb.confirm .inner {
    padding: 0px;
    line-height: 100px;
}

.custom-radio-thumb.salary {
    text-align: center;
}

.custom-radio-thumb.salary .inner {
    padding: 3px 15px 20px;
}

.custom-radio-thumb.salary .visual-icons {
    line-height: 63px;
}

.custom-radio-thumb.salary .visual-icons img {
    vertical-align: bottom;
    display: inline-block;
}

.custom-radio-thumb.full-width {
    margin: 0px;
    height: 164px;
}

.custom-radio-thumb.full-width .inner {
    padding: 20px 55px 20px 30px;
}

.custom-radio-thumb.full-width .inner::before {
    content: "";
    background: url("../images/icons/ic-compare.svg") no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 11;
    width: 32px;
    height: 32px;
}

.custom-radio-thumb.full-width .inner .visual-icons {
    margin-top: 0px;
}

.custom-radio-thumb.full-width input:checked+.inner::before {
    background-image: url("../images/icons/ic-compare-checked.svg");
}

.custom-radio-thumb .sub-title-3 {
    line-height: 1.22;
}

.group .msg-error {
    display: none;
}

.group.error .msg-error {
    display: block;
}

.error .form-control {
    border-color: rgb(239, 111, 110);
    color: rgb(239, 111, 110);
}

.error .msg-error {
    color: rgb(239, 111, 110);
    padding-top: 0.5em;
}

.button-group::after,
.button-group::before {
    display: table;
    content: "";
}

.button-group::after {
    clear: both;
}

@media only screen and (max-width: 767px) {
    .button-group [class*="btn-"]+[class*="btn-"] {
        margin-left: 0px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .button-group {
        padding: 0px;
    }

    .button-group.m-btn-block [class*="btn-"] {
        width: 100%;
    }

    .button-group.m-btn-block [class*="btn-"]+[class*="btn-"] {
        margin: 10px 0px 0px;
    }
}

.ui-selectmenu-menu {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
}

.no-scrolling .ui-selectmenu-menu {
    z-index: 101;
}

.ui-selectmenu-menu .ui-menu-item {
    color: rgb(0, 0, 0);
    padding: 10px 30px;
    cursor: pointer;
    font: 1rem Muli-Bold;
}

.ui-selectmenu-menu .ui-menu-item .ui-state-active,
.ui-selectmenu-menu .ui-menu-item:hover {
    color: rgb(0, 72, 183);
}

.ui-selectmenu-menu .ui-menu {
    overflow: hidden auto;
    padding-bottom: 1px;
    max-height: 220px;
    margin-top: 5px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px;
    border: 1px solid rgb(232, 232, 232);
    border-radius: 8px;
}

@media (max-height: 600px) {
    .ui-selectmenu-menu .ui-menu {
        max-height: 150px;
    }
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 100;
    line-height: 1.375;
    padding: 2px 0.4em;
    margin: 0.5em 0px 0px;
    height: auto;
    border: 0px;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-selectmenu-button,
select.form-control {
    width: 100%;
    height: 44px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 30px;
    font-size: 0.95rem;
    font-family: BangkokBank-Medium;
    border: 1px solid rgb(145, 157, 171);
    position: relative;
    cursor: pointer;
    border-radius: 7px !important;
}

.ui-selectmenu-button:hover,
select.form-control:hover {
    border: 1px solid rgb(0, 72, 183);
}

span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
    background-image: none;
}

.no-touch.desktop .ui-selectmenu-button:hover::after,
.no-touch.desktop select.form-control:hover::after {
    animation: 0.75s ease 0s 1 alternate none running wobble-vertical;
}

.ui-selectmenu-button .ui-selectmenu-text,
select.form-control .ui-selectmenu-text {
    line-height: 44px;
    height: 44px;
}

.cust-select {
    position: relative;
}

.cust-select::after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

select.form-control {
    background: 0px 0px / 10px content-box;
    appearance: none;
}

.validation-summary-errors {
    display: none;
}

.has-error .form-control {
    border-color: rgb(219, 7, 22);
}

.has-error .field-validation-error {
    color: rgb(219, 7, 22);
    padding: 6px 20px 12px;
    font-size: 0.8rem;
    display: inline-block;
}

.has-error .radio {
    border-color: rgb(219, 7, 22);
}

.disclaimer {
    padding: 25px 0px 0px;
    color: rgba(255, 255, 255, 0.7);
}

.disclaimer p {
    padding-top: 5px;
    color: rgba(255, 255, 255, 0.5);
}

form .page-header h2 {
    position: relative;
    font-size: 2.2rem !important;
    font-family: Muli-Bold !important;
}

form .page-header h2::before {
    top: auto !important;
    bottom: 0px;
}

@media only screen and (max-width: 767px) {
    form .page-header h2 {
        padding-bottom: 20px !important;
    }
}

.radio-list table,
.radio-list td {
    transform: translate3d(0px, 0px, 0px);
}

.radio-list td:first-child {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}

.radio-list td:last-child {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

[data-accordion] .collapse-header {
    position: relative;
    cursor: pointer;
    padding: 20px 25px 22px 0px;
    border-top: 1px solid rgb(222, 222, 222);
    color: rgb(0, 0, 0);
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
}

[data-accordion] .collapse-header::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    font: 2rem Muli-Light;
}

[data-accordion] .collapse-header.active::after {
    content: "-";
    margin-top: -5px;
}

[data-accordion] .collapse-inner {
    display: none;
    padding: 20px 30px;
    border-top: 1px solid rgb(222, 222, 222);
}

[data-accordion] .collapse-inner h4 {
    padding: 5px 0px 13px;
}

[data-accordion] .collapse-inner p+h4 {
    padding-top: 28px;
}

[data-accordion] .collapse-inner p {
    line-height: 1.67;
}

[data-accordion] .collapse-inner table {
    width: 100% !important;
    min-width: 500px;
}

@media only screen and (max-width: 767px) {
    [data-accordion] .collapse-inner {
        padding-left: 0px;
        padding-right: 0px;
        overflow-x: auto;
    }
}

[data-accordion] .collapse-item:last-child {
    border-bottom: 1px solid rgb(222, 222, 222);
}

[data-accordion] .accordion-control {
    text-align: right;
}

[data-accordion] .accordion-control li {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 0px 22px;
    margin-left: 20px;
}

[data-accordion] .accordion-control li .expand-items {
    cursor: pointer;
    padding-right: 30px;
    background: url("/k393_th_points_bangkokbank_index/resources/3eb90a512c40c6a058913be788feb869.svg") right center no-repeat;
}

[data-accordion] .accordion-control li .expand-items.expand {
    background: url("/k393_th_points_bangkokbank_index/resources/9f22d71f119d22735f7273ff39a2d73e.svg") right center no-repeat;
}

[data-accordion] .accordion-control li .expand-items:hover {
    color: rgb(0, 72, 183);
}

[data-accordion] .accordion-control li .expand-items:active {
    color: rgb(0, 100, 255);
}

[data-accordion] .accordion-control li .icon-print:hover {
    color: rgb(0, 72, 183);
}

[data-accordion] .accordion-control li .icon-print:active {
    color: rgb(0, 100, 255);
}

.circle-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

.image-white-border {
    border: 5px solid rgb(255, 255, 255);
}

.image-shadow-border,
.image-white-border {
    box-shadow: rgb(220, 220, 220) 0px 2px 8px 0px;
}

.icon-down-black {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgb(0, 0, 0);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.flex-wrap {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin: 0px -1rem;
}

.windows.safari.no-touch.desktop .flex-wrap {
    display: -webkit-box;
}

.flex-wrap.flex-left {
    justify-content: inherit;
}

@media only screen and (max-width: 375px) {
    .flex-wrap {
        margin: 0px;
    }
}

.flex-end,
.flex-item {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.flex-item {
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100%;
}

.flex-item.flex-item-big {
    -webkit-box-flex: 1.5;
    flex: 1.5 1 0%;
}

.flex-item.flex-start {
    align-items: flex-start !important;
}

.flex-end {
    -webkit-box-align: end;
    align-items: flex-end;
}

@media only screen and (min-width: 768px) {
    .flex-center {
        display: flex;
        justify-content: center;
    }
}

/* .loading {
    display: none;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    z-index: 1000;
    inset: 0px;
} */

.social-sharing {
    margin: 40px 0px 0px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .social-sharing {
        margin-top: 10px;
    }
}

.social-sharing li {
    float: left;
    margin-right: 20px;
}

.social-sharing a {
    transition: 0.5s;
}

.social-sharing a::before {
    font-size: 1.8rem;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0px;
    display: none !important;
}

.middle-block {
    display: table-cell;
    vertical-align: bottom;
}

.middle-center-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.middle-center-block .narrow {
    width: 40%;
    margin: 0px auto;
}

@media only screen and (max-width: 991px) {
    .middle-center-block .narrow {
        width: 100%;
    }

    .btn-login::after,
    .icon-login::before {
        content: "";
    }

    .label-header {
        font-size: 1.5rem !important;
        line-height: 1.625rem !important;
    }

    .crossBanner_title {
        position: relative;
        top: 10px;
    }
}

.paging {
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px;
}

.paging ul {
    margin-top: 5px;
}

.paging a,
.paging li,
.paging ul {
    display: inline-block;
    font-size: 19px;
    color: rgb(158, 158, 158);
}

.paging a.selected,
.paging li.selected,
.paging ul.selected {
    color: rgb(106, 106, 106);
}

.paging .next,
.paging .prev {
    border: 1px solid rgba(158, 158, 158, 0.7);
    border-radius: 50%;
    background: rgb(255, 255, 255);
    position: relative;
    width: 40px;
    height: 40px;
}

.paging .next::before,
.paging .prev::before {
    position: absolute;
    font-size: 13px;
    line-height: 38px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.paging .prev {
    float: left;
}

.paging .prev::before {
    transform: rotate(180deg) translateX(5px);
}

.paging .next {
    float: right;
}

.paging a,
.paging span {
    line-height: 32px;
    padding: 0px 10px;
    vertical-align: middle;
    transition: 0.5s;
}

.paging a:not(.disable):hover,
.paging span:not(.disable):hover {
    color: rgb(106, 106, 106);
    border-color: rgb(158, 158, 158);
}

.paging a:not(.disable):active,
.paging span:not(.disable):active {
    background: rgb(214, 214, 214);
}

.paging .disable,
.paging .disabled {
    cursor: default;
    opacity: 0.5;
}

.jq-pagination {
    padding-top: 5px;
    position: relative;
}

.jq-pagination ul {
    display: block;
    margin-top: 0px;
}

.jq-pagination ul li.active span,
.jq-pagination ul li:not(.disabled):hover span {
    color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}

.jq-pagination .next,
.jq-pagination .prev {
    position: absolute;
    z-index: 2;
}

.jq-pagination .prev {
    left: 0px;
    top: 0px;
}

.jq-pagination .next {
    right: 0px;
    top: 0px;
}

.tooltip {
    display: block;
    position: absolute;
    text-align: center;
    min-width: 124px;
    padding: 8px 10px;
    background: rgb(48, 55, 59);
    border-radius: 3px;
    color: rgb(242, 242, 242);
    line-height: normal;
}

.tooltip::before {
    content: " ";
    position: absolute;
    width: 0px;
    border-bottom: 5px solid rgb(48, 55, 59);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.for-print-only {
    display: none !important;
}

.text-normal {
    font-family: BangkokBank-Regular;
}

.editor ul,
.scWebEditInput ul,
.text-default ul {
    list-style: disc;
    margin-left: 20px;
    padding-left: inherit;
}

.editor ul ul,
.scWebEditInput ul ul,
.text-default ul ul,
[scfieldtype="rich text"] ul ul {
    margin-left: 20px;
    list-style: circle !important;
}

.editor ul ul ul,
.scWebEditInput ul ul ul,
.text-default ul ul ul,
[scfieldtype="rich text"] ul ul ul {
    list-style: square !important;
}

.editor li,
.scWebEditInput li,
.text-default li,
[scfieldtype="rich text"] li {
    margin-top: inherit;
    margin-right: inherit;
    margin-left: inherit;
    margin-bottom: 10px !important;
    color: inherit !important;
}

.editor ol,
.scWebEditInput ol,
.text-default ol,
[scfieldtype="rich text"] ol {
    list-style: decimal;
    margin-left: 20px;
}

.editor ol li,
.editor table td ul li,
.scWebEditInput ol li,
.scWebEditInput table td ul li,
.text-default ol li,
.text-default table td ul li,
[scfieldtype="rich text"] ol li,
[scfieldtype="rich text"] table td ul li {
    padding-left: 0px;
}

.editor table,
.scWebEditInput table,
.text-default table,
[scfieldtype="rich text"] table {
    border: 1px solid rgb(0, 0, 0) !important;
}

.editor table td,
.scWebEditInput table td,
.text-default table td,
[scfieldtype="rich text"] table td {
    padding: 5px 10px !important;
    border: 1px solid rgb(0, 0, 0) !important;
}

.editor table td table,
.editor table td table td,
.editor table.no-border,
.scWebEditInput table td table,
.scWebEditInput table td table td,
.scWebEditInput table.no-border,
.slick-dots li.slick-active button::before,
.text-default table td table,
.text-default table td table td,
.text-default table.no-border,
[scfieldtype="rich text"] table td table,
[scfieldtype="rich text"] table td table td,
[scfieldtype="rich text"] table.no-border {
    border: 0px !important;
}

.editor table.no-border td,
.editor table.no-border th,
.scWebEditInput table.no-border td,
.scWebEditInput table.no-border th,
.text-default table.no-border td,
.text-default table.no-border th,
[scfieldtype="rich text"] table.no-border td,
[scfieldtype="rich text"] table.no-border th {
    border: 0px !important;
    padding-left: 0px !important;
}

.editor {
    line-height: 1.375;
}

.editor span {
    color: inherit !important;
}

.editor a {
    text-decoration: underline;
}

.editor a.download-file,
.editor a[class*="btn-"],
.editor a[class*="icon-"] {
    text-decoration: none;
}

.editor a:not(.download-file) span {
    color: rgb(0, 0, 0) !important;
}

.container>.inner-container .wrapper>.inner-container:has(.center-content.editor) {
    padding: 0px !important;
}

.editor.center-content>h4,
.editor.center-content>h4+ul {
    color: rgb(158, 158, 158);
}

.editor .launcher-modal {
    display: none;
}

.container.active-top-bnr {
    padding-top: 110px;
}

.form-group .custom-date-label {
    display: none;
    font: 15px BangkokBank-Regular !important;
}

.ui-datepicker-year,
html[lang*="th"] .ui-datepicker-title .ui-datepicker-year.custom-datepicker-year {
    display: inline;
}

input.hasDatepicker {
    position: relative;
    z-index: 2;
    background: 0px 0px;
}

html[lang*="th"] input.hasDatepicker {
    text-indent: -999999px;
    font-size: 18px;
}

html[lang*="th"] .form-group .custom-date-label {
    display: block;
}

.ui-datepicker-year.custom-datepicker-year,
html[lang*="th"] .ui-datepicker-title .ui-datepicker-year {
    display: none;
}

.list-default,
.list-normal {
    line-height: 1.67em;
    padding: 10px 0px 30px;
}

.list-default {
    list-style-type: disc;
}

.list-default>li {
    padding: 0.2rem;
    margin-left: 14px;
}

.list-default,
.list-default>li .list-default-level-2 {
    margin-left: 20px;
}

.list-default>li .list-default-level-2>li {
    list-style-type: circle;
}

.list-normal {
    list-style-type: none;
}

.list-normal li {
    padding: 0.2rem 0px;
}

.list-primary {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.list-primary li {
    overflow: hidden;
    list-style-type: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list-primary a {
    overflow: hidden;
    font-size: 1rem;
    line-height: 22px;
    transition: 0.3s;
    height: 61px;
    display: table;
    width: 100%;
    vertical-align: middle;
}

.no-touch.desktop .list-primary a:hover {
    background: rgb(0, 72, 183);
    color: rgb(255, 255, 255);
    padding-left: 20px;
}

.list-primary a:active {
    background: rgb(0, 40, 80);
    color: rgb(255, 255, 255);
    padding-left: 20px;
}

.list-primary a span {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.list-primary a span[class*="icon-"]::before {
    font-size: 1.8rem;
    margin-right: 20px;
    vertical-align: middle;
}

.list-numberic {
    list-style-type: decimal;
    margin-left: 20px;
    line-height: 1.67em;
    padding: 0.5rem 0px;
}

.list-numberic li {
    padding: 0.2rem 5px;
}

.list-circle,
.list-square {
    list-style-type: circle;
    margin-left: 17px;
    padding: 0px 0px 0.5rem;
}

.list-square {
    list-style-type: square;
}

.list-icons-social {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}

.list-icons-social::before {
    content: "";
    position: absolute;
    top: 0px;
    width: 21px;
    height: 2px;
    background: rgb(255, 255, 255);
}

.list-icons-social li {
    display: inline-block;
}

.list-icons-social li:not(:last-child) {
    margin-right: 15px;
}

.list-icons-text img,
.list-icons-text span {
    vertical-align: middle;
    display: inline-block;
}

.list-icons-text img {
    margin-right: 15px;
    border-radius: 50%;
    width: 19px;
    height: 19px;
}

.list-icons-text li {
    padding: 5px 0px;
}

.no-touch.desktop .country-select a:hover img,
.no-touch.desktop .list-icons-text a:hover img {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
}

.list-dash li {
    display: inline-block;
}

.list-dash li:not(:first-child)::before {
    content: "|";
}

.list-dash li a {
    padding: 0px 10px;
}

.be-banking .breadcrumb .inner-container>ul>li:first-child,
.breadcrumb .inner-container>ul li:first-child,
.list-dash li:first-child a {
    padding-left: 0px;
}

.list-download li {
    padding-top: 13px;
}

.list-download-group {
    padding: 40px;
    background: rgb(255, 255, 255);
    margin-bottom: 15px;
    box-shadow: rgba(221, 221, 221, 0.5) 0px 2px 8px 0px;
}

.layout-2 #header {
    background: rgb(0, 40, 80);
}

.layout-2 .container {
    padding-top: 116px;
}

@media only screen and (max-width: 991px) {
    .layout-2 .container {
        padding-top: 4rem;
    }

    .thumb-full.large {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: auto !important;
    }

    .thumb-full.large [class*="btn-primary"] {
        min-width: 140px;
    }

    [data-section-title="Tools & Assistance"] .thumb-full.large {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: calc(50vw) !important;
    }
}

.page {
    overflow: hidden;
}

.container {
    position: relative;
}

.inner-container {
    max-width: 100%;
    padding: 0px 84px;
    margin: 0px auto;
}

.caption.mobile-banner,
.desktop-banner,
.desktop-teaser-container,
.desktop-tools {
    display: block;
}

.mobile-banner,
.mobile-teaser-container,
.mobile-tools,
.slick-slide .thumb img,
.slick-slide.slick-loading img {
    display: none;
}

.mobile-background-image-padding {
    min-height: 260px;
    height: calc(45vw);
}

.mobile-title-1 {
    font-size: 2rem;
    font-weight: 100;
    line-height: 2rem;
    padding-bottom: 10px;
    color: rgb(0, 0, 0) !important;
}

.mobile-text-default {
    color: rgb(158, 158, 158);
}

@media only screen and (max-width: 767px) {
    .no-touch.desktop .main-nav li.has-sub .link-sub:hover {
        animation: auto ease 0s 1 normal none running none !important;
    }

    .inner-container {
        padding: 0px 20px;
    }

    .main-nav .inner-container {
        padding: 0px 20px !important;
    }

    .icon-search[data-search-modal] {
        margin-right: 0px;
        position: relative !important;
        right: unset !important;
        top: 0px !important;
    }

    .desktop-banner,
    .desktop-teaser-container,
    .desktop-tools {
        display: none !important;
    }

    .mobile-banner,
    .mobile-teaser-container,
    .mobile-tools {
        display: block !important;
    }

    .banner-carousel.mobile,
    .banner.mobile {
        height: auto !important;
        margin-bottom: 30px;
    }

    .banner-carousel.desktop,
    .banner.desktop {
        height: auto !important;
        position: relative !important;
    }

    .thumb {
        height: 100%;
        background-repeat: no-repeat;
        transition: 0.2s;
        background-size: cover !important;
    }

    .thumb.mobile-banner {
        max-height: 350px !important;
        height: calc(-30.7692px + 76.9231vw) !important;
    }

    .thumb-full.large [class*="btn-primary"] {
        min-width: 140px;
        width: 100%;
    }

    .banner .thumb.mobile-banner::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: 0px 0px !important;
    }

    .banner .caption.mobile-banner {
        position: relative !important;
        top: 20px !important;
    }

    .mobile-banner .mobile-sub-title,
    .mobile-banner .mobile-title-1 {
        transition: 0.6s 0.4s;
        color: rgb(0, 0, 0) !important;
    }

    .mobile-banner .mobile-title-1 {
        letter-spacing: -0.2px;
        font: 1.6rem / 1.571rem BangkokBank-Medium !important;
    }

    .mobile-banner p {
        color: rgb(0, 0, 0) !important;
    }

    .mobile-banner .banner .caption .line {
        margin: 0px 0px 15px;
        padding: 0px 0px 15px;
        color: rgb(0, 100, 255) !important;
    }

    .mobile-banner .line::before {
        content: "";
        position: absolute;
        left: 0px;
        width: 21px;
        bottom: 0px;
        height: 1px;
        background: rgb(0, 0, 0) !important;
    }

    .banner .caption .mobile-banner p {
        font-size: 1.267rem;
        line-height: 1.375;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        padding-bottom: 15px;
    }

    .banner-carousel .mobile-banner .mobile-sub-title,
    .banner-carousel .mobile-banner .mobile-title-1 {
        letter-spacing: 0.8px;
        transform: translateY(300px);
        opacity: 0;
        transition: 0.6s 0.4s;
        font-size: 1.9rem !important;
        color: rgb(0, 0, 0) !important;
    }

    .banner-carousel,
    .banner-carousel .caption,
    .main-banner,
    .main-banner .caption {
        background: 0px 0px !important;
    }

    .banner-carousel .caption .mobile-banner .mobile-intro,
    .main-banner .caption .mobile-banner .mobile-sub-title {
        transform: translateY(300px);
        opacity: 0;
        transition: 0.6s 0.45s;
        margin-bottom: 10px;
        color: rgb(0, 0, 0) !important;
        padding: 16px 0px 0px !important;
        font: 1.6rem / 1.571rem Muli-Bold !important;
    }

    .banner-carousel .item.slick-active .button-group,
    .banner-carousel .item.slick-active .mobile-intro,
    .banner-carousel .item.slick-active .mobile-sub-title {
        opacity: 1;
        transform: translate(0px);
    }

    .banner-carousel .slick-dots {
        position: absolute;
        bottom: 20px;
        list-style: none;
        display: block;
        padding: 0px;
        width: 100%;
        height: 20px;
        margin: 0px !important;
    }

    .slick-dots li.slick-active button {
        opacity: 1;
        border-color: rgb(204, 204, 204) !important;
    }

    .slick-dots li button::before {
        background: rgb(204, 204, 204) !important;
    }

    .banner-carousel .middle-block {
        padding-bottom: 20px !important;
    }

    .banner-carousel .caption,
    .main-banner .caption {
        padding: 0px !important;
    }

    .banner-carousel .caption.mobile-banner,
    .main-banner .caption.mobile-banner {
        position: relative !important;
        top: 0px !important;
    }
}

@media only screen and (min-width: 992px) {
    .inner-menu {
        max-width: 1240px;
        padding: 0px 20px;
        margin: 0px auto;
    }

    .inner-container .stories {
        max-width: 100%;
        margin: 0px auto;
    }

    .center-content {
        margin: 0px auto;
        max-width: 900px;
    }

    .alert-cookie .center-content {
        width: 100%;
        margin: 0px auto;
        max-width: 100%;
    }

    .center-content .row-center [class*="col-"] {
        width: 33.333%;
    }

    #nav {
        display: inline-block;
    }

    .icon-search[data-search-modal] {
        right: 0px;
        margin-right: 48px;
        position: absolute !important;
        top: 15px !important;
        color: rgb(255, 255, 255) !important;
    }
}

.wrapper {
    position: relative;
}

@media only screen and (min-width: 1025px) and (max-width: 1240px) {

    #divResultSectionWithFilters.inner-container,
    .wrapper[data-section-title="Credit Card Promotions"] .inner-container,
    .wrapper[data-section-title="โปรโมชั่นบัตรเครดิต"] .inner-container {
        padding: 0px 84px;
    }
}

@media only screen and (max-width: 1408px) {

    #divResultSectionWithFilters.inner-container,
    .wrapper[data-section-title="Credit Card Promotions"] .inner-container,
    .wrapper[data-section-title="โปรโมชั่นบัตรเครดิต"] .inner-container {
        padding: 0px 84px;
        width: 100% !important;
    }

    #main-section-bond.inner-container {
        width: 100% !important;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 1024px) {

    #divResultSectionWithFilters.inner-container,
    .wrapper[data-section-title="Credit Card Promotions"] .inner-container,
    .wrapper[data-section-title="โปรโมชั่นบัตรเครดิต"] .inner-container {
        padding: 0px 48px;
    }
}

@media only screen and (min-width: 1409px) {

    #divResultSectionWithFilters.inner-container,
    .control-bar-bak.filter-controlbar000 .inner-container,
    .wrapper[data-section-title="Credit Card Promotions"] .inner-container,
    .wrapper[data-section-title="โปรโมชั่นบัตรเครดิต"] .inner-container {
        width: 1240px !important;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 760px) {

    #divResultSectionWithFilters.inner-container,
    .wrapper[data-section-title="Credit Card Promotions"] .inner-container,
    .wrapper[data-section-title="โปรโมชั่นบัตรเครดิต"] .inner-container {
        padding: 0px 16px !important;
    }
}

[class*="wrapper"]::after,
[class*="wrapper"]::before,
header::after,
header::before {
    display: table;
    content: "";
}

[class*="wrapper"]::after,
header::after {
    clear: both;
}

.display-block-important {
    display: block;
}

.mar-top-lg {
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .mar-top-lg {
        margin-top: 30px;
    }
}

.mar-bot-lg {
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .mar-bot-lg {
        margin-bottom: 30px;
    }
}

.pad-top-lg {
    padding-top: 30px;
}

.pad-bot-lg {
    padding-bottom: 30px;
}

.inner-container[class*="pad-top"],
.pad-top {
    padding-top: 30px !important;
}

.inner-container[class*="pad-bot"],
.pad-bot {
    padding-bottom: 30px !important;
}

.inner-container[class*="pad-right"],
.pad-right {
    padding-right: 30px;
}

.inner-container[class*="pad-left"],
.pad-left {
    padding-left: 30px;
}

@media only screen and (max-width: 767px) {
    .pad-left-mobile {
        padding-left: 15px;
    }
}

.pad-top-md {
    padding-top: 15px;
}

.pad-bot-md {
    padding-bottom: 15px;
}

.pad-left-md {
    padding-left: 15px;
}

.pad-bot-xs {
    padding-bottom: 5px;
}

.mar-top {
    margin-top: 30px;
}

.mar-bot-10 {
    margin-bottom: 10px;
}

.bgd-grey {
    background: rgb(249, 249, 249) !important;
}

.bgd-dark-grey {
    background: rgb(239, 238, 235) !important;
}

.bgd-darker-grey {
    background: rgb(86, 94, 106) !important;
}

.bgd-blue {
    background: rgb(230, 238, 244) !important;
}

.bgd-dark-blue {
    background: rgb(35, 58, 88);
}

.bgd-white {
    background: rgb(255, 255, 255);
}

.default-wrap::after,
.default-wrap::before {
    display: table;
    content: "";
}

.default-wrap::after {
    clear: both;
}

.no-scrolling {
    width: 100%;
    position: fixed;
}

.no-scrolling #header {
    z-index: 0;
}

.no-scrolling,
.no-scrolling-nav {
    overflow: hidden;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row [class*="col-md"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.row[data-carousel] [class*="thumb-"] {
    margin-top: 9px;
    height: calc(100% - 9px);
}

.row-default {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .row-default {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .row-fixed>.col-md-8 {
        float: left;
        width: 72%;
    }

    .row-fixed>.col-md-4 {
        width: 28%;
    }
}

.scrolling-x .row,
.scrolling-x [class*="col-"] {
    display: flex;
}

.scrolling-x .row {
    justify-content: center;
    flex-wrap: wrap;
}

.scrolling-x .row.row-left {
    justify-content: flex-start;
}

.scrolling-x [class*="col-"] {
    width: 25%;
    float: left;
    padding-bottom: 40px;
    margin: 0px;
}

@media only screen and (min-width: 992px) {
    .center-content .scrolling-x [class*="col-"] {
        width: 33.3333%;
    }
}

.scrolling-x [class*="col-"] [class*="thumb-"] {
    margin-bottom: 0px !important;
    width: 100%;
}

.row.slick-slider.slick-dotted>.slick-list.draggable>.slick-track>[class*="col-"].slick-slide>.thumb-info:has(.visual-img),
.scrolling-x [class*="col-"] .thumb-info {
    padding: 20px;
}

@media only screen and (max-width: 1024px) {
    .text-default {
        font-size: 1rem;
        line-height: 1.285rem !important;
        font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    .thumb-full h2.title-1 {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    [lang="th"] .thumb-full h2.title-1 {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    .scrolling-x {
        overflow-x: auto;
        padding: 10px;
        margin: 0px -10px;
    }

    .scrolling-x .row {
        justify-content: flex-start;
        flex-wrap: nowrap !important;
    }

    .scrolling-x [class*="col-"] {
        white-space: normal;
        text-align: left;
        padding-bottom: 20px;
        width: auto !important;
    }

    .scrolling-x [class*="col-"] [class*="thumb-"] {
        width: 75vw;
        max-width: 270px;
    }

    .scrolling-x.collapse-on-mobile .row {
        justify-content: center;
        flex-wrap: wrap !important;
    }

    .scrolling-x.collapse-on-mobile .row [class*="col-"] {
        width: 33% !important;
    }

    #nav-fund.inner.active~.currency-converter,
    #rates.inner.active~.currency-converter {
        display: none !important;
    }

    .scrolling-x .thumb-default.full.full .inner {
        height: calc(-30px + 50vw);
        min-height: 135px !important;
        max-height: 165px !important;
    }
}

@media only screen and (max-width: 767px) {
    .scrolling-x.collapse-on-mobile .row [class*="col-"] {
        justify-content: center;
        width: 100% !important;
    }

    .scrolling-x.collapse-on-mobile .row [class*="col-"] [class*="thumb-"] {
        padding: 20px 0px;
    }
}

@media only screen and (max-width: 375px) {

    #fix-deposit-tab .scrolling-x [class*="col-"],
    #foreign-curency-deposit-tab .scrolling-x [class*="col-"],
    #saving-current-tab .scrolling-x [class*="col-"] {
        width: 75vw !important;
        max-width: 270px;
    }
}

#divTipsAndInsights .scrolling-x .row {
    justify-content: center;
    flex-wrap: wrap !important;
}

.row-center::after,
.row-center::before {
    display: table;
    content: "";
}

.row-center::after {
    clear: both;
}

.row-center [class*="col-"] {
    padding-bottom: 40px;
    margin: 0px -1px;
    display: flex;
}

.row-center [class*="col-"].text-center label {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 991px) {
    .row-center [class*="col-"] {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .row-center {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .row-center [class*="col-"] {
        float: left;
        width: 25%;
    }

    .row-center [class*="col-"] [class*="thumb-"] {
        width: 75vw;
        margin-bottom: 0px;
    }

    .row-center .col-md-3>.thumb-info {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row-center [class*="col-"],
    .row-center.borderWorkSheet [class*="col-"],
    .row-center.borderWorkSheet[data-carousel-xs] [class*="col-"],
    .row-center[data-carousel-xs] [class*="col-"] {
        width: calc(-23.3333px + 33.3333vw);
    }

    .row-center .col-md-3 {
        width: calc(0px + 25vw);
    }

    .row-center .col-md-3:has(.thumb-info.no-shadow) {
        margin: 0px 10px;
    }

    .stories.left .row-center .col-md-4 {
        width: calc(20px + 33.3333vw);
    }
}

@media only screen and (min-width: 768px) {
    .row-center.horizontal [class*="col-"] {
        width: 50%;
    }

    .row-left .col-md-3 {
        width: 25%;
    }
}

.row-left::after,
.row-left::before {
    display: table;
    content: "";
}

.row-left::after {
    clear: both;
}

.row-left [class*="col-"] {
    padding-bottom: 40px;
    display: flex;
}

.row[class*="row-"] [class*="col-"] .thumb-info {
    padding: 20px;
}

@media only screen and (max-width: 991px) {
    .row-left [class*="col-"] {
        padding-bottom: 20px;
    }

    .row-center .col-sm-6,
    .row-left .col-sm-6 {
        width: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .row-left {
        display: flex;
        flex-wrap: wrap;
    }

    .row-left [class*="col-md"] {
        float: left;
    }

    .row-left [class*="col-md"] [class*="thumb-"] {
        width: 100%;
        margin-bottom: 0px;
        border-radius: 7px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-left[data-carousel-xs] [class*="col-md"] {
        width: 33.3333%;
    }
}

@media only screen and (min-width: 768px) {
    .row-left.horizontal [class*="col-md"] {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {

    .row-center [class*="col-"],
    .row-left [class*="col-"] {
        width: 100%;
    }
}

.error-404,
.thank-you {
    padding: 100px 0px;
}

.error-404 img {
    display: block;
    margin: 0px auto;
}

.img-responsive {
    width: 100%;
}

.full-photo {
    max-width: 80%;
    margin: 0px auto;
    display: block;
    box-shadow: rgb(0, 0, 0) 0px 0px 10px;
}

.bd-top-light-grey {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bd-top-grey {
    border-top: 1px solid rgb(197, 197, 197);
}

.bd-top-darker-blue {
    border-top: 1px solid rgb(28, 48, 73);
}

.multicolumn-2 {
    column-count: 2;
}

.slick-next,
.slick-prev {
    text-align: center;
    position: absolute;
    z-index: 2;
    display: block;
    top: 50%;
    margin-top: -20px;
    line-height: 0;
    font-size: 0px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(158, 158, 158, 0.7);
    border-radius: 50%;
    background: rgb(255, 255, 255);
    box-shadow: transparent 0px 0px 4px 0px;
}

.no-touch.desktop .slick-next:hover,
.no-touch.desktop .slick-prev:hover {
    border-color: rgb(158, 158, 158);
}

.no-touch.desktop .slick-next:hover::before,
.no-touch.desktop .slick-prev:hover::before {
    color: rgb(106, 106, 106);
}

.no-touch.desktop .slick-next:active,
.no-touch.desktop .slick-prev:active {
    background: rgb(214, 214, 214);
}

#search-modal .easy-autocomplete-container ul.hide,
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    display: none !important;
}

.slick-next::before,
.slick-prev::before {
    position: absolute;
    font-size: 14px;
    line-height: 38px;
    padding: 0px;
    border: 0px;
    color: rgb(138, 138, 138);
    outline: 0px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    transition: 0.5s;
}

.slick-prev {
    left: 10px;
}

.slick-prev::before {
    transform: rotate(180deg) translateX(5px);
}

.slick-next {
    right: 10px;
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
    margin: 0px !important;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    padding: 0px;
    cursor: pointer;
    text-align: center;
}

.slick-dots li:last-child {
    margin-right: 0px;
}

.slick-dots li button {
    width: 8px;
    height: 8px;
    border: 1px solid rgb(204, 204, 204);
    outline: 0px;
    color: transparent;
    cursor: pointer;
    position: relative;
    top: 4px;
    left: 4px;
    z-index: 1;
    background: 0px 0px;
    border-radius: 50%;
    padding: 3px;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    opacity: 0.8;
}

.slick-dots li.slick-active button,
[data-carousel-auto-height] .slick-dots li.slick-active button,
[data-carousel-product] .slick-dots li.slick-active button,
[data-carousel-xs] .slick-dots li.slick-active button,
[data-carousel] .slick-dots li.slick-active button {
    background: rgb(0, 100, 255);
    position: relative;
    top: 4px;
    left: 4px;
    border: 3px solid rgb(0, 100, 255) !important;
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-slider {
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.slick-list:focus {
    outline: 0px;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0px, 0px, 0px);
}

.slick-track {
    position: relative;
    left: 0px;
    top: 0px;
    display: block;
}

.slick-track::after,
.slick-track::before {
    content: "";
    display: table;
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-initialized .slick-slide,
.slick-slide img {
    display: block;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.scrolling-x .btn-default p.link-primary::after,
.slick-arrow.slick-hidden {
    display: none;
}

.slider-nav {
    margin: 30px -5px;
}

.slider-nav .thumb-slider {
    width: 210px;
    height: 122px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px 5px;
    cursor: pointer;
}

.slider-nav .thumb-slider.video {
    position: relative;
}

.slider-nav .thumb-slider.video::before {
    content: "";
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    inset: 0px;
    z-index: 2;
}

.slider-nav .thumb-slider.video::after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 23px solid rgb(255, 255, 255);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[data-slide-thumb] .slick-dots {
    bottom: -50px;
}

[data-slide-thumb] .slick-prev {
    transition: 0.3s;
}

@media only screen and (min-width: 992px) {
    [data-slide-thumb] .slick-prev {
        left: -50px;
    }
}

@media only screen and (max-width: 991px) {
    [data-slide-thumb] .slick-prev {
        left: -45px;
    }
}

@media only screen and (max-width: 767px) {
    [data-slide-thumb] .slick-prev {
        left: 10px;
    }
}

.no-touch.desktop [data-slide-thumb] .slick-prev:hover {
    margin-left: -5px;
}

[data-slide-thumb] .slick-next {
    transition: 0.3s;
}

@media only screen and (min-width: 992px) {
    [data-slide-thumb] .slick-next {
        right: -50px;
    }
}

@media only screen and (max-width: 991px) {
    [data-slide-thumb] .slick-next {
        right: -45px;
    }
}

@media only screen and (max-width: 767px) {
    [data-slide-thumb] .slick-next {
        right: 10px;
    }
}

.no-touch.desktop [data-slide-thumb] .slick-next:hover {
    margin-right: -5px;
}

[data-slide-thumb] .slider-nav .slick-current {
    box-shadow: rgb(0, 0, 0) 0px 0px 10px;
}

.custom-wffm-form legend,
.general-form legend,
[data-slide-thumb] .slider-nav .slick-list {
    padding: 10px 0px;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    inset: 0px 0px 0px auto;
    transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 7px;
    height: 100%;
    margin: 0px auto;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 7px;
    height: 100%;
    margin: 0px auto;
    border-radius: 16px;
    text-align: center;
    background: rgb(224, 223, 223);
    transition: opacity 0.1s ease-in-out, background 0.1s ease-in-out;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    inset: 40px 0px;
    height: auto;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
    margin-right: 30px;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0px;
    direction: ltr;
}

.mCustomScrollbar {
    touch-action: pinch-zoom;
}

.link-default {
    color: rgb(0, 100, 255);
}

.link-default.disabled:active,
.link-default:active,
.no-touch.desktop .link-default:hover,
.text-default a {
    text-decoration: underline;
}

.link-default.disabled {
    color: rgb(137, 137, 137);
    opacity: 0.2;
    cursor: default;
}

.no-touch.desktop .link-default.disabled:hover {
    text-decoration: none;
}

.link-blue {
    color: rgb(0, 100, 255) !important;
}

a.btn-default.btn-block.btn-block {
    padding: 0px;
    margin: 0px;
    text-align: center;
    top: 0px;
}

.btn-primary.btn-block p::after,
.button-group.editor a.sub-title-medium.link-primary::after,
.scrolling-x .thumb-default.full .sub-title-medium.link-primary::after,
.thumb-default.full .sub-title-medium.link-primary::after {
    content: "";
}

.scrolling-x .btn-default p.link-primary {
    line-height: 22px;
    transition: 0.3s;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 10px;
    text-align: center;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    position: relative !important;
}

.scrolling-x .btn-default p.link-primary:hover {
    color: rgb(255, 255, 255) !important;
}

.testimonials .caption .sub-title-medium.link-primary {
    left: 0px;
    bottom: 0px;
    position: absolute !important;
}

.button-group a.sub-title-medium.link-primary p.link-text,
.text-small-up.link-primary p.link-text,
p.link-primary.link-text,
p.sub-title-medium.link-primary,
span.sub-title-medium.link-primary p.link-text {
    font-size: 0.8rem;
    line-height: 1.4;
    padding-right: 15px;
    left: 20px;
    bottom: 15px;
    color: rgb(0, 100, 255) !important;
    position: absolute !important;
}

.button-group a.sub-title-medium.link-primary p.link-text::after,
.promotion-carousal-title a.link-primary::after,
.quick-news a.link-primary.white::after,
.testimonials .caption .sub-title-medium.link-primary::after,
.text-small-up.link-primary p.link-text::after,
.tips_insight_carousal_more.link-primary a::after,
.tips_insight_carousal_more.link-primary::after,
a.link-primary.white.pull-right::after,
p.link-primary.link-text::after,
p.sub-title-medium.link-primary::after,
span.sub-title-medium.link-primary p.link-text::after {
    position: absolute;
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    transition: 0.3s;
}

.quick-news a.link-primary.white,
.testimonials .caption .sub-title-medium.link-primary,
.tips_insight_carousal_more.link-primary {
    padding-right: 15px;
    color: rgb(0, 100, 255) !important;
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
}

.quick-news a.link-primary.white {
    height: 1.3rem;
    position: absolute;
    color: rgb(255, 255, 255) !important;
    right: 0px !important;
    bottom: -36px !important;
}

.promotion-carousal-title a.link-primary,
a.link-primary.white.pull-right {
    padding-right: 15px;
    position: relative;
    height: 1.3rem;
    top: 5px;
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
    color: rgb(0, 100, 255) !important;
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
}

a.link-primary.white.pull-right {
    color: rgb(255, 255, 255) !important;
    top: -1px;
}

.no-touch.desktop .link-primary.link-text:hover::after,
.no-touch.desktop .link-text:hover::after,
.no-touch.desktop .tips_insight_carousal_more.link-primary>a:hover::after {
    color: rgb(0, 72, 183) !important;
    right: -5px !important;
}

.no-touch.desktop .link-primary.link-text:active,
.no-touch.desktop .link-primary.white:hover,
.no-touch.desktop .link-text:active {
    color: rgb(0, 100, 255) !important;
}

.no-touch.desktop .link-primary:hover,
.no-touch.desktop [data-tab] .tab-header a:hover {
    color: rgb(0, 72, 183) !important;
}

.no-touch.desktop .link-primary:hover::after {
    color: rgb(0, 72, 183) !important;
    right: -5px;
}

.no-touch.desktop .link-primary:active,
.no-touch.desktop .link-primary:active::after,
[data-tab] .tab-header a.active {
    color: rgb(0, 100, 255) !important;
}

.link-primary.white {
    color: rgb(255, 255, 255) !important;
}

.no-touch.desktop .link-primary.white:active {
    color: rgb(92, 118, 170) !important;
}

.thumb-info a.link-primary {
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.375rem;
    color: rgb(0, 100, 255) !important;
}

.download-file {
    height: 44px;
    font-family: Muli-Bold;
    display: block;
    line-height: 44px;
    background: rgb(230, 238, 244);
    box-shadow: rgba(221, 221, 221, 0.5) 0px 2px 8px 0px;
    margin-bottom: 7px;
    padding: 0px 40px 0px 30px;
    max-width: 100%;
    text-align: left;
    position: relative;
    color: rgb(0, 0, 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none !important;
}

.search_modal_active #btnSearchSubmit {
    background: rgb(0, 100, 255);
    min-width: 155px;
    color: rgb(255, 255, 255) !important;
}

.search_modal_active #btnSearchSubmit[disabled]:hover {
    background: rgb(214, 214, 214);
    color: rgb(147, 147, 153) !important;
}

@media only screen and (max-width: 767px) {
    .download-file {
        padding-left: 15px;
    }
}

.download-file::after {
    position: absolute;
    right: 5px;
    font-size: 36px;
    margin-top: 6px;
    transition: 0.3s;
}

.no-touch.desktop .btn-download:hover::after,
.no-touch.desktop .download-file:hover::after {
    margin-top: 10px;
}

.download-file.bgd-blue {
    background: rgb(230, 238, 244);
}

.download-file span.date {
    font-family: Muli-Regular, Tahoma, Helvetica, Arial, sans-serif;
    display: inline-block;
    min-width: 155px;
    padding-right: 15px;
}

.button-group .download-app:not(:last-child) {
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .button-group .download-app:not(:last-child) {
        display: block;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

.btn-refresh {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: rgb(0, 51, 153);
    position: relative;
    cursor: pointer;
    padding: 14px;
    display: block;
}

.btn-refresh::before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    left: 14px;
    top: 14px;
    background: url("/k393_th_points_bangkokbank_index/resources/e88b75535f77a599640924e4c4165b1c.svg") center center no-repeat;
}

.btn-download {
    color: rgb(23, 23, 23);
    border: 1px solid rgb(107, 107, 107);
    background: inherit;
    line-height: 45px;
    font-family: Muli-Bold;
    min-width: 155px;
    text-align: left;
    display: block;
    padding: 0px 40px 0px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .btn-download {
        padding-left: 15px;
    }
}

.btn-download::after {
    position: absolute;
    right: 5px;
    font-size: 36px;
    margin-top: 6px;
    transition: 0.3s;
}

.line {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.line::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 21px;
    bottom: 0px;
    height: 1px;
    background: rgb(158, 158, 158);
}

.line.center {
    text-align: center;
}

.line.center::before {
    left: 50%;
    width: 40px;
    transform: translateX(-50%);
}

.line.right::before {
    left: auto;
    right: 0px;
}

[class*="title"] span {
    padding: 0px 5px;
}

.title-1 {
    color: rgb(0, 0, 0);
    letter-spacing: -0.2px;
}

.title-1.line {
    padding-bottom: 30px;
}

.title-1.line::before {
    width: 40px;
}

.title-1.white {
    color: rgb(255, 255, 255);
}

.title-1.small {
    font-size: 1.6rem;
    line-height: 1.571rem;
}

.text-center .title-1.line {
    margin: 30px 0px;
}

.text-center .title-1.line.small,
.title-1.line {
    margin: 30px 0px;
    font-size: 3rem !important;
    line-height: 2.875rem !important;
}

.text-center .title-1.line::before,
.text-center .title-2.line::before {
    margin-left: -40px;
    left: 50%;
    width: 80px;
}

@media only screen and (max-width: 767px) {
    .title-1 {
        font-size: 1.6rem !important;
        line-height: 1.571rem;
    }

    .text-center .title-1.line.small,
    .thumb-full .title-1 {
        margin: 30px 0px;
    }

    .text-center .title-1.line.small,
    .thumb-full .title-1,
    .title-1.line {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    .mobile-tools .title-1 {
        font-size: 1.571rem;
        line-height: normal;
    }

    .title-1.line {
        padding-bottom: 20px;
        margin: 25px 0px;
    }
}

@media only screen and (max-width: 375px) {
    .title-1 {
        overflow-wrap: break-word;
    }
}

.CrossSelling-conntent h2 {
    color: rgb(0, 40, 80) !important;
}

.CrossSelling-conntent .content-des {
    color: rgb(0, 40, 80) !important;
    font-size: 1rem !important;
    line-height: 1.375rem !important;
}

.CrossSelling-notification .CrossSelling-conntent {
    border: 1px solid rgb(255, 255, 255);
    line-height: 130%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 7px 8px 10px;
    transition: 0.3s;
    position: fixed;
    background: linear-gradient(115.36deg, rgb(255, 255, 255) 4.06%, rgba(255, 255, 255, 0.4) 60%) !important;
    backdrop-filter: blur(20px) !important;
}

.btn-enhance {
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-width: 138px !important;
    width: auto !important;
}

.activeMobile {
    border-style: solid;
    border-bottom-width: 3px;
    color: rgb(0, 100, 255) !important;
    border-bottom-color: rgb(0, 100, 255) !important;
}

@media only screen and (max-width: 767px) {
    .CrossSelling-conntent .content-des {
        color: rgb(0, 40, 80) !important;
        font-size: 1rem !important;
        line-height: 1.375rem !important;
    }
}

.title-2 {
    color: rgb(0, 0, 0);
    font-family: BangkokBank-Medium;
    font-size: 1.5rem !important;
    line-height: 1.625rem !important;
}

.title-2.line {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.title-2.line::before {
    width: 41px;
}

@media only screen and (max-width: 375px) {
    .title-2 {
        overflow-wrap: break-word;
    }
}

.title-3 {
    color: rgb(0, 0, 0);
    font-size: 1.5rem;
    line-height: 1.625rem;
}

.title-3.font-regular {
    font-family: BangkokBank-Medium;
    margin-bottom: 10px;
}

.mobile-sub-title,
.sub-title {
    padding-bottom: 5px;
    font: 0.9rem BangkokBank-Medium;
}

.sub-title {
    position: relative;
}

.sub-title-medium {
    font: 1rem BangkokBank-Medium;
    color: rgb(0, 0, 0);
}

.sub-title-medium.line.right {
    font: 1.1rem BangkokBank-Medium;
}

.sub-title-small {
    font: 0.8rem BangkokBank-Medium;
}

.text-black {
    color: rgb(0, 0, 0);
}

.text-light-black {
    color: rgb(55, 55, 55);
}

.text-grey {
    color: rgb(158, 158, 158);
}

.radio.none-bgd label,
.text-transparent {
    color: rgba(255, 255, 255, 0.5);
}

.text-orange {
    color: rgb(255, 110, 0);
}

.text-white {
    color: rgb(255, 255, 255);
}

.text-white .line::before {
    background: rgb(255, 255, 255);
}

.text-gold {
    color: rgb(203, 173, 111);
    padding: 20px;
}

.text-red {
    color: rgb(255, 35, 35);
}

.text-brown {
    color: rgb(124, 117, 97);
}

.text-blue {
    color: rgb(0, 32, 135);
}

.text-dark-blue {
    color: rgb(35, 58, 88);
}

.text-large,
.text-larger {
    font-size: 3rem;
    line-height: 2.875rem;
}

.text-mediumer {
    font-size: 1rem;
    line-height: 1.375rem;
}

.text-default {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

.text-default,
.text-medium {
    font-size: 1rem;
    line-height: 1.375rem;
}

.text-small {
    font-size: 0.8rem;
    line-height: 1.375;
}

.text-x-small {
    font-size: 11px;
    line-height: 1.63;
    letter-spacing: -0.1px;
}

.backdate-302,
.date-update,
.time-update {
    font-size: 12px;
    line-height: 16px;
    font-family: BangkokBank_Text-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
}

.txt-center {
    text-align: center;
}

.text-small-up {
    font-size: 0.8rem;
    line-height: 1.375;
}

.text-light {
    font-family: Muli-Light;
}

@media only screen and (max-width: 991px) {

    .text-default,
    .text-medium {
        font-size: 1rem;
        line-height: 1.285rem;
        font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    .text-large,
    .text-larger {
        font-size: 1.6rem;
        line-height: 1.571rem;
    }
}

strong {
    font-family: Muli-Bold;
}

#market-daily-reports .table-primary {
    white-space: nowrap;
    min-width: unset;
}

#market-daily-reports .table-primary td {
    width: 60%;
}

@media only screen and (max-width: 991px) {
    #market-daily-reports #RR td {
        width: 60%;
    }

    #market-daily-reports #THBUSD {
        width: 100%;
    }
}

#market-daily-reports #CMST td {
    width: 50%;
}

@media only screen and (max-width: 991px) {
    #market-daily-reports #CMST {
        width: 100%;
    }

    #market-daily-reports #CMST td {
        width: 60%;
    }
}

.table-outer table {
    width: 100% !important;
}

@media only screen and (max-width: 991px) {
    .table-outer {
        overflow-x: auto;
    }

    .table-outer table {
        min-width: 991px;
    }

    .desktop-tools .sub-title-medium.line {
        margin-top: 30px;
    }
}

.desktop-tools .sub-title-medium,
.mobile-tools .sub-title-medium {
    margin-top: 30px;
}

.table-primary {
    background: rgb(255, 255, 255);
    color: rgb(120, 120, 125);
    font: 1rem Muli-Bold;
    width: 100%;
    text-align: left;
    margin: 20px 0px 40px;
    border: 1px solid rgb(235, 235, 235);
}

.table-primary tr:not(:first-child) {
    border-left: 1px solid rgb(235, 235, 235);
    border-right: 1px solid rgb(235, 235, 235);
}

.table-primary td,
.table-primary th {
    padding: 0px 20px;
}

.table-primary th {
    background: rgb(244, 244, 244);
    height: 70px;
    color: rgb(0, 0, 0);
}

@media only screen and (min-width: 992px) {
    .table-primary th {
        white-space: nowrap;
    }
}

.table-primary td {
    border-bottom: 1px solid rgb(235, 235, 235);
    height: 56px;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.table-primary td i {
    padding-left: 5px;
}

@media only screen and (max-width: 991px) {

    .table-primary td,
    .table-primary th {
        padding: 0px 10px;
    }
}

.table-primary .align-top {
    vertical-align: top;
}

.table-primary.fixed {
    table-layout: fixed;
}

.table-primary.border,
.table-primary.border td,
.table-primary.border th,
.table-primary.table-credit-ratings {
    border: 1px solid rgb(223, 223, 223);
}

.table-primary.blue th {
    background: rgb(230, 238, 244);
}

.table-primary.table-financial-info td:first-child,
.table-primary.table-financial-info th:first-child {
    min-width: 300px;
}

.table-primary.table-credit-ratings td,
.table-primary.table-credit-ratings th {
    border: 1px solid rgb(223, 223, 223);
}

.table-primary.table-family ul li,
.table-primary.table-foreign-exchange-rates td {
    white-space: nowrap;
}

.table-primary.table-foreign-exchange-rates td:first-child {
    min-width: 100px;
}

.table-primary.table-foreign-exchange-rates td .small-ico {
    margin-right: 20px;
    width: 19px;
    height: 19px;
}

@media only screen and (max-width: 767px) {
    .table-primary.table-foreign-exchange-rates td .small-ico {
        margin-right: 10px;
    }
}

.table-primary.table-foreign-exchange-rates td img,
.table-primary.table-foreign-exchange-rates td span {
    display: inline-block;
    vertical-align: middle;
}

.table-primary.no-border td {
    border: 0px;
}

.table-primary.no-border tr.has-border {
    border-bottom: 1px solid rgb(223, 223, 223);
}

.table-primary.table-family td {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table-primary.table-family td:first-child {
    width: 50%;
}

.table-primary.table-family ul {
    padding: 0px;
}

.table-primary.auto-height td {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.table-primary.highlight tr:nth-child(2n+1) {
    background: rgb(245, 245, 245);
}

.table-primary#table-bualuang-quotes,
.table-primary#table-government-rates {
    min-width: 800px;
    overflow: auto;
}

.table-outer+.text-x-small {
    margin-top: -30px;
}

.editor .table-international-banking,
.editor .table-international-banking td,
.editor .table-international-banking th {
    border: 0px !important;
}

.editor .table-international-banking * {
    font-size: 1rem !important;
    font-family: inherit !important;
}

.editor .table-international-banking>tbody>tr:first-child b,
.editor .table-international-banking>tbody>tr:first-child strong {
    color: rgb(0, 100, 255) !important;
    font-family: Muli-Bold !important;
}

.editor .table-international-banking>tbody>tr:last-child>td {
    padding: 0px !important;
}

.editor .table-international-banking>tbody>tr:last-child table td {
    vertical-align: top !important;
}

.editor .table-international-banking>tbody>tr:last-child table td:first-child {
    min-width: 140px;
    padding-left: 0px !important;
    text-align: left !important;
    width: 50% !important;
}

@media only screen and (max-width: 767px) {
    .editor .table-international-banking>tbody>tr:last-child table td:first-child {
        width: 200px !important;
    }
}

.editor .table-international-banking>tbody>tr:last-child table td:first-child br {
    content: "";
}

.editor .table-international-banking>tbody>tr:last-child table td:first-child p {
    margin: 0px !important;
}

.editor .table-international-banking>tbody>tr:last-child table td:first-child img {
    height: auto !important;
    width: 100% !important;
}

.editor .table-international-banking>tbody>tr:last-child table td:last-child {
    padding-right: 0px !important;
    padding-left: 20px !important;
}

.editor .table-international-banking>tbody>tr:last-child table td:last-child * {
    font-size: 1rem !important;
    color: rgb(0, 0, 0) !important;
}

.editor .table-international-banking>tbody>tr:last-child table td:last-child b,
.editor .table-international-banking>tbody>tr:last-child table td:last-child strong {
    color: rgb(0, 0, 0) !important;
    font-family: Muli-Bold !important;
}

.editor .table-international-banking>tbody>tr:last-child table+p {
    display: none;
}

.table-fee td {
    width: 50%;
}

.editor .table-bank-holiday {
    border: 0px !important;
}

.editor .table-bank-holiday td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-width: 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(158, 158, 158) !important;
    vertical-align: top !important;
}

.editor .table-bank-holiday td:nth-child(1),
.editor .table-bank-holiday td:nth-child(2) {
    width: 20%;
    white-space: nowrap;
    padding-left: 0px !important;
}

.editor .table-subsidiaries-investments td {
    vertical-align: top !important;
}

.editor .table-no-border {
    min-width: 0px !important;
    border: 0px !important;
}

.editor .table-no-border td {
    border: 0px !important;
    width: 50% !important;
}

@media only screen and (max-width: 991px) {
    .editor .table-no-border td:first-child {
        width: 70% !important;
    }

    .editor .table-no-border td:last-child {
        width: 30% !important;
    }
}

@media only screen and (min-width: 768px) {
    .right-control {
        text-align: right;
    }

    .right-control span+span {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 991px) {
    .right-control span {
        display: inline-block;
        padding: 0px 7px;
    }
}

@media only screen and (max-width: 767px) {
    .right-control span {
        display: block;
        padding: 7px 0px;
    }

    .right-control span:first-child {
        padding-top: 15px;
    }
}

.modal-primary header::after,
.modal-primary header::before,
[data-tab] .tab-header::after,
[data-tab] .tab-header::before,
[data-tab]::after,
[data-tab]::before {
    display: table;
    content: "";
}

.modal-primary header::after,
[data-tab] .tab-header::after,
[data-tab]::after {
    clear: both;
}

[data-tab] .tab-header {
    padding: 0px 0px 20px;
    color: rgb(0, 100, 255);
}

[data-tab] .tab-header li {
    display: inline-block;
    margin-right: 14%;
}

.stories .tab-header li:last-child,
[data-tab] .tab-header li:last-child {
    margin: 0px;
}

[data-tab] .tab-header a {
    position: relative;
    display: inline-block;
    color: rgb(0, 0, 0);
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
}

[data-tab] .tab-header a::before {
    content: "";
    position: absolute;
    background: rgb(0, 100, 255);
    bottom: -25px;
    height: 2px;
    left: 0px;
    width: 0px;
    transition: 0.3s;
}

[data-tab] .tab-header a.active::before {
    width: 100%;
}

#header .top-header .top-links a:hover,
#nav .nav-title a,
.bgd-dark-blue [data-tab] .tab-header li a.active,
.no-touch.desktop .bgd-dark-blue [data-tab] .tab-header li a:hover,
.no-touch.desktop [data-tab] .tab-header a:active {
    color: rgb(0, 100, 255);
}

[data-tab] .tab-header.left {
    text-align: left;
}

[data-tab] [data-tab-content]>.inner {
    display: none;
}

[data-tab] [data-tab-content]>.inner .inner-container {
    padding: 0px !important;
}

[data-tab] [data-tab-content]>.inner .wrapper {
    padding-top: 0px !important;
}

[data-tab] [data-tab-content]>.inner.active {
    display: block;
}

.table-primary:not(#table-bond-rates) th:nth-child(1).text-center {
    width: 30%;
    text-align: left !important;
}

.table-primary:not(#table-bond-rates) th:nth-child(2).text-center {
    width: 70%;
    text-align: left !important;
}

.table-primary:not(.table-foreign-exchange-rates):not(#table-bond-rates) th:nth-child(n+3).text-center {
    text-align: right !important;
}

[data-tab] [data-tab-content]>.inner#exchange-rates,
[data-tab] [data-tab-content]>.inner#graph {
    display: none;
    position: absolute;
    height: 600px;
    left: -100%;
    top: 0px;
    width: 100%;
    opacity: 0;
}

[data-tab] [data-tab-content]>.inner#exchange-rates.active,
[data-tab] [data-tab-content]>.inner#graph.active {
    display: block;
    position: relative;
    left: 0px;
    height: auto;
    opacity: 1;
}

.bgd-dark-blue [data-tab] .tab-header li a {
    color: rgb(255, 255, 255);
}

.bgd-dark-blue [data-tab] .tab-header li a::before {
    background: rgb(0, 100, 255);
}

#header .top-header .top-links a:active,
.no-touch.desktop .bgd-dark-blue [data-tab] .tab-header li a:active {
    color: rgb(92, 118, 170);
}

.stories .tab-header {
    padding-bottom: 4rem;
    text-align: center;
    display: table;
    max-width: 100%;
    margin: 0px auto;
}

.stories .tab-header li {
    margin-right: 0px;
    padding: 0px 15px;
    display: table-cell;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stories .tab-header li {
        margin-right: 0px;
        padding: 0px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .stories .tab-header {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1159px) {
    .stories .tab-header.larger-screen li {
        margin-right: 0px;
        padding: 0px 12px;
    }

    .stories .tab-header.larger-screen.small li {
        margin-right: 0px;
        padding: 0px 8px;
    }
}

@media only screen and (max-width: 991px) {
    .stories .tab-header.larger-screen {
        display: none;
    }
}

.stories.left .tab-header,
.tabs-dropdown {
    text-align: left;
}

.stories.left .tab-header a::before {
    bottom: -15px;
}

.tabs-dropdown {
    width: 230px;
    height: 47px;
    margin: 0px auto 25px;
    border-radius: 7px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(158, 158, 158);
    position: relative;
}

@media only screen and (min-width: 768px) {
    .tabs-dropdown {
        display: none;
    }

    .tabs-dropdown.larger-screen {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .tabs-dropdown.larger-screen {
        display: none;
    }
}

.tabs-dropdown.left {
    margin-left: 0px;
}

.tabs-dropdown::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 55%;
    transform: translateY(-50%);
    color: rgb(0, 51, 153);
    font: 8px icomoon;
}

.tabs-dropdown select {
    color: rgb(0, 0, 0);
    height: 100%;
    width: 100%;
    z-index: 10;
    text-align: left;
    padding: 0px 35px 0px 20px;
    border: 0px;
    background: 0px 0px;
    position: relative;
    appearance: none;
    font: 0.8rem / 47px Muli-Bold;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .locate-us-module .tabs-dropdown {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .full-tab .tab-header {
        display: table;
        width: 100%;
    }

    .full-tab .tab-header li {
        text-align: left;
        display: table-cell;
    }
}

#search-modal .search-panel .thumb img,
.easy-autocomplete {
    width: 100%;
}

.easy-autocomplete-container {
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.easy-autocomplete-container ul {
    background: rgb(249, 249, 249);
    border-top: 1px dotted rgb(204, 204, 204);
    display: none;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: relative;
    top: -1px;
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
    background: inherit;
    border-color: rgb(204, 204, 204);
    border-image: none 100% / 1 / 0 stretch;
    border-style: solid;
    border-width: 0px 1px;
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 12px;
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0px 0px 2px 2px;
    border-width: 0px 1px 1px;
}

.easy-autocomplete-container ul li.selected {
    background: 0px 0px rgb(235, 235, 235);
    cursor: pointer;
}

.easy-autocomplete-container ul li.selected div {
    font-weight: 300;
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: 300;
    word-break: break-all;
    font-size: 1rem;
    padding: 10px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.easy-autocomplete-container ul li b {
    font-weight: 100;
}

.easy-autocomplete-container ul .eac-category {
    font-family: BangkokBank-Regular-Italic;
    color: rgb(170, 170, 170);
    font-style: italic;
}

.eac-description .eac-item span {
    font-family: BangkokBank-Regular-Italic;
    font-size: 0.9em;
    color: rgb(170, 170, 170);
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px;
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative;
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px;
}

.modal {
    background: rgb(255, 255, 255);
    border-top: 0px solid rgb(0, 51, 153);
    position: fixed;
    z-index: 100;
    inset: 0px;
    overflow-y: auto;
    display: none;
}

.modal.on-focus {}

.modal .icon-close {
    top: 30px;
    right: 30px;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .modal .icon-close {
        top: 15px;
        right: 15px;
    }
}

.no-touch.desktop .modal .icon-close:hover {
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 3px 7px;
}

.modal .modal-body {
    padding: 80px 20px;
    margin: 0px auto;
    position: relative;
}

.modal .modal-body .editor p {
    background: 0px 0px !important;
}

.modal .modal-body.bgd-grey .center-content.editor img {
    width: 100% !important;
    height: auto !important;
}

.default-modal {
    overflow-x: hidden;
}

.default-modal .step {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.default-modal .step.active,
.default-modal .step:first-child {
    display: block;
    position: static;
    transform: none;
}

.default-modal .step .list-option {
    padding: 40px 0px 70px;
}

.default-modal .step .list-option li {
    padding: 5px 0px;
}

@media only screen and (max-width: 767px) {
    .default-modal .step .list-option {
        padding: 10px 0px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .default-modal .step .list-thumb-square li,
    .default-modal .step .list-thumb-square li .thumb-square {
        width: calc(-18px + 20vw);
    }
}

#risk-profilter-step-1 .editor.text-x-small .center-content {
    text-align: left;
    max-width: 800px;
    margin: 0px auto;
}

#risk-profilter-step-1 .editor.text-x-small .center-content ul {
    margin: 0px 0px 0px 8px;
}

@media only screen and (max-width: 991px) {
    #risk-profilter-step-1 .editor.text-x-small .center-content {
        margin: 0px;
    }
}

.modal-fade {
    display: none;
}

#header.sticky.up .top-header,
.modal-fade.active,
.modal-full-screen.modal-active {
    display: block;
}

.modal-full-screen {
    position: fixed;
    z-index: 100;
    bottom: 0px;
    overflow: hidden auto;
    background: center center / cover no-repeat rgb(249, 249, 250);
    display: none;
}

.modal-fade .icon-close,
.modal-full-screen .icon-close {
    position: absolute;
    font-size: 3rem;
    line-height: 2.875rem;
    right: 4rem;
    top: 4rem;
    z-index: 10;
}

@media only screen and (max-width: 991px) {

    .modal-fade .icon-close,
    .modal-full-screen .icon-close {
        right: 2rem;
        top: 2rem;
        font-size: 2.5rem;
    }
}

.modal-fade .icon-close::before,
.modal-full-screen .icon-close::before {
    font-weight: 100;
}

.modal-fade .icon-close:hover,
.modal-full-screen .icon-close:hover,
.no-touch.desktop #live-chat header .config [class*="icon-"]:hover {
    opacity: 0.8;
}

@media only screen and (max-width: 767px) {

    .modal-fade .text-large,
    .modal-full-screen .text-large {
        font-size: 1.4rem;
        line-height: 1.375;
    }
}

.modal-fade .modal-body,
.modal-full-screen .modal-body {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    padding: 90px 0px;
    z-index: 2;
}

.modal-fade .modal-body::before,
.modal-full-screen .modal-body::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 0;
    inset: 0px;
}

@media only screen and (max-width: 767px) {

    .modal-fade .modal-body,
    .modal-full-screen .modal-body {
        padding: 60px 0px;
    }
}

.lightbox .icon-close:hover::before,
.modal-fade .modal-body .label,
.modal-full-screen .modal-body .label {
    color: rgb(255, 255, 255);
}

.modal-fade .thumb,
.modal-full-screen .thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.modal-fade .thumb::before,
.modal-full-screen .thumb::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: 2;
    opacity: 0.3;
    background-image: linear-gradient(to top, rgb(0, 0, 0), rgb(99, 99, 99));
}

.modal-fade .inner-container,
.modal-full-screen .inner-container {
    position: relative;
    z-index: 2;
}

.modal-fade .inner-container .group,
.modal-full-screen .inner-container .group {
    min-height: 0px;
}

.modal-fade .range-value,
.modal-full-screen .range-value {
    margin-top: 40px;
}

.modal-fade .range-value span,
.modal-full-screen .range-value span {
    font-size: 1.538rem;
    color: rgb(255, 255, 255);
}

#investment-simulator-modal .modal-body::before {
    content: none;
}

#header,
.lightbox,
.modal-full-screen {
    left: 0px;
    right: 0px;
    top: 0px;
}

.lightbox {
    background: rgb(139, 96, 96);
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    padding: 40px;
    overflow-y: auto;
}

.lightbox .icon-close {
    position: absolute;
    right: 4rem;
    top: 4rem;
    font-size: 3rem;
    line-height: 2.875rem;
    z-index: 10;
}

.lightbox .icon-close::before {
    color: rgb(204, 187, 188);
    font-weight: 900;
}

.lightbox .lightbox-body {
    background: rgb(249, 249, 250);
}

#header.sticky,
.lightbox .slick-next,
.lightbox .slick-prev {
    position: fixed;
}

@media only screen and (max-width: 991px) {

    .lightbox .slick-next,
    .lightbox .slick-prev {
        position: absolute;
        top: 20rem;
        bottom: auto;
        z-index: 10;
        display: block !important;
    }

    .lightbox .slick-next::before {
        right: 30px;
        opacity: 1;
    }

    .lightbox .slick-prev::before {
        left: 30px;
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    .lightbox {
        padding: 15px;
    }

    .lightbox .icon-close {
        right: 2rem;
        top: 2rem;
    }

    .lightbox .banner-wrap .item .thumb {
        height: 20rem;
    }

    .lightbox .slick-next,
    .lightbox .slick-prev {
        top: 11rem;
    }
}

.slide-modal {
    overflow: hidden;
}

.slide-modal .slide-inner {
    width: 999999px;
    overflow: hidden;
}

.slide-modal .modal-container {
    float: left;
    width: 1140px;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .slide-modal .modal-container {
        width: calc(-30px + 100vw);
    }
}

.modal-primary {
    background: rgb(82, 86, 89);
    border: 0px;
}

.modal-primary header {
    padding: 25px 0px;
    position: relative;
    background: rgb(0, 40, 80);
}

@media only screen and (max-width: 767px) {
    .modal-primary header {
        padding: 15px 0px 17px;
    }

    .modal-primary header .logo img {
        max-width: 160px;
    }
}

.modal-primary .icon-close {
    color: rgb(255, 255, 255);
    background: 0px 0px;
    top: 50%;
    transform: translateY(-50%);
}

.no-touch.desktop .modal-primary .icon-close:hover {
    box-shadow: rgb(255, 255, 255) 0px 0px 7px;
}

.modal-primary .modal-body {
    margin: 50px auto;
}

.modal-bualuang-payroll {
    background: rgb(249, 249, 249);
}

.modal-bualuang-payroll .modal-body {
    margin-top: 0px;
}

.modal-bualuang-payroll .thumb {
    height: 370px;
}

.modal-bualuang-payroll .thumb.white-space {
    background: 0% 0% / auto rgb(255, 255, 255);
}

.landing {
    background: rgb(255, 255, 255);
    padding: 30px 0px;
}

@media screen and (orientation: landscape) {
    .landing .landscape-landing {
        width: 80%;
        margin: 0px auto 20px;
        display: block;
    }

    .landing .portrait-landing {
        display: none;
    }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
    .landing .button-group [class*="btn-"]+[class*="btn-"] {
        margin-left: 15px;
    }
}

@media screen and (orientation: portrait) {

    .landing,
    .landing .inner-container {
        padding: 0px;
    }

    .landing .landscape-landing {
        display: none;
    }

    .landing .portrait-landing img {
        width: 100vw;
    }

    .landing .button-group {
        position: absolute;
        bottom: 30px;
    }
}

@media screen and (orientation: portrait) and (min-width: 768px) {
    .landing .button-group {
        bottom: 200px;
        left: 0px;
        right: 0px;
    }
}

.layout-2 #header .main-header {
    padding: 20px 0px;
    background: rgb(0, 40, 80) !important;
}

#header {
    position: absolute;
    z-index: 11;
    transition: 0.3s;
}

@media only screen and (max-width: 991px) {
    #header {
        height: 4rem;
    }
}

#header.sticky .top-header {
    display: none;
}

#header.sticky .main-header {
    transition: background 0.3s;
    background: rgb(0, 40, 80) !important;
    box-shadow: rgb(0, 40, 80) 0px 1px 0px !important;
}

#header.scroll-top .top-header {
    display: block;
}

@media only screen and (min-width: 992px) {
    .menu-opening #header .top-header {
        margin-top: -41px;
    }

    .menu-opening #header .top-banner {
        margin-top: -110px;
    }

    .menu-opening #header .main-header {
        background: rgb(0, 40, 80);
    }
}

#header .logo {
    float: left;
    max-width: 17vw;
}

#header .logo img {
    height: 38px;
}

@media only screen and (max-width: 991px) {
    #header .logo {
        float: none;
        max-width: 50%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    #header .logo img {
        max-height: none;
    }
}

#header .top-header {
    text-align: right;
    padding: 10px 0px;
    background: rgb(255, 255, 255);
}

#header .top-header .top-links {
    text-align: right;
    display: inline-block;
    color: rgb(255, 255, 255);
    font: 0.72rem BangkokBank-Bold, Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif !important;
}

#header .top-header .top-links li {
    display: inline-block;
    margin-right: 30px;
}

#header .top-header .top-links a {
    color: rgb(0, 0, 0);
    font: 0.72rem BangkokBank-Medium, Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif !important;
}

#header .right-header {
    float: right;
}

#header .right-header .nav-outer {
    float: left;
}

@media only screen and (max-width: 991px) {
    #header .right-header .nav-inner {
        background: rgb(249, 249, 249);
        width: 0px;
        max-width: 320px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        max-height: 100vh;
        overflow-y: auto;
        transition: 0.5s;
    }

    #header .right-header .nav-outer {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: 0px;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.4);
        color: rgb(0, 0, 0);
        z-index: 100;
    }

    #header .right-header .nav-outer.active {
        width: 100%;
    }

    #header .right-header .nav-outer.active .nav-inner {
        width: 90%;
        font-size: 1rem;
    }
}

#header .main-header {
    position: relative;
    top: -1px;
    height: 80px;
    padding: 20px 0px;
}

#header .main-header::after,
#header .main-header::before {
    display: table;
    content: "";
}

#header .main-header::after {
    clear: both;
}

.right-header .language {
    float: left;
    margin-top: 15px;
}

.right-header .language li {
    float: left;
    border-right: 1px solid rgb(204, 204, 204);
    padding: 0px 10px;
}

.right-header .language li:last-child {
    border-right: none;
    padding-right: 0px;
}

.right-header .language li a {
    color: rgb(0, 0, 0);
}

.language li {
    font-size: 1.1rem;
}

.language-change {
    display: inline-block;
    color: rgb(0, 0, 0);
}

.language-change img,
.language-selection img {
    width: 21px;
    border-radius: 50%;
}

.language-change span {
    margin: 0px 0.3rem;
    position: relative;
    top: 1px;
    font: 100 0.9rem Muli-Bold;
}

.no-touch.desktop .language-change:hover span {
    color: rgb(0, 100, 255);
    transition: 0.3s;
}

.no-touch.desktop .language-change:active span {
    color: rgb(92, 118, 170);
}

@media only screen and (max-width: 991px) {
    .language-change {
        float: none;
        color: rgb(43, 43, 43);
        margin: 0px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 20.5px 0px;
        position: relative;
        display: block;
    }

    .language-change span {
        font-family: Muli-Bold;
    }
}

.language-selection {
    display: inline-block;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

.language-selection * {
    vertical-align: middle;
    display: inline-block;
}

.language-selection span {
    font-size: 0.8rem;
    margin: 0px 1rem;
}

#online-banking .top-links .mbanking-link.ibanking-desktop,
.language-selection::after {
    display: inline-block;
}

.no-touch.desktop .language-selection:hover span {
    color: rgb(0, 100, 255);
    transition: 0.3s;
}

.no-touch.desktop .language-selection:hover::after {
    color: rgb(0, 100, 255);
    transition: 0.3s;
    animation: 0.75s ease 0s 1 alternate none running wobble-vertical;
}

.no-touch.desktop .language-selection:active span {
    color: rgb(92, 118, 170);
}

@media only screen and (max-width: 991px) {
    .language-selection {
        float: none;
        color: rgb(43, 43, 43);
        margin: 0px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 20.5px 0px;
        position: relative;
        display: block;
    }

    .language-selection span {
        font-family: Muli-Bold;
    }

    .language-selection::after {
        transform: rotate(-90deg) translateY(-50%);
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -2px;
    }
}

.btn-login {
    padding: 0px 27px;
    border: 1px solid transparent;
}

.btn-login::after {
    display: inline-block;
    padding-left: 0px;
    font-weight: 700;
}

@media only screen and (min-width: 992px) {

    .layout-2 .btn-login[data-btn-login],
    .sticky .btn-login[data-btn-login] {
        border-color: rgba(255, 255, 255, 0.5);
        font-size: 1rem;
    }

    .menu-opening .btn-login {
        background: rgb(0, 40, 80);
        border-color: transparent;
    }
}

@media only screen and (max-width: 991px) {
    .btn-login[data-btn-login] {
        padding: 0px 20px 0px 0px;
        font-size: 0px;
        line-height: 1;
        position: absolute;
        right: 20px;
        top: 46%;
        transform: translateY(-50%);
        color: rgb(255, 255, 255);
        background: 0px 0px !important;
    }

    .btn-login[data-btn-login]::before {
        content: "";
        display: inline-block;
        margin-top: 2px;
        position: absolute;
        right: 0px;
        top: 50%;
        font: 7px / 1 icomoon;
    }

    .btn-login[data-btn-login]::after {
        font-size: 20px;
        padding: 0px;
        line-height: 47px;
    }

    .btn-login[data-btn-login]:active,
    .btn-login[data-btn-login]:focus {
        text-shadow: none;
        box-shadow: none;
        background: 0px 0px;
    }
}

.btn-login[data-btn-login] {
    min-width: 0px;
}

.icon-locationsearch {
    margin-right: 50px;
    top: -3px;
    position: relative;
    padding: 0px 10px;
}

#subFilter-local-bar>#KeyWordSearch .currency-dropdown {
    position: absolute;
    top: 45px;
}

@media only screen and (max-width: 991px) {
    .icon-locationsearch {
        margin-right: 10px;
        top: 25px;
        position: relative;
        padding: 0px 10px;
        float: right;
    }

    div#domestic.inner-container {
        padding: 0px 48px !important;
    }
}

@media only screen and (min-width: 992px) {
    div#domestic.inner-container {
        padding: 0px !important;
    }

    .btn-login[data-btn-login] {
        min-width: 120px;
        max-height: 32px;
        padding: 6px 10px;
        position: relative;
        top: 3px;
        margin-right: 0px !important;
        font-size: 0.9rem !important;
        line-height: 1.125rem !important;
    }

    .icon-locationsearch {
        margin-right: 50px;
        position: relative;
        padding: 0px 10px;
        top: 1px !important;
    }
}

.hamburger-box {
    position: absolute;
    width: 18px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (min-width: 992px) {
    .hamburger-box {
        display: none;
    }

    .thumb.desktop-banner {
        height: calc(35vw);
        max-height: 530px !important;
    }
}

.hamburger-inner,
.hamburger-inner::after {
    width: 100%;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    position: absolute;
    height: 2px;
    transition: transform 0.1s;
    border-radius: 4px;
    background: rgb(255, 255, 255);
}

.hamburger-inner {
    top: 2px;
}

.hamburger-inner::after,
.hamburger-inner::before {
    display: block;
    content: "";
}

.hamburger-inner::before {
    top: 8px;
    width: 80%;
    transition-duration: 0.2s;
    transition-property: transform, opacity;
}

.hamburger-inner::after {
    top: 16px;
}

#nav {
    padding-top: 7px;
}

#nav .nav-title {
    padding: 30px 0px;
    font: 1rem BangkokBank-Medium !important;
}

@media only screen and (max-width: 991px) {
    #nav .nav-title {
        padding-bottom: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

#nav .nav-title a::after {
    transition: 0.3s;
    margin-left: 20px;
    font-size: 0.8em;
}

#nav .nav-title a:hover,
.mega-menu .quick-links a:hover,
.no-touch.desktop #online-banking .top-links [data-level-1]:hover,
.no-touch.desktop .breadcrumb .inner-container>ul li a:hover,
.no-touch.desktop .search-input-small .easy-autocomplete .easy-autocomplete-container ul li:hover {
    color: rgb(0, 72, 183);
}

#nav .nav-title a:hover::after {
    margin-left: 23px;
    color: rgb(0, 72, 183);
}

#nav .nav-title a:active,
#nav .nav-title a:active::after,
.mega-menu .quick-links a:active,
.no-touch.desktop #footer a:hover,
.no-touch.desktop .breadcrumb .inner-container>ul li a:active,
.no-touch.desktop .group-link .list-links ul a:hover,
.no-touch.desktop .group-link .list-links ul.list-icons-social a:hover,
.no-touch.desktop .main-nav .link-sub:hover {
    color: rgb(0, 100, 255);
}

.main-nav {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
}

.main-nav .link-sub {
    color: rgb(255, 255, 255);
    font-size: 1rem;
}

@media only screen and (min-width: 992px) {
    .main-nav .link-sub.active {
        padding-bottom: 12px;
    }

    .main-nav .link-sub.active::before {
        content: "";
        position: absolute;
        left: 0px;
        width: 30px;
        bottom: 0px;
        height: 2px;
        background: rgb(255, 255, 255);
    }
}

.no-touch.desktop #footer a:active,
.no-touch.desktop .group-link .list-links ul a:active,
.no-touch.desktop .group-link .list-links ul.list-icons-social a:active,
.no-touch.desktop .main-nav .link-sub:active {
    color: rgb(92, 118, 170);
}

.main-nav li {
    float: left;
}

.main-nav li.has-sub .link-sub {
    position: relative;
    padding-right: 25px;
    top: 0px;
}

.main-nav li.has-sub .link-sub::after {
    position: absolute;
    right: 0px;
    top: 8px;
    font-size: 6px;
}

.no-touch.desktop .main-nav li.has-sub .link-sub:hover {
    animation: 0.75s ease 0s 1 alternate none running wobble-vertical;
}

.main-nav li.has-sub .link-sub.current::after {
    transform: translateY(-50%) rotate(180deg);
}

@media only screen and (max-width: 991px) {
    .main-nav li.has-sub .link-sub::after {
        top: 50% !important;
        transform: translateY(-50%) rotate(-90deg);
    }

    .main-nav li.has-sub .link-sub.current {
        font: 23px / 27px Muli-Bold;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .main-nav li.has-sub .link-sub.current::after {
        content: none;
    }
}

.main-nav>li {
    padding: 0px 20px 0px 3px;
}

@media only screen and (max-width: 991px) {
    .main-nav {
        padding: 20px 20px 0px;
    }

    .main-nav .inner-container {
        padding: 0px 20px;
    }

    .main-nav>li {
        display: block;
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0px;
    }

    .main-nav>li:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .main-nav>li::after {
        display: none;
    }

    .main-nav .link-sub,
    .main-nav a {
        color: rgb(43, 43, 43);
        display: inline-block;
        padding: 25px 0px;
        font-weight: 700;
        white-space: nowrap;
    }
}

.mega-menu {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 20;
    top: 80px;
    background: rgb(255, 255, 255);
    transform: translate3d(0px, 0px, 0px);
    display: none;
    max-height: 100vh;
    overflow: auto;
}

.mega-menu.level-2-opening {
    overflow: hidden;
}

.mega-menu .level-1 {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .mega-menu .level-1 .image {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .mega-menu .level-2 {
        position: absolute;
        top: 0px;
        left: 33%;
        right: 0px;
        text-align: left;
        height: 0px;
        opacity: 0;
        overflow: hidden;
        transition: 1s;
    }

    .mega-menu .level-2>.content {
        position: absolute;
        top: 0px;
        left: 37px;
        right: 0px;
        overflow-y: auto;
        height: 100%;
    }

    .mega-menu .level-2>.content .mCSB_container {
        padding: 37px 0px;
    }

    .mega-menu .level-2::after,
    .mega-menu .level-2::before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        z-index: 10;
    }

    .mega-menu .level-2::before {
        height: 43px;
        top: 0px;
        background-image: linear-gradient(rgb(249, 249, 249), rgba(249, 249, 249, 0));
    }

    .mega-menu .level-2::after {
        height: 100px;
        bottom: 0px;
        background-image: linear-gradient(to top, rgb(249, 249, 249), rgba(249, 249, 249, 0));
    }
}

@media only screen and (max-width: 991px) {
    .mega-menu .level-2 {
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        padding: 20px 10px;
        display: none;
    }
}

.mega-menu .level-2 .inner {
    display: none;
    padding: 40px 0px 40px 50px;
}

.mega-menu .level-2 .inner.active {
    display: block;
}

@media only screen and (min-width: 992px) {
    .mega-menu [data-level-1].active+.level-2 {
        height: 100%;
        opacity: 1;
    }

    .mega-menu .item {
        float: left;
        width: 183px;
        margin-left: 20px;
    }

    .mega-menu .item:first-child {
        margin-left: 0px;
    }

    .mega-menu .item .image {
        height: 80px;
        overflow: hidden;
    }

    .mega-menu .item .image:hover {
        box-shadow: rgba(0, 0, 0, 0.17) 0px 2px 10px;
        transition: 0.3s;
    }

    .mega-menu .item [data-level-1] a:hover {
        color: rgb(0, 72, 183);
    }

    .mega-menu .item [data-level-1] a:active {
        color: rgb(0, 100, 255);
    }
}

.mega-menu .quick-links {
    padding: 0px 0px 40px;
}

.mega-menu .quick-links li {
    overflow: hidden;
    float: none;
}

.mega-menu .quick-links a {
    padding: 5px 0px;
    display: inline-block;
    color: rgb(120, 120, 125);
    white-space: normal;
    font: 1rem / 1.2 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

.mega-menu .item h3 {
    color: rgb(0, 0, 0);
    margin: 25px 0px 10px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.mega-menu .item:last-child .quick-links {
    padding-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .mega-menu {
        top: 0px;
    }

    .mega-menu .inner-menu,
    .mega-menu .level-1 {
        display: block;
    }

    .mega-menu .info [data-level-1] {
        margin: 0px;
        padding: 0px;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .mega-menu .info [data-level-1]::before {
        content: none;
    }

    .mega-menu .info [data-level-1]::after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 50%;
        color: rgb(158, 158, 158);
        transform: translateY(-50%) rotate(-90deg);
        font: 7px / 1 icomoon;
    }

    .mega-menu .quick-links {
        padding: 0px;
        display: none;
        position: fixed;
        left: 0px;
        right: 0px;
        z-index: 20;
        top: 0px;
        background: rgb(249, 249, 249);
        transform: translate3d(0px, 0px, 0px);
        height: 100%;
    }

    .mega-menu .quick-links ul {
        padding-top: 30px;
    }

    .mega-menu .quick-links li {
        padding: 0px 20px;
    }

    .mega-menu .quick-links a {
        color: rgb(158, 158, 158);
        padding: 20px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: block;
    }
}

.menu-item-slider::after,
.menu-item-slider::before {
    display: table;
    content: "";
}

.menu-item-slider::after {
    clear: both;
}

.menu-item-slider .slick-prev {
    left: -2%;
}

.menu-item-slider .slick-next {
    right: -2%;
}

@media only screen and (min-width: 1281px) {
    .menu-item-slider .slick-prev {
        left: -60px;
    }

    .menu-item-slider .slick-next {
        right: -60px;
    }
}

.other-quicklinks {
    padding: 40px 0px;
}

.other-quicklinks::after,
.other-quicklinks::before {
    display: table;
    content: "";
}

.other-quicklinks::after {
    clear: both;
}

.other-quicklinks li {
    display: table;
}

.other-quicklinks a {
    background: rgb(255, 255, 255);
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 73px;
    color: rgb(0, 0, 0);
    transition: 0.3s;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.other-quicklinks a span {
    margin-left: 10px;
    font: 1rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

.no-touch.desktop .other-quicklinks a:hover,
.no-touch.desktop a.thumb-default:hover {
    border: 1px solid rgb(0, 100, 255);
    box-shadow: rgba(0, 100, 255, 0.17) 2.77083px 2.77083px 0px;
}

.other-quicklinks img {
    max-height: 66px;
}

@media only screen and (min-width: 992px) {
    .other-quicklinks li {
        width: 25%;
        padding-right: 4px;
    }

    .other-quicklinks li:last-child {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .other-quicklinks {
        padding: 20px 0px;
    }

    .other-quicklinks li {
        float: none;
        width: 100%;
        margin: 2px 0px;
    }

    .other-quicklinks li a {
        text-align: left;
        padding: 0px 20px !important;
    }
}

[class*="back-level-"] {
    text-align: center;
    border: 1px solid rgb(158, 158, 158);
    margin: 20px 0px 0px 20px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: none;
}

[class*="back-level-"]::before {
    line-height: 36px;
    display: inline-block;
    transform: rotate(90deg);
}

#search-modal .easy-autocomplete-container .eac-item a span,
[class*="back-level-"].active {
    display: block;
}

[class*="back-level-"]:active {
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}

@media only screen and (min-width: 992px) {
    [class*="back-level-"] {
        display: none !important;
    }
}

.menu-opening {
    overflow: hidden;
    max-height: 100vh;
}

@media only screen and (min-width: 992px) {
    .menu-opening {
        position: relative;
    }

    .menu-opening #header {
        overflow-y: auto;
        height: 100vh;
        background: 0px 0px;
    }

    .menu-opening .page::before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        inset: 0px;
        position: fixed;
        z-index: 7;
    }
}

.right-block {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    background: rgb(228, 228, 228);
}

@media only screen and (min-width: 992px) {
    .right-block .content {
        max-height: calc(-80px + 100vh);
        overflow-y: auto;
    }

    .right-block .content .mCSB_container {
        padding: 40px 20px 20px;
    }
}

.right-block .thumb-horizontal {
    margin-top: 20px;
}

@media only screen and (max-width: 991px) {
    .right-block {
        display: block;
        background: 0px 0px;
        padding: 0px;
    }

    .right-block .content {
        padding: 0px;
    }

    .right-block h3,
    .right-block h3.showing {
        -webkit-font-smoothing: subpixel-antialiased;
    }

    .right-block h3 {
        padding: 20px 20px 20px 0px;
        position: relative;
        margin: 0px;
    }

    .right-block h3::before {
        content: none;
    }

    .right-block h3::after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 50%;
        color: rgb(158, 158, 158);
        transform: translateY(-50%);
        font: 7px / 1 icomoon;
    }

    .right-block h3.showing {
        color: rgb(0, 51, 153);
    }

    .right-block h3.showing::after {
        color: rgb(0, 51, 153);
        transform: rotate(180deg) translateY(50%);
    }

    .right-block .wrap-auto {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        overflow: hidden;
        display: none;
    }

    .right-block .wrap-auto .inner {
        background: rgb(228, 228, 228);
        overflow: hidden;
        padding: 0px 20px 20px;
        margin: 20px 0px;
    }
}

#online-banking,
#online-banking .inner-menu {
    height: 100%;
    width: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: auto;
    display: block;
}

#online-banking {
    position: fixed;
    left: auto;
    opacity: 0;
    background: rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 992px) {
    #online-banking {
        top: 89px;
        height: 100vh;
    }
}

#online-banking .inner-menu {
    z-index: 1;
    position: absolute;
    max-width: 320px;
    transition: 0.5s;
}

#online-banking .top-links [data-level-1] {
    font: 1rem BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif;
}

#online-banking .top-links .mbanking-link {
    display: none;
}

@media only screen and (min-width: 992px) {
    #online-banking .inner-menu {
        overflow: hidden;
        display: table;
    }
}

#online-banking .level-1 {
    width: auto;
    padding: 0px;
    display: block;
}

@media only screen and (min-width: 992px) {
    #online-banking .level-1 {
        text-align: right;
    }
}

#online-banking .level-1 .title-2 {
    color: rgb(63, 63, 63);
    padding: 10px 0px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(158, 158, 158);
}

#online-banking .level-1>.inner {
    padding: 30px;
}

@media only screen and (min-width: 992px) {
    #online-banking .level-1>.inner {
        padding-right: 85px;
    }
}

#online-banking .level-1>.inner .sub-title-medium.line {
    margin-bottom: 0px;
    font-weight: unset;
    color: rgb(0, 0, 0) !important;
}

@media only screen and (max-width: 991px) {
    #online-banking .level-1>.inner .sub-title-medium.line::before {
        left: 0px;
        right: auto;
    }
}

#online-banking .top-links {
    margin-bottom: 30px;
}

#online-banking .top-links:last-child {
    margin-bottom: 0px;
}

#online-banking .top-links>li {
    float: none;
    border: 0px;
    color: rgb(120, 120, 125);
}

#online-banking .top-links>li>a {
    margin: 0px;
    position: relative;
    padding: 6px 0px;
    text-align: right;
}

@media only screen and (max-width: 991px) {
    #online-banking .top-links>li>a {
        text-align: left;
    }
}

#online-banking .top-links>li>a[data-level-1].showing {
    color: rgb(0, 51, 153);
}

#online-banking .top-links>li>a[data-level-1].showing::after {
    color: rgb(0, 51, 153);
    transform: rotate(180deg) translateY(50%);
}

#online-banking [data-level-1],
html.android #online-banking .top-links .mbanking-link.mbanking-android,
html.ios #online-banking .top-links .mbanking-link.mbanking-ios {
    display: inline-block;
}

#online-banking [data-level-1]::after,
#online-banking [data-level-2] .title-2.line::before {
    content: none;
}

#online-banking [data-level-2] {
    position: fixed;
    top: 0px;
    width: 90%;
    max-width: 320px;
    background: rgb(249, 249, 249);
    right: 0px;
    padding: 25px;
    overflow-y: auto;
    z-index: 10;
    display: none !important;
    height: 100% !important;
}

#online-banking [data-level-2].showing {
    display: block !important;
}

#online-banking [data-level-2].showing .back-level-1 {
    display: block;
    margin: 0px 0px 20px;
}

#online-banking .register-block {
    background: rgb(228, 228, 228);
    padding: 40px 25px;
    height: auto;
}

#online-banking .forget-something {
    letter-spacing: 0.7px;
    margin: 25px 0px;
    font: 11px Muli-Bold;
}

[data-btn-login].current+#online-banking {
    width: 100%;
    opacity: 1;
}

@media only screen and (min-width: 992px) {
    [data-btn-login].current+#online-banking {
        height: calc(-80px + 100vh);
    }

    #online-banking {
        right: 0px;
        position: absolute;
        top: 80px;
    }

    [data-btn-login].current+#online-banking .inner-menu {
        background: rgb(249, 249, 249);
        display: block;
    }
}

[data-btn-login].current+#online-banking .inner-menu {
    background: rgb(249, 249, 249);
    width: 100%;
}

.login-form {
    padding-top: 20px;
}

@media only screen and (min-width: 992px) {
    .login-form {
        width: 80%;
    }
}

.login-form .form-group {
    margin-top: 10px;
}

.login-form .btn-primary {
    margin: 40px 0px 35px;
}

#search-modal .easy-autocomplete-container ul li.selected,
.login-form .form-control {
    background: 0px 0px;
}

.register-block,
.steps span {
    text-align: center;
}

.register-block .logo-register {
    width: 67%;
    max-width: 247px;
}

.register-block .text-default {
    margin: 25px 0px;
}

.register-block .register-image {
    margin: 30px 0px 0px;
}

.steps {
    overflow: hidden;
    padding: 5px 0px 20px;
}

.steps span {
    display: block;
    width: 25px;
    height: 25px;
    border: 0.5px solid rgb(158, 158, 158);
    background: rgb(249, 249, 249);
    border-radius: 50%;
    line-height: 23px;
    position: relative;
    z-index: 2;
}

.steps li {
    float: left;
    position: relative;
    padding-right: 30px;
}

.steps li::before {
    content: "";
    width: 50px;
    left: 25px;
    right: 0px;
    height: 1px;
    background: rgb(158, 158, 158);
    position: absolute;
    top: 50%;
}

.steps li:last-child::before {
    content: none;
}

.steps li.active span {
    color: rgb(0, 51, 153);
    border-color: rgb(0, 51, 153);
}

html.android #online-banking .top-links .mbanking-link,
html.ios #online-banking .top-links .mbanking-link {
    display: none;
}

#footer {
    overflow: hidden;
    background: rgb(0, 40, 80);
    position: relative;
}

#footer .inner {
    padding: 0.5em 2em 0px;
    background: rgb(245, 245, 245);
}

@media only screen and (max-width: 767px) {
    #online-banking .level-1 .sub-title-medium {
        font-size: 1rem !important;
        line-height: 1.375;
    }

    #online-banking .level-1 .title-2 {
        font-size: 1.5rem !important;
        line-height: 1.625;
    }

    #footer .inner {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

#footer a {
    letter-spacing: -0.2px;
}

#footer .list-dash {
    font-size: 0.9rem;
}

#footer .list-dash,
#footer .list-dash a,
#footer .list-dash li {
    color: rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 991px) {
    #footer .list-dash {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) {
    #footer [class*="col-"] {
        width: 21%;
        float: left;
    }

    #footer [class*="col-"]:nth-child(1) {
        width: 16%;
    }

    #footer [class*="col-"]:nth-child(3) {
        width: 25%;
    }

    #footer [class*="col-"]:nth-child(5) {
        width: 17%;
    }
}

#footer a,
.group-link {
    color: rgb(255, 255, 255);
}

@media only screen and (min-width: 992px) {
    .group-link {
        padding: 25px 0px 30px;
    }

    .group-link:not(:first-child),
    .group-link:not(:first-child) .title {
        padding-top: 0px;
    }
}

.group-link .title {
    padding: 20px 0px;
    font: 1.1rem Muli-Bold !important;
}

@media only screen and (min-width: 992px) {
    .group-link .list-links {
        display: block !important;
    }
}

.group-link .list-links ul a {
    padding: 0px;
    display: inline-block;
    font: 1rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 991px) {
    .group-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .group-link .title {
        position: relative;
        padding: 20px 0px;
    }

    .group-link .title::after {
        content: "+";
        color: rgba(255, 255, 255, 0.6);
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font: 28px Muli-Light;
    }

    .group-link.active .title::after {
        content: "-";
        font-size: 46px;
        margin-top: -3px;
    }

    .group-link .list-links {
        display: none;
        padding: 20px 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.copy-right {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.9rem !important;
}

@media only screen and (min-width: 992px) {
    .copy-right {
        float: left;
        margin-right: 20px;
    }
}

.footer-bot {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    padding: 25px 0px 30px;
}

@media only screen and (min-width: 992px) {
    .footer-bot {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.breadcrumb,
.breadcrumb a {
    overflow: hidden;
    padding: 21px 0px 19px;
}

.breadcrumb a {
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
}

.breadcrumb .link-to-home {
    float: left;
    margin-right: 5px;
}

.breadcrumb .inner-container>ul {
    float: left;
    padding: 12px 0px;
}

@media only screen and (max-width: 767px) {
    .breadcrumb .inner-container>ul {
        float: none;
        margin-bottom: 20px;
        height: 50px;
    }
}

.breadcrumb .inner-container>ul li {
    float: left;
    font: 0.8rem / 1.3 Muli-Bold;
    color: rgb(0, 100, 255);
    padding-right: 15px;
    position: relative;
}

.breadcrumb .inner-container>ul li::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgb(0, 100, 255);
    font-size: 10px;
    margin: 10px 15px 0px 0px;
    line-height: 22px;
    float: left;
}

.breadcrumb .inner-container>ul li:last-child::after {
    content: "";
    height: 2px;
    width: calc(50% - 16px);
    position: absolute;
    left: 19px;
    bottom: -10px;
    background: rgb(0, 100, 255);
}

.breadcrumb .inner-container>ul li:first-child::after,
.breadcrumb .inner-container>ul li:first-child::before {
    content: none;
}

@media only screen and (max-width: 767px) {
    .breadcrumb .inner-container>ul li {
        padding-right: 6px;
        float: none;
        display: inline-block;
    }

    .breadcrumb .inner-container>ul li::before {
        margin-right: 6px;
    }
}

.icon-search {
    font-size: 23px;
    border-radius: 50%;
    display: inline-block;
    z-index: 9;
    text-align: center;
    color: rgb(255, 255, 255);
    position: relative;
}

.icon-search span {
    font: 1rem Muli-Bold;
    color: rgb(43, 43, 43);
    position: absolute;
    left: 62px;
    top: 15px;
}

.icon-search[data-search-modal] {
    font-size: 16px;
    line-height: 46px;
    width: 46px;
    height: 46px;
    background: 0px 0px;
    box-shadow: transparent 0px 0px 15px 0px;
    margin-left: 10px;
}

@media only screen and (min-width: 1025px) {
    .icon-search[data-search-modal] {
        position: absolute;
        right: 0px;
        margin-right: 84px;
        top: 15px;
    }

    .row-left[data-carousel-xs] [class*="col-"] {
        width: 33.3333%;
    }

    .inner-container.mobile-list-padding {
        padding: 0px 84px !important;
    }

    #main-section-bond.inner-container {
        width: 100% !important;
        padding: 0px !important;
    }
}

.no-touch.desktop #search-modal .search-input .icon-search:hover,
.no-touch.desktop .icon-search[data-search-modal]:active,
.no-touch.desktop .icon-search[data-search-modal]:hover {
    background: rgb(0, 72, 183);
}

#search-modal .top-block {
    background: center center / cover rgb(255, 255, 255);
    padding: 30px;
    min-height: 300px;
    margin-bottom: 20px;
}

#search-modal .inner-content {
    max-width: 960px;
    margin: 0px auto;
    padding: 0px 20px;
}

@media only screen and (min-width: 1025px) {
    #search-modal .inner-content {
        padding: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    #search-modal .inner-content {
        padding: 0px 48px;
    }
}

@media only screen and (max-width: 760px) {
    #search-modal .inner-content {
        padding: 0px 16px;
    }
}

#search-modal .easy-autocomplete-container ul::after,
#search-modal .easy-autocomplete-container ul::before,
#search-modal .inner-content::after,
#search-modal .inner-content::before,
.list-thumb-square::after,
.list-thumb-square::before {
    display: table;
    content: "";
}

#search-modal .easy-autocomplete-container ul::after,
#search-modal .inner-content::after,
.list-thumb-square::after {
    clear: both;
}

#search-modal .search-input {
    position: relative;
    margin: 120px auto 0px;
    padding: 0px 20px;
}

#search-modal .search-input .icon-search {
    top: 25px;
    left: auto;
    right: 20px;
    margin: 0px;
    background: rgb(214, 214, 214);
    width: 50px;
    height: 50px;
    line-height: 56px;
    padding: 0px;
    position: absolute;
}

@media only screen and (max-width: 767px) {
    #search-modal .top-block {
        background: center center / cover rgb(255, 255, 255);
        padding: 30px;
        min-height: 220px;
    }

    #search-modal .search-input .icon-search {
        margin-top: 4px;
    }
}

#search-modal .search-input .icon-search[disabled] {
    cursor: default;
    background: rgb(214, 214, 214);
    color: rgb(147, 147, 153) !important;
}

#search-modal .search-input .search-button {
    padding: 0px;
    position: relative;
}

#search-modal .search-input input {
    padding: 0px;
    background: 0px 0px;
    color: rgb(255, 255, 255);
    font-size: 4rem;
    font-weight: 100;
    line-height: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 25px;
    border-bottom: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 991px) {
    #search-modal .search-input input {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #search-modal .search-input input {
        font-size: 2.73rem;
    }

    #search-modal .search-input {
        position: relative;
        margin: 100px auto 0px;
    }

    #search-modal .easy-autocomplete-container ul li {
        margin-bottom: 45px;
        padding: 0px 50px 0px 0px;
        float: left;
        border: 0px;
        display: none;
        width: 100% !important;
    }

    #search-modal .related {
        padding-top: 30px;
    }

    #search-modal .related .thumb-default .caption .desc {
        overflow: hidden;
        margin-bottom: 10px;
        min-height: 140px;
        font: 0.8rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    }

    #search-modal .related .thumb-default.card {
        height: 430px;
    }

    #search-modal .related .thumb-default.card .caption {
        padding: 10px 10px 0px;
    }

    #search-modal .thumb-default.card .button-group {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 0px;
        height: 60%;
    }

    #search-modal .related .thumb-default.card .inner {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        height: 30%;
    }

    #search-modal .related .thumb-default.card .thumb {
        height: 100%;
        border-radius: 0px;
    }

    #search-modal .related .thumb-default.card .thumb img {
        width: 100%;
    }

    #search-modal .related .thumb-default.card .button-group {
        padding-bottom: 10px;
    }

    #search-modal .related .thumb-default .caption .title-3 {
        font-size: 0.9rem;
    }
}

#search-modal .search-input input::-webkit-input-placeholder {
    color: rgb(214, 214, 214);
}

#search-modal .list-thumb-square {
    margin-top: 25px;
}

#search-modal .easy-autocomplete-container {
    position: static;
    background: rgb(250, 250, 250);
}

#search-modal .easy-autocomplete-container ul {
    max-width: 960px;
    margin: 0px auto;
    padding: 30px 5px 0px;
    background: 0px 0px;
    border: 0px;
    display: block !important;
}

#search-modal .easy-autocomplete-container ul li {
    margin-bottom: 45px;
    padding: 0px 50px 0px 0px;
    float: left;
    width: 50%;
    border: 0px;
    display: none;
}

#search-modal .easy-autocomplete-container ul li:nth-child(2n+1) {
    clear: left;
}

#search-modal .easy-autocomplete-container .eac-item,
#search-modal .easy-autocomplete-container .eac-item a .text-default b {
    padding: 0px;
}

#search-modal .easy-autocomplete-container .eac-item a .sub-title-medium {
    margin-bottom: 13px;
    font: 0.95rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "'ＭＳ Ｐゴシック'!important";
}

#search-modal .easy-autocomplete-container .eac-item a .text-default {
    color: rgb(158, 158, 158);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
}

#search-modal .easy-autocomplete-container #load-more {
    padding-bottom: 30px;
}

#search-modal .easy-autocomplete {
    width: 100% !important;
}

#search-modal .related {
    display: none;
}

@media only screen and (min-width: 992px) {
    #search-modal .related {
        padding-top: 50px;
    }

    #search-modal .related .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    #search-modal .related [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    #search-modal .related .thumb-default .caption .desc {
        overflow: hidden;
        margin-bottom: 10px;
        min-height: 140px;
        font: 0.8rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    }

    #search-modal .related .thumb-default.card {
        height: 430px;
    }

    #search-modal .related .thumb-default.card .caption {
        padding: 10px;
        height: 60%;
    }

    #search-modal .related .thumb-default.card .inner {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        height: auto;
    }

    #search-modal .related .thumb-default.card .thumb {
        height: 100%;
        border-radius: 0px;
        min-height: 100px;
    }

    #search-modal .related .thumb-default.card .button-group {
        padding: 0px 10px 10px;
    }

    #search-modal .related .thumb-default .caption .title-3 {
        font-size: 0.9rem;
    }
}

#search-modal #divLoadMore {
    margin-top: 15px;
}

#search-modal .related .sub-title-medium {
    margin-bottom: 40px;
}

#search-modal .search-panel {
    font-size: 1rem;
    margin-bottom: 30px;
}

#search-modal .search-panel .thumb {
    min-height: 280px;
}

#search-modal .search-panel .inner {
    height: auto;
    background: rgb(255, 255, 255);
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#search-modal [class*="col-"].search-panel {
    padding: 0px 10px;
}

#search-modal .search-panel .thumb-info {
    height: 100vh;
    padding: 20px;
    box-shadow: unset;
    max-height: 195px;
    border: 0px;
}

#search-modal .search-panel .thumb-info .caption {
    height: 100%;
    overflow: hidden;
}

#search-modal .search-panel .thumb-info .title-3 {
    margin: 0px;
    font-size: 1.1rem;
    min-height: 50px;
    line-height: 1.437rem !important;
}

#search-modal .search-panel .thumb-info .text-default {
    margin: 10px 0px 0px;
    font-size: 1rem;
    line-height: 1.375;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

#search-modal #search-history {
    display: none;
}

#search-modal #search-result {
    padding: 20px 0px;
    display: none;
}

@media only screen and (max-width: 767px) {
    #search-modal .search-panel {
        font-size: 0.9rem;
        margin-bottom: 20px;
    }

    #search-modal .search-panel .inner {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
    }

    #search-modal .search-panel .thumb-info {
        height: auto;
        padding: 10px;
    }

    #search-modal .related .thumb-default.card .inner {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        height: auto;
    }

    #search-modal .related .thumb-default .caption .desc {
        overflow: hidden;
        margin-bottom: 10px;
        min-height: 70px;
        font: 0.8rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    }

    #search-modal .thumb-default.card .button-group {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 0px;
        height: unset;
    }

    #search-modal .search-panel .thumb {
        min-height: calc(50vw);
    }

    #funds-comparison-list .thumb-default.card .inner {
        min-height: unset;
        max-height: unset;
        height: calc(55vw);
        padding: 20px 20px 0px;
    }
}

@media only screen and (min-width: 768px) {
    #search-modal .search-panel .thumb {
        min-height: calc(25vw);
    }

    .thumb.desktop-banner {
        min-height: 350px;
        height: calc(35vw);
    }
}

@media only screen and (min-width: 992px) {
    #search-modal .search-panel .thumb {
        min-height: 90px;
        height: calc(20vw);
        max-height: 125px !important;
    }
}

.quick-access {
    padding: 30px 0px;
    background: rgb(249, 249, 249);
}

#live-chat {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 4px 0px;
    min-width: 375px;
    max-width: 375px;
    text-align: left;
    margin-bottom: -100px;
    z-index: 11;
    transition: 0.8s;
}

#live-chat.active {
    margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
    #live-chat.active {
        height: 100%;
    }

    #live-chat {
        left: 0px;
        width: 100vw;
        right: 0px;
        bottom: 0px;
        max-width: none;
        min-width: 0px;
    }
}

#live-chat header {
    padding: 10px 20px 13px;
    letter-spacing: 0.2px;
    color: rgb(255, 255, 255);
    line-height: 1em;
    background: rgb(35, 58, 88);
    font-size: 12px;
    position: relative;
}

#live-chat header p {
    padding: 4px 0px 0px;
    color: rgba(255, 255, 255, 0.5);
}

#live-chat header .config {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    cursor: pointer;
}

#live-chat header .config [class*="icon-"] {
    margin-left: 10px;
}

#live-chat .chat-box {
    height: 340px;
    overflow: hidden auto;
}

@media only screen and (max-width: 767px) {
    #live-chat .chat-box {
        height: calc(100% - 75px);
    }
}

#live-chat .chat-box .mCSB_container {
    margin-right: 5px;
}

#live-chat .chat-box .mCSB_draggerContainer {
    top: 20px;
    bottom: 20px;
}

#live-chat .chat-box .content {
    padding: 20px;
}

#live-chat .chat-box .chat-user {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    min-height: 50px;
}

#live-chat .chat-box .chat-user:first-child {
    margin-top: 0px;
}

#live-chat .chat-box .chat-user.user-1+.user-1,
#live-chat .chat-box .chat-user.user-2+.user-2 {
    margin-top: 3px;
}

#live-chat .chat-box .msg {
    position: relative;
    width: calc(100% - 130px);
    border-radius: 8px;
    line-height: 1.23;
    padding: 15px;
}

#live-chat .chat-box .avatar {
    position: absolute;
    top: 0px;
}

#live-chat .chat-box .avatar,
#live-chat .chat-box .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

#live-chat .chat-box .time {
    position: absolute;
    color: rgb(107, 107, 107);
    top: 20px;
    font-size: 12px;
}

#live-chat .chat-box .user-1 .avatar {
    left: 0px;
}

#live-chat .chat-box .user-1 .msg {
    float: left;
    margin: 0px 15px 0px 60px;
    border: 1px solid rgb(232, 232, 232);
    color: rgb(86, 94, 105);
}

#live-chat .chat-box .user-1 .msg::after,
#live-chat .chat-box .user-1 .msg::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
}

#live-chat .chat-box .user-1 .msg::before {
    top: 18px;
    left: -9px;
    border-top: 8px solid transparent;
    border-right: 10px solid rgb(232, 232, 232);
    border-bottom: 8px solid transparent;
}

#live-chat .chat-box .user-1 .msg::after {
    top: 19px;
    left: -8px;
    border-top: 7px solid transparent;
    border-right: 9px solid rgb(255, 255, 255);
    border-bottom: 7px solid transparent;
    z-index: 2;
}

#live-chat .chat-box .user-1 .msg.typing {
    width: auto;
    font-size: 3em;
    line-height: 13px;
    padding: 4px 15px 30px;
}

#live-chat .chat-box .user-2 .avatar {
    right: 0px;
}

#live-chat .chat-box .user-2 .msg {
    float: right;
    background: rgb(0, 40, 80);
    color: rgb(255, 255, 255);
    margin: 0px 65px 0px 0px;
}

#live-chat .chat-box .user-2 .msg::before {
    content: "";
    position: absolute;
    right: -9px;
    top: 18px;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-left: 10px solid rgb(0, 51, 153);
    border-bottom: 8px solid transparent;
}

#live-chat .chat-input {
    width: 100%;
    background: rgb(246, 246, 246);
    border: 1px solid rgb(240, 240, 240);
}

@media only screen and (max-width: 767px) {
    #live-chat .chat-input {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
}

#live-chat .chat-input input {
    border-radius: 7px;
    background: 0px 0px;
    width: 100%;
    color: rgb(55, 55, 55);
    padding: 20px 15px;
    font-size: 1rem;
}

.promotion-tip {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 7px 16px 5px;
    border-radius: 30px;
    text-align: center;
    display: flex;
    background: rgb(72, 144, 255);
    color: rgb(255, 255, 255);
    font: 0.9rem / 1.125 BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
}

.promotion-valid {
    color: rgb(120, 120, 125);
    font: 0.8rem / 1.3 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

#property-tab-content .promotion-valid {
    color: rgb(120, 120, 125);
    font: 1rem / 1.3 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

.row-fixed .promotions {
    margin-bottom: 40px;
}

.promotions .slick-dots {
    bottom: 10px;
}

.promotions .thumb-square:not(:first-child) {
    display: none;
}

.promotion-carousal h3,
.tips_insight_carousal_title,
.tips_insight_quick_access_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.tips_insight_carousal_title,
.tips_insight_quick_access_title {
    -webkit-line-clamp: 3;
}

@media only screen and (max-width: 767px) {
    .promotions {
        margin-bottom: 0px;
    }

    .promotion-carousal .item-desc p {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .promotions .slick-dots {
        bottom: -20px;
    }

    .CrossSelling-conntent h2,
    .crossBanner_title,
    .promotion-carousal-title h2,
    .tips-and-insight .text-center h2,
    .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    .promotion-carousal h3,
    .tips_insight_carousal_title,
    .tips_insight_quick_access_title,
    .title-3 {
        font-size: 1.3rem !important;
        line-height: 1.428rem !important;
    }

    .wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary {
        color: rgb(0, 100, 255) !important;
        font-size: 0.8rem;
    }

    .wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary:hover {
        color: rgb(0, 72, 183) !important;
    }

    .CrossSelling-conntent h2 {
        color: rgb(0, 40, 80) !important;
        line-height: 1.75rem !important;
    }
}

.smaller .thumb,
.thumb-large .thumb {
    border-radius: 7px;
}

.thumb {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.2s;
    background-size: cover !important;
}

#funds-comparison-list .thumb,
[data-compare-photo].thumb {
    background-size: contain;
}

.thumb-default {
    text-align: left;
    background: rgb(255, 255, 255);
    overflow: hidden;
    display: block;
    box-shadow: transparent 0px 0px 16px 0px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

.wrapper[data-section-title] [class*="col-"] .thumb-default {
    overflow: visible !important;
}

[class*="col-"] .thumb-default {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    [class*="col-"] .thumb-default {
        margin-bottom: 20px;
    }

    #search-modal .search-panel .thumb-info .title-3 {
        margin: 0px;
        min-height: 50px;
        font-size: 1.1rem !important;
        line-height: 1.437rem !important;
    }
}

[class*="col-"] .thumb-default .button-group {
    align-self: flex-start;
    padding: 0px 20px 20px;
    width: 100%;
}

.thumb-default .thumb {
    height: 100%;
    position: relative;
    display: block;
}

.thumb-default .inner {
    height: calc(25vw);
    max-height: calc(40vw);
    position: relative;
    overflow: hidden;
}

.scrolling-x .thumb-default .inner {
    height: calc(208px + 3.75vw);
    min-height: 0px;
    position: relative;
    overflow: hidden;
    max-height: calc(242px + 2.5vw) !important;
}

@media only screen and (max-width: 991px) {
    .thumb-default .inner {
        height: 100vw;
    }
}

@media only screen and (max-width: 767px) {

    .scrolling-x .thumb-default .inner,
    .thumb-default .inner {
        height: calc(100vw);
        max-height: 100%;
    }

    .scrolling-x .thumb-default .inner {
        max-height: 278px;
    }

    .slick-slide .thumb-default .inner {
        height: calc(85vw);
    }
}

.thumb-default .caption {
    font-size: 1rem;
    line-height: 1.375;
    color: rgb(120, 120, 125);
    padding: 20px;
    flex-grow: 1;
}

.thumb-default .caption .title-3 {
    min-height: 71px;
}

.thumb-default .caption .desc {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    overflow: hidden;
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
    .thumb-default .caption .desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}

.thumb-default .caption .sub-title {
    margin-bottom: 20px;
}

.thumb-default .caption .social img {
    margin-right: 5px;
    padding-bottom: 2px;
}

.thumb-default .caption .social span {
    margin-right: 15px;
}

.thumb-default .small-logo {
    margin-bottom: 23px;
}

.thumb-default [class*="btn-"] {
    display: grid;
    padding: 5px 0px;
    height: auto;
    min-height: 44px;
    align-items: center;
    line-height: 1.375rem !important;
}

.thumb-default [class*="btn-"]+[class*="btn-"] {
    margin-top: 10px;
    margin-left: 0px;
}

.thumb-default.white-space .thumb {
    background-size: contain !important;
    height: 100%;
}

.thumb-default.white-space.x-small .thumb {
    height: 75%;
    max-width: 90%;
    margin: auto;
}

.thumb-default.x-small .inner {
    height: 163px;
}

.thumb-default.small .inner {
    height: calc(117.241px + 4.31034vw);
}

.thumb-default.full .inner {
    height: calc(105px + 4.6875vw);
    max-height: calc(112px + 2.5vw);
    min-height: calc(90px + 3.125vw);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row[class*="row-"] .col-md-4>.thumb-default.full>.inner {
        height: calc(90px + 6.25vw);
        min-height: calc(96px + 1.25vw);
        max-height: calc(100px + 6.25vw);
    }

    .col-md-3>.thumb-default.full .inner {
        height: calc(106px + 1.25vw);
        min-height: 110px;
        max-height: calc(110px + 6.25vw);
    }

    .slick-slide .thumb-default.full .inner,
    .slick-slide .thumb-default.full.full .inner {
        max-height: calc(17vw);
    }

    .slick-slide .thumb-default.full.full .inner {
        height: calc(20vw);
        min-height: 110px;
    }

    .scrolling-x .thumb-default .inner {
        height: calc(40vw) !important;
        max-height: 278px !important;
    }

    .scrolling-x .thumb-default.card.no-shadow .inner {
        min-height: calc(134px + 1.875vw);
        position: relative;
        overflow: hidden;
        height: calc(62px + 5.625vw) !important;
        max-height: calc(135px + 1.5625vw) !important;
    }
}

.thumb-default.card .inner {
    min-height: 143px;
    max-height: 175px;
    height: calc(12vw);
    padding: 20px 20px 0px;
}

.thumb-default.card .thumb {
    height: 100%;
    border-radius: 7px;
}

@media only screen and (min-width: 992px) {

    .thumb-default.card .button-group,
    .thumb-default.card .caption,
    .thumb-default.card .inner {
        padding-right: 20px;
        padding-left: 20px;
    }

    .thumb-default.card .button-group {
        padding-bottom: 20px;
    }

    .scrolling-x .thumb-default .inner {
        position: relative;
        overflow: hidden;
        height: calc(238px + 3.75vw) !important;
    }

    .scrolling-x .thumb-default.full.full .inner {
        min-height: calc(44px + 1.875vw);
        max-height: calc(135px + 1.5625vw) !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

    .row.slick-initialized.slick-slider .slick-track>.slick-slide>.thumb-default.full .inner,
    .stories.left .thumb-default.full .inner {
        height: calc(87px + 5.625vw);
        max-height: calc(134px + 1.875vw);
        min-height: calc(106px + 1.25vw);
    }

    .thumb-default.full .inner {
        height: calc(62px + 5.625vw);
        max-height: calc(130px + 3.125vw);
        min-height: calc(88px + 0.625vw);
    }

    .row[class*="row-"] .col-md-4>.thumb-default.full>.inner {
        height: calc(90px + 6.25vw);
        min-height: calc(96px + 1.25vw);
        max-height: calc(100px + 6.25vw);
    }

    .row.slick-initialized.slick-slider .slick-track>.slick-slide>.thumb-default.full .inner {
        height: calc(92px + 5.625vw);
    }

    .scrolling-x .thumb-default.card.no-shadow .inner,
    .scrolling-x .thumb-default.full.full .inner {
        min-height: calc(44px + 1.875vw);
        max-height: calc(135px + 1.5625vw) !important;
    }

    .scrolling-x .thumb-default.card.no-shadow .inner {
        position: relative;
        overflow: hidden;
        height: calc(82px + 5.625vw) !important;
    }
}

@media only screen and (min-width: 1025px) {

    .row.slick-initialized.slick-slider .slick-track>.slick-slide>.thumb-default.full .inner,
    .stories.left .thumb-default.full .inner,
    .thumb-default.full .inner {
        height: calc(138.547px + 1.11732vw);
        max-height: calc(94.1899px + 4.46927vw);
        min-height: calc(87.095px + 2.23464vw);
    }

    .row.slick-initialized.slick-slider .slick-track>.slick-slide>.thumb-default.full .inner,
    .thumb-default.full .inner {
        height: calc(105.642px + 3.35196vw);
        max-height: calc(105.642px + 3.35196vw);
    }

    .row.slick-initialized.slick-slider .slick-track>.slick-slide>.thumb-default.full .inner {
        max-height: calc(2.56983px + 13.4078vw);
    }

    .scrolling-x .thumb-default.full.full .inner {
        min-height: calc(84.1899px + 4.46927vw);
        max-height: calc(94.1899px + 4.46927vw) !important;
    }

    .scrolling-x .thumb-default.card.no-shadow .inner {
        min-height: calc(44px + 1.875vw);
        position: relative;
        overflow: hidden;
        height: calc(62px + 5.625vw) !important;
        max-height: calc(135px + 1.5625vw) !important;
    }
}

.thumb-default.events .caption .desc {
    font-size: 19px;
    margin-bottom: 20px;
}

.thumb-default.past-events .caption {
    padding: 20px 0px;
}

.thumb-default.past-events .caption .text-small {
    margin-bottom: 10px;
}

.thumb-default.logo .inner {
    height: 80px;
    margin: 15px;
}

.thumb-default.logo .thumb {
    background-position: left center;
    background-size: contain !important;
}

.no-touch.desktop a.thumb-default:hover .thumb {
    transform: translate3d(0px, 0px, 0px);
}

.intro-info {
    padding: 30px;
    background: rgb(255, 255, 255);
}

.intro-info .button-group {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.thumb-large {
    position: relative;
    height: 468px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

.thumb-large .intro-info {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    width: 265px;
    border-radius: 7px;
}

.thumb-large.smaller {
    height: 380px;
}

@media only screen and (max-width: 767px) {
    .thumb-large.smaller {
        margin-bottom: 20px;
    }
}

.thumb-large.smaller .intro-info {
    width: 245px;
    padding: 20px;
}

.thumb-large.smaller .intro-info .line {
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-size: 12rem;
}

.thumb-large.smaller .intro-info .line::before {
    width: 21px;
}

.thumb-large.smaller .intro-info .button-group {
    left: 20px;
    right: 20px;
}

.thumb-large.smaller .intro-info .button-group .btn-primary {
    display: block;
    float: none;
    width: 100%;
}

.thumb-large.promotion {
    height: 380px;
}

.thumb-large.promotion .intro-info {
    width: 380px;
}

.thumb-large.promotion .text-default {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.thumb-large.promotion .button-group [class*="btn-"]+[class*="btn-"] {
    margin-left: 10px;
}

@media only screen and (max-width: 375px) {
    .thumb-large.promotion .button-group [class*="btn-"] {
        width: 100% !important;
    }

    .thumb-large.promotion .button-group [class*="btn-"]+[class*="btn-"] {
        margin-top: 10px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .thumb-large {
        height: auto !important;
    }

    .thumb-large .intro-info {
        position: relative;
        inset: auto;
        padding: 20px 0px;
        width: 100% !important;
    }

    .smaller .thumb,
    .thumb-large .thumb {
        border-radius: 7px 7px 0px 0px;
    }

    .scrolling-x .thumb-default.full.full .inner {
        height: calc(50vw);
        max-height: 150px;
    }

    .slick-slide .thumb-default.full.full .inner,
    .thumb-default.full .inner {
        height: calc(50vw);
        min-height: 150px;
        max-height: 410px !important;
    }

    .slick-slide .thumb-default.full.full .inner {
        max-height: 165px !important;
    }

    .thumb-large .thumb {
        height: calc(50vw) !important;
    }

    .thumb-large .button-group {
        position: static;
        margin-top: 20px;
    }

    .thumb-large .button-group [class*="btn"] {
        width: calc(50% - 5px);
        min-width: 0px;
    }

    .promotions .thumb-large .intro-info {
        padding: 20px;
    }

    .promotions .thumb-large .button-group [class*="btn"] {
        width: auto;
        min-width: 140px;
    }
}

.thumb-full {
    display: table;
    width: 100%;
    position: relative;
}

.thumb-full.white {
    background: rgb(255, 255, 255);
}

.thumb-full .content [class*="btn-"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
    .promotion-carousal-title a.link-primary {
        top: 5px;
        height: 100%;
        position: relative;
        font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    }

    .promotion-carousal-title h2 {
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }

    .label-header {
        font-size: 1.5rem !important;
        line-height: 1.625rem !important;
    }

    .thumb-full .outer {
        top: 0px;
        position: absolute;
        max-width: 600px;
        width: 50%;
    }
}

@media only screen and (min-width: 1025px) {
    .thumb-full .outer {
        padding: 0px 20px 0px 48px;
        max-width: 100%;
    }

    .thumb-full .thumb+.outer {
        padding: 0px 48px 0px 20px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .thumb-full .outer {
        padding: 0px 20px;
    }

    .thumb-full .outer .inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 1025px) {
    .thumb-full .thumb+.outer {
        padding: 0px 48px 0px 20px;
        margin-left: 0px;
        left: 50%;
    }

    .thumb-full .thumb+.outer .inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 768px) {

    .thumb-full .inner,
    .thumb-full .thumb {
        display: table-cell;
        height: 450px;
        width: 50%;
    }

    .thumb-full .inner {
        padding-right: 0px;
        padding-left: 36px;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 767px) {
    .thumb-full .inner {
        padding: 40px 0px;
    }

    .thumb-full .thumb {
        display: table-caption;
        margin: 0px -20px;
        height: calc(50vw) !important;
    }
}

.thumb-full .title-1 {
    margin: 10px 0px 20px;
    font-size: 3rem !important;
    line-height: 2.875rem !important;
}

@media only screen and (max-width: 991px) {

    .thumb-full .content .title-1,
    .thumb-full .desktop-tools .title-1 {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }
}

.thumb-full .text-default {
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.thumb-full.bgd-img-overlap {
    position: relative;
    z-index: 0;
}

.thumb-full.bgd-img-overlap::before {
    content: "";
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    inset: 0px;
    z-index: -1;
}

.thumb-full.bgd-img-overlap .title-1 {
    color: rgb(255, 255, 255);
}

.thumb-full.large {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.thumb-full.large .text-center .title-1 {
    margin-left: auto;
    margin-right: auto;
}

.thumb-full.large .content {
    color: rgb(255, 255, 255);
    max-width: 600px;
}

.thumb-full.large .content .title-1 {
    color: rgb(255, 255, 255);
}

@media only screen and (min-width: 768px) {
    .thumb-full.large .inner {
        width: 100%;
        padding: 0px;
    }

    .thumb-full.large .list-thumb-square {
        padding: 20px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .thumb-full.large .list-thumb-square li {
        width: calc(-17px + 20vw);
        height: calc(-17px + 20vw);
    }
}

.thumb-full.large .thumb-square .sub-title-small {
    font-size: 0.8rem;
}

.thumb-full.img-large {
    position: relative;
}

.thumb-full.img-large::before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    inset: 0px;
    z-index: 0;
}

.thumb-full.img-large .thumb {
    width: 100%;
}

.thumb-full.img-large .thumb+.outer {
    right: 0px;
}

.thumb-full.img-large .inner .line {
    display: none;
}

.thumb-full.img-large .inner .text-default,
.thumb-full.img-large .inner .title-1 {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {
    .thumb-full.img-large::before {
        z-index: -1;
    }

    .thumb-full.img-large .thumb {
        margin: 0px;
        position: absolute;
        top: 0px;
        height: 100%;
        z-index: -2;
    }
}

.thumb-full [class*="btn"] {
    margin-right: 15px;
}

@media only screen and (max-width: 991px) {
    .thumb-full [class*="btn"] {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .thumb-full [class*="btn"] {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .thumb-full [class*="btn"].light-green {
        margin-top: 10px;
        margin-right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .thumb-full.social-web [class*="btn"] {
        display: block;
        margin: 10px 0px 0px;
    }
}

.thumb-horizontal {
    overflow: hidden;
    display: block;
}

.thumb-card,
.thumb-horizontal .image {
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .promotion-carousal-title a.link-primary {
        top: 25px;
        position: relative;
        font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    }

    .promotion-carousal-title h2,
    .text-center .title-1.line.small,
    .thumb-full .title-1,
    .title-1.line {
        font-size: 3rem;
        line-height: 2.875rem;
    }

    .thumb-horizontal .image {
        float: left;
        width: 148px;
        height: 78px;
    }

    .inner-container.mobile-list-padding {
        padding: 0px 48px !important;
    }
}

@media only screen and (max-width: 767px) {
    .thumb-horizontal .image {
        height: calc(-34.7826px + 43.4783vw);
    }
}

.thumb-horizontal .info {
    overflow: hidden;
    padding: 0px 15px;
}

@media only screen and (max-width: 767px) {
    .thumb-horizontal .info {
        padding: 10px 0px 0px;
    }
}

.thumb-horizontal .info h4 {
    padding: 7px 0px;
    color: rgb(0, 100, 255);
    font-size: 1rem;
}

.thumb-horizontal .info .text-small {
    color: rgb(0, 0, 0);
}

.no-touch.desktop .thumb-horizontal:hover .thumb {
    transform: scale(1.1);
}

.no-touch.desktop .thumb-horizontal:hover h4 {
    color: rgb(0, 51, 153);
    font-weight: 100;
}

.thumb-card {
    display: block;
    margin: 25px 0px 0px;
}

.thumb-card .image {
    width: 117px;
    height: 70px;
    float: left;
    border-radius: 4px;
    overflow: hidden;
}

.thumb-card .inner {
    overflow: hidden;
    padding: 0px 15px;
}

.thumb-card .inner .sub-title-small {
    margin: 4px 0px 7px;
}

.thumb-card .inner .text-default {
    line-height: 22px;
    font-family: Muli-Bold;
}

.no-touch.desktop .thumb-card:hover .text-default {
    color: rgb(0, 0, 0);
}

.no-touch.desktop .thumb-card:hover .thumb {
    transform: scale(1.05);
}

#languages li a,
.thumb-square {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.thumb-square .sub-title-small {
    overflow: hidden;
    display: block;
    padding: 3px 15px 0px;
    color: rgb(0, 0, 0);
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

@media only screen and (min-width: 768px) {
    .thumb-square {
        width: 150px;
        height: 150px;
    }
}

.thumb-square .visual-img {
    display: block;
    margin: 5px auto 15px;
    position: relative;
    border-radius: 50%;
    height: 48px;
    line-height: 48px;
    transition: 0.3s;
}

.no-touch.desktop .radio-square:hover .visual-img,
.no-touch.desktop a.thumb-square:hover .visual-img {
    transform: translateY(-5px);
}

@media only screen and (max-width: 767px) {
    .radio-square {
        width: 100%;
        height: 100%;
        display: table;
    }
}

.radio-square .thumb-square {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

.check-item label input,
.radio label input,
.radio-square input {
    opacity: 0;
    position: absolute;
    z-index: 2;
}

.radio-square input:checked+.thumb-square {
    border-color: rgb(0, 100, 255);
    border-radius: 7px;
}

.list-thumb-square {
    margin: 10px -4px 0px;
}

.list-thumb-square li:hover {
    border: 1px solid rgb(0, 100, 255);
    box-shadow: rgba(0, 100, 255, 0.17) 2.77083px 2.77083px 0px;
}

.list-thumb-square li {
    background: rgb(255, 255, 255);
    text-align: center;
    margin: 0px 4px 10px;
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

@media only screen and (max-width: 767px) {
    .list-thumb-square {
        margin-top: 20px;
    }

    .list-thumb-square li {
        float: left;
        display: table;
        border: 1px solid rgb(238, 238, 238);
        margin: 0px 2px 4px;
    }
}

.list-thumb-square.full li,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

@media only screen and (max-width: 767px) {
    .list-thumb-square.full li {
        margin-bottom: 10px;
        display: table;
        width: 100%;
    }

    .content-2>.list-thumb-square {
        display: flex;
    }
}

.thumb-info {
    text-align: left;
    background: rgb(255, 255, 255);
    position: relative;
    box-shadow: transparent 0px 0px 16px 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .thumb-info {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .thumb-info .button-group {
        align-self: flex-end;
        width: 100%;
    }
}

.thumb-info .caption.editor {
    flex: 1 1 auto;
}

.thumb-info .caption .text-default {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    flex-grow: 1;
}

.thumb-info .visual-img {
    height: 80px;
    vertical-align: middle;
    display: table-cell;
}

.thumb-info .visual-img img {
    height: 100%;
    max-height: 80px;
}

.thumb-info .title-3 {
    margin-top: 20px;
    min-height: 71px;
}

.thumb-info .button-group {
    margin-top: 20px;
}

.thumb-info .download-file {
    padding-left: 20px;
}

@media only screen and (min-width: 992px) {
    .horizontal .thumb-info .visual-img {
        width: 130px;
        float: left;
        padding-top: 5px;
    }

    .horizontal .thumb-info .title-3 {
        margin-top: 0px;
    }

    .horizontal .thumb-info .caption {
        overflow: hidden;
    }
}

.thumb-info.no-shadow .visual-img img {
    max-height: none;
}

.thumb-default .caption.editor>ol,
.thumb-default .caption.editor>ul,
.thumb-info .caption.editor>ol,
.thumb-info .caption.editor>ul {
    margin-left: 0px;
    line-height: 1.67em;
    padding: 10px 0px 0px;
}

.thumb-default .caption.editor>ol li,
.thumb-default .caption.editor>ul li,
.thumb-info .caption.editor>ol li,
.thumb-info .caption.editor>ul li {
    padding: 0.2rem;
    margin-left: 14px;
}

.thumb-default .caption.editor>ol li>ol,
.thumb-default .caption.editor>ol li>ul,
.thumb-default .caption.editor>ul li>ol,
.thumb-default .caption.editor>ul li>ul,
.thumb-info .caption.editor>ol li>ol,
.thumb-info .caption.editor>ol li>ul,
.thumb-info .caption.editor>ul li>ol,
.thumb-info .caption.editor>ul li>ul {
    margin-left: 0px;
    padding-left: 0px;
}

.scrolling-x .thumb-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.scrolling-x .thumb-info .caption {
    flex-grow: 1;
}

.compare-info dl {
    border-top: 1px solid rgb(154, 154, 154);
    padding: 23px 0px;
}

.compare-info dl:first-child {
    padding-top: 10px;
    border-top: none;
}

.compare-info dd {
    line-height: 26px;
    padding: 8px 0px 0px;
}

[class*="thumb-"].no-shadow {
    box-shadow: none;
    background: 0px 0px;
}

.thumb-download {
    text-align: left;
    background: rgb(255, 255, 255);
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
    position: relative;
}

.thumb-download .finance-date {
    font-size: 13px;
    position: absolute;
    bottom: 30px;
}

.thumb-square-caption {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%;
    border-radius: 7px;
}

.thumb-square-caption::before {
    content: "";
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    inset: 0px;
    border-radius: 7px;
}

.thumb-square-caption .info {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.thumb-square-caption .info .sub-title,
.thumb-square-caption .info .text-default {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.thumb-square-caption .info .text-default {
    margin: 0px;
    -webkit-line-clamp: 10;
}

.list-career .thumb-square-caption:not(:first-child) {
    margin-left: 20px;
}

.banner-carousel .middle-block {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .banner-carousel .middle-block {
        padding-bottom: 30px;
    }

    .banner-carousel .slick-dots {
        position: absolute;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0px;
        width: 100%;
        bottom: 40px !important;
        margin: 0px !important;
    }
}

.banner-carousel .sub-title {
    color: rgb(255, 255, 255);
    padding: 30px 0px 15px;
    transform: translateY(200px);
    opacity: 0;
    transition: 0.6s 0.4s;
}

.banner-carousel .item {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    display: none;
}

.banner-carousel .heigthPlus {
    height: 850px !important;
}

.banner-carousel .item:first-child {
    display: block;
}

.banner-carousel .item .thumb {
    opacity: 0.5;
    transform: scale(1.2);
    transition: 0.5s 0.2s;
}

.banner-carousel .item .button-group {
    text-align: left;
    transform: translateY(600px);
    opacity: 0;
    transition: 0.6s 0.4s;
    margin-bottom: 1rem;
}

.banner-carousel .item .button-group .btn {
    float: none;
}

.banner-carousel .item .button-group .btn+.btn {
    margin-left: 1rem;
}

.banner-carousel .item .button-group .btn,
.banner-carousel .item .button-group .text-medium,
.country-select img,
.country-select span {
    display: inline-block;
    vertical-align: middle;
}

.banner-carousel .item .button-group .sub-title-2 {
    float: left;
    margin-top: 5px;
    margin-right: 40px;
}

.banner-carousel .slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
    margin: 0px !important;
    bottom: 0px !important;
}

.banner-carousel.fullpage .slick-dots {
    bottom: 75px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-carousel .item {
        height: calc(50vw);
        max-height: 350px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-carousel .item {
        height: calc(160vw);
    }

    .banner-carousel .item .thumb {
        overflow: hidden;
        max-height: none;
    }

    .banner-carousel .item .thumb img {
        display: none;
    }

    .banner-carousel .item .button-group {
        margin: 0px;
        overflow: hidden;
        padding-top: 1px;
    }
}

.banner-carousel .item.slick-slide {
    display: block;
}

.banner-carousel .item.slick-active .button-group,
.banner-carousel .item.slick-active .intro,
.banner-carousel .item.slick-active .sub-title {
    opacity: 1;
    transform: translate(0px);
}

.banner-carousel .item.slick-active .thumb {
    opacity: 1;
    transform: scale(1);
}

.banner-carousel .caption,
.main-banner .caption {
    color: rgb(255, 255, 255);
    font-size: 1.267rem;
    line-height: 1.375;
    padding: 0px;
    position: absolute;
    z-index: 2;
    inset: 0px 0px 40px;
    overflow-wrap: break-word;
}

.banner-carousel.fullpage .caption {
    bottom: 75px;
}

.banner-carousel .caption .intro,
.main-banner .caption .intro {
    font-family: Muli-Bold;
    padding-bottom: 10px;
    transform: translateY(300px);
    opacity: 0;
    transition: 0.6s 0.4s;
    font-size: 3rem !important;
    line-height: 2.875rem !important;
}

.banner-carousel .caption p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font: 1.5rem / 1.625rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 991px) {

    .banner-carousel .caption,
    .main-banner .caption {
        position: absolute;
        bottom: 30px;
    }

    .banner-carousel .caption .intro,
    .main-banner .caption .intro {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    .banner .caption p,
    .banner-carousel .caption p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 1.3rem !important;
        line-height: 1.571 !important;
    }

    .thumb-default.small .inner {
        height: calc(201.386px + 8.94188vw);
    }
}

.banner-carousel .caption .inner-container,
.main-banner .caption .inner-container {
    display: table;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 1025px) {

    .banner-carousel .caption .inner-container .content,
    .banner-carousel .caption .inner-container .intro,
    .main-banner .caption .inner-container .content,
    .main-banner .caption .inner-container .intro {
        max-width: 100%;
    }
}

.banner,
.banner-carousel {
    position: relative;
    min-height: 350px;
}

@media only screen and (min-width: 992px) {

    .banner,
    .banner-carousel {
        margin-top: 40px;
    }
}

.banner .sub-title {
    padding: 30px 0px 10px;
}

.banner .thumb::before {
    content: "";
    background: 0px 0px;
    position: absolute;
    inset: 0px;
}

.banner .inner-container {
    position: relative;
}

.banner .caption {
    position: absolute;
    left: 0px;
    bottom: 30px;
    right: 0px;
    color: rgb(255, 255, 255);
}

.banner .caption .sub-title {
    padding: 0px 0px 10px;
}

.banner .caption .line {
    color: rgb(255, 255, 255);
    margin: 0px 0px 15px;
    padding: 0px 0px 15px;
}

.banner .caption .line::before,
.be-banking .breadcrumb .inner-container>ul>li::before,
.currency .tab-header a.active::before,
.profile .caption .line::before {
    background: rgb(255, 255, 255);
}

.banner .caption p {
    font-size: 1.5rem;
    line-height: 1.625rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.banner .caption .title-1 {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    .banner {
        height: calc(60vw);
    }

    .thumb-default.small .inner {
        height: calc(5.2349px + 67.1141vw);
    }
}

@media only screen and (max-width: 375px) {
    .banner {
        height: calc(150vw);
        max-height: none;
    }

    .banner .caption {
        bottom: 30px;
    }

    .banner .line {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 320px) {
    .banner {
        height: calc(150vw);
    }
}

.banner .button-group {
    margin-top: 30px;
}

@media only screen and (min-width: 768px) {
    .banner .button-group [class*="btn-"] {
        min-width: 180px;
    }

    .banner-carousel .item {
        min-height: 350px;
    }
}

@media only screen and (max-width: 767px) {
    .banner .button-group [class*="btn-"] {
        min-width: 0px;
        width: 48%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .banner .button-group [class*="btn-"]+[class*="btn-"] {
        float: right;
        margin: 0px;
    }
}

.banner .card-img {
    width: 250px;
    position: absolute;
    right: 20px;
    bottom: 0px;
}

@media only screen and (max-width: 767px) {
    .banner .card-img {
        width: 160px;
        left: 20px;
        bottom: 100%;
    }
}

.banner .ibanking-logo {
    max-width: 315px;
}

[lang="th"] .top-banner .text-default {
    line-height: 1rem;
    font-size: 0.8rem;
}

@media only screen and (min-width: 768px) {
    [lang="th"] .top-banner .text-default {
        line-height: 1.6rem;
        font-size: 1rem;
    }
}

.top-banner {
    height: 110px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.top-banner .text-default {
    line-height: 1rem;
    font-size: 0.9rem;
}

@media only screen and (min-width: 768px) {
    .top-banner .text-default {
        line-height: 1.6rem;
        font-size: 1rem;
    }
}

.top-banner.text-white .title-2,
.top-banner.text-white p {
    color: rgb(255, 255, 255);
}

.top-banner.text-black .title-2,
.top-banner.text-black p {
    color: rgb(0, 100, 255);
}

.top-banner.hard-hidden,
.top-banner.hidden {
    display: none !important;
}

[data-carousel-product] .slick-track,
[data-carousel-xs] .slick-track,
[data-carousel] .slick-track {
    display: flex;
}

[data-carousel-product].full-width .item img {
    width: 100%;
}

[data-carousel-auto-height],
[data-carousel-product],
[data-carousel-xs],
[data-carousel] {
    margin-bottom: 80px;
}

[data-carousel] .slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
    bottom: -5px !important;
    margin: 0px !important;
}

[data-carousel-auto-height] .slick-list,
[data-carousel-product] .slick-list,
[data-carousel-xs] .slick-list,
[data-carousel] .slick-list {
    padding-bottom: 40px !important;
}

[data-carousel-auto-height] .slick-track,
[data-carousel-product] .slick-track,
[data-carousel-xs] .slick-track,
[data-carousel] .slick-track {
    margin-right: auto;
    margin-left: auto;
}

[data-carousel-auto-height] .thumb-default,
[data-carousel-product] .thumb-default,
[data-carousel-xs] .thumb-default,
[data-carousel] .thumb-default {
    height: 100%;
    margin-bottom: 0px;
}

[data-carousel-auto-height] .slick-next,
[data-carousel-auto-height] .slick-prev,
[data-carousel-product] .slick-next,
[data-carousel-product] .slick-prev,
[data-carousel-xs] .slick-next,
[data-carousel-xs] .slick-prev,
[data-carousel] .slick-next,
[data-carousel] .slick-prev {
    transition: 0.3s;
}

@media only screen and (min-width: 992px) {

    [data-carousel-auto-height] .slick-prev,
    [data-carousel-product] .slick-prev,
    [data-carousel-xs] .slick-prev,
    [data-carousel] .slick-prev {
        left: -55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    [data-carousel-auto-height] .slick-prev,
    [data-carousel-product] .slick-prev,
    [data-carousel-xs] .slick-prev,
    [data-carousel] .slick-prev {
        left: -15px;
    }
}

@media only screen and (max-width: 767px) {

    [data-carousel-auto-height] .slick-prev,
    [data-carousel-product] .slick-prev,
    [data-carousel-xs] .slick-prev,
    [data-carousel] .slick-prev {
        display: none !important;
    }
}

.no-touch.desktop [data-carousel-auto-height] .slick-prev:hover,
.no-touch.desktop [data-carousel-product] .slick-prev:hover,
.no-touch.desktop [data-carousel-xs] .slick-prev:hover,
.no-touch.desktop [data-carousel] .slick-prev:hover {
    margin-left: -5px;
}

@media only screen and (min-width: 992px) {

    [data-carousel-auto-height] .slick-next,
    [data-carousel-product] .slick-next,
    [data-carousel-xs] .slick-next,
    [data-carousel] .slick-next {
        right: -55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    [data-carousel-auto-height] .slick-next,
    [data-carousel-product] .slick-next,
    [data-carousel-xs] .slick-next,
    [data-carousel] .slick-next {
        right: -15px;
    }
}

@media only screen and (max-width: 767px) {

    [data-carousel-auto-height] .slick-next,
    [data-carousel-product] .slick-next,
    [data-carousel-xs] .slick-next,
    [data-carousel] .slick-next {
        display: none !important;
    }
}

.no-touch.desktop [data-carousel-auto-height] .slick-next:hover,
.no-touch.desktop [data-carousel-product] .slick-next:hover,
.no-touch.desktop [data-carousel-xs] .slick-next:hover,
.no-touch.desktop [data-carousel] .slick-next:hover {
    margin-right: -5px;
}

.products ul.slick-dots,
[data-carousel-auto-height] .slick-dots,
[data-carousel-xs] .slick-dots {
    bottom: 10px;
}

[data-carousel] .slick-dots {}

[data-carousel-product] .slick-dots {
    bottom: -10px;
}

[data-carousel-auto-height] .slick-dots li button::before,
[data-carousel-product] .slick-dots li button::before,
[data-carousel-xs] .slick-dots li button::before,
[data-carousel] .slick-dots li button::before {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
}

[data-carousel-auto-height] .slick-dots li.slick-active button::before,
[data-carousel-product] .slick-dots li.slick-active button::before,
[data-carousel-xs] .slick-dots li.slick-active button::before,
[data-carousel] .slick-dots li.slick-active button::before {
    border: 0px;
    background: 0px 0px !important;
}

[data-carousel-auto-height] .slick-slide,
[data-carousel-product] .slick-slide,
[data-carousel-xs] .slick-slide,
[data-carousel] .slick-slide {
    width: 360px;
}

@media only screen and (max-width: 767px) {

    [data-carousel-auto-height] .slick-slide,
    [data-carousel-product] .slick-slide,
    [data-carousel-xs] .slick-slide,
    [data-carousel] .slick-slide {
        width: 300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .promotions .slick-dots {
        bottom: 0px;
    }
}

.col-md-6>.products.full-width .item::before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.stories .products ul.slick-dots {
    bottom: -20px;
}

.products {
    background: rgb(255, 255, 255);
    padding: 40px 0px 60px;
    margin-bottom: 30px;
}

.products.no-pad-top {
    padding-top: 0px;
}

.products.shadow .slick-list {
    box-shadow: transparent 0px 0px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 0px !important;
}

@media only screen and (min-width: 768px) {
    .products .slick-track {
        align-items: center;
    }
}

.products .item {
    overflow: hidden;
    position: relative;
}

.products .item img {
    height: 350px;
    margin: 0px auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .products .item img {
        height: calc(45vw);
    }
}

@media only screen and (max-width: 767px) {
    .products .item img {
        height: calc(65vw);
    }
}

.products .item.slick-active {
    display: block;
}

.products .item.has-caption {
    display: table;
}

@media only screen and (min-width: 768px) {
    .products .item.has-caption .img-thumb {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 50%;
    }

    .products .item.has-caption .img-thumb img {
        height: auto;
        width: 100%;
        margin: 0px;
    }
}

.products .item.has-caption .caption {
    overflow: hidden;
    padding: 0px 30px;
}

.products .item.has-caption .caption .text-default {
    padding-top: 30px;
    padding-bottom: 30px;
}

.products .item.has-caption .caption ol {
    margin-left: 8px;
}

@media only screen and (min-width: 768px) {
    .products .item.has-caption .caption {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {
    .products .item.has-caption .caption {
        padding: 0px 20px;
    }

    [data-carousel-product] .slick-dots {
        bottom: -40px;
    }
}

.products .item .description {
    color: rgb(255, 255, 255);
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 35px;
}

@media only screen and (max-width: 767px) {
    .products .item .description {
        padding: 20px;
    }
}

.products .item .description [class*="title-"] {
    color: rgb(255, 255, 255);
}

.products .slick-dots {
    bottom: 0px;
}

.products.full-width {
    background: 0px 0px;
}

.products.full-width .item {
    max-height: 300px;
    overflow: hidden;
}

.products.full-width img {
    height: auto !important;
    width: 100%;
}

.col-md-6>.products {
    margin-bottom: 0px;
}

.col-md-6>.products .item {
    height: 290px;
}

.col-md-6>.products img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .col-md-6>.products .item {
        height: auto;
    }
}

[class*="banner"] [class*="title"] {
    color: rgb(255, 255, 255);
    margin-top: 10px;
}

@media only screen and (min-width: 768px) {
    .carousel-caption {
        padding-right: 40px;
    }
}

.img-print {
    display: none !important;
}

.country-select img,
.country-select span {
    font-size: 1rem;
    line-height: 1.375rem;
}

.country-select img {
    margin-right: 15px;
    border-radius: 50%;
    width: 19px;
    height: 19px;
}

.country-select li {
    padding: 5px 0px;
}

.currency {
    color: rgb(255, 255, 255);
    background: rgb(0, 40, 80);
    box-shadow: rgba(221, 221, 221, 0.5) 0px 2px 8px 0px;
    clear: both;
    padding: 25px 30px 30px;
    min-height: 688px;
    position: relative;
    border-radius: 7px;
}

@media only screen and (max-width: 991px) {
    .currency {
        padding-left: 20px;
        padding-right: 20px;
        min-height: auto;
    }
}

.currency .tab-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.currency .tab-header li {
    margin: 0px;
    text-align: right;
    width: 33.33%;
    float: left;
}

.currency .tab-header li:first-child {
    text-align: left;
}

.currency .tab-header a {
    color: rgb(255, 255, 255) !important;
}

.currency .tab-header a::before,
.quick-news .tab-header a::before {
    height: 1px;
    background: rgb(255, 255, 255);
    bottom: -21px;
}

.currency .tab-header a.active,
.no-touch.desktop .currency .tab-header a:hover {
    color: rgb(0, 100, 255) !important;
}

.no-touch.desktop .currency .tab-header a:active {
    color: rgb(92, 118, 170) !important;
}

.currency-converter {
    padding: 30px 0px 0px;
}

.currency-converter::after,
.currency-converter::before {
    display: table;
    content: "";
}

.currency-converter::after {
    clear: both;
}

.currency-converter .sub-title-medium,
.quick-news .tab-header a {
    color: rgb(255, 255, 255);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .currency-converter {
        padding-top: 25px;
    }
}

.currency-converter--result {
    display: none;
}

.currency-list {
    color: rgb(255, 255, 255);
    padding: 25px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.currency-list::after,
.currency-list::before {
    display: table;
    content: "";
}

.currency-list::after {
    clear: both;
}

.currency-list:first-child {
    border: 0px;
}

.currency-list.full .default-wrap {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}

@media only screen and (max-width: 991px) {
    .currency-list.full .default-wrap {
        left: 20px;
        right: 20px;
    }
}

.currency-list td,
.currency-list th {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.625rem;
    width: 45px;
}

.currency-list td {
    height: 40px;
    line-height: normal;
    padding: 5px 10px;
}

.currency-list th {
    padding-left: 10px;
    padding-right: 10px;
}

.currency-list td:first-child,
.currency-list th:first-child {
    padding-left: 0px;
    width: 70%;
    text-align: left;
    font-size: 1rem;
    line-height: 1.1375rem;
}

.currency-list td:last-child,
.currency-list th:last-child {
    padding-right: 0px;
    text-align: right;
}

.currency-list table {
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
}

.currency-list table tr th {
    color: rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
    font: 1rem / 1.375 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

@media only screen and (max-width: 991px) {

    .currency-list table tr td,
    .currency-list table tr th {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.currency-list .text-x-small {
    letter-spacing: -0.1px;
    color: rgb(158, 158, 158);
}

.converter {
    color: rgb(23, 23, 23);
    padding: 20px 0px;
}

.converter .convert-group {
    font-size: 1rem;
    line-height: 1.375rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 7px;
    padding: 0px 10px;
    margin-bottom: 10px;
    position: relative;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.converter .convert-group .country-select {
    float: left;
    cursor: pointer;
    top: 13px;
    position: relative;
}

#KeyWordSearch .converter .convert-group .country-select {
    top: 0px;
}

.converter .convert-group .country-select span {
    margin: 0px 7px 0px 0px;
    font-size: 1rem;
    line-height: 1.375rem;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.5);
    min-width: 0px;
}

.converter .convert-group::after {
    content: "";
    display: table;
    clear: both;
}

.converter .convert-group .icon-dropdown {
    position: absolute;
    color: rgb(255, 255, 255);
    font-size: 9px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    line-height: 49px;
    width: 30px;
    text-align: center;
    right: 10px;
}

.no-touch.desktop .converter .convert-group:hover .icon-dropdown {
    animation: 0.75s ease 0s 1 alternate none running wobble-vertical;
}

.converter .convert-group>input {
    float: left;
    line-height: 50px;
    height: 50px;
    padding: 0px 5px;
    background: 0px 0px;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    width: calc(100% - 100px);
}

.converter .convert-group>input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.converter .convert-group>input.half {
    width: 50%;
    text-align: right;
}

.converter .convert-group>.guide-txt {
    float: left;
    line-height: 50px;
    padding: 0px 5px;
    background: 0px 0px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    display: block;
    width: calc(100% - 110px);
}

.converter .convert-group>.guide-txt.half {
    width: 50%;
}

.converter .convert-group .slimScrollBar {
    opacity: 1 !important;
}

.btn-convert {
    background: rgb(255, 255, 255);
    color: rgb(43, 43, 43);
    display: inline-block;
    font-family: Muli-Bold;
    text-align: left;
    padding-right: 60px;
}

.btn-convert::after {
    font-size: 25px;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top: 13px;
    transition: 0.3s;
}

.btn-convert.full-width {
    width: 100%;
    max-width: 360px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.no-touch.desktop .btn-convert:hover::after {
    transform: scaleX(1.3);
}

.currency-dropdown {
    visibility: hidden;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px, rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
    border: 1px solid rgb(232, 232, 232);
    position: absolute;
    z-index: 2;
    top: 70px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    margin-top: 5px;
}

.currency-dropdown.show {
    visibility: visible;
}

.currency-dropdown ul {
    max-height: 200px;
    min-height: 15px;
}

.currency-dropdown input {
    color: rgb(0, 0, 0);
    display: block;
    margin-bottom: 10px;
    width: 100%;
    padding: 5px 25px;
}

.currency-dropdown li {
    padding: 0px 25px 0px 55px;
    position: relative;
    list-style: none;
    cursor: pointer;
    margin: 2px 0px;
}

.currency-dropdown li:last-child {
    margin-bottom: 0px;
}

.currency-dropdown li .icon-flag {
    display: block;
    width: 19px;
    height: 19px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    left: 25px;
    top: 50%;
    margin-top: -10px;
    background: rgb(238, 238, 238);
}

.currency-dropdown li img {
    width: 100%;
    height: 100%;
    display: block;
}

.currency-dropdown li span {
    font-size: 1rem;
    color: rgb(0, 0, 0);
    line-height: 36px;
}

.currency-dropdown li.active,
.currency-dropdown li:hover,
.radio td.active {
    background: rgb(229, 237, 244);
}

.currency-dropdown .mCSB_container {
    margin-right: 0px;
}

.currency-dropdown .mCSB_scrollTools .mCSB_draggerContainer {
    top: 5px;
    bottom: 10px;
}

.icon-close {
    color: rgb(106, 106, 106);
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    font-weight: 100;
    background: rgb(255, 255, 255);
    border: 0.5px solid rgb(214, 214, 214);
    position: absolute;
    z-index: 10;
    border-radius: 50%;
    cursor: pointer;
}

.icon-close:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 6px 0px;
}

.quick-plan-slider {
    overflow: hidden;
    margin: 10px;
    height: 252px;
}

.quick-plan-slider .sub-title {
    position: relative;
    z-index: 2;
    color: rgb(23, 23, 23);
}

.quick-plan-slider .intro {
    position: absolute;
    z-index: 0;
    inset: 0px;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    transition: 0.5s;
}

.quick-plan-slider .intro .text-default {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    position: absolute;
    bottom: -100%;
    opacity: 0;
    left: 25px;
    right: 25px;
    transition: 0.5s;
}

.quick-plan-slider .item {
    overflow: hidden;
    cursor: pointer;
    margin: 0px 5px;
    height: 252px;
    float: left;
    position: relative;
    width: 252px;
    border-radius: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .quick-plan-slider .item {
        min-width: calc(-10px + 25vw);
    }
}

.quick-plan-slider .item .thumb {
    position: absolute;
    width: 100%;
}

.quick-plan-slider .item .inner {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 20px 25px;
}

.no-touch.desktop .quick-plan-slider .item:hover .thumb {
    transform: scale(1.1);
}

.no-touch.desktop .quick-plan-slider .item:hover .intro,
[data-tab] .financial-plan a.active img {
    opacity: 1;
}

.no-touch.desktop .quick-plan-slider .item:hover .intro .text-default {
    bottom: 20px;
    opacity: 1;
}

.quick-plan {
    position: relative;
}

.product-intro-modal {
    position: absolute;
    inset: 0px 50%;
    z-index: 10;
    overflow: hidden;
    background: rgb(249, 249, 249);
    opacity: 0;
    transition: 0.5s;
}

.product-intro-modal .content {
    position: relative;
    z-index: 11;
    height: 100%;
}

.product-intro-modal .icon-close {
    top: 10px;
    left: 10px;
}

.product-intro-modal .thumb {
    width: 234px;
    height: 252px;
    float: left;
}

.product-intro-modal .inner {
    padding: 25px;
    background: rgb(249, 249, 249);
}

@media only screen and (min-width: 992px) {
    .product-intro-modal .inner {
        display: table;
        height: 100%;
        width: calc(100% - 234px);
    }
}

.product-intro-modal .inner .intro {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.product-intro-modal .bg-overlay {
    display: none;
    content: "";
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
}

@media only screen and (min-width: 992px) {
    .product-intro-modal .content-1 {
        display: table-cell;
        padding-right: 10px;
    }

    .product-intro-modal .content-1 .btn-primary {
        position: absolute;
        bottom: 25px;
    }
}

.product-intro-modal .content-2 {
    display: table-cell;
    vertical-align: middle;
    width: 472px;
}

.product-intro-modal.active {
    opacity: 1;
    left: 10px;
    right: 10px;
}

@media only screen and (max-width: 991px) {
    .product-intro-modal {
        bottom: auto;
        right: 10px;
        max-height: 0px;
    }

    .list-thumb-square.full li {
        margin-bottom: 10px;
        display: table;
        width: 150px;
    }

    .product-intro-modal .content-2 {
        vertical-align: middle;
        overflow: auto;
        display: flex !important;
        width: 100% !important;
    }

    .product-intro-modal.active {
        max-height: 1000px;
    }

    .product-intro-modal .content-1 .btn-primary,
    .product-intro-modal.active .bg-overlay {
        display: block;
    }

    .product-intro-modal .thumb {
        width: 100%;
        height: calc(60vw);
        float: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-intro-modal.active {
        right: auto;
        left: 50%;
        width: 530px;
        margin-left: -265px;
    }

    .product-intro-modal .thumb {
        height: 350px;
    }
}

.quick-news {
    padding: 20px 30px 55px;
    background: rgb(0, 40, 80);
    color: rgb(255, 255, 255);
    margin-top: 40px;
    overflow: hidden;
    position: relative;
    border-radius: 7px;
}

@media only screen and (max-width: 991px) {
    .quick-news {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.quick-news .tab-header,
.quick-news [data-tab-content] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.no-touch.desktop .quick-news .tab-header a:hover,
.quick-news .tab-header a.active {
    color: rgb(0, 100, 255);
}

.no-touch.desktop .quick-news .tab-header a:active {
    color: rgb(92, 118, 170) !important;
}

.quick-news [data-tab-content] {
    position: relative;
}

.quick-news .inner {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    z-index: -1;
}

.quick-news .inner.active {
    z-index: 1;
    position: relative;
}

.quick-news .item {
    width: 252px;
}

@media only screen and (max-width: 991px) {
    .quick-news .item {
        width: calc(-70px + 100vw);
    }
}

.quick-news .desc {
    padding: 20px 0px;
    overflow: hidden;
}

.quick-news .slick-slider {
    height: 100%;
}

.quick-news .slick-dots {
    text-align: left;
    bottom: -38px !important;
}

.tiles {
    overflow-x: auto;
}

.tiles .row {
    overflow: hidden;
    margin: 0px;
    display: table;
    width: 100%;
}

.tiles .row [class*="col-"] {
    overflow: hidden;
    padding: 0px;
    display: table-cell;
    float: none;
    min-width: 250px;
    width: auto;
}

.tile,
.tile .thumb {
    position: relative;
    display: block;
}

.tile {
    overflow: hidden;
    height: calc(39.5vw);
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .tile {
        height: 356px;
    }
}

.tile::before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    bottom: 0px;
    right: 0px;
    z-index: 1;
    transition: 0.5s;
}

.tile .thumb {
    margin: -20px 0px 0px;
    height: 110%;
    backface-visibility: hidden;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(0px, 20px, 0px);
}

.tile .desc,
.tile::before {
    position: absolute;
    top: 0px;
    left: 0px;
}

.tile .desc {
    z-index: 2;
    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
}

.tile .line {
    color: rgb(255, 255, 255);
    font-size: 1.267rem;
    line-height: 1.375;
    letter-spacing: 0.5px;
    position: absolute;
    bottom: 65px;
    left: 0px;
    right: 0px;
    padding-left: 18%;
    padding-right: 18%;
    transition: 0.5s;
}

.no-touch.desktop .tile:hover .thumb {
    transform: translate3d(0px, 0px, 0px);
}

.no-touch.desktop .tile:hover::before {
    background: rgba(0, 0, 0, 0.1);
}

.no-touch.desktop .tile:hover .line {
    bottom: 40%;
}

.no-touch.desktop .tile:hover .line::before,
.not-wealth h3.title-1.line::before,
.wealth h3.title-1.line::before,
.wealth-benefit.wrapper h2.title-1.small.line::before,
.wealth-pb h3.title-1.line::before {
    width: 0px;
}

.profiles .row-center [class*="col-"] {
    padding: 0px;
}

@media only screen and (min-width: 768px) {
    .profiles .row-center {
        margin: 0px;
    }

    .profiles .row-center [class*="col-"] {
        width: 33.33%;
    }
}

.profile {
    position: relative;
    width: 100%;
}

@media only screen and (min-width: 768px) {

    .profile .avatar,
    .profile .caption {
        height: calc(-5px + 33.3333vw);
    }
}

@media only screen and (max-width: 767px) {

    .profile .avatar,
    .profile .caption {
        height: 100vw;
        width: 100%;
    }

    .profile {
        display: table;
        width: 100%;
    }

    .profile .avatar {
        display: table-caption;
    }
}

.profile .caption {
    position: relative;
    background: rgb(157, 151, 134);
    color: rgb(255, 255, 255);
}

.profile .caption .caption-content {
    position: absolute;
    bottom: 0px;
    left: 16%;
    right: 16%;
    padding: 0px 0px 16% 20px;
}

@media only screen and (min-width: 768px) {
    .profile .caption .caption-content {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
}

@media only screen and (max-width: 767px) {
    .profile .caption .caption-content {
        left: 15vw;
    }

    .profile .caption::before {
        content: "";
        position: absolute;
        width: 1px;
        top: 0px;
        bottom: 50px;
        left: 15vw;
        background: rgba(255, 255, 255, 0.2);
    }
}

.profile .caption .title-3 {
    color: rgb(255, 255, 255);
}

.one-col .row-center [class*="col-"],
.radio table {
    width: 100%;
}

.one-col .profile {
    display: table;
    width: 100%;
}

.one-col .profile .avatar,
.one-col .profile .caption {
    width: 50%;
    display: table-cell;
    height: calc(-6px + 40vw);
}

@media only screen and (max-width: 767px) {

    .one-col .profile .avatar,
    .one-col .profile .caption {
        height: 100vw;
        width: 100%;
        display: block;
    }
}

.one-col .profile .caption {
    position: absolute;
    top: 0px;
}

.testimonials {
    margin: 40px 0px 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonials .item {
        padding: 0px 60px;
    }
}

.testimonials .item .circle-image {
    height: 200px;
    width: 200px;
    float: left;
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    .testimonials .item .circle-image {
        float: none;
        margin: 0px auto 30px;
    }
}

.testimonials .item .caption {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.testimonials .item .caption .text-large {
    font-size: 1.5rem;
    line-height: 1.625rem;
}

@media only screen and (min-width: 768px) {
    .testimonials .item .caption .name {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonials .item .caption .name {
        margin-top: 20px;
    }
}

.testimonials .item .caption .button-group {
    margin-top: 20px;
}

.testimonials .item .caption.middle-content {
    display: flex;
    align-items: center;
}

.testimonials .slick-dots {
    margin-top: 20px;
    bottom: -40px;
}

.calendar-events [class*="col-"]:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 1px;
    height: 100%;
    background: rgb(216, 216, 216);
}

.calendar-events [class*="col-"] .btn-primary:not(:disabled) {
    border: 1px solid transparent;
}

.calendar-events [class*="col-"]:hover {
    background: rgb(203, 173, 111);
    transition: 0.5s;
}

.calendar-events [class*="col-"]:hover .button-group .btn-primary:hover,
.calendar-events [class*="col-"]:hover .caption,
.calendar-events [class*="col-"]:hover .caption .title-1,
.calendar-events [class*="col-"]:hover .caption .title-3 {
    color: rgb(255, 255, 255);
}

.calendar-events [class*="col-"]:hover .button-group .btn-primary {
    background: rgb(255, 255, 255);
    color: rgb(203, 173, 111);
    border-color: rgb(255, 255, 255);
}

.calendar-events [class*="col-"]:hover .button-group .btn-primary[disabled] {
    color: rgb(255, 255, 255) !important;
    background: rgb(198, 198, 200) !important;
    border-color: rgb(198, 198, 200) !important;
}

.calendar-events [class*="col-"]:hover .button-group .btn-default {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.calendar-events [class*="col-"]:hover .button-group .btn-default:hover {
    background: rgb(223, 190, 124);
}

.calendar-events [class*="col-"]:hover .button-group .btn-default:active {
    background: rgb(199, 184, 153);
}

.hideval {
    color: transparent !important;
}

.form-group span.custom-date-label {
    position: absolute;
    left: 20px;
}

#languages,
.form-group span.custom-date-label.hide {
    display: none;
}

.general-form .form-group .text-danger {
    position: relative;
    top: 7px;
    margin-left: 20px !important;
}

.wealth-management-steps {
    margin: 140px 0px 60px;
}

.wealth-management-steps .item img {
    height: 80px;
    margin: 0px;
}

.wealth-management-steps .item .title-3 {
    font-size: 1rem;
}

.wealth-management-steps .slick-dots {
    bottom: -40px;
}

#languages {
    overflow: hidden;
    background: rgb(249, 249, 249);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 90px;
    transform: translate3d(0px, 0px, 0px);
}

#languages ul {
    margin: 30px -0.8rem;
    text-align: center;
}

#languages li {
    background: rgb(255, 255, 255);
    text-align: center;
    margin: 0px 4px;
    display: inline-block;
    width: 150px;
    height: 150px;
}

@media only screen and (min-width: 992px) {
    #languages li a {
        width: 150px;
        height: 150px;
    }
}

#languages li .flag {
    display: block;
    margin: 5px auto 15px;
    position: relative;
    border: 7px solid rgb(232, 232, 232);
    border-radius: 50%;
    width: 50px;
    transition: 0.5s;
}

#languages li img {
    width: 100%;
    display: block;
    border-radius: 50%;
}

#languages li .text {
    color: rgb(0, 0, 0);
    font-weight: 100;
    display: block;
    padding: 3px 0px 0px;
    font-size: 0.8rem;
}

.no-touch.desktop #languages li:not(.active) a:hover {
    box-shadow: rgba(0, 0, 0, 0.23) 0px 0px 15px 0px;
}

#languages li.active a {
    cursor: default;
}

#languages li.active a .flag {
    box-shadow: none !important;
}

#languages li.active a .flag::before {
    color: rgb(255, 255, 255);
    font-size: 11px;
    border-radius: 50%;
    background: rgba(17, 21, 130, 0.6);
    display: block;
    position: absolute;
    inset: 0px;
    text-align: center;
    line-height: 36px;
}

@media only screen and (max-width: 991px) {
    #languages {
        top: 0px;
        bottom: 0px;
        z-index: 100;
        background: rgb(249, 249, 249);
        transition: 0.5s;
        width: 100%;
        max-height: 100vh;
        padding: 0px 20px;
        overflow-y: auto;
    }

    #languages.active {
        display: block;
    }

    #languages.active .back-level-1 {
        display: block;
        margin: 20px 0px;
    }

    #languages .inner {
        padding: 20px 0px 0px;
    }

    #languages ul {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 20px 0px;
        margin: 0px;
    }

    #languages ul li {
        display: table;
        margin: 0px 0px 10px;
        width: 100%;
        height: auto;
    }

    #languages ul li a {
        padding: 10px 0px 15px;
    }

    #languages .title-2 {
        color: rgb(63, 63, 63);
    }
}

.ui-selectmenu-disabled {
    opacity: 0.7;
}

.search-input-small {
    position: relative;
    height: 47px;
    border-radius: 7px;
    display: inline-block;
    width: 345px;
}

@media only screen and (min-width: 992px) and (max-width: 1159px) {
    .search-input-small {
        width: calc(20vw);
    }
}

.search-input-small .icon-search {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    padding: 0px;
    background: 0px 0px;
    transition: 0.3s;
    cursor: default;
    position: absolute;
}

@media only screen and (max-width: 991px) {
    .search-input-small .icon-search {
        right: 15px;
    }
}

.search-input-small .easy-autocomplete {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.search-input-small .easy-autocomplete .easy-autocomplete-container ul {
    margin-top: 6px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px;
    border: 1px solid rgb(232, 232, 232);
}

.search-input-small .easy-autocomplete .easy-autocomplete-container ul li {
    background: 0px 0px;
    border: 0px;
    color: rgb(0, 0, 0);
    text-align: left;
}

.search-input-small .input-search,
.search-input-small .search-advance {
    background: 0px 0px;
    height: 100%;
    width: 100%;
    color: rgb(255, 255, 255);
    padding: 0px 40px 0px 30px;
    font: 0.8rem Muli-Bold;
}

.search-input-small .input-search::-webkit-input-placeholder,
.search-input-small .search-advance::-webkit-input-placeholder {
    color: rgb(145, 157, 171);
}

@media only screen and (max-width: 767px) {

    .search-input-small .input-search,
    .search-input-small .search-advance {
        padding: 0px 35px 0px 20px;
    }

    #search-modal .easy-autocomplete-container .eac-item a .sub-title-medium {
        font: 1rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "'ＭＳ Ｐゴシック'!important";
    }
}

@media only screen and (max-width: 375px) {

    .search-input-small .input-search,
    .search-input-small .search-advance {
        padding: 0px 30px 0px 10px;
    }
}

.control-bar {
    background: rgb(0, 40, 80);
    padding: 12px 0px;
    z-index: 5;
    position: relative;
    border: 0px solid rgba(0, 0, 0, 0.1);
}

.control-bar::after,
.control-bar::before {
    display: table;
    content: "";
}

.control-bar::after {
    clear: both;
}

.control-bar.has-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.control-bar .catalogue-select .drop-down-list span {
    line-height: 1.375;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
    white-space: normal;
    text-overflow: initial;
}

.control-bar .inner-container {
    position: relative;
}

.control-bar .cust-select::after,
.control-bar .dynamic-select::after {
    color: rgb(255, 255, 255);
}

@media only screen and (min-width: 992px) {

    .control-bar .cust-select,
    .control-bar .dynamic-select {
        float: left;
    }

    .control-bar .right-bar {
        float: right;
    }
}

.control-bar .right-bar .col-wrap:last-child {
    margin-right: 0px;
}

.control-bar .form-control:not([readonly]):valid {
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.5);
}

.control-bar .filter-bar {
    float: right;
    text-align: right;
    white-space: nowrap;
}

.control-bar .label {
    color: rgb(255, 255, 255);
    padding: 0px 20px 0px 0px;
    line-height: 47px;
    float: left;
    cursor: default;
}

@media only screen and (max-width: 991px) {
    .control-bar .label {
        width: 100px;
        padding-right: 0px;
    }
}

.control-bar .btn-primary {
    min-width: 148px;
}

.control-bar .col-wrap {
    float: left;
    white-space: nowrap;
    margin-right: 20px;
}

.control-bar .col-wrap::after,
.control-bar .col-wrap::before {
    display: table;
    content: "";
}

.control-bar .col-wrap::after {
    clear: both;
}

.control-bar .ui-selectmenu-button,
.control-bar select.form-control {
    width: 204px;
    color: rgb(255, 255, 255);
}

.be-banking #header .top-header .top-links a,
.btn-back,
.control-bar .ui-selectmenu-button::after,
.control-bar select.form-control::after {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 991px) {
    .control-bar .select.form-control {
        width: 180px;
        padding: 0px 20px;
    }

    .control-bar .catalogue-select {
        padding: 0px 20px;
        width: 200px;
    }

    .control-bar .ui-selectmenu-button {
        width: calc(100% - 100px);
        padding: 0px 20px;
    }

    .control-bar .filter-bar {
        clear: both;
        width: 100%;
        text-align: left;
        padding-top: 10px;
    }

    .control-bar select.form-control {
        padding: 0px 20px;
    }

    .control-bar select.form-control option {
        color: rgb(0, 0, 0);
    }

    .control-bar .search-input-small,
    .control-bar select.form-control {
        width: calc(100% - 100px);
        float: right;
    }

    .control-bar .btn-primary {
        width: 100%;
    }

    .control-bar .col-wrap {
        padding-bottom: 10px;
        display: block;
        margin: 0px;
        float: none;
    }
}

.btn-back {
    float: left;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0px;
    width: 47px;
    height: 47px;
    font-size: 0px !important;
    border-radius: 50% !important;
}

.btn-back::before {
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    transition: 0.3s;
    display: block;
    font-size: 7px;
    left: 0px;
    right: 0px;
}

.no-touch.desktop .btn-back:hover,
.no-touch.desktop .custom-links .text:hover {
    border-color: rgb(255, 255, 255);
}

.custom-links {
    float: right;
    position: relative;
}

.custom-links.black .text {
    color: rgb(23, 23, 23);
    border-color: rgb(158, 158, 158);
}

.custom-links .all-links a,
.custom-links .text {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-links .text {
    cursor: pointer;
    width: 100%;
    min-width: 220px;
    text-align: left;
    padding-right: 35px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgb(255, 255, 255);
}

.custom-links .text::after {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    .custom-links {
        max-width: calc(100% - 60px);
    }

    .custom-links .text {
        padding-left: 20px;
    }
}

.custom-links .all-links {
    margin-top: 5px;
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 10;
    overflow: hidden;
    min-width: 100%;
    max-height: 0px;
    opacity: 0.5;
    transition: 0.5s;
}

.custom-links .all-links ul {
    border: 1px solid rgb(232, 232, 232);
    background: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px;
    padding: 10px 25px;
}

.custom-links .all-links a {
    padding: 12px 0px;
    color: rgb(0, 0, 0);
    max-width: 72vw;
}

.no-touch.desktop .custom-links .all-links a:hover {
    color: rgb(0, 72, 183);
}

.no-touch.desktop .custom-links .all-links a:active {
    color: rgb(0, 100, 255);
}

.custom-links.active .all-links {
    opacity: 1;
    max-height: 500px;
}

.custom-links[data-option-links] {
    width: 100%;
    max-width: none;
}

.custom-links[data-option-links] .text {
    min-width: 0px;
    padding-left: 20px;
}

.custom-links[data-option-links] .all-links {
    left: 0px;
    right: auto;
}

.search-location-bar .search-input-small {
    width: 295px;
}

.search-location-bar .ui-selectmenu-button,
.search-location-bar select.form-control {
    width: 180px;
}

.search-location-bar .cust-select+.cust-select {
    margin-left: 15px;
}

.search-location-bar.style-2 .ui-selectmenu-button,
.search-location-bar.style-2 select.form-control {
    width: auto;
    min-width: 130px;
}

.search-location-bar.style-2 input.form-control {
    max-width: 180px;
}

.search-location-bar.style-2 .cust-select {
    max-width: 160px;
}

.search-location-bar.style-2 .cust-select+.cust-select {
    margin-left: 10px;
}

.search-location-bar.style-2 .col-wrap {
    margin-right: 10px;
}

@media only screen and (max-width: 991px) {
    .search-location-bar.style-2 .btn-primary {
        min-width: 90px;
        max-width: 90px;
        padding: 0px 10px;
    }
}

.search-location-bar.style-3 .right-bar {
    text-align: right;
}

.search-location-bar.style-3 .right-bar .col-wrap {
    vertical-align: top;
}

@media only screen and (max-width: 375px) {
    .search-location-bar.style-3 .right-bar {
        width: 100%;
        float: right;
        clear: both;
        padding-top: 10px;
        white-space: nowrap;
    }

    .search-location-bar.style-3 .right-bar .col-wrap {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }

    .search-location-bar.style-3 .filter-button,
    .search-location-bar.style-3 .search-input-small {
        width: 100%;
        max-width: none;
    }
}

.custom-wffm-form,
.general-form {
    margin: 40px auto 0px;
    max-width: 740px;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

.custom-wffm-form .text-x-small,
.general-form .text-x-small {
    line-height: 1.375;
    color: rgb(158, 158, 158);
    margin: 0px 20px;
}

.custom-wffm-form [class*="col-"] input {
    padding: 0px 20px !important;
}

.general-form .row .form-group:has(.text-danger) {
    padding-bottom: 10px;
}

.page:has(.general-form > #loadblock) #app .general-form .row {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

@media only screen and (max-width: 767px) {
    .container>#app.container>.panel.panel-default>#MainForm.panel-body {
        margin: 120px 16px 0px;
    }

    .row [class*="col-md"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-wffm-form [class*="row"],
    .general-form[class*="row"] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .custom-wffm-form [class*="col-"]:first-child,
    .custom-wffm-form [class*="col-"]:last-child,
    .general-form [class*="col-"]:first-child,
    .general-form [class*="col-"]:last-child {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-wffm-form [class*="col-"],
    .general-form [class*="col-"],
    .general-form[class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-wffm-form [class*="col-"].radio-list:first-child,
    .custom-wffm-form [class*="col-"].radio-list:last-child,
    .general-form [class*="col-"].radio-list:first-child,
    .general-form [class*="col-"].radio-list:last-child {
        padding-left: 0px;
        padding-right: 0px;
    }

    .general-form .form-group,
    .general-form label {
        margin: 0px;
    }

    .custom-wffm-form .form-group {
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .general-form .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
}

@media only screen and (min-width: 768px) {
    .general-form .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .custom-wffm-form .col-md-12.form-group {
        margin-bottom: 10px;
    }

    .custom-wffm-form [class*="row"],
    .general-form[class*="row"] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .custom-wffm-form [class*="col-"]:first-child,
    .general-form [class*="col-"]:first-child {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-wffm-form [class*="col-"],
    .general-form [class*="col-"],
    .general-form[class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-wffm-form [class*="col-"]:last-child,
    .general-form [class*="col-"]:last-child {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-wffm-form [class*="col-"].radio,
    .general-form[class*="col-"].radio {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .custom-wffm-form .form-group [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .general-form [class*="col-"] input {
        padding: 0px 20px;
    }

    .custom-wffm-form [class*="col-"] input {
        padding: 0px 20px !important;
    }

    .custom-wffm-form [class*="col-"] input[type="checkbox"],
    .general-form [class*="col-"] input[type="checkbox"],
    .general-form [class*="col-"] input[type="radio"],
    .option-input.radio {
        padding: 0px !important;
    }

    .custom-wffm-form .radio-list [class*="col-"] {
        padding: 0px;
    }

    .custom-wffm-form .radio-list [class*="col-"]:first-child,
    .general-form .radio-list [class*="col-"]:first-child {
        padding: 0px;
    }

    .custom-wffm-form .radio-list [class*="col-"]:last-child,
    .general-form .radio-list [class*="col-"]:last-child {
        padding: 0px;
    }

    .form-group [class*="col-"],
    .general-form .form-group [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .general-form .fincal-group [class*="col-"]:first-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .general-form .fincal-group [class*="col-"]:last-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .general-form .fincal-group [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .general-form .section-2 .row {
        padding: 10px;
    }
}

@media only screen and (max-width: 767px) {
    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-wffm-form .form-group .row,
    .general-form .form-group .row {
        padding-left: 5px;
        padding-right: 5px;
    }

    .form-group.col-md-4,
    .form-group.col-sm-4,
    .general-form .form-group.col-md-4,
    .general-form .form-group.col-sm-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .custom-wffm-form .form-group,
    .general-form .form-group {
        margin-bottom: 10px;
    }

    .paddingcal [class*="col-"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .custom-wffm-form .form-group .checkbox,
    .general-form .form-group .checkbox {
        margin-bottom: 10px;
        padding: 10px 0px;
    }

    .custom-wffm-form .form-group .checkbox::before,
    .general-form .form-group .checkbox::before {
        top: 0px;
    }
}

.custom-wffm-form .scfRadioButtonListBorder.form-group,
.general-form .scfRadioButtonListBorder.form-group,
.result .result-text strong {
    padding: 0px 5px;
}

.custom-wffm-form .form-group,
.custom-wffm-form fieldset,
.general-form .form-group,
.general-form fieldset {
    clear: none !important;
}

.custom-wffm-form .control-label,
.general-form .control-label {
    display: none;
}

.custom-wffm-form .form-group,
.general-form .form-group {
    margin-bottom: 10px;
}

.custom-wffm-form .form-submit-border,
.general-form .form-submit-border {
    text-align: center;
}

.custom-wffm-form [class*="btn"],
.general-form [class*="btn"] {
    margin: 30px 0px;
}

.custom-wffm-form .form-group .radio label.active,
.general-form .form-group .radio label.active {
    background: rgb(229, 237, 244);
    width: 250px !important;
}

.form-group,
.radio {
    padding: 0px;
    overflow: hidden;
}

.form-group {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    position: relative;
}

.form-group::before {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
    transform: translateY(-50%);
}

.form-group.right-icon::before {
    right: 20px;
    left: auto;
    z-index: -1;
}

.form-group.textarea::before {
    top: 12px;
    transform: none;
}

.form-group[class*="icon-"] .form-control {
    padding-left: 40px !important;
}

.form-group[class*="icon-"] .form-control.hasDatepicker {
    padding-left: 20px !important;
}

.form-group[class*="icon-"].right-icon .form-control {
    padding-left: 20px;
    padding-right: 40px;
    height: 44px;
}

@media only screen and (min-width: 768px) {
    .form-group.col-sm-6 {
        width: 50%;
        padding: 0px 5px;
    }

    .custom-wffm-form .col-md-12.form-group,
    .custom-wffm-form .col-sm-12.form-group,
    .form-group.col-sm-6+.col-sm-6.form-group,
    .general-form .col-md-12.form-group,
    .general-form .col-sm-12.form-group {
        padding: 0px 5px;
    }
}

.fund-price-modlue .form-group.right-icon::before {
    z-index: 1;
}

.radio {
    border: 1px solid rgb(158, 158, 158);
    border-radius: 7px;
    display: table;
    width: 100%;
}

.radio:focus,
.radio:hover {
    border: 1px solid rgb(0, 72, 183) !important;
}

.radio label {
    display: table-cell;
    padding: 0px 10px;
    height: 80px;
    line-height: 1.375;
    vertical-align: middle;
    border-left: 1px solid rgb(158, 158, 158);
    text-align: center;
    width: 250px;
}

@media only screen and (max-width: 767px) {
    .radio label {
        padding: 0px;
    }
}

.radio label input[type="radio"] {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 100%;
}

.radio label>span {
    height: 100%;
    padding: 15px 0px;
}

.radio label span {
    display: block;
    word-break: break-word;
    font: 0.8rem / 1.3 Muli-Bold;
    color: rgb(120, 120, 125);
    letter-spacing: 0.8px;
}

.radio td {
    width: 25%;
}

.radio td:first-child label {
    border-left: none;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.radio td:last-child label {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.radio.none-bgd label.active {
    background: rgb(22, 40, 64);
}

.radio-picker {
    border-radius: 23px;
    display: block;
    width: 100%;
    padding: 0px;
}

.check-area,
.check-item {
    display: flex;
    align-items: center;
}

.check-area {
    justify-content: center;
    flex-wrap: nowrap;
}

.check-item {
    height: 80px;
    background: rgb(255, 255, 255);
    border-right: 1px solid rgb(158, 158, 158);
    border-top: 1px solid rgb(158, 158, 158);
    border-bottom: 1px solid rgb(158, 158, 158);
    text-align: center;
}

.check-item:last-child {
    border-radius: 0px 23px 23px 0px;
}

.check-item:first-child {
    border-left: 1px solid rgb(158, 158, 158);
    border-radius: 23px 0px 0px 23px;
}

.check-item label {
    display: block;
}

.check-item.active {
    background: rgb(229, 237, 244);
}

.form-unit {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 7px;
}

.form-unit .form-control {
    border: 0px;
    padding-right: 5px;
}

.form-unit .input-wrap {
    overflow: hidden;
}

.form-unit .saving-unit {
    float: right;
    line-height: 47px;
    color: rgb(255, 255, 255);
    padding-right: 30px;
    font-size: 23px;
}

#talk-to-us-modal .custom-wffm-form .form-group.icon-email,
#talk-to-us-modal .general-form .form-group.icon-email {
    line-height: 47px;
}

#apply-now-modal .custom-wffm-form .form-group.icon-cash-code .form-control,
#talk-to-us-modal .custom-wffm-form .form-group.icon-email .form-control,
#talk-to-us-modal .general-form .form-group.icon-email .form-control {
    border: 0px;
    padding: 0px;
    border-radius: 0px;
    background: rgb(255, 255, 255);
    margin-top: -4px;
}

#apply-now-modal .custom-wffm-form .form-group.icon-cash-code,
#talk-to-us-modal .custom-wffm-form .form-group.icon-email,
#talk-to-us-modal .general-form .form-group.icon-email {
    border: 1px solid rgb(158, 158, 158);
    padding: 0px 20px 0px 55px;
    height: 47px;
    width: 100%;
    border-radius: 7px;
    background: rgb(255, 255, 255);
    position: relative;
}

.graph {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(202, 202, 202);
    padding: 40px 40px 20px;
    margin: 0px 0px 30px;
}

@media only screen and (min-width: 768px) {
    .graph .text-orange span+span {
        padding-left: 40px;
    }
}

.graph .line-graph {
    height: 300px;
}

.graph canvas {
    margin: 50px 0px 0px;
}

@media only screen and (max-width: 767px) {
    .graph {
        padding: 30px 15px 0px;
    }

    .graph .text-orange {
        padding-top: 20px;
    }

    .graph .text-orange span {
        display: block;
    }

    .graph .text-orange span span {
        display: inline;
    }
}

.custom-video {
    margin: 0px auto;
    height: 490px;
    width: 100%;
    position: relative;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .custom-video {
        height: calc(-16.6667px + 55.5556vw);
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .custom-video {
        height: calc(-22.2222px + 55.5556vw);
        margin-left: 0px;
    }
}

.custom-video .youtube-player {
    position: relative;
    padding-bottom: 55%;
    height: 0px;
    overflow: hidden;
    max-width: 100%;
    background: rgb(0, 0, 0);
}

.custom-video .youtube-player iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0px 0px;
}

.custom-video .youtube-player img {
    inset: 0px;
    display: block;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    border: 0px;
    height: auto;
    cursor: pointer;
}

.custom-video .youtube-player .play,
.custom-video .youtube-player .play:hover {
    color: rgb(255, 255, 255);
    transition: 0.4s;
}

.custom-video .youtube-player .play {
    min-width: 180px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 7px;
    border: 1px solid rgb(255, 255, 255);
    text-align: center;
    background: rgba(0, 0, 0, 0.32);
    cursor: pointer;
}

.custom-video .youtube-player .play:hover {
    background: rgb(0, 72, 183);
    border: 1px solid rgb(0, 72, 183);
}

.custom-video .youtube-player .play span {
    display: block;
    line-height: 47px;
    padding: 0px 50px 0px 20px;
    position: relative;
}

.custom-video .youtube-player .play span::before {
    position: absolute;
    width: 8px;
    height: 10px;
    border-left: 8px solid rgb(255, 255, 255);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: "";
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    .custom-video .youtube-player .play {
        min-width: 210px;
    }

    .custom-video .youtube-player .play span {
        padding: 0px 20px;
    }

    .custom-video .youtube-player .play span::before {
        display: none;
    }
}

[data-slide-thumb] {
    margin-top: 30px;
    padding: 0px 50px 30px;
}

@media only screen and (max-width: 767px) {
    [data-slide-thumb] {
        padding: 0px;
    }

    [data-slide-thumb] .slider.slider-nav {
        display: none;
    }

    [data-slide-thumb] .slick-initialized .item {
        opacity: 0.5;
    }

    [data-slide-thumb] .slick-initialized .item.slick-current {
        opacity: 1;
    }
}

.custom-pdf {
    height: 700px;
    margin-bottom: 30px;
}

.download-preview-file {
    height: 44px;
    font-family: Muli-Bold;
    display: block;
    line-height: 44px;
    background: rgb(230, 238, 244);
    box-shadow: rgba(221, 221, 221, 0.5) 0px 2px 8px 0px;
    margin-bottom: 7px;
    padding: 0px 10px 0px 30px;
    max-width: 100%;
    text-align: left;
}

.download-preview-file .file-download::after,
.download-preview-file .file-preview::after {
    float: right;
    font-size: 36px;
    margin-top: 6px;
    transition: 0.3s;
}

.no-touch.desktop .download-preview-file .file-download:hover::after {
    margin-top: 10px;
}

.no-touch.desktop .download-preview-file .file-preview:hover::after {
    transform: scale(1.05);
}

.comparison-bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 11;
    padding: 15px 0px 10px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.3s;
}

.comparison-bar.active {
    opacity: 1;
    transform: translateY(0px);
}

.comparison-bar .icon-close {
    width: 20px;
    height: 20px;
    top: -8px;
    left: -4px;
    background: rgb(255, 255, 255);
    line-height: 17px;
    font-size: 12px;
    font-weight: 300;
}

.comparison-bar .product-comparing:first-child {
    margin-left: 0px;
    padding-left: 0px;
}

.be-banking .banner-carousel .caption p,
.comparison-bar .product-comparing .text-small {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.comparison-bar .product-comparing+.product-comparing {
    border-left: 1px solid rgb(158, 158, 158);
}

.comparison-bar .btn-primary {
    float: right;
}

@media only screen and (min-width: 992px) {
    .comparison-bar .compare-group {
        float: left;
    }
}

.comparison-bar .error {
    margin-bottom: 16px;
    color: red;
}

@media only screen and (max-width: 991px) {
    .comparison-bar .compare-group {
        padding: 15px 0px;
        border-bottom: 1px solid rgb(158, 158, 158);
        margin-bottom: 15px;
    }

    .comparison-bar .compare-group::after,
    .comparison-bar .compare-group::before {
        display: table;
        content: "";
    }

    .comparison-bar .compare-group::after {
        clear: both;
    }

    .comparison-bar .btn-primary {
        float: none;
        display: block;
        margin: 0px auto;
    }
}

@media only screen and (max-width: 767px) {
    .comparison-bar .compare-group {
        white-space: nowrap;
        overflow-x: auto;
    }

    .comparison-bar .compare-group .product-comparing {
        white-space: normal;
    }

    .comparison-bar .btn-primary {
        width: 100%;
    }
}

.product-comparing {
    display: inline-block;
    width: 30%;
    min-width: 220px;
    margin: 0px 10px;
    padding: 0px 0px 0px 20px;
    position: relative;
}

.product-comparing .thumb {
    height: 50px;
    width: 82px;
    float: left;
    position: relative;
}

.product-comparing .info {
    display: table-cell;
    overflow: hidden;
    vertical-align: top;
    height: 50px;
    padding: 0px 0px 0px 15px;
    max-width: 152px;
}

.ui-slider {
    position: relative;
    text-align: left;
    background: rgb(248, 248, 248);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px 0px inset;
    width: 75%;
    height: 8px;
    border-radius: 170px;
    margin: 0px auto;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden;
    touch-action: none;
    background: rgb(255, 255, 255);
    padding: 2px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
    cursor: pointer;
}

.ui-slider .ui-slider-handle::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgb(0, 40, 80);
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0px;
    background: rgb(0, 40, 80);
    border-radius: 170px;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0px;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0px;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0px;
}

.ui-sortable-handle {
    touch-action: none;
}

.rang-slider {
    padding: 70px 0px;
    width: 834px;
    max-width: 100%;
    margin: 0px auto;
}

.rang-slider .group-range {
    padding: 30px 0px 0px;
    display: table;
    width: 100%;
}

.rang-slider .group-range .range {
    width: 25%;
    display: table-cell;
    font: 0.8rem Muli-Bold;
}

.rang-slider .group-range .range span,
.ui-datepicker td a {
    width: 45%;
    text-align: center;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .rang-slider {
        padding: 0px 0px 30px;
        max-width: none;
        width: 100vw;
        margin: 0px -20px;
    }

    .rang-slider .ui-slider {
        width: 85%;
    }

    .rang-slider .group-range {
        padding-top: 15px;
    }

    .rang-slider .group-range .range span {
        width: 60%;
        font-size: 12px;
    }
}

.ui-datepicker {
    padding: 20px 50px;
    width: 480px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px;
    border: 1px solid rgb(232, 232, 232);
    font-size: 1rem;
    display: none;
    z-index: 100 !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    margin: 15px 0px 30px !important;
}

.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    left: 40px;
}

.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    right: 40px;
}

.ui-datepicker .ui-datepicker-unselectable {
    opacity: 0.3;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0px 2.3em;
    text-align: center;
    color: rgb(0, 51, 153);
    font: 1.46rem Muli-Bold;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0px 0.4em;
}

.ui-datepicker td,
.ui-datepicker th {
    border: 0px;
    width: calc(14.2857%);
    text-align: center;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    font-family: Muli-Bold;
    color: rgb(0, 0, 0);
}

.ui-datepicker td {
    padding: 5px 1px;
    font-size: 1rem;
    height: 50px;
}

.ui-datepicker td span {
    display: block;
    padding: 0.2em;
    text-decoration: none;
}

.ui-datepicker td a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    border-radius: 50% !important;
}

.ui-datepicker td a:hover {
    background: rgb(0, 104, 183);
    color: rgb(255, 255, 255);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.ui-datepicker td.ui-datepicker-today a,
.ui-datepicker td.ui-datepicker-today span {
    font-weight: 100;
    color: rgb(0, 51, 153);
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0px 0px;
    padding: 0px 0.2em;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-state-active {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: rgb(0, 100, 255) !important;
    color: rgb(255, 255, 255) !important;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    width: 32px;
    height: 32px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(232, 232, 232);
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    line-height: 18px !important;
}

.ui-datepicker .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-prev::before {
    display: inline-block;
    position: relative;
    top: 0px;
    line-height: 32px;
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {
    display: none;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 104, 183);
}

.ui-datepicker .ui-datepicker-prev::before {
    transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
    .ui-datepicker {
        padding: 10px;
        width: calc(-40px + 100vw);
    }

    .ui-datepicker .ui-datepicker-title {
        font-size: 1rem;
        line-height: 1.9;
        top: 6px;
        position: relative;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 30px;
        line-height: 18px !important;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 30px;
        line-height: 18px !important;
    }

    .ui-datepicker td {
        font-size: 0.9rem;
    }

    .ui-datepicker td a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .be-banking .icon-search span {
        font: 1rem Muli-Bold;
        color: rgb(43, 43, 43);
        position: absolute;
        left: 62px;
        top: 16px;
    }

    .be-banking.layout-2 .container {
        padding-top: 80px;
    }

    .be-banking #nav {
        width: 100%;
        padding-top: 0px !important;
    }

    .be-banking #header {
        height: 67.5px;
    }
}

.be-banking [class*="btn"].btn-block {
    line-height: 0 !important;
}

.be-banking .btn-default {
    border: 1px solid rgb(203, 173, 111);
    color: rgb(203, 173, 111) !important;
}

.be-banking .breadcrumb .inner-container>ul>li,
.be-banking .btn-default:hover {
    color: rgb(255, 255, 255) !important;
}

.be-banking .banner-carousel .caption p {
    -webkit-line-clamp: 2;
    font: 1.3rem / 1.571rem BangkokBank-Regular;
}

.be-banking .banner-carousel .caption .intro,
.be-banking .main-banner .caption .intro {
    font: 3rem / 2.875rem BangkokBank-Medium;
}

.be-banking.layout-2 #header {
    background: rgba(203, 173, 111, 0);
}

.be-banking .list-thumb-square li:hover,
.be-banking .other-quicklinks a:hover {
    border: 1px solid rgb(222, 190, 124);
    box-shadow: rgba(221, 195, 141, 0.3) 2.77083px 2.77083px 0px !important;
}

.be-banking .other-quicklinks a:hover {
    border: 1px solid rgb(222, 190, 124) !important;
}

.be-banking .slick-dots li button {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204) !important;
}

.be-banking .slick-dots li.slick-active button,
.be-banking [data-carousel-auto-height] .slick-dots li.slick-active button,
.be-banking [data-carousel-product] .slick-dots li.slick-active button,
.be-banking [data-carousel-xs] .slick-dots li.slick-active button,
.be-banking [data-carousel] .slick-dots li.slick-active button {
    position: relative;
    background: rgb(203, 173, 111) !important;
    border: 3px solid rgb(203, 173, 111) !important;
    top: 4px !important;
    left: 4px !important;
}

@media only screen and (min-width: 992px) {
    .be-banking.layout-2 .container {
        padding-top: 120px;
    }
}

.be-banking .line::before,
.be-banking [data-tab] .tab-header a::before,
.be-banking.layout-2 .icon-search[data-search-modal] {
    background: rgb(203, 173, 111);
}

.be-banking [class*="btn-primary"]:not([disabled]) {
    background: rgb(203, 173, 111) !important;
    border: 1px solid rgb(203, 173, 111) !important;
}

.be-banking [class*="btn-primary"]:hover {
    background: rgb(203, 173, 111);
    border: 1px solid rgb(203, 173, 111);
}

.be-banking .btn-login[data-btn-login]:hover,
.be-banking .layout-2 #header .main-header,
.be-banking .layout-2 .btn-login[data-btn-login] {
    background: rgb(203, 173, 111) !important;
}

.be-banking #header .main-header,
.be-banking .btn-login[data-btn-login],
.be-banking .sticky .icon-search[data-search-modal] {
    background: 0px 0px;
}

.be-banking .title-1,
.be-banking [class^="title"] {
    font-family: BangkokBank-Medium;
}

.be-banking .thumb-full .title-1 {
    font-size: 3rem !important;
    line-height: 2.875rem !important;
}

.be-banking .title-3 {
    color: rgb(23, 23, 23);
}

.be-banking .sub-title {
    position: relative;
    top: 10px;
    font-family: BangkokBank-Medium;
}

.be-banking #header .top-header,
.be-banking .breadcrumb,
.be-banking .control-bar {
    background: rgb(124, 117, 97);
}

.be-banking .icon-search[data-search-modal] {
    background: 0px 0px;
}

.be-banking .custom-select:hover,
.be-banking .form-control:focus,
.be-banking .form-control:hover,
.custom-select:focus {
    border: 1px solid rgb(222, 190, 124) !important;
}

.be-banking .form-group input[type="radio"].option-input:checked {
    border: 1px solid rgb(203, 173, 111) !important;
}

.be-banking .form-group input[type="radio"].option-input:checked::before,
.be-banking .option-input:checked::before {
    border: 1px solid rgb(203, 173, 111) !important;
    background: rgb(203, 173, 111) !important;
}

.no-touch.desktop .be-banking #footer a:hover,
.no-touch.desktop .be-banking .breadcrumb .inner-container>ul li a:hover,
.no-touch.desktop .be-banking .language-change:hover span,
.no-touch.desktop .be-banking .language-change:hover::after,
.no-touch.desktop .be-banking .language-selection:hover span,
.no-touch.desktop .be-banking .language-selection:hover::after,
.no-touch.desktop .be-banking .main-nav li.has-sub .link-sub:hover {
    color: rgb(222, 190, 124);
}

.no-touch.desktop .be-banking .main-nav li.has-sub .link-sub:active {
    color: rgb(203, 173, 111);
}

.no-touch.desktop .be-banking .icon-search {
    background: 0px 0px;
    color: rgb(255, 255, 255) !important;
}

.no-touch.desktop .be-banking .icon-search:hover {
    background: rgb(222, 190, 124) !important;
    color: rgb(255, 255, 255) !important;
}

.no-touch.desktop .be-banking .icon-search:active {
    background: rgb(222, 190, 124) !important;
}

.no-touch.desktop .be-banking #online-banking .top-links>li>a:hover,
.no-touch.desktop .be-banking .custom-links .all-links a:hover {
    color: rgb(223, 190, 124);
}

.no-touch.desktop .be-banking #footer a:active,
.no-touch.desktop .be-banking #online-banking .top-links>li>a:active,
.no-touch.desktop .be-banking .breadcrumb .inner-container>ul li a:active,
.no-touch.desktop .be-banking .custom-links .all-links a:active,
.no-touch.desktop .be-banking .language-change:active span,
.no-touch.desktop .be-banking .language-change:active::after,
.no-touch.desktop .be-banking .language-selection:active span,
.no-touch.desktop .be-banking .language-selection:active::after {
    color: rgb(203, 173, 111);
}

.no-touch.desktop .be-banking .link-primary:hover {
    color: rgb(223, 190, 124) !important;
}

.no-touch.desktop .be-banking .link-primary:active,
.no-touch.desktop .be-banking .link-text:active {
    color: rgb(203, 173, 111) !important;
}

.no-touch.desktop .be-banking .btn-default {
    color: rgb(203, 173, 111);
    border-color: rgb(203, 173, 111);
    background: rgb(255, 255, 255);
}

.no-touch.desktop .be-banking .btn-default:not(.disabled):hover {
    border-color: rgb(223, 190, 124);
    background: rgb(223, 190, 124);
}

.no-touch.desktop .be-banking .btn-default:not(.disabled):active {
    border-color: rgb(223, 190, 124);
    background: rgb(203, 173, 111);
}

.no-touch.desktop .be-banking [class*="btn-primary"]:not([disabled]):hover {
    background: rgb(223, 190, 124) !important;
    border: 1px solid rgb(223, 190, 124) !important;
}

.no-touch.desktop .be-banking [class*="btn-primary"]:not([disabled]):active {
    background: rgb(203, 173, 111);
    border: 1px solid rgb(203, 173, 111) !important;
}

.no-touch.desktop .be-banking a.thumb-default:hover {
    box-shadow: none;
}

.be-banking #footer .list-dash li,
.be-banking #footer .list-dash li a,
.be-banking .language-change span {
    color: rgb(255, 255, 255);
}

.be-banking #header.sticky .main-header {
    transition: background 0.3s;
    background: rgb(203, 173, 111) !important;
    box-shadow: rgb(203, 173, 111) 0px 1px 0px !important;
}

.be-banking #header .top-header .top-links a:hover {
    color: rgb(222, 190, 124);
}

.be-banking #header .top-header .top-links a:active,
.be-banking [data-accordion] .accordion-control li .icon-print:active,
.be-banking [data-accordion] .accordion-control li .icon-print:hover {
    color: rgb(203, 173, 111);
}

@media only screen and (min-width: 992px) {
    .be-banking .banner-carousel {
        overflow: hidden;
    }

    .be-banking .layout-2 .btn-login[data-btn-login],
    .be-banking .sticky .btn-login[data-btn-login] {
        border-color: rgb(255, 255, 255);
        background: rgb(203, 173, 111) !important;
    }

    .be-banking .layout-2 .btn-login[data-btn-login]:hover,
    .be-banking .sticky .btn-login[data-btn-login]:hover {
        border-color: rgb(255, 255, 255);
        background: rgb(222, 190, 124) !important;
    }

    .be-banking .item [data-level-1] a:hover {
        color: rgb(222, 190, 124);
    }

    .be-banking .item [data-level-1] a:active {
        color: rgb(203, 173, 111);
    }
}

.be-banking .main-banner {
    height: 600px;
    position: relative;
}

.be-banking .main-banner .intro {
    transform: none;
    opacity: 1;
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .be-banking .main-banner {
        height: calc(50vw);
    }

    .be-banking .main-banner .intro {
        margin-bottom: 0px;
    }
}

.be-banking .bgd-dark-grey .products,
.be-banking .bgd-dark-grey .slick-next,
.be-banking .bgd-dark-grey .slick-prev {
    background: rgb(239, 238, 235);
}

.be-banking [data-accordion] .accordion-control li .expand-items:hover {
    color: rgb(222, 190, 124);
}

.be-banking [data-accordion] .accordion-control li .expand-items:active {
    color: rgb(203, 173, 111);
}

.no-touch.desktop .be-banking [data-tab] .tab-header a:hover {
    color: rgb(222, 190, 124) !important;
}

.be-banking #footer {
    background: url("/k393_th_points_bangkokbank_index/resources/144840d5b49ffd7e2299e9ea24fb78a2.jpeg");
}

.be-banking .footer-bot {
    border-color: rgba(255, 255, 255, 0.5);
}

.be-banking #nav .nav-title a,
.be-banking .link-primary,
.be-banking [data-tab] .tab-header a.active {
    color: rgb(203, 173, 111) !important;
}

.be-banking .link-primary::after {
    display: none;
}

.be-banking .leavePage-conntent .btn-default {
    color: rgb(203, 173, 111);
    border: 1px solid rgb(203, 173, 111);
}

@media only screen and (max-width: 991px) {
    .be-banking [class*="btn-primary btn-login"]:not([disabled]) {
        background: 0px 0px !important;
        border: 0px solid transparent !important;
    }

    .be-banking.layout-2 .icon-search[data-search-modal] {
        background: 0px 0px !important;
        border: 0px solid transparent !important;
    }

    .be-banking .language-change span {
        color: rgb(0, 0, 0);
    }

    .be-banking .group-link {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .be-banking .group-link .list-links {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .be-banking .banner-carousel .caption .intro,
    .be-banking .mobile-tools .title-1,
    .be-banking .thumb-full .title-1,
    .be-banking .title-1 {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    .be-banking .mega-menu .info [data-level-1] {
        margin: 0px;
        padding: 0px;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .be-banking .mobile-banner .mobile-sub-title {
        font-family: BangkokBank-Medium;
    }

    .be-banking .mobile-banner .mobile-intro {
        font-family: BangkokBank-Medium !important;
    }
}

.be-banking .breadcrumb .inner-container>ul>li:last-child::after {
    background: rgb(255, 255, 255);
}

.be-banking .modal {
    border-top-color: rgb(203, 173, 111);
}

.be-banking .thumb-default .button-group a {
    max-width: 100%;
    padding: 0px;
}

.be-banking .thumb-default .button-group a.btn-primary.btn-block {
    max-width: 100%;
    padding: 12px;
}

.be-banking .thumb-default.no-shadow .caption {
    padding: 20px;
}

.be-banking [class*="thumb-"].no-shadow {
    border: 0px !important;
}

@media only screen and (min-width: 992px) {
    .be-banking .thumb-default.card .inner {
        padding: 10px 15px 0px;
    }

    .be-banking .thumb-default.card .inner .thumb {
        background-size: 100% 100%;
        background-position: center center;
    }

    .be-banking .thumb-default.card .caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .be-banking .thumb-default.card .button-group {
        padding-left: 15px;
    }
}

.be-banking .thumb-default.events .button-group a {
    max-width: none;
}

.be-banking.menu-opening #header .main-header {
    background: rgb(203, 173, 111);
}

.be-banking.menu-opening #header .main-header>.inner-container .icon-search {
    background-image: initial;
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(203, 173, 111) !important;
}

.be-banking #nav {
    padding-top: 7px;
}

.be-banking .mega-menu .quick-links a:hover {
    color: rgb(222, 190, 124);
}

.be-banking #online-banking .top-links>li>a.active,
.be-banking #online-banking .top-links>li>a:active,
.be-banking .download-file::after,
.be-banking .mega-menu .quick-links a:active {
    color: rgb(203, 173, 111);
}

.be-banking .logo-be {
    margin: 50px 0px 15px;
    width: 190px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .be-banking .logo-be {
        width: 38vw;
        max-width: 160px;
    }
}

.be-banking .download-file {
    background: rgb(255, 255, 255);
}

.be-banking .social-share {
    border-color: rgb(255, 255, 255);
}

.be-banking .social-share.active {
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    height: 43px;
    overflow: hidden;
}

.be-banking .social-share .icon-x {
    color: rgb(255, 255, 255);
}

.be-banking .social-share .icon-share {
    background-image: url("/k393_th_points_bangkokbank_index/resources/bc89a9bb370d82a9f65c7bbd0aeb9635.svg");
}

.be-banking .social-share .icon-facebook {
    background-image: url("/k393_th_points_bangkokbank_index/resources/5e4391b12a587ee6862dd3529cfffcda.svg");
}

.be-banking .social-share .icon-twitter {
    background-image: url("/k393_th_points_bangkokbank_index/resources/b1fe15940aefc9ea499af1e9f56c78b8.svg");
}

.be-banking .social-share .icon-line {
    background-image: url("/k393_th_points_bangkokbank_index/resources/ebf8f6d80dd4786a9cf89698c585c8d8.svg");
}

.be-banking .social-share .icon-x {
    background-image: url("/k393_th_points_bangkokbank_index/resources/48a223a2357ff3cdaa15d98fc3bacc18.svg");
}

.be-banking .button-group a.sub-title-medium.link-primary p.link-text {
    font-size: 0.8rem;
    line-height: 1.4;
    padding-right: 15px;
    left: 20px;
    bottom: 15px;
    color: rgb(203, 173, 111) !important;
    position: absolute !important;
}

.be-banking .button-group a.sub-title-medium.link-primary p.link-text::after {
    position: absolute;
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    transition: 0.3s;
    color: rgb(203, 173, 111) !important;
}

.be-banking .page:has(.container > .control-bar):not(.page:has(.container > .banner)):not(.page:has(.container > .banner-carousel)) #header:not(.sticky) .icon-search[data-search-modal],
.be-banking .page:has(.container > .control-bar):not(.page:has(.container > .banner)):not(.page:has(.container > .banner-carousel)) #header:not(.sticky) .main-header {
    background: rgb(124, 117, 97) !important;
    box-shadow: rgb(124, 117, 97) 0px 1px 0px !important;
}

.catalogue-select {
    width: 250px;
    color: rgb(255, 255, 255);
    height: 47px;
    text-align: left;
    float: left;
    font-family: Muli-Bold;
    padding: 0px 30px;
    border-radius: 7px;
    border: 1px solid rgb(145, 157, 171);
    position: relative;
    cursor: pointer;
}

.catalogue-select span {
    line-height: 47px;
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.catalogue-select span.selected {
    font-size: 0.8rem;
}

.catalogue-select li.has-children::after,
.catalogue-select::after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    font: 6px icomoon !important;
}

.catalogue-select li {
    position: relative;
    line-height: 47px;
    padding: 0px 20px;
    color: rgb(0, 0, 0);
    font-size: 1rem;
}

.catalogue-select li.has-children::after {
    content: "";
    top: 24px;
    right: 15px;
    font: 10px icomoon !important;
}

.catalogue-select li.has-children.selected .sub-cate,
.catalogue-select li.has-children:hover .sub-cate {
    display: block;
}

.catalogue-select li.has-children .sub-cate {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(233, 233, 233);
    border-radius: 0px 0px 8px 8px;
    position: absolute;
    top: 0px;
    right: -100%;
    width: 100%;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px;
}

.catalogue-select li.has-children .sub-cate.left {
    right: auto;
    left: -100%;
}

.catalogue-select li input {
    position: absolute;
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.catalogue-select li input:checked+span {
    color: rgb(0, 51, 153);
}

.catalogue-select li input:hover+span,
.modal-filter .filter-detail li.has-children>span.active {
    color: rgb(0, 51, 153);
}

.catalogue-select li span {
    display: block;
    padding: 0px 25px 0px 0px;
    color: rgb(0, 0, 0);
}

.drop-down-list {
    padding-bottom: 1px;
    margin-top: 11px;
    border-radius: 0px 0px 8px 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px;
    border: 1px solid rgb(232, 232, 232);
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
}

.filter-button {
    width: 70vw;
    max-width: 380px;
    color: rgb(255, 255, 255);
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    font-family: Muli-Bold;
    padding: 0px 30px;
    border-radius: 7px;
    border: 1px solid rgb(145, 157, 171);
    position: relative;
    cursor: pointer;
    float: right;
}

.modal-filter {
    padding: 10px;
    border: 0px;
    background: rgb(23, 23, 23);
}

.modal-filter .modal-header {
    background: rgb(35, 58, 88);
    padding: 20px 0px;
    text-align: center;
    position: relative;
}

.modal-filter .modal-header .modal-title {
    font: 0.8rem Muli-Bold;
    color: rgb(255, 255, 255);
}

.modal-filter .icon-close {
    color: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.4);
    border: 0px;
    line-height: 35px;
    font-size: 23px;
    font-weight: 100;
    top: 50%;
    transform: translateY(-50%);
}

.modal-filter .modal-body {
    background: rgb(255, 255, 255);
    margin: 0px;
    padding: 0px;
}

.modal-filter .filter-item .subject {
    background: rgb(249, 249, 249);
    padding: 25px 20px;
    color: rgb(120, 120, 125);
    border-bottom: 1px solid rgb(233, 233, 233);
    border-top: 1px solid rgb(233, 233, 233);
}

.modal-filter .filter-detail {
    font-family: Muli-Bold;
}

.modal-filter .filter-detail li {
    position: relative;
    text-align: left;
}

.modal-filter .filter-detail li .sub-cate li span {
    padding: 15px 35px;
}

.modal-filter .filter-detail li.has-children>span {
    border-bottom: 1px solid rgb(233, 233, 233);
    padding: 15px 0px;
    margin: 0px 20px;
}

.modal-filter .filter-detail li.has-children>span::before {
    content: "";
    position: absolute;
    right: 20px;
    width: 8px;
    height: 8px;
    top: 18px;
    border-right: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
    transform: rotate(45deg);
}

.modal-filter .filter-detail input {
    opacity: 0;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 2;
    left: 0px;
    right: 0px;
    margin: 0px;
}

.modal-filter .filter-detail span {
    padding: 15px 20px;
    display: block;
    color: rgb(0, 0, 0);
}

.modal-filter .filter-detail input:checked+span {
    background: rgb(229, 237, 244);
}

.download-link a::before,
.modal-filter .sub-cate {
    display: none;
}

.modal-filter .button-group {
    background: rgb(249, 249, 249);
    padding: 20px;
    color: rgb(120, 120, 125);
    border-top: 1px solid rgb(233, 233, 233);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-filter .button-group [class*="btn"] {
        width: 48%;
        margin: 0px;
    }

    .modal-filter .button-group [class*="btn"]:first-child {
        float: left;
    }

    .modal-filter .button-group [class*="btn"]+[class*="btn"] {
        float: right;
    }
}

@media only screen and (max-width: 767px) {
    .modal-filter .button-group [class*="btn"] {
        display: block;
        width: 100%;
    }
}

.stock-price {
    height: auto;
    box-shadow: none;
    margin-bottom: 30px;
    min-height: auto;
}

.stock-price .tab-header li {
    width: 50%;
}

.stock-price .currency-list {
    padding: 0px;
}

.stock-price .default-wrap {
    text-align: left;
    padding: 15px 0px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.stock-price .default-wrap .text-small {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {
    .stock-price {
        background: 0px 0px;
        padding: 0px;
    }

    .stock-price .tab-header {
        padding: 0px;
        border: 0px;
    }

    .stock-price .tab-header li {
        background: rgb(35, 58, 88);
        padding: 0px 30px;
        width: calc(50% - 15px);
    }

    .stock-price .tab-header li:last-child {
        float: right;
        text-align: left;
    }

    .stock-price .tab-header li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 20px 0px;
        display: block;
        cursor: default;
        text-shadow: none !important;
    }

    .stock-price .tab-header li a::before {
        content: none;
    }

    .stock-price [data-tab-content] .inner {
        display: block;
        background: rgb(35, 58, 88);
        float: left;
        width: calc(50% - 15px);
        padding: 20px 30px 30px;
    }

    .stock-price [data-tab-content] .inner:last-child {
        float: right;
    }

    .stock-price [data-tab-content] .inner th {
        padding: 0px;
    }
}

.announcement {
    background: rgb(255, 255, 255);
    padding: 30px 80px 40px;
    position: relative;
    box-shadow: rgba(221, 221, 221, 0.5) 0px 2px 8px 0px;
}

.announcement img {
    position: absolute;
    left: 15px;
}

@media only screen and (max-width: 767px) {
    .announcement {
        padding-right: 30px;
    }
}

.country-list {
    padding: 15px 20px;
    border: 1px solid rgb(202, 202, 202);
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
    .country-list {
        padding: 10px 0px;
    }
}

.country-list [class*="col-"] {
    padding: 15px;
}

.country-list .country-list-item {
    display: table;
}

.country-list .country-list-item img,
.country-list .country-list-item span {
    display: table-cell;
    vertical-align: middle;
}

.country-list .country-list-item span {
    padding-left: 15px;
    line-height: 19px;
    display: none;
}

.country-list .country-list-item span.hidden-xs {
    display: table-cell;
}

@media only screen and (max-width: 767px) {
    .country-list .country-list-item span {
        display: table-cell;
    }
}

.country-list .country-list-item img {
    min-width: 19px;
    border-radius: 50%;
}

.update-flex-list .item ul::after,
.update-flex-list .item ul::before,
.update-flex-list::after,
.update-flex-list::before {
    display: table;
    content: "";
}

.update-flex-list .item ul::after,
.update-flex-list::after {
    clear: both;
}

.update-flex-list .item {
    margin-right: 10px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .update-flex-list .item {
        float: left;
    }
}

.update-flex-list .item span {
    line-height: 44px !important;
    font-family: Muli-Bold;
}

@media only screen and (max-width: 767px) {
    .update-flex-list .item {
        width: 100%;
        margin-right: 0px;
    }

    .update-flex-list .item>span {
        line-height: 1.375;
        margin-bottom: 10px;
    }
}

.update-flex-list .item ul {
    float: left;
}

@media only screen and (max-width: 767px) {
    .update-flex-list .item ul {
        float: none;
    }
}

.update-flex-list .item ul li {
    float: left;
    margin-right: 10px;
}

.update-flex-list .item ul li:last-child {
    margin-right: 0px;
}

.update-flex-list .item ul li .ui-selectmenu-button,
.update-flex-list .item ul li select.form-control {
    padding: 0px 30px 0px 20px;
    height: 44px;
}

.update-flex-list .item ul li label {
    line-height: 47px;
    margin-right: 10px;
    cursor: default;
}

.update-flex-list .item ul li .form-group,
.update-flex-list .item ul li label {
    display: inline-block;
    vertical-align: top;
}

.update-flex-list .item ul li input {
    width: 160px;
    float: left;
    background: 0px 0px;
}

@media only screen and (max-width: 767px) {
    .update-flex-list .item ul li {
        width: 50%;
        float: left;
        margin-bottom: 10px;
        margin-right: 0px;
        padding-right: 10px;
    }

    .update-flex-list .item ul li:last-child {
        padding-right: 0px;
    }

    .update-flex-list .item ul li .form-group {
        display: block;
    }

    .update-flex-list .item ul li input {
        width: 100%;
    }

    .update-flex-list .item ul li label {
        width: 100%;
        float: none;
        line-height: 1.375;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .update-flex-list .item ul li {
        width: 100%;
        padding-right: 0px;
    }
}

.update-flex-list .item .btn-refresh {
    float: left;
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {

    .update-flex-list .item #filter-graph,
    .update-flex-list .item #get-fxrates {
        width: 100%;
    }

    .update-flex-list.date-time-exchange .item ul li:nth-child(3) {
        width: 100%;
    }
}

.download-link::after,
.download-link::before {
    display: table;
    content: "";
}

.download-link::after {
    clear: both;
}

.download-link li {
    float: right;
    margin-left: 14px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
    .download-link li {
        margin-right: 15px;
        margin-left: 0px;
    }
}

.download-link a {
    font-family: Muli-Bold;
    display: block;
    color: rgb(120, 120, 125);
    padding-right: 30px;
}

.download-link a.icon-print::after {
    position: absolute;
    right: 0px;
    font-size: 18px;
}

.download-link a.icon-download::after {
    position: absolute;
    right: 0px;
    top: -1px;
    font-size: 30px;
}

.download-link a,
.dynamic-select {
    position: relative;
}

.dynamic-select::after,
.map-small #map-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.dynamic-select::after {
    content: "";
    font-size: 6px;
    color: rgb(0, 0, 0);
    right: 20px;
}

[data-tab] .financial-plan {
    text-align: center;
    padding-bottom: 40px;
    white-space: nowrap;
    overflow-x: auto;
}

[data-tab] .financial-plan li {
    margin-right: 6%;
}

@media only screen and (max-width: 991px) {
    [data-tab] .financial-plan li {
        margin-right: 5%;
    }
}

[data-tab] .financial-plan a {
    text-align: center;
    font-family: Muli-Bold;
}

#locate-us #map-filter .filter-list li.active,
#locate-us #map-filter .filter-list li:hover,
[data-tab] .financial-plan a::before {
    background: rgb(255, 255, 255);
}

#locate-us #map-filter .filter-list li img,
[data-tab] .financial-plan a .visual-img {
    display: block;
}

[data-tab] .financial-plan a img {
    opacity: 0.5;
}

[data-tab] .financial-plan a .text {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    margin-top: 20px;
}

.result,
[data-tab] .financial-plan a.active .text {
    color: rgb(255, 255, 255);
}

.result {
    background: rgb(86, 94, 106);
    padding: 30px 10px;
    overflow: hidden;
    text-align: center;
}

.result .inner {
    margin: 0px auto;
    max-width: 600px;
}

.result .result-text {
    font-size: 1.533rem;
    line-height: 1.375;
    padding: 0px 0px 25px;
}

.locate-us-module,
.thumb-location {
    position: relative;
}

.search-location-bar .btn-toogle-view {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgb(255, 255, 255);
    padding: 0px;
    width: 47px;
    height: 47px;
    font-size: 0px;
    border-radius: 50%;
    background: url("/k393_th_points_bangkokbank_index/resources/9d7edd956dad2a3df90367c4ad0879d4.svg") center center no-repeat;
}

.search-location-bar .btn-toogle-view:hover {
    border-color: rgb(255, 255, 255);
}

.search-location-bar .btn-toogle-view.map-view {
    background-image: url("/k393_th_points_bangkokbank_index/resources/64cd7a01a5c098f51d104d4a84889e5a.svg");
}

.search-location-bar .search-input-small .icon-search {
    padding: 0px 10px;
    right: 5px;
    cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1159px) {
    .search-location-bar .search-input-small {
        width: 230px;
    }

    .quick-news .slick-dots {
        text-align: left;
        bottom: -16px !important;
    }

    .quick-news a.link-primary.white {
        bottom: -14px !important;
    }
}

@media only screen and (max-width: 991px) {
    .search-location-bar .search-input-small {
        width: 200px;
    }

    .search-location-bar .ui-selectmenu-button {
        width: 160px;
    }
}

@media only screen and (max-width: 375px) {
    .search-location-bar .search-input-small {
        width: 170px;
    }
}

@media only screen and (max-width: 991px) {
    .search-location-bar .filter-bar {
        clear: none;
        width: auto;
        padding-top: 0px;
    }

    .search-location-bar .col-wrap {
        display: inline-block;
        margin-right: 10px;
        padding-bottom: 0px;
    }
}

.location-tabs .tab-header {
    text-align: center;
    padding-bottom: 4rem;
}

.location-tabs .tab-header li {
    margin-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1159px) {
    .location-tabs .tab-header li {
        margin-right: 18px;
    }
}

@media only screen and (max-width: 991px) {
    .location-tabs .tab-header li {
        margin-right: 8px;
    }

    .location-tabs .tab-header li a {
        font-size: 12px;
    }
}

.thumb-location {
    background: rgb(255, 255, 255);
    padding: 20px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
    margin-bottom: 30px;
    overflow-wrap: break-word;
}

.thumb-location .sub-info {
    margin-top: 25px;
}

.thumb-location .sub-info .pointer-icon {
    cursor: pointer;
}

.thumb-location .service-icons img.disable {
    opacity: 0.2;
}

.thumb-location .btn-primary {
    width: 100%;
}

#canvas-map2 {
    height: 490px;
}

#locate-us,
.map-small {
    position: relative;
}

.map-small #map-info {
    width: 270px;
    padding: 30px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;
    right: 40px;
}

#list-view.hide-list {
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
}

input[type="checkbox"],
input[type="checkbox"]:checked::before {
    background: rgb(0, 64, 255);
    accent-color: rgb(0, 64, 255);
    border-radius: 4px;
    appearance: auto !important;
}

input[type="checkbox"]:disabled {
    border-radius: 4px;
    appearance: auto !important;
}

input[type="checkbox"]:hover {
    border-color: rgb(0, 64, 255);
}

#locate-us.hide-map {
    position: absolute;
    height: 600px;
    left: -100%;
    top: 0px;
    width: 100%;
}

#locate-us #canvas-map {
    height: 600px;
}

#locate-us #canvas-map .gm-style>div:first-child> :nth-child(4)>div>div>div {
    background: 0px 0px !important;
}

#locate-us #canvas-map .gm-style>div:first-child> :nth-child(4)>div>div>div:nth-child(3) {
    right: auto !important;
    top: 25px !important;
    left: 310px !important;
}

#locate-us #canvas-map .gm-style>div:first-child> :nth-child(4)>div>div>div>div {
    background: 0px 0px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    border: 0px !important;
    max-width: 340px !important;
}

#locate-us #canvas-map .gm-style>div:first-child> :nth-child(4)>div>div>div>div>div {
    overflow: visible !important;
}

#locate-us #canvas-map .wrap-info-window::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgb(255, 255, 255);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -11px;
}

#locate-us #canvas-map .map-info-window {
    height: 300px;
    padding: 20px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;
    margin: 10px;
    background: rgb(255, 255, 255) !important;
}

#locate-us #canvas-map .map-info-window .thumb-location {
    padding: 10px 5px 10px 30px;
    margin-bottom: 0px;
    box-shadow: none;
}

#locate-us #canvas-map .gm-style-iw {
    height: 320px;
    width: 340px !important;
    overflow: visible !important;
    left: 0px !important;
    margin-top: 0px !important;
}

#locate-us #canvas-map .mCSB_scrollTools {
    right: 5px;
}

#locate-us #canvas-map .mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 10px;
    top: 10px;
}

#locate-us #map-filter .filter-list {
    min-width: 250px;
    background: rgb(245, 245, 245);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

#locate-us #map-filter .filter-list li {
    color: rgb(0, 100, 255);
    padding: 0px 20px;
    transform: translateZ(0px);
    cursor: pointer;
    margin-top: 1px;
    position: relative;
    white-space: nowrap;
}

#locate-us #map-filter .filter-list li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
}

#locate-us #map-filter .filter-list li span:first-child {
    width: 45px;
    margin-right: 5px;
}

#locate-us #map-filter .filter-list li.active::after {
    content: "";
    speak: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(0, 51, 153);
    font: 8px / 1 icomoon !important;
}

#market-daily-reports .row,
.property-filter-bar .row {
    margin-left: -10px;
    margin-right: -10px;
}

.property-filter-bar [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .property-filter-bar [class*="col-"] {
        margin-bottom: 10px;
    }
}

.property-filter-bar .cust-select::after {
    right: 15px;
}

.social-share,
.social-share.active {
    border: 1px solid rgb(0, 100, 255);
    height: 43px;
    overflow: hidden;
}

.social-share {
    float: right;
    border-radius: 50%;
}

.social-share.active {
    border-radius: 10px;
}

.social-share .icon-share {
    background: url("/k393_th_points_bangkokbank_index/resources/56acd59e07292376f5c5116b56e4fddd.svg") 0% 0% / 40px no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    position: relative;
    z-index: 2;
    right: -2px;
}

.social-share .icon-x {
    color: rgb(0, 51, 153);
    width: 30px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    margin-right: 10px;
    float: right;
}

.social-share .share-icons {
    white-space: nowrap;
    max-width: 0px;
    opacity: 0;
    transition: 0.3s;
}

.social-share .share-icons ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.social-share .share-icons li {
    display: inline-block;
}

.social-share .share-icons li a,
.social-share a.icon-x {
    width: 35px;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    line-height: 38px;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
}

.no-touch.desktop .social-share .share-icons a:hover {
    opacity: 0.9;
}

.social-share .icon-facebook {
    background-image: url("/k393_th_points_bangkokbank_index/resources/931982d4bf1cbdea827cc74791ab7d06.svg");
}

.social-share .icon-twitter {
    background-image: url("/k393_th_points_bangkokbank_index/resources/bb16c925d6c203756f9c097f60788338.svg");
}

.social-share .icon-line {
    background-image: url("/k393_th_points_bangkokbank_index/resources/705303b838ea47cb825129769b07573c.svg");
}

.social-share .icon-x {
    background-image: url("/k393_th_points_bangkokbank_index/resources/84d172d70c9f256c8add9e0b25002c25.svg");
}

.social-share.active .icon-share {
    opacity: 0;
    width: 0px;
}

.social-share.active .share-icons {
    opacity: 1;
    position: relative;
    z-index: 3;
    max-width: 200px;
}

@media only screen and (max-width: 767px) {
    .social-share {
        float: left;
    }

    .social-share .icon-x {
        float: left;
        margin: 0px 0px 0px 10px;
    }

    .social-share .share-icons ul {
        margin: 0px 10px 0px 0px;
    }
}

.property-select {
    width: 100%;
    height: 47px;
    text-align: left;
    font-family: Muli-Bold;
    padding: 0px;
    border-radius: 7px;
    border: 1px solid rgb(145, 157, 171);
    position: relative;
    cursor: pointer;
}

.property-select .ui-selectmenu-button,
.property-select select.form-control {
    padding: 0px 30px 0px 20px;
}

.property-select span.selected {
    font-size: 0.8rem;
}

.property-select span.num {
    color: rgb(0, 32, 135);
}

.property-select [data-label] {
    padding-left: 50px;
    cursor: pointer;
}

.property-select [data-label],
.property-select span[data-display] {
    line-height: 47px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    padding: 0px 30px 0px 20px;
    position: relative;
    z-index: 2;
    border-radius: 7px;
}

.property-select [data-label]::before {
    content: "";
    left: 15px;
    width: 25px;
    height: 25px;
    border: 1px solid rgb(107, 107, 107);
    border-radius: 50%;
}

.property-select [data-label]::after,
.property-select [data-label]::before,
.property-select::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.property-select [data-label].selected::after,
.property-select [data-label]::after {
    transition: 0.3s;
}

.property-select [data-label]::after {
    content: "";
    width: 11px;
    height: 9px;
    left: 22px;
    opacity: 0;
    background: url("../images/icons/icon-checked.svg") center center no-repeat;
}

.property-select [data-label].selected::after {
    opacity: 1;
}

.property-select::after {
    z-index: 1;
    right: 15px;
    content: "";
}

.property-select .drop-down-list {
    min-width: 260px;
    z-index: 11;
    top: 100%;
}

.property-select.select-more .drop-down-list {
    min-width: 450px;
    padding: 30px;
    left: auto;
}

.property-select.select-more .drop-down-list .row {
    margin-left: 0px;
    margin-right: 0px;
}

.property-select.select-more .drop-down-list [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.property-select .custom-select,
.property-select .form-control,
.property-select .form-control:not([readonly]):valid {
    border: 1px solid rgb(158, 158, 158);
    color: rgb(0, 0, 0);
    max-width: 100%;
}

.control-bar .property-select span {
    color: rgb(255, 255, 255);
}

#market-daily-reports .percent::after {
    content: "%";
}

#market-daily-reports .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

#market-daily-reports .row [class*="col-"] .table-primary td,
#market-daily-reports .row [class*="col-"] .table-primary th {
    padding: 15px 10px;
}

#market-daily-reports table td,
#market-daily-reports table th {
    font-size: 14px;
}

.alert-cookie {
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 10;
}

@media only screen and (max-width: 767px) {
    .alert-cookie {
        bottom: 0px;
    }
}

.alert-cookie .alert-content {
    padding: 10px;
    border-radius: 0px;
    background: rgba(220, 220, 220, 0.96);
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 8px 0px inset;
    text-align: center;
}

.alert-cookie .alert-content a {
    color: rgb(0, 51, 153);
    font-weight: 100;
}

.alert-cookie .alert-content .text-small {
    font: 0.8rem / 1.5rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
}

.alert-cookie .alert-content .alert-agree,
.alert-cookie .alert-content .alert-agree:hover {
    margin: 0px 20px;
    color: rgb(255, 255, 255);
    min-width: 130px;
    font-size: 1rem;
    cursor: pointer;
}

#fund-price-detail #graph-data-table.table-primary.text-center td:nth-child(n+2),
#fund-price-detail #graph-data-table.table-primary.text-center th:nth-child(n+2) {
    text-align: right !important;
}

#fund-price-detail #graph-data-table.table-primary.text-center td:first-child,
#fund-price-detail #graph-data-table.table-primary.text-center th:first-child {
    text-align: left !important;
}

@media print {

    body,
    html {
        width: 1024px;
        overflow: hidden;
    }

    body {
        margin: 0px;
        background: 0px 0px;
        box-shadow: none;
        text-shadow: none;
        font: 15px BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    }

    fieldset,
    img {
        border: 0px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.8em;
        -webkit-font-smoothing: subpixel-antialiased;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.6em;
    }

    h3,
    h4,
    h5,
    h6 {
        font-size: 1.4em;
    }

    h4,
    h5,
    h6 {
        font-size: 1.2em;
    }

    h5,
    h6 {
        font-size: 1em;
    }

    h6 {
        font-size: 0.9em;
    }

    *,
    p {
        margin: 0px;
        padding: 0px;
    }

    .download-link li,
    ol,
    ul {
        list-style-type: none;
    }

    dt {
        font-weight: 100;
    }

    a,
    a:visited {
        color: rgb(0, 0, 0);
        text-decoration: none;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    input,
    select,
    textarea {
        border: 1px solid rgb(0, 0, 0);
        appearance: auto;
    }

    input {
        padding: 1px 0px;
    }

    select {
        margin: 0px;
        padding: 0px;
        background: rgb(255, 255, 255);
        line-height: normal;
    }

    img {
        max-width: 100%;
    }

    .row,
    blockquote,
    img,
    pre,
    tr {
        break-inside: avoid;
    }

    div {
        text-align: left;
    }

    caption {
        display: none;
    }

    table {
        border-spacing: 0px;
        border-collapse: collapse;
        min-width: auto !important;
        border: 1px solid rgb(0, 0, 0) !important;
    }

    table td,
    table th {
        padding: 4px;
        background: rgb(0, 0, 0);
        text-align: left;
        border: 1px solid rgb(0, 0, 0);
        height: 20px !important;
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.6667%;
    }

    .col-md-10 {
        width: 83.3333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.6667%;
    }

    .col-md-7 {
        width: 58.3333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.6667%;
    }

    .col-md-4 {
        width: 33.3333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.6667%;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.6667%;
    }

    .col-md-pull-10 {
        right: 83.3333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.6667%;
    }

    .col-md-pull-7 {
        right: 58.3333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.6667%;
    }

    .col-md-pull-4 {
        right: 33.3333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.6667%;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.6667%;
    }

    .col-md-push-10 {
        left: 83.3333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.6667%;
    }

    .col-md-push-7 {
        left: 58.3333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.6667%;
    }

    .col-md-push-4 {
        left: 33.3333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.6667%;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.6667%;
    }

    .col-md-offset-10 {
        margin-left: 83.3333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.6667%;
    }

    .col-md-offset-7 {
        margin-left: 58.3333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.6667%;
    }

    .col-md-offset-4 {
        margin-left: 33.3333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.6667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-0 {
        margin-left: 0px;
    }

    .col-sm-6 {
        width: 50%;
        float: left;
    }

    table#table-bualuang-quotes,
    table#table-government-rates {
        width: 100% !important;
    }

    table#table-bualuang-quotes td,
    table#table-bualuang-quotes th,
    table#table-government-rates td,
    table#table-government-rates th {
        padding: 0px 5px !important;
    }

    #header {
        position: relative !important;
    }

    #header .main-header {
        background: rgb(0, 40, 80) !important;
        padding: 0px 0px 10px !important;
    }

    #header .logo,
    #header .right-header,
    #header .top-header,
    #header.hamburger-box {
        display: none;
    }

    #header .logo img {
        width: 175px;
        height: 40px;
    }

    #footer,
    #live-chat,
    .breadcrumb,
    .control-bar:not(.filter-controlbar),
    .icon-print,
    .link-primary,
    .modal,
    .tabs-dropdown {
        display: none !important;
    }

    .filter-controlbar {
        display: block !important;
    }

    .filter-controlbar .cust-select {
        float: left;
    }

    .container {
        padding-top: 0px !important;
    }

    .title-1.line {
        margin: 15px 0px !important;
        padding-bottom: 15px !important;
    }

    .pad-bot {
        padding-bottom: 15px;
    }

    .pad-top {
        padding-top: 15px;
    }

    .table-primary td,
    .table-primary th {
        font-size: 13px;
    }

    #table-bualuang-quotes,
    #table-government-rates {
        margin-top: 0px;
    }

    .market-report-page .no-print,
    .other-rates-page .no-print {
        display: none;
    }

    [data-tab] .tab-header a.active {
        text-decoration: underline;
        color: rgb(0, 0, 0) !important;
    }

    #market-daily-reports .col-md-8 {
        width: 66%;
        float: left;
    }

    #market-daily-reports .col-md-4 {
        width: 34%;
        float: left;
    }

    #market-daily-reports .text-grey {
        clear: both;
    }

    #market-daily-reports .percent::after {
        content: "%";
    }

    #market-daily-reports .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    #market-daily-reports .row [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    #market-daily-reports table,
    #market-daily-reports table td,
    #market-daily-reports table th,
    #market-daily-reports table tr,
    .fund-price-page table,
    .fund-price-page table td,
    .fund-price-page table th,
    .fund-price-page table tr {
        padding-top: 5px;
        padding-bottom: 5px;
        border: 0px !important;
    }

    #market-daily-reports table th,
    .fund-price-page table th {
        border-top: 2px solid rgb(102, 102, 102) !important;
        border-bottom: 2px solid rgb(102, 102, 102) !important;
    }

    #market-daily-reports table tr,
    .fund-price-page table tr {
        border-top: 1px solid rgb(221, 221, 221) !important;
        border-bottom: 1px solid rgb(221, 221, 221) !important;
    }

    #market-daily-reports .tab-header,
    .tiles a.tile::before {
        display: none !important;
    }

    #market-daily-reports .row [class*="col-"] .table-primary td,
    #market-daily-reports .row [class*="col-"] .table-primary th {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .scrolling-x .col-md-3 {
        width: 33.33% !important;
    }

    .tiles a.tile .desc {
        position: relative !important;
        height: 220px;
    }

    .tiles a.tile {
        height: auto !important;
    }

    .tiles a.tile .line {
        color: rgb(0, 0, 0);
        position: relative !important;
        bottom: 0px !important;
    }

    .fund-price-page .no-print {
        display: none;
    }

    .fund-price-page .printable h2 {
        font-size: 1.5rem;
        position: relative;
        display: block !important;
        margin: 0px !important;
    }

    .fund-price-page .printable #graph-fund-prices {
        width: 100% !important;
    }

    .fund-price-page .printable .text-orange {
        margin-top: 10px;
    }

    .fund-price-page .printable .text-orange span {
        margin-right: 10px;
    }

    .fund-price-page .printable .text-grey {
        margin-top: 20px;
    }

    .fund-price-page .printable .table-primary {
        margin-bottom: 20px;
    }

    .fund-price-page .printable .list-default,
    .fund-price-page .printable .list-normal {
        padding-bottom: 20px;
    }

    .exchange-rate-page .printable li,
    .fund-price-page .printable .list-normal,
    .fund-price-page .printable .list-normal li {
        list-style-type: none;
    }

    .fund-price-page #fund-price-detail {
        padding: 0px;
    }

    .fund-price-page #fund-price-detail .col-sm-6 {
        width: 50%;
        float: left;
    }

    .fund-price-page #fund-price-detail .text-grey .list-default,
    .fund-price-page #fund-price-detail .text-grey .list-normal {
        line-height: normal;
    }

    .fund-price-page #fund-price-detail .stories .tab-header {
        padding-bottom: 20px;
    }

    .fund-price-page #fund-price-detail .stories #graph-data-table td,
    .fund-price-page #fund-price-detail .stories #graph-data-table th {
        text-align: center !important;
    }

    .fund-price-page .custom-select,
    .fund-price-page .form-control,
    .fund-price-page .ui-selectmenu-button,
    .fund-price-page select.form-control {
        border: 0px;
    }

    .exchange-rate-page .no-print,
    .thumb-full.large {
        display: none;
    }

    .exchange-rate-page .printable {
        padding: 0px !important;
    }

    .exchange-rate-page .printable #filter-graph,
    .exchange-rate-page .printable .chartjs-hidden-iframe,
    .exchange-rate-page .printable .download-link,
    .exchange-rate-page .printable .dynamic-select::after,
    .exchange-rate-page .printable .thumb-full {
        display: none !important;
    }

    .exchange-rate-page .printable .table-primary {
        margin-top: 0px !important;
    }

    .exchange-rate-page .printable [class*="title-"] {
        font-size: 1.5rem;
        margin: 0px !important;
        padding: 0px !important;
    }

    .exchange-rate-page .printable .row {
        margin: 0px !important;
        padding: 0px !important;
    }

    .exchange-rate-page .printable .graph-info-detail {
        margin-bottom: 20px;
    }

    .exchange-rate-page .printable .graph {
        padding: 40px 10px 20px;
    }

    .exchange-rate-page .printable #graph-exchange-rate {
        width: 100% !important;
    }

    .exchange-rate-page .printable #get-fxrates {
        display: none !important;
    }

    .exchange-rate-page .printable .tab-header {
        padding-bottom: 10px !important;
    }

    .exchange-rate-page .printable #exchange-rates .text-grey .pad-bot-md {
        padding-bottom: 5px !important;
    }

    .exchange-rate-page .printable .text-default {
        line-height: normal !important;
    }

    .exchange-rate-page .custom-select,
    .exchange-rate-page .form-control,
    .exchange-rate-page .ui-selectmenu-button,
    .exchange-rate-page select.form-control {
        border: 0px;
    }

    .exchange-rate-page table,
    .exchange-rate-page table td,
    .exchange-rate-page table th,
    .exchange-rate-page table tr {
        padding-top: 5px;
        padding-bottom: 5px;
        border: 0px !important;
    }

    .exchange-rate-page table th {
        border-top: 2px solid rgb(102, 102, 102) !important;
        border-bottom: 2px solid rgb(102, 102, 102) !important;
    }

    .exchange-rate-page table tr {
        border-top: 1px solid rgb(221, 221, 221) !important;
        border-bottom: 1px solid rgb(221, 221, 221) !important;
    }

    .update-flex-list {
        width: 100px;
    }

    .update-flex-list .item {
        float: left !important;
        margin-bottom: 0px !important;
    }

    .update-flex-list .item ol li,
    .update-flex-list .item ul li {
        list-style-type: none !important;
    }

    .breadcrumb {
        display: none;
    }

    .banner {
        max-height: none;
        margin-bottom: 50px;
        height: auto !important;
    }

    .banner .caption {
        position: relative !important;
        bottom: 0px !important;
    }

    .banner .caption .button-group {
        display: none !important;
    }

    .banner .caption .card-img {
        position: static;
        display: block;
        margin: 30px 0px;
    }

    [data-accordion] .collapse-header::after {
        content: "-";
        margin-top: -5px;
    }

    .catalogue-select li.has-children.selected .sub-cate,
    .catalogue-select li.has-children:hover .sub-cate,
    [data-accordion] .collapse-inner,
    [data-tab] [data-tab-content]>.inner.active {
        display: block;
    }

    [data-accordion] .collapse-inner .editor {
        display: block;
        padding: 20px;
    }

    .for-print-only {
        display: block !important;
    }

    .table-primary {
        border-collapse: collapse;
    }

    .table-primary td,
    .table-primary tr {
        border: 1px solid rgb(0, 0, 0) !important;
    }

    [data-tab] .tab-header::after,
    [data-tab] .tab-header::before,
    [data-tab]::after,
    [data-tab]::before {
        display: table;
        content: "";
    }

    [data-tab] .tab-header::after,
    [data-tab]::after {
        clear: both;
    }

    [data-tab] .tab-header {
        padding: 0px 0px 20px;
    }

    [data-tab] .tab-header li {
        display: inline-block;
    }

    [data-tab] .tab-header a {
        font: 0.8rem Muli-Bold;
        text-decoration: none;
        position: relative;
        display: inline-block;
    }

    [data-tab] .tab-header.left {
        text-align: left;
    }

    .fund-price-page .cust-select,
    [data-tab] [data-tab-content]>.inner {
        display: none;
    }

    [data-tab] [data-tab-content]>.inner#exchange-rates,
    [data-tab] [data-tab-content]>.inner#graph {
        display: none;
        position: absolute;
        height: 600px;
        left: -100%;
        top: 0px;
        width: 100%;
        opacity: 0;
    }

    [data-tab] [data-tab-content]>.inner#exchange-rates.active,
    [data-tab] [data-tab-content]>.inner#graph.active {
        display: block;
        position: relative;
        left: 0px;
        height: auto;
        opacity: 1;
    }

    .graph h5 {
        margin: 0px !important;
    }

    .graph .text-orange>span {
        float: right;
        display: block;
    }

    .graph .text-orange span {
        print-color-adjust: exact;
        color: rgb(255, 110, 0) !important;
    }

    .alert-cookie {
        display: none !important;
    }

    .img-print {
        display: block !important;
    }

    #graph-highest-data-table .text-right,
    #graph-highest-data-table td,
    #graph-highest-data-table th,
    #graph-highest-data-table tr,
    #graph-lowest-data-table .text-right,
    #graph-lowest-data-table td,
    #graph-lowest-data-table th,
    #graph-lowest-data-table tr {
        padding: 0px 10px;
    }

    .custom-links .text,
    .slick-arrow,
    .slick-cloned,
    .slick-dots,
    [class*="btn"] {
        display: none !important;
    }

    [data-carousel-auto-height] .slick-track,
    [data-carousel-product] .slick-track,
    [data-carousel-xs] .slick-track,
    [data-carousel] .slick-track {
        flex-wrap: wrap;
        transform: none !important;
        width: 100% !important;
    }

    .thumb-default.card .thumb img {
        height: auto;
        border-radius: 7px;
        margin: 0px;
        width: 100%;
        display: block;
    }

    .tiles .row [class*="col-"] {
        height: 300px;
        width: 25% !important;
    }

    .tile .thumb {
        margin: 0px;
    }

    .tile .thumb img {
        height: 500px !important;
        display: block;
    }

    .tile .desc {
        margin-top: 20px;
    }

    .thumb-default.small .inner {
        height: 224px !important;
    }

    .thumb-default.small .inner img {
        min-width: 100%;
        max-width: none;
        height: 224px !important;
    }

    .download-file {
        padding-left: 0px !important;
        width: 100% !important;
    }

    .download-file::after {
        right: 0px;
    }

    .line::before {
        height: 0px;
        border: 1px solid rgb(0, 0, 0);
    }

    .thumb-default.full .inner img {
        height: 163px;
        min-width: 100%;
        max-width: none;
    }

    .row-center,
    .thumb-info {
        display: flex;
    }

    .row-center {
        justify-content: center;
        flex-wrap: wrap;
    }

    .row-center [class*="col-"] {
        float: left;
        width: 250px !important;
    }

    .row-center [class*="col-"] [class*="thumb-"] {
        width: 100%;
        margin-bottom: 0px;
    }

    .center-content .row-center [class*="col-"] {
        width: 330px !important;
    }

    .thumb-info {
        justify-content: space-between;
        flex-direction: column;
    }

    .thumb-large.smaller {
        height: auto !important;
        width: 50% !important;
    }

    .thumb-large.smaller img {
        height: 250px;
        max-width: none;
        margin-bottom: 15px;
        width: 470px !important;
    }

    .thumb-large.smaller .intro-info {
        inset: 0px 0px auto;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        position: relative;
        width: 480px !important;
        padding-left: 0px !important;
    }

    .col-sm-6.col-md-3 {
        width: 25%;
        float: left;
    }

    .thumb-default .caption .title-3 {
        min-height: 0px;
    }

    [class*="thumb-"].no-shadow {
        box-shadow: none !important;
    }

    .banner .thumb .img-print,
    .products .item img {
        min-width: 100%;
        max-width: none;
    }

    .banner .thumb .img-print {
        height: 300px;
    }

    .thumb-full {
        display: none !important;
    }

    [data-carousel] .thumb-default:not(.card) .inner {
        width: 300px;
    }

    .slick-slide .thumb img {
        width: 100%;
        height: auto;
    }

    .thumb-default .thumb {
        height: 100%;
        margin: 0px;
        transform: none;
    }

    [data-carousel-auto-height],
    [data-carousel-product],
    [data-carousel-xs],
    [data-carousel] {
        margin-bottom: 0px !important;
    }

    .row-left,
    .row-left .col-md-4 [class*="thumb-"] {
        display: flex;
    }

    .row-left {
        flex-wrap: wrap;
    }

    .row-left .col-md-4 {
        width: 33.3333%;
        float: left;
    }

    .row-left .col-md-4 [class*="thumb-"] {
        width: 100%;
        margin-bottom: 0px;
        justify-content: space-between;
        flex-direction: column;
        box-shadow: none !important;
    }

    .promotions {
        display: none;
    }

    .right-control {
        text-align: right;
    }

    .catalogue-select {
        width: 250px;
        color: rgb(255, 255, 255);
        height: 47px;
        text-align: left;
        float: left;
        font-family: Muli-Bold;
        padding: 0px 30px;
        border-radius: 7px;
        border: 1px solid rgb(145, 157, 171);
        position: relative;
        cursor: pointer;
    }

    .catalogue-select span {
        line-height: 47px;
        pointer-events: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .catalogue-select span.selected {
        font-size: 0.8rem;
    }

    .catalogue-select li.has-children::after,
    .catalogue-select::after {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        font: 6px icomoon !important;
    }

    .catalogue-select li {
        position: relative;
        line-height: 47px;
        padding: 0px 20px;
        color: rgb(0, 0, 0);
        font-size: 1rem;
    }

    .catalogue-select li.has-children::after {
        content: "";
        top: 24px;
        right: 15px;
        font: 10px icomoon !important;
    }

    .catalogue-select li.has-children .sub-cate {
        background: rgb(255, 255, 255);
        border: 1px solid rgb(233, 233, 233);
        border-radius: 0px 0px 8px 8px;
        position: absolute;
        top: 0px;
        right: -100%;
        width: 100%;
        display: none;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px;
    }

    .catalogue-select li.has-children .sub-cate.left {
        right: auto;
        left: -100%;
    }

    .catalogue-select li input {
        position: absolute;
        opacity: 0;
        left: 0px;
        top: 0px;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .catalogue-select li input:checked+span {
        color: rgb(0, 51, 153);
    }

    .catalogue-select li input:hover+span {
        color: rgb(0, 51, 153);
    }

    .catalogue-select li span {
        display: block;
        padding: 0px 25px 0px 0px;
        color: rgb(0, 0, 0);
    }

    .filter-controlbar .right-bar.hidden-sm-xs {
        display: block !important;
    }

    .filter-controlbar .right-bar.hidden-md-lg {
        display: none;
    }

    .inner-container {
        padding: 0px;
    }

    .thumb-default .caption,
    .thumb-default.card .inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .thumb-default.card .inner {
        height: auto;
    }

    .text-center .text-default {
        text-align: center;
    }

    .alert-cookie-consent {
        display: none !important;
    }
}

.jp-banking {
    font: 18px YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important;
}

.jp-banking .container {
    font-family: YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.jp-banking .container .language-change span,
.jp-banking .container .middle-block .text-default {
    font-size: 1.1rem;
}

.jp-banking #nav {
    float: left;
}

.jp-banking .container .custom-links .all-links a {
    padding: 4px 0px;
    color: rgb(0, 0, 0);
    display: block;
    white-space: nowrap;
    max-width: 72vw;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.1rem;
}

.cn-banking .container .banner .caption p,
.jp-banking .container .banner .caption p {
    line-height: 1.375;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.267rem !important;
}

.jp-banking .container .line {
    font-size: 1.3rem !important;
}

.jp-banking .container .text-default {
    font-size: 1rem;
    line-height: 1.7rem;
}

.jp-banking .container .mega-menu .quick-links a {
    font-size: 1rem;
    padding: 3px 0px;
    display: inline-block;
    color: rgb(0, 100, 255);
    line-height: 1.25;
    white-space: normal;
}

.jp-banking .container .group-link .list-links ul a {
    padding: 4px 0px;
    font-size: 1rem;
    display: inline-block;
}

.jp-banking .container .group-link .title {
    font-size: 1.3rem;
    padding: 10px 0px;
}

.jp-banking .container #footer .list-dash {
    font-size: 1rem;
}

.jp-banking .container #online-banking .top-links>li>a,
.jp-banking .container .breadcrumb li,
.jp-banking .container .btn-convert,
.jp-banking .container .btn-default,
.jp-banking .container .btn-white,
.jp-banking .container .caption .intro,
.jp-banking .container .catalogue-select,
.jp-banking .container .custom-links .text,
.jp-banking .container .download-file,
.jp-banking .container .download-link a,
.jp-banking .container .download-preview-file,
.jp-banking .container .filter-button,
.jp-banking .container .filter-detail,
.jp-banking .container .forget-something,
.jp-banking .container .icon-search span,
.jp-banking .container .label,
.jp-banking .container .modal-title,
.jp-banking .container .nav-title,
.jp-banking .container .other-quicklinks a span,
.jp-banking .container .radio label span,
.jp-banking .container .rang-slider .range,
.jp-banking .container .search-advance,
.jp-banking .container .search-input input,
.jp-banking .container .tab-header a,
.jp-banking .container .table-primary,
.jp-banking .container .tabs-dropdown select,
.jp-banking .container .thumb-card .inner .text-default,
.jp-banking .container .top-header a,
.jp-banking .container .ui-datepicker th,
.jp-banking .container .ui-datepicker-title,
.jp-banking .container .ui-selectmenu-button,
.jp-banking .container .ui-selectmenu-menu .ui-menu-item,
.jp-banking .container .update-flex-list .item span,
.jp-banking .container [class*="title"],
.jp-banking .container [data-tab] .financial-plan,
.jp-banking .container b,
.jp-banking .container h1,
.jp-banking .container h2,
.jp-banking .container h3,
.jp-banking .container h4,
.jp-banking .container h5,
.jp-banking .container h6,
.jp-banking .container select.form-control,
.jp-banking .container strong {
    font-family: YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

.jp-banking .container .breadcrumb .inner-container>ul li {
    font: 1.1rem YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.jp-banking .container .breadcrumb a {
    font: 0.8rem YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.jp-banking .container .text-x-small {
    font-size: 0.9rem;
}

.jp-banking .container .title-1 {
    font-size: 2.9rem !important;
}

.jp-banking .container .title-1.small {
    font-size: 2.2rem !important;
    line-height: normal;
}

.jp-banking .container .title-2 {
    font-size: 1.9rem;
    font-weight: 100;
}

.jp-banking .container .title-2.line {
    font-size: 1.5rem !important;
    font-weight: 100;
}

.jp-banking .container .title-3 {
    font-size: 1.3rem;
    font-weight: 100;
}

.jp-banking .container .sub-title-small,
.jp-banking .container .thumb-full.large .thumb-square .sub-title-small {
    font: 0.8rem YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important;
}

.jp-banking .container .sub-title-medium {
    font-size: 0.85rem !important;
    font-weight: 100;
}

.jp-banking .container .custom-links .text,
.jp-banking .container .other-quicklinks a span,
.jp-banking .container [class*="btn"] {
    font: 0.9rem YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.jp-banking .container .main-nav .link-sub {
    font-size: 1.2rem;
}

.jp-banking .container [data-accordion] .collapse-header {
    font: 1.2rem YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.cn-banking .container #footer .list-dash,
.jp-banking .container .thumb-default .caption .desc {
    font-size: 1.1rem;
}

@media only screen and (min-width: 992px) {
    .jp-banking .container #nav {
        padding-top: 7px !important;
    }
}

@media only screen and (max-width: 991px) {

    .cn-banking #nav,
    .jp-banking #nav {
        width: 100%;
        float: left;
        padding-top: 0px;
    }

    .jp-banking .container .language-selection span,
    .jp-banking .container .main-nav li.has-sub.current {
        font-family: YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    }

    .jp-banking .container .btn-login[data-btn-login] {
        font-size: 0px;
    }
}

@media only screen and (max-width: 767px) {

    .jp-banking .container .mobile-tools .title-1,
    .jp-banking .container .thumb-full .title-1 {
        font-size: 2rem !important;
    }
}

.cn-banking {
    font: 18px Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif !important;
}

.cn-banking .container {
    font-family: Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif !important;
}

.cn-banking .container .language-change span,
.cn-banking .container .middle-block .text-default {
    font-size: 1rem;
}

.cn-banking #nav {
    float: left;
    padding-top: 7px;
}

.cn-banking .container .custom-links .all-links a {
    padding: 4px 0px;
    color: rgb(0, 0, 0);
    display: block;
    white-space: nowrap;
    max-width: 72vw;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.1rem;
}

.cn-banking .container .text-default {
    font-size: 1rem;
    line-height: 1.7rem;
}

.cn-banking .container .mega-menu .quick-links a {
    font-size: 1rem;
    padding: 3px 0px;
    display: inline-block;
    color: rgb(0, 100, 255);
    line-height: 1.25;
    white-space: normal;
}

.cn-banking .container .group-link .list-links ul a {
    padding: 4px 0px;
    font-size: 1.1rem;
    display: inline-block;
}

.cn-banking .container .group-link .title {
    font-size: 1.3rem;
    padding: 10px 0px;
}

.cn-banking .container #online-banking .top-links>li>a,
.cn-banking .container .breadcrumb li,
.cn-banking .container .btn-convert,
.cn-banking .container .btn-default,
.cn-banking .container .btn-white,
.cn-banking .container .caption .intro,
.cn-banking .container .catalogue-select,
.cn-banking .container .custom-links .text,
.cn-banking .container .download-file,
.cn-banking .container .download-link a,
.cn-banking .container .download-preview-file,
.cn-banking .container .filter-button,
.cn-banking .container .filter-detail,
.cn-banking .container .forget-something,
.cn-banking .container .icon-search span,
.cn-banking .container .label,
.cn-banking .container .modal-title,
.cn-banking .container .nav-title,
.cn-banking .container .other-quicklinks a span,
.cn-banking .container .radio label span,
.cn-banking .container .rang-slider .range,
.cn-banking .container .search-advance,
.cn-banking .container .search-input input,
.cn-banking .container .tab-header a,
.cn-banking .container .table-primary,
.cn-banking .container .tabs-dropdown select,
.cn-banking .container .thumb-card .inner .text-default,
.cn-banking .container .top-header a,
.cn-banking .container .ui-datepicker th,
.cn-banking .container .ui-datepicker-title,
.cn-banking .container .ui-selectmenu-button,
.cn-banking .container .ui-selectmenu-menu .ui-menu-item,
.cn-banking .container .update-flex-list .item span,
.cn-banking .container [class*="title"],
.cn-banking .container [data-tab] .financial-plan,
.cn-banking .container b,
.cn-banking .container h1,
.cn-banking .container h2,
.cn-banking .container h3,
.cn-banking .container h4,
.cn-banking .container h5,
.cn-banking .container h6,
.cn-banking .container select.form-control,
.cn-banking .container strong {
    font-family: BangkokBank-Regular, Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

.cn-banking .container .breadcrumb .inner-container>ul li {
    font: 1.1rem Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif;
}

.cn-banking .container .breadcrumb a {
    font: 0.8rem Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif;
}

.cn-banking .container .text-x-small {
    font-size: 0.9rem;
}

.cn-banking .container .title-1 {
    font-size: 3rem !important;
}

.cn-banking .container .title-1.small {
    font-size: 2.2rem !important;
    line-height: normal;
}

.cn-banking .container .title-2 {
    font-size: 1.9rem;
    font-weight: 100;
}

.cn-banking .container .title-2.line {
    font-size: 1.5rem !important;
    font-weight: 100;
}

.cn-banking .container .title-3 {
    font-size: 1.3rem;
    font-weight: 100;
}

.cn-banking .container .sub-title-small,
.cn-banking .container .thumb-full.large .thumb-square .sub-title-small {
    font: 0.8rem Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif !important;
}

.cn-banking .container .sub-title-medium {
    font-size: 0.85rem !important;
    font-weight: 100;
}

.cn-banking .container .custom-links .text,
.cn-banking .container .other-quicklinks a span,
.cn-banking .container [class*="btn"] {
    font: 0.9rem Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif;
}

.cn-banking .container .main-nav .link-sub {
    font-size: 1.2rem;
}

.cn-banking .container [data-accordion] .collapse-header {
    font: 1.3rem Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif;
}

.cn-banking .container .thumb-default .caption .desc {
    font-size: 1.1rem;
}

@media only screen and (max-width: 991px) {
    .cn-banking #nav {
        padding-top: 0px !important;
        width: 100%;
    }

    .cn-banking .container .language-selection span,
    .cn-banking .container .main-nav li.has-sub.current {
        font-family: Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif;
    }

    .cn-banking .container .btn-login[data-btn-login] {
        font-size: 0px;
    }
}

@media only screen and (max-width: 767px) {

    .cn-banking .container .mobile-tools .title-1,
    .cn-banking .container .thumb-full .title-1 {
        font-size: 2rem !important;
    }
}

.modal-footer {
    height: 50px;
    margin-right: 10%;
    margin-left: 0px !important;
}

.btn-login:hover {
    background: rgb(0, 100, 255) !important;
}

.be-banking .products .item img {
    height: 100%;
    width: 100%;
    aspect-ratio: 4 / 3;
}

.be-banking .col-md-6>.products .item {
    height: 100%;
}

.be-banking .products .slick-dots {
    bottom: 40px !important;
}

#location-tab-content .div-img-map {
    width: 100%;
    left: 0px;
    padding: 0px 10px;
}

#location-tab-content .open-map-icon {
    opacity: 1 !important;
}

@media only screen and (max-width: 767px) {
    .products .item img {
        height: calc(100vw);
    }

    .products .slick-dots {
        bottom: -15px !important;
    }

    .stories .products ul.slick-dots {
        bottom: -20px;
    }

    .banner-carousel.mobile,
    .banner.mobile {
        height: auto !important;
        margin-bottom: 30px;
    }
}

.Form-Secion-Layout #header .main-header {
    padding: 20px 0px;
    background: rgb(0, 40, 80) !important;
}

.be-banking.layout-2 #header .main-header {
    background: rgb(203, 173, 111) !important;
}

@media only screen and (min-width: 992px) {

    .Form-Secion-Layout .btn-login[data-btn-login],
    .layout-2 .btn-login[data-btn-login] {
        font-size: 1rem;
        border-color: transparent !important;
        background: 0px 0px !important;
    }

    .sticky .btn-login[data-btn-login] {
        background: rgb(0, 40, 80);
        border-color: transparent !important;
    }

    .sticky .btn-login:hover {
        background: rgb(0, 100, 255) !important;
    }

    .be-banking.Form-Secion-Layout .btn-login[data-btn-login],
    .be-banking.layout-2 .btn-login[data-btn-login] {
        border-color: rgba(255, 255, 255, 0.5);
        font-size: 1rem;
        background: 0px 0px !important;
    }

    .be-banking .sticky .btn-login[data-btn-login],
    .sticky .btn-login:hover {
        border-color: transparent !important;
    }

    .be-banking .sticky .icon-search {
        background-color: rgb(203, 173, 111) !important;
    }

    [data-carousel-auto-height] .slick-prev,
    [data-carousel-product] .slick-prev,
    [data-carousel-xs] .slick-prev,
    [data-carousel] .slick-prev {
        left: -55px !important;
    }

    [data-carousel-auto-height] .slick-next,
    [data-carousel-product] .slick-next,
    [data-carousel-xs] .slick-next,
    [data-carousel] .slick-next {
        right: -55px !important;
    }
}

.alert-cookie .alert-content .container {
    padding-top: 0px;
}

@media only screen and (max-width: 991px) {

    body,
    html {
        font-size: 14px !important;
    }

    .layout-2 .container {
        padding-top: 70px;
    }

    .be-banking .products .slick-dots {
        bottom: 0px !important;
    }
}

.form-group .option-input:checked::before,
.form-group [type="checkbox"] .option-input:checked,
.form-group [type="checkbox"] .option-input:checked::before,
.form-group [type="radio"] .option-input:checked,
.form-group [type="radio"] .option-input:checked::before,
.form-group input[type="radio"].option-input:checked::before {
    height: 12px !important;
    width: 12px !important;
    content: "" !important;
    background: rgb(0, 100, 255) !important;
    border: 1px solid rgb(0, 100, 255) !important;
}

.form-group input[type="radio"].option-input:checked {
    height: 20px !important;
    width: 20px !important;
    border: 1px solid rgb(0, 100, 255) !important;
}

.form-group input[type="radio"].option-input:checked::before {
    left: 3px;
    top: 3px;
}

.form-group .option-input:checked::before {
    height: 0px !important;
    width: 0px !important;
    border: 0px solid rgb(0, 100, 255) !important;
}

.new-option-input.new-radio {
    height: 20px;
    width: 20px;
    position: relative;
    content: " ";
    background: rgb(255, 255, 255);
    border: 1px solid rgb(51, 51, 51);
    border-radius: 50%;
    top: -2px;
}

.new-option-input:checked,
.new-option-input:checked::before {
    position: absolute;
    content: " ";
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    padding: 4px;
    border: 1px solid rgb(0, 100, 255) !important;
}

.new-option-input:checked {
    left: 0px;
    top: -2px;
    background: rgb(255, 255, 255);
}

.new-option-input:checked::before {
    left: 4px;
    top: 4px;
    background: rgb(0, 100, 255) !important;
}

.box-textbox {
    border: 1px solid rgb(158, 158, 158);
    border-radius: 100px;
    width: 10%;
    padding: 0px;
    height: 47px;
    line-height: 47px;
}

.box-textbox:focus,
.box-textbox:hover {
    border: 1px solid rgb(0, 72, 183);
}

.container-checkbox label input:checked~.checkmark {
    min-width: 1px;
    background: rgb(0, 100, 255) !important;
    border: 1px solid rgb(0, 100, 255) !important;
}

.container-checkbox label .checkmark,
.container-checkbox label .checkmark.bgdisable {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 20px;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    padding-top: 4px;
}

.container-checkbox label .checkmark.bgdisable {
    background: rgb(235, 235, 235) !important;
    border: 1px solid rgb(209, 209, 209) !important;
}

.container-checkbox label .checkmark {
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(158, 158, 158) !important;
}

.container-checkbox label .checkmark::after {
    width: 5px;
    height: 10px;
    border-radius: 3px;
    content: "✔";
    position: absolute;
    display: none;
    min-width: 0px;
    font-weight: 700;
    border-width: 0px 3px 3px 0px;
    left: 3px !important;
    top: -1px !important;
    color: rgb(255, 255, 255) !important;
    background: rgb(0, 40, 80) !important;
}

.modal-close .close::after,
.modal-close .close::before {
    background: rgb(96, 96, 96) !important;
}

.close::after,
.close::before {
    background: 0px 0px !important;
}

.option-input .checkbox {
    border: 1px solid;
}

.fincal-group,
.fincalBtn {
    position: relative;
    width: 100%;
    border-radius: 7px !important;
}

.fincal-group {
    text-align: right;
    background: 0px 0px;
    display: flex;
    align-items: center;
    min-height: 50px;
    height: 50px;
    line-height: 1.25;
    padding: 5px;
    border: 1px solid rgb(158, 158, 158) !important;
    color: rgb(0, 0, 0) !important;
}

.fincal-group:hover {
    border: 1px solid rgb(0, 72, 183) !important;
}

.fincalBtn {
    padding: 0px 30px;
    font-size: 0.8667rem;
    line-height: 47px;
    height: 47px;
    letter-spacing: 0.8px;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    appearance: none;
    margin: 10px 0px;
}

.containerRadio input:checked~.checkmark {
    border: 1px solid rgb(0, 100, 255);
    background: 0px 0px !important;
}

.checkmark,
.vue-notifyjs .alert button.close {
    position: absolute;
    width: 20px !important;
    height: 20px !important;
}

.checkmark {
    top: -4px;
    left: 0px;
    border: 1px solid rgb(158, 158, 158);
    border-radius: 50%;
    background: 0px 0px !important;
}

.containerRadio .checkmark::after {
    border-radius: 50%;
    position: relative;
    top: 3px !important;
    left: 3px !important;
    width: 12px !important;
    height: 12px !important;
    background: rgb(0, 100, 255) !important;
}

.vue-notifyjs .alert button.close {
    right: 10px;
    margin-top: -13px;
    padding: 3px;
    top: 20px !important;
    background: rgb(255, 255, 255) !important;
    color: red !important;
}

.leavePage-conntent .content-des,
.leavePage-conntent h2 {
    color: rgb(0, 40, 80) !important;
}

.be-banking .leavePage-content .content .title-2,
.fontresult,
.leavePage-content .content .title-2 {
    font-size: 1.5rem !important;
    line-height: 1.625rem !important;
}

.leavePage-conntent .btn-default {
    color: rgb(0, 100, 255);
    border: 1px solid rgb(0, 100, 255);
    background: rgb(255, 255, 255);
    line-height: 22px;
    transition: 0.3s;
    min-width: 155px;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
}

.e-form-download.active {
    background: rgb(0, 100, 255) !important;
}

.be-banking .ui-selectmenu-menu .ui-menu-item .ui-state-active {
    color: rgb(222, 190, 124) !important;
}

.be-banking .form-control:hover,
.be-banking .ui-selectmenu-button:hover,
.be-banking select.form-control:hover {
    border: 1px solid rgb(222, 190, 124) !important;
}

.fontresultdetail {
    color: rgb(249, 249, 249);
    line-height: 1.375rem;
    font-size: 1rem !important;
}

.bginside {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
    margin-top: 30px;
}

.linetd {
    font-size: 1rem;
    line-height: 1.375rem;
    border-top: 1px solid rgb(221, 221, 221);
    padding: 5px 0px;
}

.lineth {
    line-height: 1.63;
    border-bottom: 2px solid rgb(221, 221, 221);
    padding: 0px 5px;
}

.form-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-radio {
    display: inline-block;
    flex-direction: column;
    align-items: flex-start;
    min-width: 100px;
}

.align-hor {
    display: inline-block;
    min-width: 140px;
    margin-right: 30px;
}

a.sub-title-medium {
    text-decoration: none;
}

.sub-title-medium p.link-primary {
    text-decoration: none;
    font-size: 0.8rem;
    line-height: 1.4;
    color: rgb(0, 100, 255) !important;
}

article[data-tab].stories {
    margin-bottom: -2px;
}

a.btn-primary.alert-agree {
    text-transform: unset;
}

.accept-policy-label>section::-webkit-scrollbar {
    appearance: none;
    width: 10px;
}

.accept-policy-label>section::-webkit-scrollbar:vertical {
    width: 5px;
}

.accept-policy-label>section::-webkit-scrollbar:horizontal {
    height: 5px;
}

.accept-policy-label>section::-webkit-scrollbar-thumb {
    background: rgb(0, 100, 255);
    border-radius: 10px;
    border: 0px solid rgb(255, 255, 255);
}

.accept-policy-label>section::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgb(238, 238, 242);
}

.privacy-label-width>section::-webkit-scrollbar {
    appearance: none;
    width: 10px;
}

.privacy-label-width>section::-webkit-scrollbar:vertical {
    width: 5px;
}

.privacy-label-width>section::-webkit-scrollbar:horizontal {
    height: 5px;
}

.privacy-label-width>section::-webkit-scrollbar-thumb {
    background: rgb(0, 100, 255);
    border-radius: 10px;
    border: 0px solid rgb(255, 255, 255);
}

.privacy-label-width>section::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgb(238, 238, 242);
}

.be-banking .accept-policy-label>section::-webkit-scrollbar-thumb,
.be-banking .privacy-label-width>section::-webkit-scrollbar-thumb {
    background: rgb(203, 173, 111);
    border-radius: 10px;
    border: 0px solid rgb(255, 255, 255);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .text-center .title-1.line.small,
    .thumb-full .title-1,
    .title-1.line {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    .tips-and-insight .text-center .title-1.small.line {
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }
}

@media only screen and (min-width: 1025px) {

    .promotion-carousal-title h2,
    .thumb-full h2.title-1,
    .title-1.line,
    .wrapper.tips-and-insight .text-center .title-1.line.small {
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }

    [lang="th"] .thumb-full h2.title-1 {
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }

    div#locat-Result.inner-container {
        padding-bottom: 30px !important;
    }
}

.video-wrapper,
video {
    height: 100%;
    width: 100%;
}

.video-wrapper {
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

video {
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

.banner-carousel .banner-iframe-video {
    height: 850px;
    min-height: 850px;
}

.banner-carousel.fullpage .item {
    height: 850px;
}

@media only screen and (max-width: 767px) {

    .banner-carousel.fullpage .item,
    .video-wrapper {
        max-height: 50%;
    }

    .banner-carousel .banner-iframe-video {
        min-height: 608px;
        max-height: 50%;
    }
}

.alert-cookie-consent {
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 10;
}

.alert-cookie-consent .alert-content {
    border-radius: 0px;
    position: relative;
    text-align: center;
    opacity: 0.96;
    background: rgb(255, 255, 255) !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 10px 0px !important;
}

@media only screen and (max-width: 350px) {

    .alert-agree-all-consent,
    .cookie-settings-submit,
    .setting-cookie {
        min-width: 123px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .accordionItemHeading img,
    .cookie-img-close {
        height: 16px;
        width: 16px;
    }

    .cookie-img-close {
        top: 24px;
        right: 16px;
    }

    .open-cookie .accordionItemContent {
        padding: 0px 15px 24px 37px;
    }

    .alert-cookie-consent .alert-content {
        padding: 28px 16px 32px !important;
    }

    .setting-cookie {
        margin-left: 0px;
    }

    .alert-agree-all-consent {
        margin: 0px 0px 0px 15px;
    }

    .cookie-content-relative {
        position: relative;
        padding-right: 16px;
        padding-bottom: 32px;
        padding-left: 16px;
        padding-top: 40px !important;
    }

    .modal-body-cookie-settings {
        margin: 24px 0px;
        width: auto;
    }
}

@media only screen and (min-width: 351px) and (max-width: 760px) {

    .alert-agree-all-consent,
    .cookie-settings-submit,
    .setting-cookie {
        min-width: 150px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .accordionItemHeading img,
    .cookie-img-close {
        height: 16px;
        width: 16px;
    }

    .cookie-img-close {
        top: 24px;
        right: 16px;
    }

    .open-cookie .accordionItemContent {
        padding: 0px 15px 24px 37px;
    }

    .alert-cookie-consent .alert-content {
        padding: 28px 16px 32px !important;
    }

    .setting-cookie {
        margin-left: 0px;
    }

    .cookie-content-relative {
        position: relative;
        padding-right: 16px;
        padding-bottom: 32px;
        padding-left: 16px;
        padding-top: 40px !important;
    }

    .modal-body-cookie-settings {
        margin: 24px 0px;
        width: auto;
    }

    .alert-agree-all-consent {
        margin: 0px 0px 0px 20px;
    }
}

.modal-container-cookie-setting {
    margin: 0px auto;
    line-height: 130%;
    background: rgb(255, 255, 255);
    transition: 0.3s;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 10px 0px;
    max-width: 700px !important;
}

.cookie-settings-content {
    color: rgb(51, 51, 51);
    padding: 0px 5px 0px 0px;
    border-radius: 5px;
    overflow-y: scroll;
}

.cookie-img-close {
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.el-switch,
.el-switch .el-switch-style {
    position: relative;
    height: 1.6em;
    display: inline-block;
}

.cookie-header {
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: left;
}

.cookie-sub-header {
    color: rgb(94, 94, 102);
    font-size: 14px;
    padding: 24px 0px 0px;
    line-height: 18px;
    font-weight: 500;
}

.accordionItem {
    float: left;
    display: contents;
    width: 100%;
    box-sizing: border-box;
}

.open-cookie .accordionItemHeading {
    box-shadow: rgba(0, 100, 255, 0.17) 4px 5px 0px 0px;
}

.accordionItemHeading {
    cursor: pointer;
    margin: 0px 0px 15px;
    padding: 20px 15px 15px 10px;
    font-weight: 400;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid rgb(211, 211, 211);
}

@media screen and (max-width: 320px) {
    .accordionItem text {
        padding-left: 7px;
        font-size: 14px;
    }
}

@media screen and (max-width: 375px) {
    .accordionItem text {
        padding-left: 7px;
        font-size: 14px;
    }
}

@media screen and (min-width: 376px) {
    .accordionItem text {
        padding-left: 7px;
        font-size: 18px;
    }
}

.accordionItemHeading span:first-child {
    float: left;
    width: 25px;
    font-size: 30px;
    color: rgb(0, 100, 255);
    text-align: center;
}

.accordionItemHeading span:last-child {
    float: right;
    width: 40px;
}

.accordionItemHeading span:last-child input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.close-cookie .accordionItemContent {
    height: 0px;
    transition: height 1s ease-out;
    transform: scaleY(0);
    float: left;
    display: block;
}

.open-cookie .accordionItemContent {
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: hidden solid solid;
    border-color: rgb(0, 100, 255);
    border-image: initial;
    width: 100%;
    margin: 0px 0px 15px;
    display: block;
    transform: scaleY(1);
    transform-origin: center top;
    transition: transform 0.4s;
    box-sizing: border-box;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0, 100, 255, 0.17) 4px 5px 0px 0px;
}

.open-cookie .accordionItemContent p {
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(120, 120, 125);
}

.open-cookie .accordionItemHeading {
    margin: 0px;
    border-radius: 10px 10px 0px 0px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid solid hidden;
    border-color: rgb(0, 100, 255);
    border-image: initial;
    padding-right: 15px;
}

.cookie-inline-block-content {
    overflow: visible;
    display: inline-block;
    margin: 5px 0px 10px;
}

.el-switch,
.el-switch-style,
.el-switch-style::before {
    box-sizing: border-box;
}

.el-switch {
    font-size: 100%;
    padding-left: 0px;
}

.el-switch .el-switch-style {
    left: 0px;
    background: rgb(192, 204, 218);
    border-radius: 0.8em;
    top: 0px;
    transition: 0.3s ease-in-out;
    width: 3em;
    cursor: pointer;
}

.el-switch .el-switch-style::before {
    display: block;
    content: "";
    height: 0.9em;
    position: absolute;
    width: 0.9em;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    left: 0.35em;
    top: 0.35em;
    transition: 0.3s ease-in-out;
}

.el-switch>input[type="checkbox"] {
    display: none;
}

.el-switch>input[type="checkbox"][disabled]+.el-switch-style {
    cursor: not-allowed;
    background: rgb(211, 220, 230);
}

.el-switch>input[type="checkbox"]:checked+.el-switch-style {
    background: rgb(32, 160, 255);
}

.el-switch>input[type="checkbox"]:checked+.el-switch-style::before {
    background-image: url("/k393_th_points_bangkokbank_index/resources/5d481c956dfb36380fb0378d81434daa.svg");
    height: 1.2em;
    width: 1.2em;
    top: 0.2em;
    background-size: 14px !important;
    background-position: 2px 2px !important;
}

.el-switch.el-switch-blue>input[type="checkbox"]:checked[disabled]+.el-switch-style,
.el-switch>input[type="checkbox"]:checked[disabled]+.el-switch-style {
    background: rgb(176, 215, 245);
}

.el-switch.el-switch-blue>input[type="checkbox"]:checked+.el-switch-style {
    background: rgb(0, 100, 255);
}

.el-switch.el-switch-green>input[type="checkbox"]:checked+.el-switch-style {
    background: rgb(19, 206, 102);
}

.el-switch.el-switch-green>input[type="checkbox"]:checked[disabled]+.el-switch-style {
    background: rgb(161, 239, 196);
}

.el-switch.el-switch-red>input[type="checkbox"]:checked+.el-switch-style {
    background: rgb(255, 73, 73);
}

.el-switch.el-switch-red>input[type="checkbox"]:checked[disabled]+.el-switch-style {
    background: rgb(249, 179, 179);
}

.el-switch.el-switch-yellow>input[type="checkbox"]:checked+.el-switch-style {
    background: rgb(247, 186, 42);
}

.el-switch.el-switch-yellow>input[type="checkbox"]:checked[disabled]+.el-switch-style {
    background: rgb(251, 234, 193);
}

@media only screen and (min-width: 1px) and (max-width: 760px) {
    .el-switch>input[type="checkbox"]:checked+.el-switch-style::before {
        left: 20px;
    }

    #divResultSectionWithFilters.inner-container,
    .control-bar-bak.filter-controlbar000 .inner-container,
    .inner-container.mobile-list-padding {
        padding: 0px 16px !important;
    }

    div#locat-Result.inner-container {
        padding: 0px 16px;
        margin: 0px 0px 30px !important;
    }
}

@media only screen and (min-width: 1px) {
    .modal-body-cookie-settings {
        max-height: 275px !important;
    }
}

@media only screen and (min-width: 320px) {
    .modal-body-cookie-settings {
        max-height: 320px !important;
    }
}

@media only screen and (min-width: 375px) {
    .modal-body-cookie-settings {
        max-height: 320px !important;
    }
}

@media only screen and (min-width: 425px) {
    .modal-body-cookie-settings {
        max-height: 320px !important;
    }
}

@media only screen and (min-width: 761px) {

    .alert-agree-all-consent,
    .cookie-settings-submit,
    .setting-cookie {
        min-width: 150px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .accordionItemHeading img,
    .cookie-img-close {
        height: 24px;
        width: 24px;
    }

    .cookie-img-close {
        top: 40px;
        right: 40px;
    }

    .open-cookie .accordionItemContent {
        padding: 0px 15px 24px 45px;
    }

    .alert-cookie-consent .alert-content {
        padding: 40px 80px 48px !important;
    }

    .setting-cookie {
        margin-left: 0px;
    }

    .cookie-content-relative {
        position: relative;
        padding-right: 40px;
        padding-bottom: 48px;
        padding-left: 40px;
        padding-top: 64px !important;
    }

    .modal-body-cookie-settings {
        margin: 40px 0px;
        width: auto;
        max-height: 350px !important;
    }

    .el-switch>input[type="checkbox"]:checked+.el-switch-style::before {
        left: 19px;
    }

    .alert-agree-all-consent {
        margin: 0px 0px 0px 20px;
    }
}

@media screen and (min-width: 761px) and (max-width: 1024px) {
    div#locat-Result.inner-container {
        margin: 0px 0px 30px !important;
        padding: 0px 48px !important;
    }
}

.modal-body-cookie-settings::-webkit-scrollbar {
    width: 1px;
}

.modal-body-cookie-settings::-webkit-scrollbar:vertical {
    width: 1px;
}

.modal-body-cookie-settings::-webkit-scrollbar:horizontal {
    height: 1px;
}

.modal-body-cookie-settings::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 0px solid rgb(255, 255, 255);
}

.modal-body-cookie-settings::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgb(238, 238, 242);
}

.modal-footer-cookie-settings {
    width: 100%;
}

.be-banking .cookie-header,
[lang="th"] .be-banking .cookie-header {
    color: rgb(0, 0, 0) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    padding-top: 24px !important;
}

.btn-consent-default {
    color: rgb(0, 100, 255);
    border: 1px solid rgb(0, 100, 255);
    background: rgb(255, 255, 255);
}

.btn-consent-default:hover {
    color: rgb(255, 255, 255);
    border-color: rgb(0, 100, 255);
    background: rgb(0, 100, 255);
}

.btn-consent-primary {
    background: rgb(0, 100, 255);
    color: rgb(255, 255, 255) !important;
}

.btn-consent-primary:hover {
    background: rgb(0, 72, 183);
}

.btn-consent-primary:active {
    background: rgb(0, 100, 255);
}

.leavePage-notification {
    display: none;
    position: fixed;
    z-index: 50;
    left: 0px;
    top: 0px;
    width: 100%;
    overflow: visible;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
}

.leavePage-notification::after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    border-radius: 50%;
}

.leavePage-notification .leavePage-conntent {
    background: linear-gradient(115.36deg, rgb(255, 255, 255) 4.06%, rgba(255, 255, 255, 0.3) 60%);
    border: 1px solid rgb(255, 255, 255);
    line-height: 130%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 7px 8px 10px;
    backdrop-filter: blur(20px);
    transition: 0.3s;
    position: fixed;
}

.leavePage-pointer {
    cursor: pointer;
}

.ModalFull {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close {
    position: absolute;
    right: 12px;
    top: -21px;
    width: 40px;
    height: 40px;
    background: rgb(255, 255, 255);
    border: 2px solid rgb(158, 158, 158);
    cursor: pointer;
    border-radius: 26px;
}

.close:hover {
    opacity: 1;
}

.close::after,
.close::before {
    position: absolute;
    left: 48%;
    top: 29%;
    content: " ";
    height: 16px;
    width: 2px;
    background-color: rgb(96, 96, 96);
}

.close::before {
    transform: rotate(45deg);
}

.close::after {
    transform: rotate(-45deg);
}

.btn-enhance {
    margin-top: 30px;
}

.btn-left-fixed {
    margin-left: 15px !important;
    background-color: rgb(255, 255, 255);
}

.leavePage-conntent {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.leavePage-conntent h2 {
    font-family: BangkokBank-Bold;
    font-size: 1.8em;
    line-height: 2.2rem;
}

.leavePage-conntent .content-des {
    font-family: BangkokBank-Medium;
    font-size: 1.2em;
    line-height: 1.5rem;
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {
    .leavePage-conntent h2 {
        color: rgb(0, 51, 153);
        font-family: BangkokBank-Bold;
        font-size: 1.8em;
        line-height: 1.5rem;
    }

    .leavePage-conntent .content-des {
        color: rgb(0, 51, 153);
        font-family: BangkokBank-Medium;
        font-size: 1.1em;
        line-height: 1.5rem;
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .leavePage-conntent h2 {
        color: rgb(0, 51, 153);
        font-family: BangkokBank-Bold;
        font-size: 1.8em;
        line-height: 130%;
    }

    .leavePage-conntent .content-des {
        color: rgb(0, 51, 153);
        font-family: BangkokBank-Medium;
        font-size: 1.1em;
        line-height: 130%;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .btn-left-fixed {
        margin-left: unset !important;
    }

    .btn-enhance {
        width: 100%;
    }

    .leavePage-conntent h2 {
        color: rgb(0, 51, 153);
        font-family: BangkokBank-Bold;
        font-size: 2em;
        line-height: 2.2rem;
    }

    .leavePage-conntent .content-des {
        color: rgb(0, 51, 153);
        font-family: BangkokBank-Medium;
        font-size: 1.1em;
        line-height: 1.5rem;
        margin-top: 10px;
    }

    .leavePage-notification .leavePage-conntent {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.margintop {
    margin-top: 10px;
}

[lang="th"] body,
[lang="th"] html {
    font-size: 16px !important;
    font-weight: 400;
}

[lang="th"] .promotion-carousal-title h2 {
    letter-spacing: 0.5px;
    color: rgb(0, 0, 0);
    font-size: 3rem !important;
    line-height: 3.75rem !important;
}

[lang="th"] .promotion-carousal h3 {
    color: rgb(0, 0, 0);
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 16px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

[lang="th"] .home_page_banner_content h1 {
    font-size: 5.6rem;
    line-height: 1.25em;
}

[lang="th"] .home_page_banner_content p {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.35em;
}

[lang="th"] .title-2,
[lang="th"] .title-3 {
    line-height: 1.875rem !important;
}

[lang="th"] .currency-list,
[lang="th"] .currency-list table tr th {
    font-size: 1rem;
}

[lang="th"] body,
[lang="th"] html {
    -webkit-font-smoothing: subpixel-antialiased;
}

[lang="th"] .container,
[lang="th"] body {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    line-height: 1.3;
}

[lang="th"] b,
[lang="th"] strong {
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] b span,
[lang="th"] strong span {
    font-weight: 100;
}

[lang="th"] .intro-info .text-default,
[lang="th"] .text-default {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

@media only screen and (min-width: 992px) {

    [lang="th"] .text-default,
    [lang="th"] .text-medium {
        font-size: 1rem;
        line-height: 1.285rem;
        font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .text-large,
    [lang="th"] .text-larger {
        font-size: 3rem;
        line-height: 3.75rem;
    }
}

@media only screen and (max-width: 991px) {

    [lang="th"] .text-default,
    [lang="th"] .text-medium {
        font-size: 1rem;
        line-height: 1.285rem;
        font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .text-large,
    [lang="th"] .text-larger {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

[lang="th"] #nav {
    padding-top: 9px;
}

[lang="th"] #nav .nav-title {
    font: 1rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] .breadcrumb .inner-container>ul li {
    font: 0.9rem / 1.3 BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
    float: left;
    color: rgb(0, 100, 255);
    padding-right: 15px;
    position: relative;
}

[lang="th"] #online-banking .top-links>li>a,
[lang="th"] .breadcrumb li,
[lang="th"] .btn-convert,
[lang="th"] .btn-default,
[lang="th"] .btn-white,
[lang="th"] .caption .intro,
[lang="th"] .catalogue-select,
[lang="th"] .custom-links .text,
[lang="th"] .download-link a {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

[lang="th"] .download-file {
    -webkit-font-smoothing: subpixel-antialiased;
}

[lang="th"] .download-preview-file,
[lang="th"] .filter-button,
[lang="th"] .filter-detail,
[lang="th"] .forget-something,
[lang="th"] .icon-search span,
[lang="th"] .label,
[lang="th"] .modal-title,
[lang="th"] .nav-title,
[lang="th"] .other-quicklinks a span,
[lang="th"] .radio label span,
[lang="th"] .rang-slider .range,
[lang="th"] .search-advance,
[lang="th"] .search-input input,
[lang="th"] .tab-header a,
[lang="th"] .table-primary,
[lang="th"] .tabs-dropdown select,
[lang="th"] .thumb-card .inner .text-default,
[lang="th"] .top-header a,
[lang="th"] .ui-datepicker th,
[lang="th"] .ui-datepicker-title,
[lang="th"] .ui-selectmenu-button,
[lang="th"] .ui-selectmenu-menu .ui-menu-item,
[lang="th"] .update-flex-list .item span,
[lang="th"] [class*="title"],
[lang="th"] [data-tab] .financial-plan,
[lang="th"] h1,
[lang="th"] h2,
[lang="th"] h3,
[lang="th"] h4,
[lang="th"] h5,
[lang="th"] h6,
[lang="th"] select.form-control {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

[lang="th"] [data-tab] .tab-header a {
    position: relative;
    display: inline-block;
    color: rgb(0, 0, 0);
}

[lang="th"] .font-regular,
[lang="th"] .text-light {
    font-family: BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
}

[lang="th"] .download-file {
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .download-file span {
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] .testimonials .item .caption .text-large {
    font-size: 1.3rem;
    line-height: 1.3;
}

[lang="th"] .main-nav li.has-sub .link-sub {
    position: relative;
    padding-right: 25px;
    top: 0px;
    font-size: 1rem;
    line-height: 1.375rem;
}

[lang="th"] .main-nav li.has-sub .link-sub::after {
    position: absolute;
    right: 0px;
    top: 8px;
    font-size: 6px;
}

[lang="th"] #search-modal .search-input input {
    padding: 0px;
    background-color: inherit;
    color: rgb(255, 255, 255);
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font: 3rem / 3.75rem BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] .tile .line {
    font: 1.25rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] .sub-title {
    padding: 10px 0px;
    font: 1rem BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .quick-plan-slider .sub-title.line {
    padding-bottom: 20px;
    font: 1rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .mobile-sub-title,
[lang="th"] .quick-plan-slider .mobile-sub-title.line {
    letter-spacing: 0.8px;
    padding-bottom: 5px;
    font: 0.9rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .quick-news .slick-dots {
    text-align: left;
    bottom: -42px !important;
}

[lang="th"] .quick-plan-slider .sub-title {
    font-family: BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 100;
}

[lang="th"] .slick-slide .sub-title-medium {
    letter-spacing: 0.7px;
    font: 1.2rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .desktop-tools .sub-title-medium,
[lang="th"] .mobile-tools .sub-title-medium,
[lang="th"] .quick-links .sub-title-medium {
    letter-spacing: 0.7px;
    font: 1rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .desktop-tools .sub-title-medium,
[lang="th"] .mobile-tools .sub-title-medium {
    margin-top: 30px;
}

[lang="th"] .sub-title-medium.line.right {
    letter-spacing: 0.7px;
    font: 1.1rem BangkokBank-Bold;
}

[lang="th"] .thumb-full .title-1 {
    font-size: 3rem !important;
    line-height: 3.75rem !important;
}

[lang="th"] .thumb-full h4.sub-title-medium.line {
    font: 1rem / 1.25 BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .sub-title-medium {
    font: 1rem BangkokBank-Bold;
}

[lang="th"] .sub-title-small {
    font: 0.9rem BangkokBank-Bold;
}

[lang="th"] .product-intro-modal .sub-title {
    letter-spacing: 0.8px;
    padding: 10px 0px;
    font: 1rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .mega-menu .quick-links a {
    padding: 5px 0px;
    display: block;
    white-space: normal;
    font: 1rem / 1.2rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] #header .top-header .top-links a {
    font: 0.78rem BangkokBank-Bold, Helvetica, "Microsoft JhengHei", 微軟正�體, "Hiragino Sans GB", Arial, sans-serif !important;
}

[lang="th"] #online-banking .top-links [data-level-1] {
    color: rgb(120, 120, 125);
    font: 1rem BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] #online-banking .top-links>li>a {
    margin: 0px;
    position: relative;
    padding: 6px 0px;
    text-align: right;
}

[lang="th"] .language-change span {
    font: 0.9rem Muli-Bold;
}

[lang="th"] .banner-carousel .caption .intro,
[lang="th"] .main-banner .caption .intro {
    line-height: 1.25;
}

[lang="th"] .banner-carousel .caption .intro {
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 3rem !important;
    line-height: 3.75rem !important;
}

[lang="th"] .banner .caption p,
[lang="th"] .banner-carousel .caption p {
    font: 1.5rem / 1.875rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .banner .caption p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    padding-bottom: 10px;
}

[lang="th"] .thumb-default .caption {
    font-size: 1rem;
}

[lang="th"] .group-link .list-links ul a {
    padding: 0px;
    display: inline-block;
    font: 1rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
}

[lang="th"] .group-link .title {
    padding: 20px 0px;
    font: 1rem Muli-Bold;
}

[lang="th"] .tips_insight_carousal_title,
[lang="th"] .tips_insight_quick_access_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 760px) {

    [lang="th"] .crossBanner_title,
    [lang="th"] .mobile-banner .mobile-title-1,
    [lang="th"] .mobile-tools .title-1,
    [lang="th"] .promotion-carousal-title h2,
    [lang="th"] .text-center .title-1.line.small,
    [lang="th"] .tips-and-insight .text-center h2,
    [lang="th"] .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }
}

@media screen and (min-width: 761px) {

    [lang="th"] .crossBanner_title,
    [lang="th"] .mobile-banner .mobile-title-1,
    [lang="th"] .mobile-tools .title-1,
    [lang="th"] .promotion-carousal-title h2,
    [lang="th"] .text-center .title-1.line.small,
    [lang="th"] .tips-and-insight .text-center h2,
    [lang="th"] .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 3rem;
        line-height: 3.75rem !important;
    }

    [lang="th"] .home_page_banner_content h1 {
        font-size: 3.3rem;
        line-height: 1.25em;
    }
}

@media only screen and (min-width: 1280px) {
    [lang="th"] .home_page_banner_content h1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media only screen and (min-width: 1025px) {
    [lang="th"] .home_page_banner_content h1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 5.6rem;
        line-height: 1.25em;
    }

    [lang="th"] .home_page_banner_content p {
        font-size: 1.5rem;
        line-height: 1.35em;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1159px) {
    .tile {
        height: 356px;
    }

    [lang="th"] .quick-news .slick-dots {
        text-align: left;
        bottom: -44px !important;
    }

    [lang="th"] .quick-news a.link-primary.white {
        bottom: -37px !important;
    }
}

@media only screen and (max-width:991x) {
    [lang="th"] .mega-menu .quick-links a {
        font-size: 0.9rem;
        display: block;
        line-height: 1.3rem;
        white-space: normal;
        padding: 20px 0px !important;
        color: rgb(153, 153, 153) !important;
    }
}

@media only screen and (min-width: 1025px) {
    [lang="th"] .btn-login[data-btn-login] {
        min-width: 120px;
        max-height: 32px;
        padding: 6px 10px;
        position: relative;
        top: 3px;
        font-size: 0.9rem !important;
        line-height: 1.125rem !important;
    }

    [lang="th"] .promotion-carousal-title h2,
    [lang="th"] .text-center .title-1.line.small,
    [lang="th"] .tips-and-insight .text-center .title-1.small.line {
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    [lang="th"] .promotion-carousal-title a.link-primary {
        top: 30px;
    }

    [lang="th"] .banner .title-1.line,
    [lang="th"] .text-center .title-1.line.small {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    [lang="th"] .promotion-carousal-title h2,
    [lang="th"] .tips-and-insight .text-center .title-1.small.line {
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }
}

@media only screen and (max-width: 991px) {
    [lang="th"] .home_page_banner_content h1 {
        font-size: 3.3rem;
        line-height: 1.25em;
    }

    [lang="th"] .banner-carousel .caption p,
    [lang="th"] .promotion-carousal h3,
    [lang="th"] .tips_insight_carousal_title,
    [lang="th"] .tips_insight_quick_access_title,
    [lang="th"] .title-3 {
        font-size: 1.3rem !important;
        line-height: 1.642rem !important;
    }

    [lang="th"] .crossBanner_title,
    [lang="th"] .promotion-carousal-title h2,
    [lang="th"] .text-center .title-1.line.small,
    [lang="th"] .tips-and-insight .text-center h2,
    [lang="th"] .wrapper_tool_section .inner-container .text-center>h2 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    [lang="th"] #search-modal .search-input input {
        width: 100%;
        font-size: 2.73rem !important;
    }

    [lang="th"] .mega-menu .quick-links a {
        font-size: 0.9rem;
        display: block;
        line-height: 1.3rem;
        white-space: normal;
        padding: 20px 0px !important;
        color: rgb(153, 153, 153) !important;
    }

    [lang="th"] .main-nav li.has-sub .link-sub::after {
        position: absolute;
        right: 0px;
        top: 50%;
        font-size: 6px;
    }

    [lang="th"] .language-selection span,
    [lang="th"] .main-nav li.has-sub.current {
        font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
    }

    [lang="th"] #online-banking .level-1 .sub-title-medium,
    [lang="th"] #online-banking .level-1 .title-2 {
        font-size: 1.1rem !important;
        line-height: 1.3;
    }

    [lang="th"] .banner-carousel .caption .intro {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    [lang="th"] .mega-menu .info [data-level-1] {
        margin: 0px;
        padding: 0px;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
    }

    [lang="th"] .thumb-full.large {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: auto !important;
    }

    [lang="th"] [data-section-title="เครื่องมือช่วยเหลือ"] .thumb-full.large {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: calc(50vw) !important;
    }

    [lang="th"] .icon-search span {
        font-size: 1rem;
        top: 14px;
        font-weight: 700;
    }

    [lang="th"] #nav {
        padding-top: 0px !important;
    }

    [lang="th"] #search-modal .easy-autocomplete-container .eac-item a .sub-title-medium {
        font: 1rem BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "'ＭＳ Ｐゴシック'!important";
    }

    .main-nav .link-sub,
    [lang="th"] .main-nav a {
        color: rgb(43, 43, 43);
        display: table-cell;
        padding: 25px 0px;
        white-space: nowrap;
        font-weight: 700 !important;
        font-size: 1rem !important;
    }

    [lang="th"] .sub-title-medium {
        font: 0.8rem / 1.375 BangkokBank-Medium !important;
        color: rgb(0, 0, 0) !important;
    }

    [lang="th"] .quick-news .slick-dots {
        text-align: left;
        bottom: -50px !important;
    }

    [lang="th"] .no-touch.desktop .main-nav li.has-sub .link-sub:hover {
        animation: auto ease 0s 1 normal none running none !important;
    }

    [lang="th"] .inner-container {
        padding: 0px 48px;
    }

    [lang="th"] .banner,
    [lang="th"] .banner-carousel {
        width: 100%;
        height: auto;
    }

    [lang="th"] .thumb {
        background-repeat: no-repeat;
        background-size: cover;
        transition: 0.2s;
    }

    [lang="th"] #funds-comparison-list .thumb,
    [lang="th"] [data-compare-photo].thumb {
        background-size: contain;
    }

    [lang="th"] .thumb.desktop-banner {
        max-height: 350px !important;
        height: calc(-27.5862px + 68.9655vw) !important;
    }

    [lang="th"] .banner .thumb.desktop-banner::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: 0px 0px !important;
    }

    [lang="th"] .banner .caption.desktop-banner {
        position: relative !important;
        top: 20px !important;
    }

    [lang="th"] .desktop-banner .desktop-sub-title,
    [lang="th"].desktop-banner .desktop-title-1 {
        transition: 0.6s 0.4s;
        color: rgb(255, 255, 255) !important;
    }

    [lang="th"] .desktop-banner .desktop-title-1 {
        letter-spacing: -0.2px;
        font: 3rem / 3.75rem BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    }

    [lang="th"] .text-light.text-light {
        font-family: BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif;
    }

    [lang="th"] .desktop-banner p {
        color: rgb(255, 255, 255) !important;
    }

    [lang="th"] .desktop-banner .banner .caption .line {
        margin: 0px 0px 15px;
        padding: 0px 0px 15px;
        color: rgb(255, 255, 255) !important;
    }

    [lang="th"] .desktop-banner .line::before {
        content: "";
        position: absolute;
        left: 0px;
        width: 21px;
        bottom: 0px;
        height: 1px;
        background: rgb(255, 255, 255) !important;
    }

    [lang="th"] .banner .caption p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        font: 1.3rem / 1.642 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .banner-carousel .desktop-banner .desktop-sub-title,
    [lang="th"].banner-carousel .desktop-banner .desktop-title-1 {
        transform: translateY(300px);
        opacity: 0;
        transition: 0.6s 0.4s;
        font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
        color: rgb(0, 0, 0) !important;
    }

    [lang="th"] .banner-carousel,
    [lang="th"] .banner-carousel .caption,
    [lang="th"] .main-banner,
    [lang="th"] .main-banner .caption,
    [lang="th"] .slick-dots li button::before {
        background: 0px 0px !important;
    }

    [lang="th"] .banner-carousel .caption .desktop-banner .desktop-intro,
    [lang="th"].main-banner .caption .desktop-banner .desktop-sub-title {
        transform: translateY(300px);
        opacity: 0;
        transition: 0.6s 0.45s;
        color: rgb(0, 0, 0) !important;
        padding: 16px 0px 0px !important;
        font: 2rem / 2.4rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .banner-carousel .item.slick-active .caption .desktop-banner .desktop-intro {
        padding: 10px 0px;
        line-height: 1;
    }

    [lang="th"] .banner-carousel .item.slick-active .button-group,
    [lang="th"] .banner-carousel .item.slick-active .caption .desktop-banner .desktop-intro,
    [lang="th"] .banner-carousel .item.slick-active .desktop-banner .desktop-sub-title,
    [lang="th"] .banner-carousel .item.slick-active .desktop-intro {
        opacity: 1;
        transform: translate(0px);
        font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .banner-carousel .slick-dots {
        position: absolute;
        list-style: none;
        display: block;
        padding: 0px;
        width: 100%;
        height: 20px;
        bottom: 20px !important;
        margin: 0px !important;
    }

    [lang="th"] .banner-carousel .middle-block {
        padding-bottom: 30px !important;
    }

    [lang="th"] .banner-carousel .caption,
    [lang="th"] .main-banner .caption {
        padding: 0px !important;
    }

    [lang="th"] .banner-carousel .caption.desktop-banner,
    [lang="th"] .main-banner .caption.desktop-banner {
        position: relative !important;
        top: 0px !important;
    }
}

@media only screen and (max-width: 375px) {
    [lang="th"] .home_page_banner_content h1 {
        font-size: 3.3rem;
        line-height: 1.25em;
    }

    [lang="th"] .promotion-carousal h3 {
        -webkit-line-clamp: 2;
    }

    .tips-and-insight .text-center h2,
    .wrapper_tool_section .inner-container .text-center>h2,
    [lang="th"] .promotion-carousal-title h2,
    [lang="th"] .tips-and-insight .text-center h2.title-1.small.line {
        font-size: 1.4rem !important;
        line-height: 1.75rem !important;
    }

    [lang="th"] .wrapper_tool_section .fullwidth_tool_section .quick-news .text-default {
        font-size: 0.9rem;
        line-height: 1.125rem;
    }

    [lang="th"] .promotion-carousal h3,
    [lang="th"] .tips_insight_carousal_title,
    [lang="th"] .tips_insight_quick_access_title,
    [lang="th"] .title-3 {
        font-size: 1.1rem !important;
        line-height: 1.437rem !important;
    }
}

[lang="th"] .be-banking {
    font: 16px / 1.3 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking .container {
    font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking .main-nav li.has-sub .link-sub {
    position: relative;
    padding-right: 25px;
}

[lang="th"] .be-banking #nav .nav-title a {
    color: rgb(203, 173, 111);
    font: 1.1rem BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking #nav .nav-title a::after {
    transition: 0.3s;
    margin-left: 20px;
    font-size: 0.6rem;
}

[lang="th"] .be-banking .mobile-banner .mobile-sub-title,
[lang="th"].be-banking .mobile-banner .mobile-title-1 {
    transition: 0.6s 0.4s;
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
    color: rgb(0, 0, 0) !important;
}

[lang="th"] .be-banking .main-nav li.has-sub .link-sub::after {
    position: absolute;
    right: 0px;
    font-size: 6px;
}

[lang="th"] .be-banking .editor ul,
[lang="th"] .be-banking .scWebEditInput ul,
[lang="th"] .be-banking .text-default ul,
[scfieldtype="rich text"] ul {
    list-style: disc;
    margin-left: 20px;
    padding-left: inherit;
    font-size: 1rem;
}

[lang="th"] .be-banking .language-change span {
    margin: 0px 0.3rem;
    position: relative;
    top: 0px;
    font: 100 0.9rem Muli-Bold;
    color: rgb(255, 255, 255);
}

[lang="th"] .be-banking .language-change img {
    width: 21px;
    border-radius: 50%;
    position: relative;
    top: -2px;
}

[lang="th"] .be-banking .icon-locationsearch {
    margin-right: 50px;
    position: relative;
    padding: 0px 10px;
    top: 1px !important;
}

[lang="th"] .be-banking .icon-search span {
    color: rgb(43, 43, 43);
    position: absolute;
    left: 62px;
    top: 15px;
    font-size: 1rem !important;
}

[lang="th"] .be-banking .custom-links .all-links a {
    padding: 4px 0px;
    color: rgb(0, 0, 0);
    display: block;
    white-space: nowrap;
    max-width: 72vw;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
}

[lang="th"] .be-banking #search-modal .easy-autocomplete-container ul li,
[lang="th"] .be-banking .middle-block .text-default {
    font-size: 1rem;
}

[lang="th"] .be-banking .text-default,
[lang="th"] .be-banking p {
    font: 1rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking .description.text-default {
    font-size: 1rem !important;
}

[lang="th"] .be-banking .thumb-default.full .button-group p.link-text {
    padding-right: 15px;
}

[lang="th"] .be-banking .thumb-default.full>.button-group>.btn-primary>p.link-text {
    padding-right: 0px;
}

[lang="th"] .be-banking .thumb-info.no-shadow p.link-text {
    padding: 10px;
}

[lang="th"] .be-banking .mega-menu .item h3 {
    -webkit-font-smoothing: subpixel-antialiased;
}

[lang="th"] .be-banking .mega-menu .quick-links {
    padding: 0px 0px 40px;
}

[lang="th"] .be-banking .mega-menu .quick-links li {
    overflow: hidden;
    float: none;
}

[lang="th"] .be-banking .mega-menu .quick-links a:hover {
    color: rgb(199, 184, 153);
}

[lang="th"] .be-banking .mega-menu .quick-links a:active {
    color: rgb(203, 173, 111);
}

[lang="th"] .be-banking .mega-menu .item:last-child .quick-links {
    padding-bottom: 20px;
}

[lang="th"] .be-banking .group-link .title {
    font-size: 1rem;
    padding: 10px 0px;
}

[lang="th"] .be-banking #footer .list-dash,
[lang="th"] .be-banking .copy-right {
    font: 0.9rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking #online-banking .top-links>li>a,
[lang="th"] .be-banking .breadcrumb li,
[lang="th"] .be-banking .btn-convert,
[lang="th"] .be-banking .btn-default,
[lang="th"] .be-banking .btn-white,
[lang="th"] .be-banking .caption .intro,
[lang="th"] .be-banking .catalogue-select,
[lang="th"] .be-banking .custom-links .text,
[lang="th"] .be-banking .download-file,
[lang="th"] .be-banking .download-link a,
[lang="th"] .be-banking .download-preview-file,
[lang="th"] .be-banking .filter-button,
[lang="th"] .be-banking .filter-detail,
[lang="th"] .be-banking .forget-something,
[lang="th"] .be-banking .icon-search span,
[lang="th"] .be-banking .label,
[lang="th"] .be-banking .modal-title,
[lang="th"] .be-banking .nav-title,
[lang="th"] .be-banking .other-quicklinks a span,
[lang="th"] .be-banking .radio label span,
[lang="th"] .be-banking .rang-slider .range,
[lang="th"] .be-banking .search-advance,
[lang="th"] .be-banking .search-input input,
[lang="th"] .be-banking .tab-header a,
[lang="th"] .be-banking .table-primary,
[lang="th"] .be-banking .tabs-dropdown select,
[lang="th"] .be-banking .thumb-card .inner .text-default,
[lang="th"] .be-banking .top-header a,
[lang="th"] .be-banking .ui-datepicker th,
[lang="th"] .be-banking .ui-datepicker-title,
[lang="th"] .be-banking .ui-selectmenu-button,
[lang="th"] .be-banking .ui-selectmenu-menu .ui-menu-item,
[lang="th"] .be-banking .update-flex-list .item span,
[lang="th"] .be-banking [class*="title"],
[lang="th"] .be-banking [data-tab] .financial-plan,
[lang="th"] .be-banking b,
[lang="th"] .be-banking h1,
[lang="th"] .be-banking h2,
[lang="th"] .be-banking h3,
[lang="th"] .be-banking h4,
[lang="th"] .be-banking h5,
[lang="th"] .be-banking h6,
[lang="th"] .be-banking select.form-control,
[lang="th"] .be-banking strong {
    font-family: BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 100;
    -webkit-font-smoothing: subpixel-antialiased;
}

[lang="th"] .be-banking #online-banking .top-links [data-level-1] {
    color: rgba(102, 102, 102, 0.6);
    font: 1rem / 1.3 BangkokBank-Light, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking #online-banking .sub-title-medium.line.right {
    font-size: 1.1rem;
    color: rgb(0, 0, 0);
}

[lang="th"] .be-banking .text-small {
    font-size: inherit;
}

[lang="th"] .be-banking .text-x-small {
    font-size: 0.8rem;
}

[lang="th"] .be-banking .title-1 {
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 3rem !important;
    line-height: 3.75rem !important;
}

[lang="th"] .be-banking .title-2,
[lang="th"] .be-banking .title-3 {
    font-weight: 300;
    font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.5rem !important;
}

[lang="th"] .be-banking .title-2 {
    line-height: 1.875rem !important;
}

[lang="th"] .be-banking .title-3 {
    line-height: 1.875rem;
}

[lang="th"] .be-banking .thumb-full .title-1,
[lang="th"] .be-banking h2.title-1.small.line {
    font-size: 3rem !important;
    line-height: 3.75rem !important;
}

[lang="th"] .be-banking .sub-title {
    position: relative;
    top: 10px;
    letter-spacing: 0.8px;
    padding-bottom: 20px;
    font: 1rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking .sub-title-small,
[lang="th"] .be-banking .thumb-full.large .thumb-square .sub-title-small {
    font-size: 0.9rem;
}

[lang="th"] .be-banking .sub-title-medium.line.right {
    font-size: 1.1rem;
}

[lang="th"] .be-banking #search-modal .easy-autocomplete-container .eac-item a .sub-title-medium {
    font: 1.1rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking .other-quicklinks a span {
    font: 1rem BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
}

[lang="th"] .be-banking .thumb-default .caption .desc {
    font-size: 1rem;
}

[lang="th"] .be-banking .banner-carousel .caption p {
    font: 1.3rem / 1.642 BangkokBank-Regular !important;
}

@media only screen and (max-width: 767px) {

    [lang="th"] .banner-carousel .caption .mobile-banner .mobile-intro,
    [lang="th"] .mobile-banner .mobile-title-1 {
        font: 1.6rem / 2rem BangkokBank-Medium !important;
    }

    [lang="th"] .be-banking .banner-carousel .caption .mobile-banner .mobile-intro,
    [lang="th"] .be-banking .main-banner .caption .mobile-banner .mobile-sub-title {
        transform: translateY(300px);
        opacity: 0;
        transition: 0.6s 0.4s;
        color: rgb(0, 0, 0) !important;
        padding: 30px 0px 0px !important;
        font: 1.6rem / 2rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .be-banking .title-1 {
        font-size: 1.9rem !important;
        line-height: 1.75rem !important;
    }

    [lang="th"] .be-banking .title-2,
    [lang="th"] .be-banking .title-3 {
        font-weight: 300;
        font-size: 1.5rem !important;
        line-height: 1.875rem !important;
    }

    [lang="th"] .be-banking .sub-title {
        font-size: 1.4rem;
        line-height: 1.516rem;
        position: relative;
        top: 10px;
    }

    [lang="th"] .be-banking #search-modal .search-input input {
        font: 2.33rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .be-banking .banner .caption p {
        margin-top: 10px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font: 1.3rem / 1.642rem BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .be-banking .banner-carousel .item.slick-active .caption .mobile-banner .mobile-intro {
        opacity: 1;
        transform: translate(0px);
        padding: 10px 0px;
        line-height: 1;
        font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .be-banking .banner-carousel .item.slick-active .mobile-banner .mobile-sub-title {
        opacity: 1;
        transform: translate(0px);
        font: 0.925rem BangkokBank-Bold, Tahoma, Helvetica, Arial, sans-serif !important;
    }

    [lang="th"] .be-banking .banner-carousel .item.slick-active .button-group,
    [lang="th"] .be-banking .banner-carousel .item.slick-active .mobile-intro {
        opacity: 1;
        transform: translate(0px);
        font-family: BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif !important;
    }
}

@media only screen and (min-width: 992px) {
    [lang="th"] .be-banking .banner-carousel .caption .intro {
        font-weight: 700;
        padding-bottom: 10px;
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }

    [lang="th"] .be-banking #nav {
        padding-top: 9px;
    }

    [lang="th"] .text-center .title-1.line.small,
    [lang="th"] .thumb-full .title-1,
    [lang="th"] h2.title-1 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    [lang="th"] .desktop-banner>.title-1.line {
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }
}

@media only screen and (max-width: 991px) {

    [lang="th"] body,
    [lang="th"] html {
        font-size: 14px !important;
    }

    [lang="th"] .be-banking .icon-locationsearch {
        margin-right: 10px;
        position: relative;
        padding: 0px 10px;
        top: 30px !important;
    }

    [lang="th"] .be-banking .title-1 {
        line-height: normal;
    }

    [lang="th"] .be-banking .thumb-full .title-1,
    [lang="th"] .be-banking .title-1,
    [lang="th"] .be-banking h2.title-1.small.line {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    [lang="th"] .be-banking .main-nav li.has-sub .link-sub::after {
        position: absolute;
        right: -20px;
        top: 50%;
        font-size: 6px;
    }

    [lang="th"] .be-banking .language-change span {
        color: rgb(0, 0, 0);
    }

    [lang="th"] .be-banking .language-selection span,
    [lang="th"] .be-banking .main-nav li.has-sub.current {
        font-family: BangkokBank-Medium, Tahoma, Helvetica, Arial, sans-serif;
    }

    [lang="th"] .be-banking .mega-menu .item h3 {
        color: rgb(0, 100, 255);
        font-size: 0.95rem;
        -webkit-font-smoothing: subpixel-antialiased;
    }

    [lang="th"] .be-banking .mega-menu .quick-links a {
        font-size: 1rem;
        padding: 20px 0px;
        display: inline-block;
        color: rgb(0, 100, 255);
        line-height: 1.25;
        white-space: normal;
        min-width: 280px;
    }

    [lang="th"] .be-banking .btn-login[data-btn-login] {
        font-size: 0px;
        background: 0px 0px !important;
    }

    [lang="th"] .be-banking .main-nav .link-sub {
        color: rgb(43, 43, 43);
        font-weight: 700;
        white-space: nowrap;
    }

    [lang="th"] .be-banking .main-nav .link-sub,
    [lang="th"] .be-banking .main-nav a {
        display: inline-block;
        font-size: 1rem !important;
    }

    .main-nav .link-sub,
    [lang="th"] .be-banking .main-nav a {
        color: rgb(43, 43, 43);
        display: table-cell;
        padding: 20px 0px;
        font-weight: 700;
        white-space: nowrap;
    }

    [lang="th"] .be-banking .sub-title-medium.line.right {
        font-size: 1.3rem;
        letter-spacing: 0.7px;
    }

    [lang="th"] .be-banking #online-banking .top-links [data-level-1] {
        font-size: 1rem;
        color: rgb(153, 153, 153);
    }
}

.bgd-Wealth {
    background: rgb(245, 245, 245);
}

.bgd-PrivateBanking {
    background: rgb(0, 40, 80);
}

.bgd-Elite {
    background: rgb(50, 50, 56);
}

.bgd-Wealth.crossBanner {
    background: rgb(245, 245, 245);
    padding: 50px 0px 0px;
    overflow-x: auto;
    max-width: 100%;
}

.bgd-PrivateBanking.crossBanner {
    background: rgb(255, 255, 255);
    padding: 50px 0px 0px;
    overflow-x: auto;
    max-width: 100%;
}

.bgd-Elite.crossBanner {
    background: rgb(50, 50, 56);
    padding: 50px 0px 0px;
    overflow-x: auto;
    max-width: 100%;
}

.crossBanner .inner-container {
    padding: 0px !important;
}

.crossBanner.bgd-PrivateBanking .crossBanner_content .crossBanner_title,
.crossBanner.bgd-Wealth .crossBanner_content .crossBanner_title {
    color: rgb(0, 0, 0) !important;
}

.crossBanner.bgd-PrivateBanking .crossBanner_content .crossBanner_description {
    color: rgb(78, 78, 78) !important;
}

.crossBanner.bgd-Elite .crossBanner_content .crossBanner_description,
.crossBanner.bgd-Elite .crossBanner_content .crossBanner_title {
    color: rgb(255, 255, 255) !important;
}

.toast-title {
    font-weight: 700;
}

.toast-message {
    overflow-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: rgb(255, 255, 255);
}

.toast-message a:hover {
    color: rgb(204, 204, 204);
    text-decoration: none;
}

.toast-close-button {
    position: absolute;
    color: rgb(0, 0, 0);
    opacity: 0.8;
    line-height: 1;
    width: 30px;
    height: 30px;
    background: rgb(255, 255, 255);
    cursor: pointer;
    border-radius: 26px;
    top: 20%;
    right: 13px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 0px !important;
}

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}

.toast-close-button::after,
button.toast-close-button::before {
    position: absolute;
    left: 47%;
    top: 26%;
    content: " ";
    height: 14px;
    width: 2px;
    background-color: rgb(187, 105, 103);
}

button.toast-close-button::before {
    transform: rotate(45deg);
}

button.toast-close-button::after {
    transform: rotate(-45deg);
}

.toast-top-center {
    top: 113px;
    right: 0px;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0px;
    right: 0px;
    width: 100%;
}

.toast-top-full-width {
    top: 0px;
    right: 0px;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0px;
    right: 0px;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

#toast-container * {
    box-sizing: border-box;
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    margin: 0px 0px 6px;
    padding: 15px 15px 15px 24px;
    width: 300px;
    border-radius: 42px;
    background-position: 15px center;
    background-repeat: no-repeat;
    color: rgb(255, 255, 255);
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toast-container>.toast-success {
    background-image: url("/k393_th_points_bangkokbank_index/resources/4a21bea871191e6c1d0806ac77bbc3f0.png") !important;
}

#toast-container>.toast-warning {
    background-image: url("/k393_th_points_bangkokbank_index/resources/87467b7d31c940af40a94ab56e47323d.png") !important;
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: rgb(3, 3, 3);
}

.toast-success {
    background-color: rgb(81, 163, 81);
}

.toast-error {
    background-color: rgb(187, 105, 103);
}

.toast-info {
    background-color: rgb(47, 150, 180);
}

.toast-warning {
    background-color: rgb(248, 148, 6);
}

.toast-progress {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 4px;
    background-color: rgb(0, 0, 0);
    opacity: 0.4;
}

@media (max-width: 240px) {
    #toast-container>div {
        padding: 15px;
        width: 11em;
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 15px 15px 15px 25px;
        width: 18em;
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px;
        width: 25em;
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px;
    }
}

.not-wealth .inner-container,
.wealth .inner-container,
.wealth.wrapper.pad-top .inner-container {
    max-width: 100%;
    padding: 0px;
}

.wealth.wrapper .row {
    display: flex;
    flex-wrap: wrap;
}

.max-width .inner-container {
    max-width: 100% !important;
    padding: 0px 84px !important;
    margin: 0px auto !important;
}

.new-margin .inner-container,
.wrapper .inner-container:has(.center-content ~ [data-tab].stories),
.wrapper[data-section-title] .inner-container:has(.center-content ~ .row[class*="row-"]),
.wrapper[data-section-title] .inner-container:has(.center-content ~ .scrolling-x > .row[class*="row-"]),
.wrapper[data-section-title] .inner-container:has(.content ~ .row[class*="row-"]),
.wrapper[data-section-title] .inner-container:has(.text-center ~ .scrolling-x > .row) {
    margin: 0px auto;
    max-width: 1240px !important;
}

#newsYear.inner {
    margin: 0px auto;
    max-width: 1240px !important;
}

.not-wealth.banner,
.wealth.banner {
    color: rgb(0, 0, 0) !important;
}

.wealth-pb.banner {
    color: rgb(255, 255, 255) !important;
}

.wealth-pb.banner .button-group>.btn-primary,
.wealth-pb.text-center [class*="btn-white"] {
    font: 1rem / 1.3 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    background: rgb(255, 255, 255);
    min-width: 155px;
    color: rgb(0, 0, 0) !important;
    border: 1px solid rgb(255, 255, 255) !important;
    box-shadow: none !important;
}

.wealth-pb.banner .button-group>.btn-primary:hover,
.wealth-pb.text-center [class*="btn-white"]:hover {
    background: rgb(0, 100, 255) !important;
    border: 1px solid rgb(0, 100, 255) !important;
    color: rgb(255, 255, 255) !important;
    box-shadow: none !important;
}

.wealth.banner {
    background: rgb(245, 245, 245);
}

.wealth-pb.banner {
    background: rgb(0, 40, 80);
}

.wealth-pb.banner,
.wealth.banner {
    display: block;
    position: relative;
    max-height: 100vh;
    height: auto;
}

.not-wealth.banner {
    display: block;
    max-height: 100vh;
    background: rgb(255, 255, 255);
}

.not-wealth.banner,
.not-wealth.banner .banner-background,
.wealth.banner .banner-background {
    position: relative;
    height: auto;
}

.not-wealth.banner .thumb,
.wealth-pb.banner .thumb,
.wealth.banner .thumb {
    height: 570px !important;
    max-height: unset !important;
}

.not-wealth.banner .caption .line,
.wealth-pb.banner .caption .line,
.wealth-pb.banner .caption .mobile-title-1.line,
.wealth.banner .caption .line,
.wealth.banner .caption .mobile-title-1.line {
    margin: 0px;
    padding: 0px;
}

.wealth.banner .caption {
    left: unset;
    float: right;
    color: rgb(0, 0, 0);
}

.not-wealth.banner .caption,
.wealth-pb.banner .caption,
.wealth.banner .caption {
    position: relative;
    display: block;
    width: 60%;
    bottom: 0px !important;
}

.wealth-pb.banner .caption {
    left: unset;
    float: right;
    color: rgb(255, 255, 255);
}

.not-wealth.banner .caption {
    float: left;
}

.wealth-pb.banner .section-image,
.wealth.banner .section-image {
    position: relative;
    top: 48px;
    left: 0px;
    display: inline-block;
}

.not-wealth.banner .section-image {
    display: none;
}

.not-wealth .caption>.desktop-banner,
.not-wealth .caption>.mobile-banner,
.wealth .caption>.desktop-banner,
.wealth .caption>.mobile-banner,
.wealth-pb .caption>.desktop-banner,
.wealth-pb .caption>.mobile-banner {
    position: relative;
    margin-right: 0px;
}

.not-wealth .caption>.desktop-banner,
.wealth .caption>.desktop-banner,
.wealth-pb .caption>.desktop-banner {
    display: none !important;
}

.not-wealth .caption>.mobile-banner,
.wealth .caption>.mobile-banner,
.wealth-pb .caption>.mobile-banner {
    display: block !important;
}

.wealth h3.mobile-title-1,
.wealth-pb h3.mobile-title-1 {
    font-family: BangkokBank-Regular !important;
    font-size: 1.6rem !important;
    line-height: 2rem !important;
    color: rgb(147, 147, 153) !important;
}

[lang="th"] .wealth h3.mobile-title-1,
[lang="th"] .wealth-pb h3.mobile-title-1 {
    font-family: BangkokBank-Regular !important;
    line-height: 1.571rem !important;
}

.wealth-pb.banner .caption .mobile-title-1,
.wealth-pb.banner .caption .title-1,
[lang="th"] .wealth-pb.banner .caption .mobile-title-1,
[lang="th"] .wealth-pb.banner .caption .title-1 {
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px;
    padding: 0px;
    font-size: 3rem;
    line-height: 2.875rem;
}

[lang="th"] .wealth-pb.banner .caption .mobile-title-1,
[lang="th"] .wealth-pb.banner .caption .title-1 {
    line-height: 3.75rem;
}

.wealth-pb.banner .caption p,
.wealth.banner .caption p,
[lang="th"] .wealth-pb.banner .caption p,
[lang="th"] .wealth.banner .caption p {
    font-family: BangkokBank-Regular;
    font-size: 1.5rem;
    line-height: 1.625rem;
    margin-top: 16px;
    text-shadow: none;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

[lang="th"] .wealth-pb.banner .caption p,
[lang="th"] .wealth.banner .caption p {
    line-height: 1.875rem;
}

.not-wealth.wrapper .banner-background .thumb,
.wealth-pb.wrapper .banner-background .thumb,
.wealth.wrapper .banner-background .thumb {
    height: 570px;
}

.not-wealth.banner .caption .mobile-title-1.line {
    color: rgb(0, 0, 0);
    margin: 0px;
    padding: 0px;
}

.not-wealth.banner .caption p {
    margin-top: 16px;
    color: rgb(0, 0, 0);
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

.wealth-pb.wrapper .thumb,
.wealth.wrapper .thumb {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: 0.2s;
    width: 100%;
}

.wealth-pb.wrapper .thumb-large.smaller .intro-info .button-group .btn-primary,
.wealth.wrapper .thumb-large.smaller .intro-info .button-group .btn-primary {
    width: 155px !important;
}

.wealth-benefit .inner-container,
.wealth-benefit.wrapper.pad-top[data-section-title] .inner-container,
.wealth-card .inner-container,
.wealth-tools .inner-container {
    max-width: 100%;
    padding: 0px;
    margin: 0px 84px;
}

.wealth-benefit.wrapper .title-1.line {
    margin: 0px;
}

.wealth-benefit.wrapper .scrolling-x .row {
    justify-content: unset;
    flex-wrap: wrap;
    display: block !important;
}

.wealth-benefit.wrapper .thumb-info {
    text-align: left;
    background: rgb(255, 255, 255);
    position: relative;
    box-shadow: transparent 0px 0px 16px 0px;
    border-width: 0px 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-image: initial;
    border-left-style: solid;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    max-width: 364px;
    padding: 16px 0px 16px 32px;
}

.wealth-benefit.wrapper .scrolling-x .thumb-info .caption {
    flex-grow: 1;
    top: 0px;
    position: relative;
}

.wealth-benefit.wrapper .scrolling-x .thumb-info .title-3.line,
.wealth-benefit.wrapper .scrolling-x .wealth-info .title-1.small.line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.375rem !important;
    line-height: 1.375rem !important;
}

.wealth-benefit.wrapper .scrolling-x .wealth-info p,
.wealth-benefit.wrapper .thumb-info .caption .text-default,
.wealth-benefit.wrapper .thumb-info .caption p {
    font-size: 0.875rem;
    line-height: 1.125rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wealth-benefit.wrapper .scrolling-x .wealth-info p {
    -webkit-line-clamp: 8;
}

.wealth-benefit.wrapper .thumb-info .visual-img img,
.wealth-card.wrapper .thumb-square .visual-img img,
.wealth-tools.wrapper .thumb-square .visual-img img {
    width: 48px;
    height: 48px;
}

.wealth-benefit.wrapper .thumb-info .visual-img {
    height: 82px;
}

.wealth-tools.wrapper .thumb-square {
    width: 100%;
    height: 250px;
    display: block;
}

.wealth-card.wrapper .list-thumb-square li,
.wealth-tools.wrapper .list-thumb-square li {
    border-radius: 8px;
    min-width: 230px;
    width: 100%;
    text-align: left;
    padding: 20px;
    height: 250px;
    display: table-cell;
    margin: 20px 20px 0px 0px;
}

.wealth-tools.wrapper .thumb-list {
    height: 250px;
    margin-bottom: 60px;
}

.wealth-tools.wrapper .list:hover {
    border: 1px solid rgb(0, 100, 255);
    box-shadow: rgba(0, 51, 153, 0.17) 5px 5px 0px;
}

.wealth-tools.wrapper .list .thumb-square {
    position: relative;
    display: block;
    flex-direction: column;
    align-items: center;
    text-align: left;
}

.wealth-tools.wrapper .list {
    position: relative;
    top: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 8px;
    margin: 10px 0px;
    width: 100%;
}

.wealth-tools.wrapper .text-content {
    position: absolute;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
}

.wealth-card.wrapper .thumb-full h2.title-1,
.wealth-tools.wrapper .thumb-full h2.title-1 {
    margin: 30px 0px;
}

.wealth-card.wrapper .thumb-full.large .thumb-square .sub-title-small,
.wealth-tools.wrapper .thumb-full.large .thumb-square .sub-title-small {
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 16px;
}

.wealth-tools.wrapper .thumb-square .visual-img {
    margin: 5px auto 60px;
}

.wealth-tools.wrapper .thumb-square .sub-title-small {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 0px;
    margin-bottom: 16px;
}

.wealth-card.wrapper a.link-primary.white.pull-right,
.wealth-tools.wrapper a.link-primary.white.pull-right {
    margin: 10px 0px 0px;
    color: rgb(0, 100, 255) !important;
}

.wealth-card.wrapper a.link-primary.white.pull-right:hover::after,
.wealth-tools.wrapper a.link-primary.white.pull-right:hover::after {
    right: -5px;
}

.wealth-card.wrapper a.link-primary.white.pull-right::after,
.wealth-tools.wrapper a.link-primary.white.pull-right::after {
    font-family: icomoon;
    content: "";
    position: absolute;
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    transition: 0.3s;
}

.wealth-tools.wrapper .thumb-full .inner {
    display: block;
}

.wealth-card.wrapper .thumb-square {
    width: 100%;
    height: 300px;
    display: block;
}

.wealth-card.wrapper .list-thumb-square li {
    height: 300px;
}

.wealth-card.wrapper .thumb-list {
    height: 300px;
    margin-bottom: 60px;
}

.wealth-card.wrapper .list:hover {
    border: 1px solid rgb(0, 100, 255);
    box-shadow: rgba(0, 51, 153, 0.17) 5px 5px 0px;
}

.wealth-card.wrapper .list .thumb-square {
    position: relative;
    display: block;
    flex-direction: column;
    align-items: center;
    text-align: left;
}

.wealth-card.wrapper .list {
    position: relative;
    top: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 8px;
    margin: 10px 0px;
    width: 100%;
}

.wealth-card.wrapper .text-content {
    position: relative;
    top: 0px;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
}

.wealth-card.wrapper .thumb-full.large .list-thumb-square {
    display: inline-flex;
}

.wealth-card.wrapper .thumb-square .visual-img {
    margin: 5px auto 50px;
}

.wealth-card.wrapper .thumb-square .sub-title-small {
    font-size: 1.375rem;
    line-height: 1.375rem;
    padding: 0px;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wealth-card.wrapper .thumb-square .text-content .description-small {
    font-size: 0.875rem;
    line-height: 1.125rem;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wealth-card.wrapper .thumb-full .inner {
    display: block;
}

.wealth.productcompare.inner-container [data-carousel-product] .slick-next,
.wealth.productcompare.inner-container [data-carousel-product] .slick-prev {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    top: 83%;
    height: 66px;
    width: 66px;
    left: 0px !important;
}

.wealth.productcompare.inner-container [data-carousel-product] .slick-next {
    left: 78px !important;
}

.wealth.productcompare.inner-container .thumb-full .inner {
    vertical-align: top;
}

.wealth.productcompare.inner-container .slick-next::before,
.wealth.productcompare.inner-container .slick-prev::before {
    position: absolute;
    font-size: 14px;
    line-height: 40px;
    padding: 0px;
    border: 0px;
    color: rgb(0, 100, 255);
    outline: 0px;
    top: 18%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    transition: 0.5s;
}

.wealth.productcompare.inner-container .slick-prev::before {
    transform: rotate(180deg) translateX(5px);
}

.wealth.productcompare.inner-container [data-carousel-product] {
    margin-bottom: -30px !important;
}

.wealth.productcompare.inner-container [data-carousel-product] .slick-dots {
    bottom: -10px;
}

.wealth.productcompare.inner-container [data-carousel-product] .slick-next:hover {
    margin-left: 5px;
}

.wealth.productcompare.inner-container [data-carousel-product] .slick-prev:hover {
    margin-left: -5px;
}

@media only screen and (max-width: 760px) {
    .max-width .inner-container {
        padding: 0px 16px;
        margin: 0px auto;
        max-width: 100% !important;
    }

    .not-wealth.banner.mobile,
    .wealth-pb.banner.mobile,
    .wealth.banner.mobile {
        height: auto;
        min-height: 450px !important;
        max-height: unset !important;
    }

    .wealth-pb.wrapper .smaller .thumb,
    .wealth-pb.wrapper .thumb-large .thumb,
    .wealth.wrapper .smaller .thumb,
    .wealth.wrapper .thumb-large .thumb {
        border-radius: 8px 8px 0px 0px;
    }

    .wealth-pb.wrapper .thumb-large .intro-info,
    .wealth.wrapper .thumb-large .intro-info {
        position: relative;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 100% !important;
    }

    .wealth-pb.wrapper .thumb,
    .wealth.wrapper .thumb {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .wealth-pb.wrapper .smaller .thumb,
    .wealth-pb.wrapper .thumb-large .thumb,
    .wealth.wrapper .smaller .thumb,
    .wealth.wrapper .thumb-large .thumb {
        border-radius: 8px 8px 0px 0px;
    }

    .wealth-pb.wrapper .thumb-large .intro-info,
    .wealth.wrapper .thumb-large .intro-info {
        position: relative;
        top: 0px;
        right: 0px;
        bottom: 0px;
        border-radius: 0px;
        width: 100% !important;
    }

    .wealth-pb.wrapper .thumb,
    .wealth.wrapper .thumb {
        width: 100%;
    }

    .wealth-pb.wrapper .intro-info .button-group,
    .wealth.wrapper .intro-info .button-group {
        position: unset !important;
    }

    .not-wealth .inner-container,
    .wealth .inner-container,
    .wealth-benefit .inner-container,
    .wealth-pb .inner-container,
    .wealth-tools .inner-container {
        max-width: 100%;
        padding: 0px 48px;
        margin: 0px auto;
    }

    .not-wealth.banner-carousel.mobile,
    .not-wealth.banner.mobile,
    .wealth-pb.banner-carousel.mobile,
    .wealth-pb.banner.mobile,
    .wealth.banner-carousel.mobile,
    .wealth.banner.mobile {
        height: auto;
        min-height: 480px !important;
        max-height: unset !important;
    }

    .wealth-card.wrapper[data-section-title="Tools & Assistance"] .thumb-full.large.mobile-tools,
    .wealth-tools.wrapper[data-section-title="Tools & Assistance"] .thumb-full.large.mobile-tools {
        height: 0px !important;
    }

    .wealth-card.wrapper .list-thumb-square,
    .wealth-tools.wrapper .list-thumb-square {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .wealth-pb.wrapper .thumb-large.smaller,
    .wealth.wrapper .thumb-large.smaller {
        height: 350px !important;
    }

    .wealth.productcompare.inner-container .thumb-full .thumb {
        margin: 0px !important;
    }
}

@media only screen and (max-width:991) {

    .not-wealth .inner-container,
    .wealth .inner-container,
    .wealth-benefit .inner-container,
    .wealth-card .inner-container,
    .wealth-pb .inner-container,
    .wealth-tools .inner-container {
        max-width: 100%;
        padding: 0px 48px;
        margin: 0px auto !important;
    }

    .wealth-pb.wrapper .smaller .thumb,
    .wealth-pb.wrapper .thumb-large .thumb,
    .wealth.wrapper .smaller .thumb,
    .wealth.wrapper .thumb-large .thumb {
        border-radius: 8px 8px 0px 0px;
    }

    .wealth-pb.wrapper .thumb-large .intro-info,
    .wealth.wrapper .thumb-large .intro-info {
        position: relative;
        top: 0px;
        right: 0px;
        bottom: 0px;
        border-radius: 0px;
        width: 100% !important;
    }

    .wealth-benefit.wrapper .scrolling-x [class*="col-md-3"],
    .wealth-benefit.wrapper .scrolling-x [class*="col-md-9"],
    .wealth-pb.wrapper .thumb,
    .wealth.wrapper .thumb {
        width: 100%;
    }

    .wealth-tools.wrapper[data-section-title="Tools & Assistance"] .thumb-full.large.mobile-tools {
        height: 0px !important;
    }

    .not-wealth .caption>.desktop-banner,
    .wealth .caption>.desktop-banner,
    .wealth-pb .caption>.desktop-banner {
        display: none !important;
    }

    .not-wealth .caption>.mobile-banner,
    .wealth .caption>.mobile-banner,
    .wealth-pb .caption>.mobile-banner {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) {

    .not-wealth .inner-container,
    .wealth .inner-container,
    .wealth-benefit .inner-container,
    .wealth-card .inner-container,
    .wealth-pb .inner-container,
    .wealth-tools .inner-container {
        max-width: 100%;
        padding: 0px 48px;
        margin: 0px auto;
    }

    .wealth.banner~.banner.mobile {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 761px) {
    .btn-login[data-btn-login] {
        right: 48px !important;
    }

    .icon-search[data-search-modal] {
        position: relative;
        right: 0px;
        margin-right: 48px;
        color: rgb(0, 0, 0);
        top: 15px !important;
    }
}

@media only screen and (min-width: 992px) {
    .inner-container {
        width: 100% !important;
        padding: 0px 48px !important;
        margin: 0px auto !important;
    }

    .btn-login[data-btn-login] {
        right: 0px !important;
    }

    .not-wealth.banner .thumb,
    .wealth-pb.banner .thumb,
    .wealth.banner .thumb {
        height: 570px !important;
        max-height: unset !important;
    }

    .not-wealth .caption>.desktop-banner,
    .wealth .caption>.desktop-banner,
    .wealth-pb .caption>.desktop-banner {
        display: none !important;
    }

    .not-wealth .caption>.mobile-banner,
    .wealth .caption>.mobile-banner,
    .wealth-pb .caption>.mobile-banner {
        display: block !important;
    }

    .wealth.productcompare.inner-container [data-carousel-product] {
        margin-bottom: 10px !important;
    }

    .wealth.productcompare.inner-container [data-carousel-product] .slick-dots {
        bottom: -10px;
    }

    .wealth.productcompare.inner-container .thumb-full .inner,
    .wealth.productcompare.inner-container .thumb-full .thumb {
        display: table-cell;
        height: 450px;
        width: 60%;
        border-radius: 8px;
    }

    .wealth.productcompare.inner-container .thumb-full .inner {
        padding-right: 36px;
        padding-left: 0px;
        vertical-align: top;
    }

    .wealth.productcompare.inner-container .thumb-full .thumb+.outer .inner {
        padding-left: 36px;
        padding-right: 0px;
        width: 40%;
        max-width: 100%;
    }

    .wealth h3.title-1,
    .wealth-pb h3.title-1 {
        font-family: BangkokBank-Medium !important;
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
        color: rgb(147, 147, 153) !important;
    }

    [lang="th"] .wealth h3.title-1,
    [lang="th"] .wealth-pb h3.title-1 {
        line-height: 2rem !important;
    }

    .wealth-pb.banner .caption p,
    .wealth.banner .caption p {
        font-size: 1.3rem;
        line-height: 1.571rem;
    }

    [lang="th"] .wealth-pb.banner .caption p,
    [lang="th"] .wealth.banner .caption p {
        font-size: 1.3rem;
        line-height: 1.642rem;
    }
}

@media only screen and (max-width: 1024px) {

    .inner-container,
    .max-width .inner-container {
        padding: 0px 48px;
        width: 100% !important;
        margin: 0px auto !important;
    }

    .max-width .inner-container {
        padding: 0px 48px !important;
    }

    .thumb-full .inner {
        padding-right: 0px;
        padding-left: 0px;
        vertical-align: middle;
    }

    .thumb-full .outer {
        padding: 0px 20px 0px 48px;
    }

    .thumb-full .thumb+.outer {
        padding: 0px 48px 0px 20px;
    }

    .wealth-pb.banner,
    .wealth.banner {
        display: block;
    }

    .wealth.banner~.wrapper[data-section-title="Tips & Insights"] .tile {
        min-height: 356px;
        height: calc(39.5vw);
    }

    .not-wealth .inner-container,
    .wealth .inner-container,
    .wealth-benefit .inner-container,
    .wealth-card .inner-container,
    .wealth-pb .inner-container,
    .wealth-tools .inner-container {
        max-width: 100%;
        padding: 0px 48px;
        margin: 0px auto !important;
    }

    .not-wealth.banner.mobile h3.mobile-title-1.line,
    .wealth-pb.banner.mobile h3.mobile-title-1.line,
    .wealth.banner.mobile h3.mobile-title-1.line {
        margin: 0px;
        padding: 0px;
        font-family: BangkokBank-Medium !important;
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    [lang="th"] .not-wealth.banner.mobile h3.mobile-title-1,
    [lang="th"] .wealth-pb.banner.mobile h3.mobile-title-1,
    [lang="th"] .wealth.banner.mobile h3.mobile-title-1 {
        margin: 0px;
        padding: 0px;
        font-family: BangkokBank-Medium !important;
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    .not-wealth.banner .caption p,
    .wealth-pb.banner .caption p,
    .wealth.banner .caption p {
        padding: 0px;
        margin: 8px 0px 0px;
        font-family: BangkokBank-Regular !important;
        font-size: 1.3rem !important;
        line-height: 1.571rem !important;
    }

    [lang="th"] .not-wealth.banner .caption p,
    [lang="th"] .wealth-pb.banner .caption p,
    [lang="th"] .wealth.banner .caption p {
        padding: 0px;
        margin: 8px 0px 0px;
        font-family: BangkokBank-Regular !important;
        font-size: 1.3rem !important;
        line-height: 1.642rem !important;
    }

    .not-wealth.banner .caption p,
    .wealth.banner .caption p {
        color: rgb(0, 0, 0);
    }

    .wealth-pb.banner .caption p {
        color: rgb(255, 255, 255) !important;
    }

    .not-wealth .mobile-banner .line::before,
    .wealth .mobile-banner .line::before,
    .wealth-pb .mobile-banner .line::before {
        width: 0px;
    }

    .wealth-pb.banner .caption,
    .wealth.banner .caption {
        right: 0px;
        left: unset;
        display: block;
        width: 100%;
        position: relative;
        margin: 0px 0px 64px;
    }

    .wealth-pb.banner .section-image,
    .wealth.banner .section-image {
        position: relative;
        top: 0px;
        display: inline-block;
        margin: 48px 0px 24px;
        width: 220px;
        height: 55px;
    }

    .not-wealth.banner .caption {
        display: block;
        width: 100%;
        position: relative;
        margin: 48px 0px 64px;
    }

    .wealth-pb.wrapper .text-default,
    .wealth.wrapper .text-default {
        font-size: 1rem !important;
        line-height: 1.29rem !important;
    }

    .wealth.wrapper .title-2,
    .wealthpb.wrapper .title-2 {
        font-size: 1.286rem !important;
        line-height: 1.429rem !important;
    }

    .lin .wealth-pb.wrapper .thumb-large.smaller,
    .wealth.wrapper .thumb-large.smaller {
        display: table !important;
        height: 100% !important;
    }

    .wealth-pb.wrapper .smaller .thumb,
    .wealth-pb.wrapper .thumb-large .thumb,
    .wealth.wrapper .smaller .thumb,
    .wealth.wrapper .thumb-large .thumb {
        height: 200px;
        border-radius: 8px 8px 0px 0px !important;
    }

    .wealth-pb.wrapper .thumb-large .intro-info,
    .wealth.wrapper .thumb-large .intro-info {
        position: relative;
        top: 0px;
        right: 0px;
        bottom: 0px;
        height: auto;
        border-radius: 0px;
        width: 100% !important;
        padding: 28px 16px !important;
    }

    .wealth-pb.wrapper .thumb-large::after,
    .wealth.wrapper .thumb-large::after {
        display: table-cell;
        content: "";
    }

    .wealth-pb.wrapper .thumb-large .intro-info .desc,
    .wealth.wrapper .thumb-large .intro-info .desc {
        margin-bottom: 0px !important;
    }

    .wealth-pb.wrapper .intro-info .button-group,
    .wealth.productcompare.inner-container [data-carousel-product] .slick-next,
    .wealth.productcompare.inner-container [data-carousel-product] .slick-prev,
    .wealth.wrapper .intro-info .button-group {
        display: none;
    }

    .wealth.productcompare.inner-container .thumb-full .outer {
        padding: 0px;
        width: 40%;
    }

    .wealth.productcompare.inner-container .thumb-full .inner {
        padding-left: 0px;
    }

    .wealth.productcompare.inner-container .thumb-full .title-1 {
        font-size: 1.572rem !important;
        line-height: 1.572rem !important;
    }

    .crossBanner.bgd-Elite .crossBanner_content .crossBanner_title,
    .crossBanner.bgd-PrivateBanking .crossBanner_content .crossBanner_title,
    .crossBanner.bgd-Wealth .crossBanner_content .crossBanner_title {
        font-size: 1.6rem !important;
        line-height: 1.571rem !important;
    }

    [lang="th"] .crossBanner.bgd-Elite .crossBanner_content .crossBanner_title,
    [lang="th"] .crossBanner.bgd-PrivateBanking .crossBanner_content .crossBanner_title,
    [lang="th"] .crossBanner.bgd-Wealth .crossBanner_content .crossBanner_title {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    .crossBanner.bgd-Elite .crossBanner_description,
    .crossBanner.bgd-PrivateBanking .crossBanner_description,
    .crossBanner.bgd-Wealth .crossBanner_description,
    [lang="th"] .crossBanner.bgd-Elite .crossBanner_description,
    [lang="th"] .crossBanner.bgd-PrivateBanking .crossBanner_description,
    [lang="th"] .crossBanner.bgd-Wealth .crossBanner_description {
        font-size: 1rem;
        line-height: 1.285rem;
    }
}

.crossBanner.bgd-Elite .crossBanner_link[class*="btn-primary"] {
    font: 1rem / 1.3 BangkokBank-Regular, Tahoma, Helvetica, Arial, sans-serif;
    background: rgb(255, 255, 255);
    min-width: 155px;
    color: rgb(0, 0, 0) !important;
    border: 1px solid rgb(255, 255, 255) !important;
    box-shadow: none !important;
}

.crossBanner.bgd-Elite .crossBanner_link[class*="btn-primary"]:hover {
    background: rgb(0, 100, 255) !important;
    border: 1px solid rgb(0, 100, 255) !important;
    color: rgb(255, 255, 255) !important;
    box-shadow: none !important;
}

.wealth-pb.wrapper .thumb.desktop,
.wealth.wrapper .thumb.desktop {
    display: none;
}

.wealth-pb.wrapper .smaller .thumb,
.wealth-pb.wrapper .thumb-large .thumb,
.wealth.wrapper .smaller .thumb,
.wealth.wrapper .thumb-large .thumb {
    border-radius: 8px 0px 0px 8px;
}

.wealth-pb.wrapper .thumb-large.smaller,
.wealth.wrapper .thumb-large.smaller {
    height: 100%;
    display: flex;
}

.wealth-pb.wrapper .thumb-large .intro-info,
.wealth.wrapper .thumb-large .intro-info {
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 50%;
    height: auto;
    border-radius: 8px;
    padding: 36px 28px;
}

.wealth-pb.wrapper .thumb-large .intro-info .desc,
.wealth.wrapper .thumb-large .intro-info .desc {
    margin-bottom: 30px;
}

.wealth-pb.wrapper .intro-info .button-group,
.wealth.wrapper .intro-info .button-group {
    position: relative;
    left: 0px;
    bottom: 0px;
    margin-top: 30px;
}

.wealth-benefit.wrapper .scrolling-x [class*="col-md-3"] {
    max-width: 270px;
    margin: 0px 10px;
    width: 100% !important;
    display: block !important;
}

.wealth-benefit.wrapper .scrolling-x [class*="col-md-9"] .row {
    display: flex !important;
}

.wealth-benefit.wrapper .scrolling-x [class*="col-md-9"] {
    float: left;
    padding-bottom: 0px;
    margin: 0px -1px;
    width: 80% !important;
    display: contents !important;
}

.wealth-benefit.wrapper .scrolling-x [class*="col-md-4"] {
    width: 75vw;
    max-width: 270px;
    float: left;
    padding-bottom: 0px;
    margin: 0px -1px;
}

.not-wealth .thumb.mobile-banner,
.wealth .thumb.mobile-banner,
.wealth-pb .thumb.mobile-banner {
    height: 350px !important;
}

.not-wealth.banner-carousel.mobile,
.not-wealth.banner.mobile,
.wealth-pb.banner-carousel.mobile,
.wealth-pb.banner.mobile,
.wealth.banner-carousel.mobile,
.wealth.banner.mobile {
    height: auto;
    min-height: 450px !important;
    max-height: unset !important;
}

.wealth-tools.wrapper .thumb-full.large .list-thumb-square {
    display: inline-flex;
}

@media only screen and (min-width: 1025px) {
    .inner-container {
        width: 100% !important;
        margin: 0px auto !important;
    }

    .inner-container .inner-container {
        padding: 0px 20px !important;
    }

    .inner-container,
    .inner-container header>.inner-container {
        padding: 0px 84px !important;
    }

    .btn-login[data-btn-login] {
        right: 0px !important;
    }

    .icon-search[data-search-modal] {
        right: 0px;
        margin-right: 84px;
        color: rgb(255, 255, 255);
        position: absolute !important;
        top: 15px !important;
    }

    .wealth-pb.wrapper .thumb-large.smaller .intro-info .line,
    .wealth.wrapper .thumb-large.smaller .intro-info .line {
        font-size: 2rem !important;
        line-height: 2rem !important;
    }

    .wealth-pb.wrapper .thumb.mobile,
    .wealth.wrapper .thumb.mobile {
        display: none;
    }

    .wealth-pb.wrapper .thumb.desktop,
    .wealth.wrapper .thumb.desktop {
        display: inline-block;
        min-height: 400px;
        height: 100%;
        width: 50%;
    }

    .wealth-pb.banner .section-image,
    .wealth.banner .section-image {
        width: 260px;
        height: 65px;
    }

    .wealth.banner~.wrapper[data-section-title="Tips & Insights"] .tile {
        min-height: 356px;
        height: calc(39.5vw);
    }

    .not-wealth .inner-container,
    .wealth .inner-container,
    .wealth-benefit.wrapper.pad-top[data-section-title] .inner-container,
    .wealth-pb .inner-container,
    .wealth-pb.wrapper.pad-top .inner-container,
    .wealth.wrapper.pad-top .inner-container {
        max-width: 100%;
        padding: 0px 84px;
        margin: 0px auto;
    }

    .not-wealth.banner .thumb,
    .wealth-pb.banner .thumb,
    .wealth.banner .thumb {
        height: 570px !important;
        max-height: unset !important;
    }

    .not-wealth.banner .caption,
    .wealth-pb.banner .caption,
    .wealth.banner .caption {
        margin: 48px 0px 64px;
    }

    .not-wealth h3.title-1,
    [lang="th"].not-wealth h3.title-1 {
        color: rgb(0, 0, 0) !important;
    }

    .wealth h3.title-1,
    .wealth-pb h3.title-1 {
        font-family: BangkokBank-Regular !important;
        font-size: 3rem !important;
        line-height: 2.875rem !important;
        color: rgb(147, 147, 153) !important;
    }

    [lang="th"] .wealth h3.title-1,
    [lang="th"] .wealth-pb h3.title-1 {
        line-height: 3.75rem !important;
    }

    .not-wealth.banner .caption p,
    .wealth-pb.banner .caption p,
    .wealth.banner .caption p {
        font-size: 1.5rem;
        line-height: 1.625rem;
        padding: 0px;
        margin: 16px 0px 0px;
    }

    [lang="th"] .not-wealth.banner .caption p,
    [lang="th"] .wealth-pb.banner .caption p,
    [lang="th"] .wealth.banner .caption p {
        font-size: 1.5rem;
        line-height: 1.875rem;
        padding: 0px;
        margin: 16px 0px 0px;
    }

    .not-wealth.banner .caption .line::before,
    .wealth-pb.banner .caption .line::before,
    .wealth.banner .caption .line::before {
        background: 0px 0px;
    }

    .wealth.productcompare.inner-container .thumb-full .inner,
    .wealth.productcompare.inner-container .thumb-full .thumb {
        display: table-cell;
        height: 490px;
        width: 60%;
        border-radius: 8px;
    }

    .wealth.productcompare.inner-container .thumb-full .inner,
    .wealth.productcompare.inner-container .thumb-full .thumb+.outer .inner {
        padding-left: 0px;
        padding-right: 36px;
    }

    .wealth.productcompare.inner-container .thumb-full .outer {
        left: 0px;
        margin-right: 0px;
        padding: 0px;
        top: 0px;
        position: absolute;
        width: 40%;
        max-width: 100%;
    }

    .wealth.productcompare.inner-container .thumb-full .thumb+.outer {
        padding: 0px;
        margin-left: 36px;
        left: 60%;
    }

    .wealth.productcompare.inner-container .thumb-full .title-1 {
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }

    .not-wealth .caption>.desktop-banner,
    .wealth .caption>.desktop-banner,
    .wealth-pb .caption>.desktop-banner {
        display: block !important;
    }

    .not-wealth .caption>.mobile-banner,
    .wealth .caption>.mobile-banner,
    .wealth-pb .caption>.mobile-banner {
        display: none !important;
    }

    .crossBanner.bgd-Elite .crossBanner_title,
    .crossBanner.bgd-PrivateBanking .crossBanner_title {
        font-size: 3rem !important;
        line-height: 2.875rem !important;
    }

    [lang="th"] .crossBanner.bgd-Elite .crossBanner_title,
    [lang="th"] .crossBanner.bgd-PrivateBanking .crossBanner_title {
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }

    .crossBanner.bgd-Elite .crossBanner_description,
    .crossBanner.bgd-PrivateBanking .crossBanner_description,
    [lang="th"] .crossBanner.bgd-Elite .crossBanner_description,
    [lang="th"] .crossBanner.bgd-PrivateBanking .crossBanner_description {
        font-size: 1rem;
        line-height: 1.375rem;
    }
}

@media only screen and (min-width: 1440px) {

    .new-margin .inner-container,
    .wrapper .inner-container:has(.center-content ~ [data-tab].stories),
    .wrapper[data-section-title] .inner-container:has(.center-content ~ .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container:has(.center-content ~ .scrolling-x > .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container:has(.content ~ .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container:has(.text-center ~ .scrolling-x > .row) {
        padding: 0px !important;
    }

    .new-margin .inner-container[class*="pad-top"],
    .wrapper .inner-container[class*="pad-top"]:has(.center-content ~ [data-tab].stories),
    .wrapper[data-section-title] .inner-container[class*="pad-top"]:has(.center-content ~ .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container[class*="pad-top"]:has(.center-content ~ .scrolling-x > .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container[class*="pad-top"]:has(.content ~ .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container[class*="pad-top"]:has(.text-center ~ .scrolling-x > .row) {
        padding-top: 30px !important;
    }

    .new-margin .inner-container[class*="pad-bot"],
    .wrapper .inner-container[class*="pad-bot"]:has(.center-content ~ [data-tab].stories),
    .wrapper[data-section-title] .inner-container[class*="pad-bot"]:has(.center-content ~ .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container[class*="pad-bot"]:has(.center-content ~ .scrolling-x > .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container[class*="pad-bot"]:has(.content ~ .row[class*="row-"]),
    .wrapper[data-section-title] .inner-container[class*="pad-bot"]:has(.text-center ~ .scrolling-x > .row) {
        padding-bottom: 30px !important;
    }
}

@media only screen and (min-width: 1920px) {
    .icon-search[data-search-modal] {
        margin-right: -875px;
        right: 50%;
    }

    .inner-container {
        max-width: 1752px !important;
        width: 100% !important;
        padding: 0px !important;
        margin: 0px auto !important;
    }

    .inner-container .inner-container {
        padding: 0px 20px !important;
    }

    .inner-container header>.inner-container {
        padding: 0px 84px !important;
    }

    .thumb-full .outer {
        left: 50%;
        max-width: 950px;
        margin-left: -950px;
    }

    .not-wealth .inner-container,
    .wealth .inner-container,
    .wealth-benefit.wrapper.pad-top[data-section-title] .inner-container,
    .wealth-card.wrapper .inner-container,
    .wealth-pb .inner-container,
    .wealth-tools .inner-container,
    .wealth.productcompare.inner-container,
    .wealth.wrapper.pad-top .inner-container {
        padding: 0px;
        margin: 0px auto;
        max-width: 1752px !important;
    }

    .wealth.productcompare.inner-container .thumb-full .outer {
        left: 0px;
        margin-right: 0px;
        margin-left: 0px;
        padding: 0px;
        top: 0px;
        position: absolute;
        width: 40%;
        max-width: 100%;
    }

    .wealth.productcompare.inner-container .thumb-full .inner {
        vertical-align: top;
        padding-right: 36px !important;
        padding-left: 0px !important;
    }

    .wealth.productcompare.inner-container .thumb-full .thumb+.outer .inner {
        padding-left: 36px;
        padding-right: 36px;
    }

    .wealth.productcompare.inner-container .thumb .outer {
        left: 0px;
        margin-right: 0px;
        padding: 0px !important;
    }

    .wealth.productcompare.inner-container .thumb+.outer {
        padding: 0px;
        margin-left: 36px !important;
        left: 60% !important;
    }

    .wealth.productcompare.inner-container [data-carousel-product] .slick-next,
    .wealth.productcompare.inner-container [data-carousel-product] .slick-prev {
        position: absolute;
        background: rgba(255, 255, 255, 0.7);
        top: 83%;
        height: 66px;
        width: 66px;
        left: 0px !important;
    }

    .wealth.productcompare.inner-container [data-carousel-product] .slick-next {
        left: 78px !important;
    }

    .wealth.productcompare.inner-container .slick-next::before,
    .wealth.productcompare.inner-container .slick-prev::before {
        position: absolute;
        font-size: 14px;
        line-height: 40px;
        padding: 0px;
        border: 0px;
        color: rgb(0, 100, 255);
        outline: 0px;
        top: 18%;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        transition: 0.5s;
    }

    .wealth.productcompare.inner-container .slick-prev::before {
        transform: rotate(180deg) translateX(5px);
    }
}

@media only screen and (max-width: 760px) {
    .icon-search[data-search-modal] {
        position: relative;
        right: 0px;
        margin-right: 16px;
        color: rgb(0, 0, 0);
        top: 15px !important;
    }

    .inner-container,
    .max-width .inner-container {
        width: 100% !important;
        padding: 0px 16px !important;
        margin: 0px auto !important;
    }

    .inner-container.pad-top {
        padding-top: 30px !important;
    }

    .inner-container.pad-bot {
        padding-bottom: 30px !important;
    }

    .thumb-full .outer {
        padding: 0px 16px !important;
        width: 100% !important;
    }

    .wealth-pb.wrapper .row [class*="col-"],
    .wealth.wrapper .row [class*="col-"] {
        margin-bottom: 30px !important;
    }

    .wealth-pb.banner .section-image,
    .wealth.banner .section-image {
        width: 260px;
        height: 65px;
    }

    .wealth.productcompare.inner-container [data-carousel-product] .slick-dots {
        bottom: 20px;
    }
}

.wrapper.bgd-PrivateBanking .thumb-info {
    background-color: transparent !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

.wrapper.bgd-PrivateBanking .thumb-info>.caption.editor>.title-3 {
    background-color: transparent !important;
    color: rgb(255, 255, 255) !important;
}

.wrapper.bgd-Wealth .thumb-info {
    background-color: transparent !important;
    border: 0px !important;
}

.wrapper.bgd-Wealth .thumb-info>.caption.editor>.title-3 {
    background-color: transparent !important;
}

.fb_hidden {
    position: absolute;
    top: -10000px;
    z-index: 10001;
}

.fb_reposition {
    overflow: hidden;
    position: relative;
}

.fb_invisible {
    display: none;
}

.fb_reset {
    background: none;
    border: 0px;
    border-spacing: 0px;
    color: rgb(0, 0, 0);
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    margin: 0px;
    overflow: visible;
    padding: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
}

.fb_reset>div {
    overflow: hidden;
}

@keyframes fb_transform {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.fb_animate {
    animation: 0.3s ease 0s 1 normal forwards running fb_transform;
}

.fb_hidden {
    position: absolute;
    top: -10000px;
    z-index: 10001;
}

.fb_reposition {
    overflow: hidden;
    position: relative;
}

.fb_invisible {
    display: none;
}

.fb_reset {
    background: none;
    border: 0px;
    border-spacing: 0px;
    color: rgb(0, 0, 0);
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    margin: 0px;
    overflow: visible;
    padding: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
}

.fb_reset>div {
    overflow: hidden;
}

@keyframes fb_transform {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.fb_animate {
    animation: 0.3s ease 0s 1 normal forwards running fb_transform;
}

.fb_dialog {
    background: rgba(82, 82, 82, 0.7);
    position: absolute;
    top: -10000px;
    z-index: 10001;
}

.fb_dialog_advanced {
    border-radius: 8px;
    padding: 10px;
}

.fb_dialog_content {
    background: rgb(255, 255, 255);
    color: rgb(55, 55, 55);
}

.fb_dialog_close_icon {
    background: url("/k393_th_points_bangkokbank_index/resources/01909d5966d0fb07951dd7fd9d34c7e7.png") 0px 0px no-repeat scroll transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 18px;
    top: 17px;
    width: 15px;
}

.fb_dialog_mobile .fb_dialog_close_icon {
    left: 5px;
    right: auto;
    top: 5px;
}

.fb_dialog_padding {
    background-color: transparent;
    position: absolute;
    width: 1px;
    z-index: -1;
}

.fb_dialog_close_icon:hover {
    background: url("/k393_th_points_bangkokbank_index/resources/01909d5966d0fb07951dd7fd9d34c7e7.png") 0px -15px no-repeat scroll transparent;
}

.fb_dialog_close_icon:active {
    background: url("/k393_th_points_bangkokbank_index/resources/01909d5966d0fb07951dd7fd9d34c7e7.png") 0px -30px no-repeat scroll transparent;
}

.fb_dialog_iframe {
    line-height: 0;
}

.fb_dialog_content .dialog_title {
    background: rgb(109, 132, 180);
    border: 1px solid rgb(54, 88, 153);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
}

.fb_dialog_content .dialog_title>span {
    background: url("/k393_th_points_bangkokbank_index/resources/e4274a500ad522a7fd79c10b9ade9383.gif") 5px 50% no-repeat;
    float: left;
    padding: 5px 0px 7px 26px;
}

body.fb_hidden {
    height: 100%;
    left: 0px;
    margin: 0px;
    overflow: visible;
    position: absolute;
    top: -10000px;
    transform: none;
    width: 100%;
}

.fb_dialog.fb_dialog_mobile.loading {
    background: url("/k393_th_points_bangkokbank_index/resources/8cdfcf667b8f0a2f3789670c67b080c9.gif") 50% 50% no-repeat rgb(255, 255, 255);
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    z-index: 10001;
}

.fb_dialog.fb_dialog_mobile.loading.centered {
    background: none;
    height: auto;
    min-height: initial;
    min-width: initial;
    width: auto;
}

.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
    width: 100%;
}

.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
    background: none;
}

.loading.centered #fb_dialog_loader_close {
    clear: both;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 18px;
    padding-top: 20px;
}

#fb-root #fb_dialog_ipad_overlay {
    background: rgba(0, 0, 0, 0.4);
    inset: 0px;
    min-height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10000;
}

#fb-root #fb_dialog_ipad_overlay.hidden {
    display: none;
}

.fb_dialog.fb_dialog_mobile.loading iframe {
    visibility: hidden;
}

.fb_dialog_mobile .fb_dialog_iframe {
    position: sticky;
    top: 0px;
}

.fb_dialog_content .dialog_header {
    border-bottom: 1px solid rgb(4, 59, 135);
    border-top-color: rgb(4, 59, 135);
    border-right-color: rgb(4, 59, 135);
    border-left-color: rgb(4, 59, 135);
    box-shadow: rgb(255, 255, 255) 0px 1px 1px -1px inset;
    color: rgb(255, 255, 255);
    font: 700 14px Helvetica, sans-serif;
    text-overflow: ellipsis;
    text-shadow: rgba(0, 30, 84, 0.298) 0px -1px 0px;
    vertical-align: middle;
    white-space: nowrap;
}

.fb_dialog_content .dialog_header table {
    height: 43px;
    width: 100%;
}

.fb_dialog_content .dialog_header td.header_left {
    font-size: 12px;
    padding-left: 5px;
    vertical-align: middle;
    width: 60px;
}

.fb_dialog_content .dialog_header td.header_right {
    font-size: 12px;
    padding-right: 5px;
    vertical-align: middle;
    width: 60px;
}

.fb_dialog_content .touchable_button {
    background-clip: padding-box;
    border: 1px solid rgb(41, 72, 125);
    border-radius: 3px;
    display: inline-block;
    line-height: 18px;
    margin-top: 3px;
    max-width: 85px;
    padding: 4px 12px;
    position: relative;
}

.fb_dialog_content .dialog_header .touchable_button input {
    background: none;
    border: none;
    color: rgb(255, 255, 255);
    font: 700 12px Helvetica, sans-serif;
    margin: 2px -12px;
    padding: 2px 6px 3px;
    text-shadow: rgba(0, 30, 84, 0.298) 0px -1px 0px;
}

.fb_dialog_content .dialog_header .header_center {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

.fb_dialog_content .dialog_content {
    background: url("/k393_th_points_bangkokbank_index/resources/99a6d2922ca019c89ecd1aa9108f2c1d.gif") 50% 50% no-repeat;
    border-width: 0px 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgb(74, 74, 74);
    border-left-color: rgb(74, 74, 74);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-top-style: initial;
    border-top-color: initial;
    height: 150px;
}

.fb_dialog_content .dialog_footer {
    background: rgb(245, 246, 247);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204) rgb(74, 74, 74) rgb(74, 74, 74);
    border-image: initial;
    height: 40px;
}

#fb_dialog_loader_close {
    float: left;
}

.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
    visibility: hidden;
}

#fb_dialog_loader_spinner {
    animation: 1.2s linear 0s infinite normal none running rotateSpinner;
    background-color: transparent;
    background-image: url("/k393_th_points_bangkokbank_index/resources/54648377e038a20b22fbcc2eee1916f5.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

@keyframes rotateSpinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
}

.fb_iframe_widget iframe {
    position: absolute;
}

.fb_iframe_widget_fluid_desktop,
.fb_iframe_widget_fluid_desktop span,
.fb_iframe_widget_fluid_desktop iframe {
    max-width: 100%;
}

.fb_iframe_widget_fluid_desktop iframe {
    min-width: 220px;
    position: relative;
}

.fb_iframe_widget_lift {
    z-index: 1;
}

.fb_iframe_widget_fluid {
    display: inline;
}

.fb_iframe_widget_fluid span {
    width: 100%;
}

.ffecbcaddda {
    direction: ltr;
    all: initial;
}

.efcbececac {
    font-family: Arial, Helvetica, sans-serif;
    direction: ltr;
    position: fixed;
    width: 100dvw;
    height: 100dvh;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2147483647;
}

.bfddd {
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ebcfbdbeebec {
    width: 20px;
    margin: 5px auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: lightblue rgb(173, 255, 47) lightblue lightblue;
    border-image: initial;
    animation: 1s linear 0s infinite normal none running cccfeefaeaacfbdeeb;
    z-index: 10;
}

@keyframes cccfeefaeaacfbdeeb {
    100% {
        transform: rotate(1turn);
    }
}

.fcadacdcaaf {
    position: fixed;
    top: 1em;
    left: 1em;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    width: calc(100% - 2em);
    max-width: 800px;
    font-size: 13px;
    height: 200px;
    overflow: auto;
}

.fcadacdcaaf .babaafedefbc {
    margin-top: 0.5em;
    overflow-wrap: anywhere;
}

.fcadacdcaaf .preFetch {
    opacity: 0.5;
}

.fcadacdcaaf .error {
    color: red;
}

@media only screen and (min-width: 1409px) {

    .wrapper[data-section-title="Credit Card Promotions"] .inner-container,
    .wrapper[data-section-title="โปรโมชันบัตรเครดิต"] .inner-container,
    .wrapper[data-section-title="โปรโมชั่นบัตรเครดิต"] .inner-container {
        width: 1240px !important;
        padding: 0px !important;
    }
}