/* Shared frontend layout styles extracted from common/yogi-layout-styles.html. */
:root {
    --c-color: #003DAA;
    --c-line-height: 1.4;
    --c-font-size: 14px;
}

a:hover, .font-color-a a, .font-color-a a:hover, .font-color, .font-color-hover:hover, .font-color-before:before, .font-color-hover-before:hover:before, .font-color-after:after, .font-color-hover-after:hover:after {
    color: var(--c-color) !important
}

.border_color, .border-color, .btn-primary:focus, .btn-primary, .btn-primary:hover, .border-color-a a, .border-color-a a:hover, .border-color-hover:hover, .border-color-before:before, .border-color-hover-before:hover:before, .border-color-after:after, .border-color-hover-after:hover:after {
    border-color: var(--c-color) !important;
}

.bg-color, .btn-primary, .btn-primary:hover, .bg-color-a a, .bg-color-a a:hover, .bg-color-hover:hover, .bg-color-before:before, .bg-color-hover-before:hover:before, .bg-color-after:after, .bg-color-hover-after:hover:after {
    background-color: var(--c-color) !important
}

.bg-color-h a {
    color: var(--c-color) !important
}

.bg-color-h a:hover {
    background-color: var(--c-color) !important;
    color: #fff !important;
}

.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {
    background-color: var(--c-color) !important
}

.btn-bg:hover, .tem-btn-1, .tem-btn-2, .tem-btn-3, .tem-btn-4, .tem-btn-5, .tem-btn-6, .tem-btn-7, .tem-btn-8, .tem-btn-9 {
    color: var(--c-color) !important
}

.btn-bg, .tem-btn-1, .tem-btn-2, .tem-btn-3, .tem-btn-4, .tem-btn-5, .tem-btn-6, .tem-btn-7, .tem-btn-8, .tem-btn-9, .tem01-page .pagination > .active > a, .tem01-page .pagination > .active > span, .tem01-page .pagination > .active > a:hover, .tem01-page .pagination > .active > span:hover, .tem01-page .pagination > .active > a:focus, .tem01-page .pagination > .active > span:focus {
    border-color: var(--c-color)
}

.btn-bg, .btn-bg:hover, .tem-btn-3:before, .tem-btn-4:before, .tem-btn-5:before, .tem-btn-6:before, .tem-btn-7:before, .tem-btn-7:after, .tem-btn-8:before, .tem-btn-8:after, .tem-btn-9:before, .tem-btn-9:after, .tem01-page .pagination > .active > a, .tem01-page .pagination > .active > span, .tem01-page .pagination > .active > a:hover, .tem01-page .pagination > .active > span:hover, .tem01-page .pagination > .active > a:focus, .tem01-page .pagination > .active > span:focus {
    background-color: var(--c-color)
}

.tem-btn-1, .tem-btn-2 {
    background: -webkit-linear-gradient(left, var(--c-color), var(--c-color)) no-repeat;
    background: linear-gradient(to right, var(--c-color), var(--c-color)) no-repeat
}

.tem-btn-1:hover, .tem-btn-2:hover, .tem-btn-3:hover, .tem-btn-4:hover, .tem-btn-5:hover, .tem-btn-6:hover, .tem-btn-7:hover, .tem-btn-8:hover, .tem-btn-9:hover, .tem01-page .pagination > .active > a, .tem01-page .pagination > .active > span, .tem01-page .pagination > .active > a:hover, .tem01-page .pagination > .active > span:hover, .tem01-page .pagination > .active > a:focus, .tem01-page .pagination > .active > span:focus {
    color: #FFF
}

.btn-bg:hover {
    border-color: #FFF
}

.swiper-container .swiper-pagination-bullet {
    background: #bbb;
    opacity: .5;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
}

[playback_mode="current"] + .video_js_play_btn {
    z-index: 24 !important
}

[playback_mode="global"] + .video_js_play_btn {
    z-index: 24 !important
}

[playback_mode="popup"] + .video_js_play_btn {
    z-index: 24 !important
}

[playback_mode="current"] ~ .prism-player {
    z-index: 24 !important
}

[playback_mode="global"] ~ .prism-player {
    z-index: 24 !important
}

[playback_mode="popup"] ~ .prism-player {
    z-index: 24 !important
}

.yogi-header-social, .footer-social-icons {
    padding-right: 0
}

.yogi-header-social .yogi-social-list, .footer-social-icons ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    line-height: 1;
    margin: 0;
    padding: 0;
    list-style: none
}

.yogi-header-social .yogi-social-list > li, .footer-social-icons li {
    display: block;
    padding: 0;
    margin: 0
}

.yogi-header-social .yogi-social-list > li > a, .footer-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.yogi-header-social .yogi-social-list > li > a img, .footer-social-icons img {
    display: block;
    width: 30px;
    height: 30px
}

.yogi-social-more {
    position: relative
}

.yogi-social-more__button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box
}

.yogi-social-more__button > span {
    display: none !important
}

.yogi-social-more__button:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #111;
    box-shadow: -6px 0 0 #111, 6px 0 0 #111
}

.yogi-social-more__panel {
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    width: min(560px, calc(100vw - 36px));
    min-height: 290px;
    padding: 62px 50px 38px;
    margin: 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
    transform: translate(-50%, -50%);
    z-index: 10020
}

.yogi-header-social .yogi-social-more__panel {
    display: none
}

.yogi-header-social .yogi-social-more.is-open .yogi-social-more__panel {
    display: block
}

.yogi-social-more__close {
    position: absolute;
    right: 22px;
    top: 22px;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer
}

.yogi-social-more__close:before, .yogi-social-more__close:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 0;
    width: 1px;
    height: 18px;
    background: #002642
}

.yogi-social-more__close:before {
    transform: rotate(45deg)
}

.yogi-social-more__close:after {
    transform: rotate(-45deg)
}

.yogi-header-social .yogi-social-more__grid {
    display: grid;
    grid-template-columns:repeat(4, 76px);
    column-gap: 58px;
    row-gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none
}

.yogi-header-social .yogi-social-more__grid li {
    display: block;
    padding: 0;
    margin: 0
}

.yogi-header-social .yogi-social-more__grid a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 76px;
    height: auto;
    color: #002642;
    font-size: 14px;
    line-height: 1.2;
    text-align: center
}

