@charset "UTF-8";

:root {
    --color-brand-standard: #e5813a;
    --color-brand-Auxiliary: #000018;
    --color-icon-01: #ffffff;
    --color-icon-02: #e5813a;
    --color-icon-03: #36383B;
    --color-icon-04: #10E213;
    --color-icon-05: #FFDC49;
    --color-icon-06: #EA6B00;
    --color-btn-primary-default: #e5813a;
    --color-btn-primary-hover: #ff8f40;
    --color-btn-primary-active: #cc7333;
    --color-btn-primary-disabled: #F0F0F0;
    --color-btn-secondary-default: #ffffff;
    --color-btn-secondary-hover: #e5813a;
    --color-btn-secondary-active: #cc7333;
    --color-btn-secondary-disabled: #f0f0f0;
    --color-bg-general-01: #ffffff;
    --color-bg-general-02: #f8f9fb;
    --color-bg-general-03: #36383B
}

body {
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Oxygen, Ubuntu, Cantarell, open sans, helvetica neue, sans-serif
}

.is-light-theme,
.is-dark-theme {
    display: none
}

.nav-link {
    color: #e5813a !important;
}

#site-header.light-theme .is-light-theme,
#site-header.dark-theme .is-dark-theme {
    display: initial
}

.is-zh-only,
.is-sc-only,
.is-en-only,
.is-th-only,
.is-vn-only,
.is-jp-only,
.is-ar-only,
.is-kr-only {
    display: none !important
}

body.translatepress-zh_CN .is-zh-only {
    display: initial !important
}

body.translatepress-sc .is-sc-only {
    display: initial !important
}

body.translatepress-en_GB .is-en-only {
    display: initial !important
}

body.translatepress-th .is-th-only {
    display: initial !important
}

body.translatepress-vi .is-vn-only {
    display: initial !important
}

body.translatepress-ko_KR .is-kr-only {
    display: initial !important
}

body.translatepress-ja .is-jp-only {
    display: initial !important
}

body.translatepress-ar .is-ar-only {
    display: initial !important
}

body.translatepress-zh_CN .hide-zh-only {
    display: none !important
}

body.translatepress-sc .hide-sc-only {
    display: none !important
}

body.translatepress-en_GB .hide-en-only {
    display: none !important
}

body.translatepress-th .hide-th-only {
    display: none !important
}

body.translatepress-vi .hide-vn-only {
    display: none !important
}

body.translatepress-ko_KR .hide-kr-only {
    display: none !important
}

body.translatepress-ja .hide-jp-only {
    display: none !important
}

body.translatepress-ar .is-ar-only {
    display: none !important
}

body.translatepress-vi {
    font-family: roboto
}

body.translatepress-ar {
    font-family: msuighur
}

.btn {
    display: inline-block;
    min-width: 150px;
    min-height: 48px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: 1.5px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 12px 16px !important
}

.btn.lg {
    min-width: 180px;
    min-height: 56px;
    padding: 16px
}

.btn.sm {
    min-width: 80px;
    min-height: 36px;
    font-size: 14px;
    padding: 6px 8px
}

.btn.primary {
    background-color: #e5813a;
    border-color: #e5813a;
    color: var(--color-bg-general-01)
}

/*.btn.primary:hover {
    background-color: var(--color-btn-primary-hover);
    border-color: var(--color-btn-primary-hover)
}*/

.btn.primary:active {
    background-color: #e5813a;
    border-color: #e5813a
}

.btn.primary.disabled {
    cursor: not-allowed;
    background-color: #e5813a;
    border-color: #e5813a;
    color: #8d8e8f
}

.btn.secondary {
    background-color: var(--color-btn-secondary-default);
    border-color: #e5813a;
    color: #e5813a
}

.btn.secondary:hover {
    background-color: var(--color-btn-secondary-hover);
    border-color: var(--color-btn-secondary-hover);
    color: var(--color-bg-general-01)
}

.btn.secondary:active {
    background-color: var(--color-btn-secondary-active);
    border-color: var(--color-btn-secondary-active);
    color: var(--color-bg-general-01)
}

.btn.secondary.disabled {
    cursor: not-allowed;
    background-color: var(--color-btn-secondary-disabled);
    border-color: var(--color-btn-secondary-disabled);
    color: #8d8e8f
}

.swiper-wrapper {
    box-sizing: border-box
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.container {
    max-width: 1760px !important;
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width:835px) {
    .container {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:1025px) {
    .container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.title:not(.is-spaced)+.subtitle {
    margin-top: 0
}

.buttons:last-child {
    margin-bottom: 0
}

.navbar-dropdown {
    border-top: 0
}

.has-text-danger {
    color: var(--color-brand-standard) !important
}

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

    .is-hidden-mobile,
    .tablet-only {
        display: none !important
    }
}

@font-face {
    font-family: dinalternate;
    src: url(fonts/DINAlternate-Bold.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppins;
    src: url(fonts/Poppins-Bold.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: microsoftyahei;
    src: url(fonts/MicrosoftYaHeiLight.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: notosansscbold;
    src: url(fonts/NotoSansSC-Bold.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: notosansscregular;
    src: url(fonts/NotoSansSC-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto;
    src: url(fonts/Roboto-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: msuighur;
    src: url(fonts/msuighur.ttf);
    font-weight: 400;
    font-style: normal
}

.list4 {
    margin: 0 -10px;
}

.list4 .list-item {
    padding: 0 10px;
}

.list4 .list-item .icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.list4 .list-item .icon img {
    max-width: 100%;
    max-height: 100%;
}

.list4 .list-item a img {
    width: 17px;
}

@media screen and (max-width: 840px) {
    .list4 {
        margin: 0;
    }

    .list4 .list-item {
        padding: 0;
    }

    .list4 .list-item a img {
        width: 15px;
    }
}

.h-captcha:not([data-size="invisible"]) {
    margin-bottom: 2rem;
}

.elementor-field-type-hcaptcha .elementor-field {
    background: transparent !important;
}

.elementor-field-type-hcaptcha .h-captcha {
    margin-bottom: -9px;
}