.yogi-header-social .yogi-social-more__grid img {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 10px
}

.iconfenxiang_boxs.footer.footer-social-icons ul {
    width: auto;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 16px 0 0
}

.iconfenxiang_boxs.footer.footer-social-icons li {
    margin: 0;
    padding: 0
}

.footer-social-icons ul {
    margin-top: 16px
}

@media (max-width: 768px) {
    .yogi-header-social .yogi-social-list, .footer-social-icons ul {
        gap: 14px
    }

    .yogi-social-more__panel {
        padding: 54px 26px 32px
    }

    .yogi-header-social .yogi-social-more__grid {
        grid-template-columns:repeat(3, 76px);
        justify-content: center;
        column-gap: 28px
    }
}

.tem01_copyright {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid rgba(144, 144, 144, .2)
}

#v6286f304100bb {
    background-color: rgba(247, 248, 249, 1);
    text-align: center
}

.flex {
    display: flex;
    align-items: center;
    justify-content: start
}

.tem_footer_section_02 {
    padding: 20px 0;
    background: #000;
    color: #fff
}

.tem_footer_02 {
    position: relative
}

.tem_footer_02 .iconfenxiang_boxs_m {
    padding-bottom: 20px
}

.tem_footer_02 .iconfenxiang_boxs_m .go_fast {
    color: inherit
}

.tem_footer_02 .footer_li {
    flex: 1;
    padding-right: 90px;
    position: relative
}

.tem_footer_02 .footer_li:last-child {
    padding-right: 0
}

.tem_footer_02 .li_head {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}

.tem_footer_02 .con_ul {
    font-size: 14px;
    line-height: 26px
}

.tem_footer_02 .con_ul a {
    display: initial
}

.tem_footer_02 .iconfenxiang_boxs {
    display: none;
    padding-right: 10px
}

.tem_footer_02 .btn_con_box {
    margin-top: 10px;
    color: #fff
}

.tem_footer_02 .btn {
    padding: 5px 40px
}

.tem_footer_02 .lan_a {
    padding-top: 10px
}

.tem_footer_02 .lan_a a {
    display: initial;
    cursor: pointer
}

.tem_footer_02 .sitemap {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400
}

.tem_footer_02 .sitemap-line {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: rgba(216, 216, 216, .5);
    margin: 0 8px
}

@media (min-width: 768px) {
    .tem_footer_02 .footer_ul {
        display: flex;
        align-items: start;
        flex-wrap: wrap
    }

    .tem_footer_02 .sitemap-box {
        display: none
    }
}

@media (max-width: 1025px) {
    #v64a21ebb52c3d {
        display: none !important
    }

    .tem_footer_02 .iconfenxiang_boxs_m {
        justify-content: center
    }

    .tem_footer_02 .footer_ul {
        display: none !important
    }
}

#v64a21ebb52c3d {
    background-color: rgba(0, 61, 170, 1);
    color: rgba(253, 255, 254, 1);
    padding-top: 5vw;
    padding-bottom: 3vw
}

#v64a21ebb52c3d .btn_box {
    text-align: left
}

.head_sousuos_active {
    overflow: hidden
}

._header {
    width: 100%;
    position: relative;
    height: 0;
    z-index: 999;
    color: #fff;
    font-size: 16px;
    background-color: #000;
    padding-top: 112px
}

._header ul, ._header li {
    margin: 0
}

._header_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

._header_con--bottom {
    padding-top: 6px;
    padding-bottom: 6px
}

.iconfenxiang_boxs {
    padding-right: 10px
}

._head_top {
    line-height: 40px;
    min-height: 40px;
    position: relative;
    display: flex
}

._head_top .head_h1 {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 22px;
    margin: 8px 0;
    padding-right: 20px;
    flex-grow: 1;
    font-weight: 500
}

._header__actions {
    display: flex
}

._head_top .icon_bx {
    display: flex;
    align-items: center;
    position: relative
}

._head_top .icon_bx.iconfenxiang_boxs {
    align-self: center
}

._head_top .head_i {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold
}

._head_bottom {
    position: relative;
    display: flex;
    justify-content: space-between
}

._header .logo {
    height: 60px;
    padding-right: 40px;
    width: 200px;
    line-height: 60px;
    font-size: 0;
    position: relative
}

._header .logo a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center
}

._header .logo img {
    max-height: 100%;
    vertical-align: middle;
    object-fit: contain
}

._header nav {
    position: absolute;
    top: -6px;
    right: 200px;
    left: 200px;
    bottom: -6px;
    overflow: hidden;
    line-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold
}

._header .nav_box {
    overflow: hidden;
    line-height: 60px;
    position: relative;
    transition: .3s;
    flex-grow: 1;
    display: flex;
    justify-content: center
}

._header .nav {
    display: flex;
    white-space: nowrap;
    max-width: 100%
}

._header .nav li {
    padding: 0 20px;
    border-color: inherit;
    position: relative
}

._header .nav .top-level-down {
    padding-right: 40px
}

._header .nav li a {
    padding: 4px 0;
    display: block;
    background: none
}

._header .nav li.active > a {
    border-bottom: 2px solid;
    border-color: inherit
}

._header .nav .iconxiala1 {
    position: absolute;
    top: 4px;
    right: 20px
}

._header .nav_ul {
    display: none
}

._header nav.add {
    padding-right: 20px;
    padding-left: 20px
}

._header .nav_btns {
    position: absolute;
    top: 50%;
    height: 30px;
    width: 20px;
    margin-top: -15px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
    user-select: none;
    display: none;
    color: #fff
}

._header nav.add .nav_btns {
    display: block
}

._header .btn_l {
    left: 0
}

._header .btn_r {
    right: 0
}

._header .disabled {
    opacity: .5;
    cursor: no-drop
}

._header .nav_button {
    outline: none;
    border: 0;
    width: 40px;
    height: 50px;
    padding: 10px;
    transition: all .45s;
    z-index: 4;
    display: none;
    background: 0;
    float: left;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
    color: inherit
}

._header .nav_button_icon {
    position: absolute;
    width: 20px;
    height: 16px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

._header .nav_button_icon span {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: 0;
    transition: all .15s;
    border-bottom: 2px solid
}

._header .nav_button_icon span:nth-child(1) {
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

._header .nav_button_icon span:nth-child(2) {
    top: 0;
    transform: translateZ(0) rotate(0) scaleX(1)
}

._header .nav_button_icon span:nth-child(3) {
    bottom: 0;
    transform: translateZ(0) rotate(0) scaleX(1)
}

._header .head_lan_txt {
    font-size: 14px;
    padding-right: 20px
}

.header_nav_li_box {
    position: absolute;
    left: 0;
    top: 0;
    background: #fbfbfb;
    z-index: 999;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .1);
    display: none;
    border-radius: 2px;
    color: #666;
    white-space: nowrap
}

.header_nav_li_box .nav_ul {
    padding: 4px 0;
    display: block !important
}

.header_nav_li_box .nav_ul .nav_ul {
    display: none !important
}

.header_nav_li_box li {
    position: relative
}

.header_nav_li_box li.xia a {
    padding-right: 30px
}

.header_nav_li_box li.xia .i_con {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg)
}

.header_nav_li_box a {
    display: block;
    padding: 6px 16px
}

.header_nav_li_box a.font-color, .header_nav_li_box a:hover {
    background: #fff
}

.header_nav_li_box ul, .header_nav_li_box li {
    margin: 0
}

.header-dropdown-box {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    color: #333;
    padding-left: 300px;
    z-index: 999;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .1);
    transform-origin: top;
    transition: opacity .2s, transform .2s, visibility .2s;
    word-wrap: break-word
}

.header-dropdown-box .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-dropdown-box--hidden {
    transform: rotateX(90deg);
    opacity: 0;
    visibility: hidden
}

.header-dropdown-box__scroll {
    overflow: auto;
    max-height: calc(100vh - 120px)
}

.header-dropdown-box__grid {
    display: flex;
    flex-wrap: wrap;
    min-height: 300px;
    max-width: 900px
}

.header-dropdown-box__cell {
    width: 300px;
    padding: 40px;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede
}

.header-dropdown-box__cell--primary {
    max-height: none;
    padding: 32px 48px 20px
}

.header-dropdown-box__cell:nth-child(3n+1) {
    border-left: 0
}

.header-dropdown-box__cell:first-child, .header-dropdown-box__cell:nth-child(2), .header-dropdown-box__cell:nth-child(3) {
    border-top: 0
}

.header-dropdown-box__cell:last-child, .header-dropdown-box__cell:nth-child(3n) {
    flex-grow: 1
}

.header-dropdown-box__cell-title {
    font-size: 14px;
    margin-bottom: 16px
}

.header-dropdown-box__list {
    margin: 0 -16px;
    max-width: 300px
}

.header-dropdown-box__item {
    position: relative;
    color: #666
}

.header-dropdown-box__item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    right: 0;
    bottom: 0;
    background: var(--c-color);
    opacity: 0;
    transition: .3s
}

.header-dropdown-box__item:hover:before, .header-dropdown-box__item.font-color:before {
    opacity: .1
}

.header-dropdown-box__link {
    display: block;
    padding: 6px 16px;
    transition: .3s;
    position: relative
}

.header-dropdown-box__item--right a {
    padding-right: 32px
}

.header-dropdown-box__link-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.header-dropdown-box__more {
    color: rgba(0, 0, 0, .55);
    margin: 8px 16px 0
}

.header-dropdown-box__cell--primary .header-dropdown-box__link {
    padding-top: 8px;
    padding-bottom: 8px
}

.header-dropdown-box__cell--primary .header-dropdown-box__link-text {
    opacity: .7
}

.header-dropdown-box__arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg)
}

.header-dropdown-box__cell--primary .header-dropdown-box__item {
    margin-bottom: 12px;
    color: #333
}

.header-dropdown-box__cell--primary .title {
    margin-bottom: 4px
}

.header-dropdown-box__cell--primary .title:last-child {
    margin: 0
}

.header-dropdown-box__side {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300px;
    background: transparent center no-repeat;
    background-size: cover
}

.header-dropdown-box__mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .2);
    padding: 40px;
    color: #fff
}

.header-dropdown-box__title {
    margin-bottom: 8px;
    font-size: 24px
}

.header-dropdown-box__desc {
    color: rgba(255, 255, 255, .7);
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 4.5em;
    line-height: 1.5
}

._header_box__link-btn {
    align-self: center;
    position: relative;
    border-radius: 99px
}

._header_box__btn {
    padding: 8px 32px;
    line-height: 1.5;
    display: block
}

@media (min-width: 1026px) {
    ._header .nav_ul {
        display: none !important
    }

    ._header.head_fixed ._header_box {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: inherit;
        transition: .3s;
        z-index: 99
    }

    [switch_fixed=nav]._header.head_fixed ._header_box {
        top: -40px
    }
}

.m_iconfenxiang_boxs.iconfenxiang_boxs {
    display: none !important;
    padding: 0
}

.m_iconfenxiang_boxs.iconfenxiang_boxs ul {
    overflow: auto
}

@media (max-width: 1200px) {
    .header-dropdown-box__cell {
        width: calc(32vw - 100px)
    }
}

@media (max-width: 1025px) {
    .head_nav_active {
        overflow: hidden
    }

    .m_iconfenxiang_boxs.iconfenxiang_boxs {
        display: block !important
    }

    .m_iconfenxiang_boxs.iconfenxiang_boxs[btn_show="0"] {
        display: none !important
    }

    ._header .head_lan_txt {
        display: none
    }

    .header_nav_li_box, .header-dropdown-box {
        display: none !important
    }

    body ._header {
        height: 60px;
        z-index: 999;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    ._header_box {
        z-index: 999;
        position: fixed;
        background: inherit
    }

    ._head_top .head_h1 {
        display: none
    }

    ._head_top .head_i {
        height: 60px;
        line-height: 60px
    }

    ._head_bottom {
        position: absolute;
        justify-content: center;
        left: 0;
        top: 0;
        height: 60px;
        width: 100%;
        background: inherit
    }

    ._header_con {
        padding: 0 !important;
        height: 100%;
        position: relative;
        background: inherit
    }

    ._header_box__btn {
        display: none
    }

    ._header .logo {
        width: 200px;
        padding: 4px 0
    }

    ._header .logo a {
        justify-content: center
    }

    ._header .nav_button {
        display: block
    }

    body.head_nav_active ._header .nav_button_icon span:nth-child(1) {
        opacity: 0
    }

    body.head_nav_active ._header .nav_button_icon span:nth-child(2) {
        transform: rotate(45deg) translate3d(5px, 5px, 0);
        top: 0
    }

    body.head_nav_active ._header .nav_button_icon span:nth-child(3) {
        transform: rotate(-45deg) translate3d(5px, -5px, 0);
        bottom: 0
    }

    ._header .nav_btns {
        display: none !important
    }

    ._header nav.add, ._header nav {
        display: block;
        position: fixed;
        padding: 0;
        top: 61px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 998;
        background-color: inherit;
        transform-origin: 20px 0;
        transform: scale(0);
        overflow: hidden;
        transition: .3s;
        pointer-events: none;
        visibility: hidden;
        height: auto;
        font-weight: 500
    }

    ._header .nav {
        display: block;
        line-height: 1.4;
        font-size: 16px;
        white-space: initial
    }

    ._header .nav_box {
        display: block
    }

    ._header .nav li {
        position: relative;
        padding: 0
    }

    ._header .nav .top-level-down {
        padding-right: 0
    }

    ._header .nav li a {
        padding: 10px 20px;
        border: none;
        display: inline-block;
        margin-right: 40px
    }

    ._header .nav_ul {
        background: rgba(122, 122, 122, .06);
        margin-bottom: 10px
    }

    ._header .nav_box .nav_ul li {
        padding-left: 10px;
        padding-right: 10px
    }

    ._header .nav li .i_con {
        position: absolute;
        right: 12px;
        top: 10px;
        transition: .2s
    }

    body.head_nav_active ._header nav {
        transform: scale(1);
        visibility: visible;
        pointer-events: initial;
        padding-bottom: 50px
    }

    ._header .nav_box {
        overflow: auto;
        width: 100%;
        height: 100%
    }

    ._header .nav li.draw_act > .i_con {
        transform: rotate(-180deg)
    }

    .header-slogan-box {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background-color: transparent !important;
        z-index: 4
    }
}

@media (min-height: 720px) {
    .header-dropdown-box__scroll {
        max-height: 600px
    }
}

#v64a2240d05afe {
    background-color: rgba(253, 255, 254, 1);
    color: #0D0E0E;
    padding-top: 112px
}

/* Shared header overrides. */
.header-slogan-box {
    background-color: transparent
}

.site-header-slogan {
    margin: 0;
    text-align: left;
    font-size: 18px;
    font-family: Georgia, serif
}

.site-header-slogan strong {
    font-weight: 700
}

@media (min-width: 1026px) {
    .header_con_box {
        height: 160px !important;
        min-height: 160px !important;
        background: #fff !important
    }

    #v64a2240d05afe {
        height: 160px !important;
        padding-top: 0 !important;
        background: #fff !important
    }

    #v64a2240d05afe .m_iconfenxiang_boxs, #v64a2240d05afe .nav_btns {
        display: none !important
    }

    ._header nav, ._header .nav_box, ._header .nav, ._header .nav > li {
        overflow: visible !important
    }

    ._header .nav > li > .header-dropdown-box, body > .header-dropdown-box {
        display: block !important;
        position: fixed !important;
        top: 112px !important;
        left: 50% !important;
        width: 1200px !important;
        max-width: calc(100vw - 80px) !important;
        box-sizing: border-box !important;
        z-index: 100000 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-50%) translateX(-150px) rotateX(90deg) !important;
        transform-origin: top !important;
        background: #fff !important;
        background-image: none !important;
        overflow: hidden !important;
        isolation: isolate !important;
        font-size: 14px !important;
        line-height: 21px !important;
        font-weight: 400 !important;
        color: #333 !important;
        text-align: left !important
    }

    ._header .nav > li:hover > .header-dropdown-box, ._header .nav > li > .header-dropdown-box:not(.header-dropdown-box--hidden), body > .header-dropdown-box:not(.header-dropdown-box--hidden), ._header .nav > li:hover > .header-dropdown-box.header-dropdown-box--hidden {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateX(-150px) rotateX(0) !important
    }

    ._header .header-dropdown-box__scroll, body > .header-dropdown-box .header-dropdown-box__scroll {
        position: relative !important;
        z-index: 2 !important;
        background: #fff !important;
        background-image: none !important
    }

    ._header .header-dropdown-box__side, body > .header-dropdown-box .header-dropdown-box__side {
        z-index: 1 !important;
        background-color: #f5f5f5 !important;
        overflow: hidden !important
    }

    ._header .header-dropdown-box__side-img, body > .header-dropdown-box .header-dropdown-box__side-img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        z-index: 0 !important
    }

    ._header .header-dropdown-box__side:before, ._header .header-dropdown-box__side:after, body > .header-dropdown-box .header-dropdown-box__side:before, body > .header-dropdown-box .header-dropdown-box__side:after {
        content: none !important;
        display: none !important
    }

    ._header .header-dropdown-box__mask, body > .header-dropdown-box .header-dropdown-box__mask {
        z-index: 2 !important
    }

    ._header .header-dropdown-box__grid, body > .header-dropdown-box .header-dropdown-box__grid {
        min-height: 300px !important;
        max-width: 900px !important;
        align-items: stretch !important
    }

    ._header .header-dropdown-box__cell, body > .header-dropdown-box .header-dropdown-box__cell {
        width: 300px !important;
        min-height: 150px !important;
        padding: 40px !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        line-height: 21px !important;
        font-weight: 400 !important;
        text-align: left !important;
        vertical-align: top !important
    }

    ._header .header-dropdown-box__cell-title, body > .header-dropdown-box .header-dropdown-box__cell-title {
        display: block !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        font-weight: 700 !important;
        color: #333 !important
    }

    ._header .header-dropdown-box__list, body > .header-dropdown-box .header-dropdown-box__list {
        margin: 0 -16px !important;
        max-width: 300px !important;
        line-height: 21px !important
    }

    ._header .header-dropdown-box__item, body > .header-dropdown-box .header-dropdown-box__item {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 21px !important
    }

    ._header .header-dropdown-box__link, body > .header-dropdown-box .header-dropdown-box__link {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 6px 16px !important;
        font-size: 14px !important;
        line-height: 21px !important;
        font-weight: 400 !important;
        color: #666 !important
    }

    ._header .header-dropdown-box__link-text, body > .header-dropdown-box .header-dropdown-box__link-text {
        line-height: 21px !important
    }
}

@media (max-width: 1025px) {
    #v64a2240d05afe #head_button {
        z-index: 10010 !important;
        pointer-events: auto !important
    }

    body.head_nav_active #v64a2240d05afe nav {
        transform: scale(1) !important;
        visibility: visible !important;
        pointer-events: auto !important
    }
}

/* Shared inquiry component styles. */
.yogi-inquiry-anchor{display:block;height:0;overflow:hidden}.yogi-inquiry{background:#fff;color:#111;padding:58px 0 70px;text-align:center}.yogi-inquiry__inner{width:min(1440px,calc(100% - 80px));margin:0 auto}.yogi-inquiry__title{margin:0 0 28px;color:#003DAA;font-size:56px;font-weight:400;line-height:1.12;letter-spacing:0}.yogi-inquiry__intro{margin-bottom:48px;font-size:16px;line-height:1.55}.yogi-inquiry__intro p{margin:0}.yogi-inquiry__form{text-align:left}.yogi-inquiry__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.yogi-inquiry__field{display:block;color:rgba(0,61,170,.82);font-size:14px}.yogi-inquiry__field span{display:block;margin-bottom:12px;line-height:1}.yogi-inquiry__field b{color:#e53935;font-weight:400}.yogi-inquiry__field input,.yogi-inquiry__field textarea{display:block;width:100%;border:0;border-bottom:1px solid #003DAA;border-radius:0;background:transparent;color:#111;outline:0;font:inherit;line-height:1.4}.yogi-inquiry__field input{height:26px}.yogi-inquiry__field textarea{height:70px;resize:vertical}.yogi-inquiry__field--message{margin-top:30px}.yogi-inquiry__actions{margin-top:34px;text-align:center}.yogi-inquiry__actions button{min-width:220px;height:42px;padding:0 34px;border:0;border-radius:24px;background:#003DAA;color:#fff;cursor:pointer;font-size:14px;line-height:42px;transition:opacity .2s}.yogi-inquiry__actions button:hover{opacity:.86}.yogi-inquiry__actions button:disabled{cursor:not-allowed;opacity:.65}.yogi-inquiry__notice{min-height:22px;margin:16px 0 0;text-align:center;color:#003DAA}.yogi-inquiry__notice.is-error{color:#c62828}.yogi-inquiry-modal[hidden]{display:none}.yogi-inquiry-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.yogi-inquiry-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}.yogi-inquiry-modal__dialog{position:relative;width:min(420px,100%);padding:42px 38px 34px;border-radius:8px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.18)}.yogi-inquiry-modal__close{position:absolute;top:14px;right:16px;border:0;background:transparent;color:#003DAA;font-size:30px;line-height:1;cursor:pointer}.yogi-inquiry-modal__title{margin:0 0 14px;color:#003DAA;font-size:26px;font-weight:500}.yogi-inquiry-modal__text{margin:0 0 28px;color:#333;font-size:15px;line-height:1.7}.yogi-inquiry-modal__button{min-width:148px;height:42px;border:0;border-radius:22px;background:#003DAA;color:#fff;font-size:14px;cursor:pointer}@media(max-width:768px){.yogi-inquiry{padding:42px 0 50px}.yogi-inquiry__inner{width:min(100% - 32px,1440px)}.yogi-inquiry__title{font-size:30px}.yogi-inquiry__intro{margin-bottom:34px;font-size:14px}.yogi-inquiry__grid{grid-template-columns:1fr;gap:24px}}

/* Catalog/PDF page styles extracted from pdf_lis.html. */
body.body_pages_pdf_lis{background:#fff;color:#333;font-family:Barlow-Regular,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:400}.source-catalog-page{background:#fff}.source-catalog-page a{transition:all .2s ease}.source-catalog-banner{position:relative;height:290px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#eaf2ef;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.source-catalog-banner:before{content:'';position:absolute;inset:0;background:rgba(239,247,245,.60)}.source-catalog-banner .container,.source-catalog-banner .text{position:relative;z-index:1}.source-catalog-banner .top_title{margin:0 0 18px;color:#111;font-size:48px;font-weight:400;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.source-catalog-banner .top_describe{color:#111;font-size:12px;line-height:1.8;text-transform:uppercase;font-weight:400}.source-catalog-banner .top_describe a{display:inline;color:#111}.source-catalog-banner .top_describe i{display:inline-block;margin:0 5px;color:#111;font-style:normal;opacity:.65}.source-catalog-main{padding:52px 0 82px}.source-catalog-main>.container{max-width:1280px}.source-catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:start}.source-catalog-side{min-width:0}.source-side-block{margin-bottom:18px;border:1px solid #e5e5e5;background:#fff}.source-side-title{margin:0;padding:14px 16px 12px;border-bottom:1px solid #ededed;color:#222;font-size:14px;font-weight:700;line-height:1.3;text-transform:uppercase}.source-side-menu{margin:0;padding:0;list-style:none;background:#fff}.source-side-menu li{margin:0;padding:0;list-style:none}.source-side-menu>li>a{display:block;padding:12px 16px;color:#333;font-size:14px;line-height:1.25;font-weight:400}.source-side-menu>li.active>a,.source-side-menu>li>a:hover{background:#f5f5f5;color:#003DAA}.source-side-menu ul{margin:0;padding:0;list-style:none}.source-side-menu ul a{display:block;padding:10px 16px 10px 28px;color:#555;font-size:14px;line-height:1.25;font-weight:400}.source-side-menu ul .active>a,.source-side-menu ul a:hover{background:#f5f5f5;color:#003DAA}.source-inquiry{padding-bottom:14px}.source-inquiry-title{margin:0;padding:14px 16px 10px;color:#222;font-size:14px;font-weight:700;line-height:1.3}.source-inquiry form{padding:0 16px}.source-inquiry .enquiry_label{display:block;position:relative;margin-bottom:8px;padding:0;border:0}.source-inquiry .enquiry_inp{display:block;width:100%;height:34px;border:0;outline:0;background:#f1f1f1;color:#333;font-size:14px;line-height:34px;padding:0 10px;font-weight:400}.source-inquiry textarea.enquiry_inp{height:68px;resize:vertical;line-height:20px;padding-top:8px}.source-inquiry .required_span{position:absolute;left:10px;top:0;color:#999;font-size:13px;line-height:34px;pointer-events:none;font-weight:400}.source-inquiry .enquiry_inp:focus+.required_span,.source-inquiry .enquiry_inp:not(:placeholder-shown)+.required_span{display:none}.source-inquiry .font-color{color:#999}.source-inquiry .required_tips{display:none;color:#c00;font-size:10px}.source-inquiry .btn_box{margin-top:12px}.source-inquiry .btn{display:block;width:100%;height:34px;padding:0;border:0;border-radius:0;background:#003DAA;color:#fff;font-size:14px;line-height:34px;text-align:center;cursor:pointer;font-weight:400}.downloadhtml_ul{margin:0;padding:0;list-style:none}.downloadhtml_li{display:flex;align-items:center;min-height:92px;margin:0;padding:0 16px 0 0;background:#fff;border:1px solid transparent;width:100%}.downloadhtml_li:nth-child(4),.downloadhtml_li:nth-child(9){border-color:#ededed;box-shadow:0 3px 12px rgba(0,0,0,.035)}.downloadhtml_li:hover{border-color:#ededed;box-shadow:0 3px 12px rgba(0,0,0,.04)}.download_bg{width:86px;min-width:86px;height:92px;display:flex;align-items:center;justify-content:center;background:transparent;color:#777;text-transform:uppercase}.source-file-icon{position:relative;width:44px;height:56px;background:#dce1e6;border:1px solid #d5dbe1;border-radius:1px;box-shadow:0 1px 0 rgba(0,0,0,.08)}.source-file-icon:before{content:'';position:absolute;right:-1px;top:-1px;border-width:0 0 14px 14px;border-style:solid;border-color:transparent transparent #f4f5f6 transparent;width:0;height:0}.source-file-icon:after{content:'';position:absolute;right:0;top:13px;width:13px;height:1px;background:#c6ccd2;transform:rotate(45deg);transform-origin:right center}.download_bg_texts{position:absolute;left:-5px;bottom:10px;width:54px;height:16px;background:#6560bd;color:#fff;font-size:10px;font-weight:400;line-height:16px;text-align:center;text-transform:uppercase;letter-spacing:.02em}.w_con_txt{display:flex;align-items:center;justify-content:space-between;gap:44px;width:100%;min-width:0}.w_con_txt_1{min-width:0;flex:1;padding-right:6px}.w_con_txt .title{margin:0 0 8px;color:#222;font-size:16px;font-weight:400;line-height:1.35;text-align:left}.w_con_txt .describe{margin:0;color:#555;font-size:14px;font-weight:400;line-height:1.45;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.right_box_btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:26px;padding:0 15px;border-radius:14px;background:#003DAA;color:#fff!important;line-height:26px;text-align:center;white-space:nowrap;overflow:hidden}.right_box_btn:before{content:'';position:absolute;inset:0;background:#003DAA;z-index:0}.right_box_btn__text{position:relative;z-index:1;font-size:12px;font-weight:400;line-height:26px}.right_box_btn__icon{display:none}.right_box_btn:hover{color:#fff!important;opacity:.86}.source-catalog-empty{padding:42px 24px;border:1px dashed #ddd;color:#777;text-align:center}.source-pagination{display:none}@media(max-width:1024px){.source-catalog-main>.container{max-width:100%}.source-catalog-layout{grid-template-columns:1fr}.source-catalog-side{order:2}.source-catalog-list{order:1}.source-side-block{max-width:320px}}@media(max-width:768px){.source-catalog-banner{height:220px}.source-catalog-banner .top_title{font-size:30px;letter-spacing:.16em}.source-catalog-main{padding:38px 0 52px}.downloadhtml_li{min-height:86px;padding-right:0}.download_bg{width:64px;min-width:64px}.w_con_txt{display:block;padding:18px 0}.right_box_btn{margin-top:10px}.w_con_txt .describe{-webkit-line-clamp:3}.source-side-block{max-width:none}}

/* Search page styles extracted from index/search.html. */
body.search-page-body{background:#fff;color:#111;font-size:14px}.search-page-wrap{background:#fff}.search-top-zone{margin-top:0;background:#f8f8f8;padding:22px 0 28px}.search-top-zone .container,.search-body-zone .container{max-width:1200px}.search-inline-form{display:flex;align-items:center;width:100%;margin:0;padding:0}.search-inline-form input{display:block;flex:1;width:100%;height:40px;line-height:40px;padding:0 18px;border:0;border-radius:20px;outline:none;background:#f1f1f1;color:#222;font-size:13px;box-sizing:border-box}.search-inline-form input::placeholder{color:#777;text-transform:uppercase}.search-inline-form button{width:84px;height:40px;margin-left:10px;padding:0;border:0;border-radius:20px;background:#19562f;color:#fff;font-size:12px;line-height:40px;text-align:center;text-transform:uppercase;cursor:pointer}.search-copy{margin-top:14px;color:#222;font-size:12px;line-height:20px}.search-body-zone{padding:24px 0 90px}.search-no-result{padding:22px 0 32px;color:#333;font-size:12px;line-height:18px;text-align:center}.search-section-title{margin:0 0 18px;color:#333;font-size:13px;line-height:20px;font-weight:400}.search-list{margin:0;padding:0}.search-list-item{display:flex;align-items:flex-start;gap:18px;margin:0 0 34px;padding:0}.search-list-item__pic{position:relative;display:block;flex:0 0 150px;width:150px;height:150px;overflow:hidden;background:#f4f4f4}.search-list-item__pic img{display:block;width:100%;height:100%;object-fit:cover}.search-list-item__play{position:absolute;left:50%;top:50%;width:38px;height:38px;margin-left:-19px;margin-top:-19px;border-radius:50%;background:rgba(0,0,0,.48)}.search-list-item__play:before{content:"";position:absolute;left:15px;top:11px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}.search-list-item__text{flex:1;min-width:0;padding-top:2px}.search-list-item__title{display:block;margin:0 0 8px;color:#111;font-size:16px;line-height:22px;font-weight:400}.search-list-item__title:hover{color:#19562f}.search-list-item__desc{margin:0 0 12px;color:#333;font-size:12px;line-height:19px;font-weight:400}.search-list-item__from{margin:0;color:#777;font-size:11px;line-height:18px}.search-list-item__from b{color:#444;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.search-pagination{margin:28px 0 0;text-align:center}.search-pagination ul{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.search-pagination li a,.search-pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 9px;border:1px solid #ddd;color:#333;font-size:12px;box-sizing:border-box}.search-pagination li.active span,.search-pagination li a:hover{border-color:#19562f;background:#19562f;color:#fff}@media(max-width:768px){.search-top-zone{padding:18px 0 22px}.search-inline-form button{width:76px;margin-left:8px}.search-list-item{gap:14px;margin-bottom:26px}.search-list-item__pic{flex-basis:118px;width:118px;height:118px}.search-list-item__title{font-size:14px;line-height:20px}.search-list-item__desc{max-height:58px;overflow:hidden}}

/* FAQ page styles extracted from template-faq.html. */
:root{--c-color:#003DAA}.faq-page{background:#fff;color:#333;font-family:Barlow-Regular,Arial,myanmar_font}.faq-page .container{max-width:1440px;margin:0 auto;padding-left:15px;padding-right:15px;box-sizing:border-box}.faq-page-banner{position:relative;padding-top:11vw;padding-bottom:11vw;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;text-align:center;color:#000}.faq-page-banner .text{position:relative;z-index:2}.faq-page-banner .top_title{margin:0 0 20px;font-size:3.2vw;line-height:1.3;font-weight:400;text-transform:uppercase;color:#000}.faq-page-banner .top_describe{font-size:14px;line-height:1.4;color:#000;opacity:.9}.faq-page-banner .top_describe a,.faq-page-banner .top_describe i{display:inline;color:#000;font-style:normal}.faq-page-banner .top_describe i{padding:0 8px;font-style:normal}.faq-page #v6842c048e0b48{border-bottom:1px solid rgba(144,144,144,.2)}.faq-page #v6842c048e0b48 .faq_con_1,.faq-page #v6842c048e0b48 .top_title,.faq-page #v6842c048e0b48 .top_subtitle{position:relative}.faq-page #v6842c048e0b48 .top_title{margin-bottom:34px}.faq-page #v6842c048e0b48 .top_subtitle{margin-bottom:40px;color:#757575;font-size:16px;line-height:1.8}.faq-page #v6842c048e0b48 .search{display:flex;height:49px;border:1px solid #E4E6E7;margin-bottom:15px;background:#fff}.faq-page #v6842c048e0b48 .search input{flex:1;padding-left:10px;border:0;outline:0}.faq-page #v6842c048e0b48 .search button{position:relative;width:47px;flex:0 0 47px;height:47px;padding:0;border:0!important;border-radius:0!important;background:var(--c-color)!important;color:#fff;cursor:pointer;font-size:0!important;display:flex;align-items:center;justify-content:center}.faq-page #v6842c048e0b48 .search button svg,.faq-page #v6842c048e0b48 .search button i,.faq-page #v6842c048e0b48 .search button span{display:none!important}.faq-page #v6842c048e0b48 .search button:before{content:""!important;display:block;width:13px;height:13px;border:2px solid #fff;border-radius:50%;box-sizing:border-box}.faq-page #v6842c048e0b48 .search button:after{content:"";display:block;position:absolute;width:8px;height:2px;background:#fff;border-radius:2px;transform:rotate(45deg);left:28px;top:29px}.faq-page #v6842c048e0b48 .faq_main_1{display:flex;align-items:flex-start}.faq-page #v6842c048e0b48 .faq_left_1{width:30%;padding-right:10px}.faq-page #v6842c048e0b48 .faq_right_1{flex:1}.faq-page #v6842c048e0b48 .faq_sort{width:100%;max-height:520px;overflow-y:auto}.faq-page #v6842c048e0b48 .faq_sort li{width:100%;background:#f2f2f2;color:#333;cursor:pointer;margin-bottom:10px;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faq-page #v6842c048e0b48 .faq_sort .active,.faq-page #v6842c048e0b48 .faq_sort li:hover{color:var(--c-color)}.faq-page #v6842c048e0b48 .faq_con_item{position:relative;margin-bottom:15px;padding:10px 15px;border:1px solid #E4E6E7;background:#fff}.faq-page #v6842c048e0b48 .faq_title,.faq-page #v6842c048e0b48 .sort_title{display:flex;align-items:flex-start;justify-content:space-between;cursor:pointer}.faq-page #v6842c048e0b48 .faq_title .title,.faq-page #v6842c048e0b48 .sort_title .title{margin:0;font-size:18px;font-weight:bold;line-height:1.35;color:#111}.faq-page #v6842c048e0b48 .faq_con{margin-top:16px;color:#757575;max-height:600px;overflow-y:auto}.faq-page #v6842c048e0b48 .faq_con p{margin:0;color:#697487;font-size:14px;line-height:1.9}.faq-page #v6842c048e0b48 .icon_btns{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;min-width:16px!important;margin-left:16px!important;padding:0!important;font-size:0!important;line-height:1!important;opacity:.45;transition:.2s}.faq-page #v6842c048e0b48 .icon_btns *{display:none!important}.faq-page #v6842c048e0b48 .icon_btns:before{content:"";display:block;width:7px;height:7px;border-right:1px solid #7b7b7b;border-bottom:1px solid #7b7b7b;transform:rotate(45deg)}.faq-page #v6842c048e0b48 .faq_con_item.active .icon_btns:before{transform:rotate(-135deg)}.faq-page #v6842c048e0b48 .mobile_faq{display:none}.faq-page #v6842c048e0b48 .pc_faq>ul,.faq-page #v6842c048e0b48 .sort_mobile_item_con>ul{overflow:hidden}@media(max-width:1025px){.faq-page #v6842c048e0b48 .top_title,.faq-page #v6842c048e0b48 .top_subtitle{margin-bottom:15px}.faq-page #v6842c048e0b48 .faq_main_1{display:block}.faq-page #v6842c048e0b48 .faq_left_1{width:100%;padding:0}.faq-page #v6842c048e0b48 .pc_faq,.faq-page #v6842c048e0b48 .faq_sort,.faq-page #v6842c048e0b48 .faq_search_list{display:none}.faq-page #v6842c048e0b48 .mobile_faq{display:block}.faq-page #v6842c048e0b48 .sort_mobile_item_con .faq_con{display:block}.faq-page #v6842c048e0b48 .active .sort_mobile_item_con{margin-top:0;display:none;color:#757575}}@media(max-width:768px){.faq-page-banner{display:none}.faq-page .container{padding-left:15px!important;padding-right:15px!important}}

/* Shared footer and floating contact UI. */
.site-common-hidden {
    display: none !important
}
.site-inline-link { display: inline; }
.site-hidden { display: none !important; }
.site-text-56 { font-size: 56px; }
.site-clear-center { clear: both; padding: 50px 0; text-align: center; display: none; }

:root {
    --c-color: #003DAA !important
}

#v64a21ebb52c3d {
    background-color: #003DAA !important
}

.site-footer-mobile-social {
    display: none
}

.site-footer-sitemap {
    vertical-align: middle
}

.site-footer-text-16 {
    font-size: 16px
}

.footer-social-icons {
    display: block
}

#bottomShareBox .chat_online_clicks {
    display: none !important
}

.yogi-nice-alert[hidden] {
    display: none !important
}

.yogi-nice-alert {
    position: fixed;
    inset: 0;
    z-index: 1000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-family: inherit
}

.yogi-nice-alert__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .38);
    backdrop-filter: blur(2px)
}

.yogi-nice-alert__dialog {
    position: relative;
    width: min(420px, 100%);
    padding: 34px 32px 30px;
    border-radius: 22px;
    background: #fff;
    color: #233a2b;
    text-align: center;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .22)
}

.yogi-nice-alert__icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #eef3ff;
    color: #003DAA;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1
}

.yogi-nice-alert__title {
    margin: 0 0 10px;
    color: #003DAA;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600
}

.yogi-nice-alert__text {
    margin: 0 0 24px;
    color: #4d5a52;
    font-size: 15px;
    line-height: 1.7
}

.yogi-nice-alert__button {
    min-width: 148px;
    height: 42px;
    border: 0;
    border-radius: 24px;
    background: #003DAA;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: opacity .2s
}

.yogi-nice-alert__button:hover {
    opacity: .86
}

.yogi-global-float {
    position: fixed;
    right: 20px;
    bottom: 22px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    pointer-events: none
}

.yogi-global-float a, .yogi-global-float button {
    pointer-events: auto
}

.yogi-global-chat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 58px;
    min-height: 82px;
    padding: 10px 8px;
    border: 0;
    border-radius: 14px;
    background: #ffe201;
    color: #333;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
    font-size: 14px;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.yogi-global-chat svg {
    width: 24px;
    height: 20px;
    margin-bottom: 8px;
    display: block
}

.yogi-global-backtop {
    display: none;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    color: #174f2e;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
    cursor: pointer
}

.yogi-global-backtop:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-left: 3px solid currentColor;
    border-top: 3px solid currentColor;
    transform: rotate(45deg) translateY(4px)
}

.yogi-global-backtop.is-visible {
    display: flex
}

.yogi-chat-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none
}

.yogi-chat-modal.is-open {
    display: block
}

.yogi-chat-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .18)
}

.yogi-chat-panel {
    position: absolute;
    right: 24px;
    bottom: 110px;
    width: 400px;
    max-width: calc(100vw - 48px);
    background: #ffe201;
    border-radius: 18px;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .18);
    color: #333
}

.yogi-chat-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #222;
    font-size: 30px;
    line-height: 1;
    cursor: pointer
}

.yogi-chat-title {
    margin: 0 42px 14px 0;
    color: #222;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700
}

.yogi-chat-desc {
    margin-bottom: 18px;
    color: #555;
    font-size: 14px;
    line-height: 1.8
}

.yogi-chat-field {
    margin-bottom: 14px
}

.yogi-chat-field label {
    display: block;
    padding: 0 14px 7px;
    color: #666;
    font-size: 15px;
    line-height: 1.2
}

.yogi-chat-field label:before {
    content: "*";
    color: #e30000
}

.yogi-chat-field input, .yogi-chat-field textarea {
    width: 100%;
    border: 0;
    outline: 0;
    border-radius: 14px;
    background: #f5f5f5;
    color: #333;
    padding: 13px 16px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.45
}

.yogi-chat-field textarea {
    min-height: 96px;
    resize: vertical
}

.yogi-chat-submit button {
    width: 100%;
    height: 46px;
    border: 0;
    border-radius: 9px;
    background: #313131;
    color: #fff;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    cursor: pointer
}

.yogi-chat-submit button[disabled] {
    opacity: .65;
    cursor: not-allowed
}

.yogi-chat-message {
    display: none;
    margin: 0 0 12px;
    padding: 9px 12px;
    border-radius: 8px;
    background: rgba(49, 49, 49, .12);
    color: #333;
    font-size: 13px
}

.yogi-chat-message.is-visible {
    display: block
}

@media (max-width: 768px) {
    .yogi-global-float {
        right: 14px;
        bottom: 16px
    }

    .yogi-global-chat {
        width: 54px;
        min-height: 76px;
        font-size: 13px
    }

    .yogi-global-backtop {
        width: 56px;
        height: 56px
    }

    .yogi-chat-panel {
        left: 12px;
        right: 12px;
        bottom: 96px;
        width: auto;
        max-width: none;
        padding: 18px
    }
}
@media (hover: hover) and (pointer: fine) {
  a[href] img {
    transition: transform 0.3s ease;
    transform-origin: center;
  }

  a[href]:hover img {
    transform: scale(1.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  a[href] img {
    transition: none;
  }
}
.header-dropdown-box__side-img {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

.header-dropdown-box__side-img + .header-dropdown-box__mask {
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
}