html {
    font-size: 18px;
}

    html:lang(en) {
        font-size: 18px;
    }

body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    background-color: #fdf7f0;
    font-family: Roboto,Arial,sans-serif;
}

    body:lang(zh-CN) {
        font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,simsun,sans-serif;
        color: #000;
    }

a {
    color: #1c3587;
}

    a[target="_blank"]::after {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
        margin: 0 3px 0 5px;
    }

.a2a_kit a[target="_blank"]::after {
    content: none !important;
    margin: 0 !important;
}

.zhtw, .zhcn, .enus {
    display: none !important;
}

    .zhtw:lang(zh-TW), .zhcn:lang(zh-CN), .enus:lang(en) {
        display: block !important;
    }

#main-content a[target="_blank"]::after {
    content: none;
    margin: auto;
}

#main-header {
    background-color: #fff;
}

#main-content, .et_pb_section {
    background-color: #fdf7f0;
}

@media screen and (max-width: 980px) {
    html {
        font-size: 18px;
    }

        html:lang(en) {
            font-size: 15px;
        }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 18px;
    }

        html:lang(en) {
            font-size: 15px;
        }
}

@media screen and (max-width: 480px) {
    html {
        font-size: 18px;
    }

        html:lang(en) {
            font-size: 15px;
        }
}

body:lang(en),
.et_pb_column_1_2 .et_quote_content blockquote cite:lang(en),
.et_pb_column_1_2 .et_link_content a.et_link_main_url:lang(en),
.et_pb_column_1_3 .et_quote_content blockquote cite:lang(en),
.et_pb_column_3_8 .et_quote_content blockquote cite:lang(en),
.et_pb_column_1_4 .et_quote_content blockquote cite:lang(en),
.et_pb_blog_grid .et_quote_content blockquote cite:lang(en),
.et_pb_column_1_3 .et_link_content a.et_link_main_url:lang(en),
.et_pb_column_3_8 .et_link_content a.et_link_main_url:lang(en),
.et_pb_column_1_4 .et_link_content a.et_link_main_url:lang(en),
.et_pb_blog_grid .et_link_content a.et_link_main_url:lang(en),
body .et_pb_bg_layout_light .et_pb_post p:lang(en),
body .et_pb_bg_layout_dark .et_pb_post p:lang(en) {
    font-size: 1rem;
}

h1 {
    font-size: 1.75rem;
    padding-bottom: 1.25rem;
}

h2 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

h3 {
    font-size: 1.25rem;
    padding-bottom: 0.75rem;
}

h4, h5, h6 {
    font-size: 1.125rem;
    padding-bottom: 0.625rem;
}

#footer-widgets .footer-widget li {
    padding-left: 0;
}

    #footer-widgets .footer-widget li:before {
        display: none;
        border-radius: 0;
        border-width: 0;
    }

.font-title1 {
    font-size: 1.9rem;
    font-weight: 500;
    color: #263780;
    line-height: 1.2;
}

    .font-title1:lang(zh) {
        font-size: 1.67rem;
        letter-spacing: 0.0625rem;
        font-weight: 700;
    }

.font-title2 {
    font-size: 1.9rem;
    font-weight: 500;
    color: #263780;
    border-left: 0.25rem solid #1c3587;
    padding-bottom: 0rem;
    padding-left: 0.5rem;
    line-height: 1.7;
}

    .font-title2:lang(zh) {
        font-size: 1.67rem;
        font-weight: 700;
    }

    .font-title2.color-803129 {
        border-left: 0.25rem solid #803129;
    }

    .font-title2.color-044455 {
        border-left: 0.25rem solid #044455;
    }

    .font-title2.color-763830 {
        border-left: 0.25rem solid #763830;
    }

.font-title2-nobar {
    font-size: 1.19rem;
    font-weight: 700;
    color: #263780;
    padding-bottom: 0rem;
    line-height: 1.2;
}

.font-title3 {
    font-size: 1.67rem;
    font-weight: 700;
    color: #263780;
    border-left: 0.25rem solid #1c3587;
    padding-bottom: 0rem;
    margin-left: -0.5rem;
    padding-left: 0.5rem;
    line-height: 1.2;
}

    .font-title3:lang(zh) {
        font-size: 1.6rem;
    }

.font-title4 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #763830;
    border-left: 0.25rem solid #1c3587;
    padding-bottom: 0rem;
    margin-left: -0.5rem;
    padding-left: 0.5rem;
    line-height: 1.2;
}

.font-title5 {
    font-size: 2.625rem;
    font-weight: 700;
    text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    color: #fff;
}

.font-title5vw {
    font-size: 2.5vw;
    font-weight: 700;
    text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    color: #fff;
}

.font-title6 {
    font-size: 1.67rem;
    font-weight: 700;
    color: #ffcf65;
    text-decoration: none;
    position: relative;
    line-height: 1.3;
    padding-bottom: 1.5rem;
}

.font-title6-size1 {
    font-size: 2.625rem;
}

.font-title6-container {
    /*border-bottom: 0.125rem solid #ffcf65;*/
    padding-bottom: 1rem;
    text-align: center;
    display: inline-block;
}

.border-bottom-color-803129 {
    border-bottom-color: #803129;
}

.border-bottom-color-263780 {
    border-bottom-color: #263780;
}

.border-bottom-color-044455 {
    border-bottom-color: #044455;
}

.border-bottom-color-763830 {
    border-bottom-color: #763830;
}

.font-title3a {
    font-size: 2.5rem;
    font-weight: 700;
    color: #263780;
}

.font-section-header-1 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.25;
    color: #1C3587;
    padding-right: 3rem;
}

    .font-section-header-1:lang(zh) {
        letter-spacing: 0.05rem;
        font-size: 1.2rem;
        font-weight: 700;
    }

.font-section-content-1 {
    font-size: 1.1rem;
    line-height: 1.5;
    color: #333333;
    padding-right: 3rem;
    padding-bottom: 1rem;
}

    .font-section-content-1:lang(zh) {
        font-size: 1rem;
        line-height: 2;
    }

.font-section-header-2 {
    font-size: 1.3rem !important;
    font-weight: 700;
    line-height: 1.25;
}

    .font-section-header-2:lang(zh) {
        letter-spacing: 0.05rem;
    }

.font-section-content-2 {
    font-size: 1rem;
    line-height: 2;
    padding-right: 3rem;
}

.putigrid-col-left-side-1 {
    width: 0.25rem !important;
    height: 12rem;
    background-color: #1c3587;
    margin-top: 0.625rem;
}

.putigrid-col-left-1 {
    width: 41% !important;
    background-color: #C8E8FF;
    height: 13rem !important;
    border-radius: 0.5rem 0 0 0.5rem;
}

    .putigrid-col-left-1 img {
        border-radius: 0.5rem 0 0 0.5rem;
    }

.putigrid-col-right-1 {
    width: 57% !important;
    background-color: #C8E8FF;
    height: 13rem !important;
    border-radius: 0 0.5rem 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.putigrid-col-left-side-2 {
    width: 0.5% !important;
    height: 310px;
    background-color: #1c3587;
    margin-top: 0.625rem;
}

.putigrid-col-left-side-3 {
    background-color: #1c3587;
}

.putigrid-col-left-2 {
    width: 26% !important;
    background-color: #fff;
    height: 328px !important;
    border-radius: 0.5rem 0 0 0.5rem;
    display: flex;
    justify-content: center;
    min-width: 351px;
}

    .putigrid-col-left-2 .et_pb_image {
    }

    .putigrid-col-left-2 img {
        border-radius: 1.5rem;
        padding: 1rem;
    }

.putigrid-col-left-2-middle {
    background-color: #c8e8ff;
    border-radius: 0 0.5rem 0.5rem 0;
}

.putigrid-col-left-3-middle {
    background-color: #c8e8ff;
    border-radius: 0 0.5rem 0.5rem 0;
}

.putigrid-col-right-2 {
    width: 73% !important;
    background-color: #fff;
    height: 328px !important;
    border-radius: 0 0.5rem 0.5rem 0;
    margin: 0 !important;
    display: flex;
    justify-content: center;
}

    .putigrid-col-right-2 .right-above-center-below-980 {
        padding-right: 3rem;
    }

.putigrid-col-right-2-middle {
    border-radius: 0.5rem 0 0 0.5rem;
    background-color: #c8e8ff;
}

.putigrid-col-right-3-middle {
    border-radius: 0.5rem 0 0 0.5rem;
    background-color: #c8e8ff;
}

.section-banner-home {
}

.section-banner-normal {
    display: flex;
    height: 33.125vw;
}

.banner-title1 {
    font-size: 2.2vw;
    font-weight: 700;
    line-height: 1.3;
}

    .banner-title1:lang(zh) {
        font-size: 2.7vw;
        font-weight: 900;
        line-height: 1.5;
    }

.banner-title1-large {
    font-size: 3.3vw;
}

.banner-title2 {
    font-size: 2.2vw;
    font-weight: 400;
    line-height: 1.5;
}

    .banner-title2:lang(zh) {
        font-size: 2vw;
        font-weight: 900;
    }

.banner-desc1 {
    font-size: 1.2vw;
    font-weight: 500;
    line-height: 1.5;
}

    .banner-desc1:lang(zh) {
        font-size: 1.6vw;
        font-weight: 700;
        line-height: 1.9;
    }

.banner-left {
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-left: -10%;
}

.banner-right {
    text-align: right;
}

@media screen and (max-width: 980px) {
    .banner-left {
        display: none;
    }

        .banner-left.display-normal {
            display: block;
        }

    .banner-right {
        display: none;
    }

        .banner-right.display-normal {
            display: block;
        }

    .banner-title1 {
        font-size: 1.67rem;
    }

        .banner-title1:lang(zh) {
            font-size: 1.7rem;
        }

    .banner-title1-large {
        font-size: 1.8rem;
    }

    .banner-mobile-right {
        padding-left: 45%;
    }

    .banner-title2 {
        font-size: 1.5rem;
        font-weight: 500;
    }

        .banner-title2:lang(zh) {
            font-size: 1.25rem;
            font-weight: 900;
        }

    .banner-desc1 {
        font-size: 1.3rem;
        font-weight: 400;
    }

        .banner-desc1:lang(zh) {
            font-size: 1.2rem;
            font-weight: 700;
        }

    .font-title6 {
        font-size: 1.6rem;
    }
}

.home-banner-text {
    text-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.5);
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #263780;
    padding: calc(100vw / 5 - 1.3rem) calc(100vw / 4) 0;
}

.entry-title {
    text-align: center;
    color: #263780;
    font-size: 2rem;
    line-height: 1.4;
}

.entry-content table:not(.variations), body.et-pb-preview #main-content .container table,
.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border: none;
    padding: 1rem 0rem 1rem 0rem;
    min-width: 64px;
}

.single-post .post-meta {
    color: #1c3587;
    text-align: center;
    visibility: hidden;
    padding-top: 1rem;
    line-height: 3;
}

    .single-post .post-meta a {
        border-radius: 0.5rem;
        background-color: #ffcf65;
        font-size: 1.0rem;
        font-weight: 500;
        text-align: center;
        padding: 0.50rem 1.50rem;
        color: #1c3587;
        margin-top: -0.75rem;
        visibility: visible;
        white-space: nowrap;
    }

        .single-post .post-meta a:lang(zh) {
            letter-spacing: 0.125rem;
        }

        .single-post .post-meta a:hover {
            background-color: #C49858;
        }

@media screen and (max-width: 768px) {
    .single-post .post-meta {
        text-align: left;
        line-height: 3;
    }
}


.single-post .wp-block-image {
    text-align: center;
    display: block;
}

.single-post article img, .search article img {
    /*border-radius: 0.5rem;*/
    /*max-height: 500px;*/
}

.single-post .entry-content p:lang(zh) {
    text-indent: 2em;
    text-align: justify;
}

.single-post .entry-content .et_post_video {
    padding-bottom: 2rem;
}

.single-post .et_pb_post .entry-content {
    padding-top: 1rem;
}

.single-post blockquote {
    border-left: 0.25rem solid #1c3587 !important;
}

.single-post h2, .single-post h1 {
    color: #263780;
}

.single-post h2 {
    line-height: 1.5;
}

@media (min-width: 981px) {
    .single-post .entry-content p:lang(zh) {
        /*padding-left: 5%;
        padding-right: 10%;*/
    }

    .single-post .et_pb_post {
        padding-right: 10%;
    }

    .entry-title {
        padding-left: 5%;
        padding-right: 5%;
    }

    .single-post h2, .single-post h1 {
        padding-top: 1rem;
    }
}

.about-banner-text {
    text-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.5);
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    color: #263780;
    padding: calc(100vw / 4 ) calc(100vw / 3 + 2rem) 0;
    white-space: nowrap;
}

.about-banner-text-left {
    border-right: 0.3125rem solid #263780 !important;
}

@media only screen and (min-width: 1921px) {
    .about-method-section img {
        width: 16vw;
    }
}

.about-image-cloud-line img, .about-image-cloud-line-bottom img {
    width: 12rem;
}

.about-image-cloud-line-bottom {
    margin-top: -4rem;
    margin-right: -1rem;
}

.master-banner-text {
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
    padding: calc(100vw / 4 ) calc(100vw / 4) 0;
}

.btn-normal-home {
    border-radius: 0.5rem;
    background-color: #1c3587;
    font-size: 1.0rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    color: #fff;
    padding: 0.75rem 1.875rem;
}

    .btn-normal-home:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .btn-normal-home:hover {
        color: #fff !important;
        background-color: #6680b4 !important;
    }

.btn-normal, .et_pb_ajax_pagination_container .pagination a {
    border-radius: 0.5rem;
    background-color: transparent;
    border: solid 2px #1c3587;
    font-size: 1.0rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    color: #1c3587;
    padding: 0.75rem 1.875rem;
}

    .btn-normal:lang(zh),
    .et_pb_ajax_pagination_container .pagination a:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .btn-normal:hover, .et_pb_ajax_pagination_container .pagination a:hover {
        color: #ffffff !important;
        background-color: #1c3587 !important;
    }

@media (max-width: 768px) {
    .btn-normal, .et_pb_ajax_pagination_container .pagination a {
        padding: 0.75rem 1rem;
    }
}

.banner-desc1 .btn-normal, .banner-desc1 .btn-normal-home {
    font-size: 1.3vw;
}

.btn-normalvw {
    border-radius: 0.5rem;
    background-color: transparent;
    border: solid 2px #1c3587;
    font-size: 1vw;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    color: #1c3587;
    padding: 0.75rem 1.875rem;
}

    .btn-normalvw:lang(zh) {
        letter-spacing: 0.125rem;
    }

.btn-normal-sm {
    border-radius: 0.5rem;
    background-color: transparent;
    border: solid 3px #1c3587;
    font-size: 1.0rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    color: #1c3587;
    padding: 0.75rem 1.875rem;
}

    .btn-normal-sm:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .btn-normal-sm:hover {
        color: #ffffff !important;
        background-color: #1c3587;
    }

.btn-semi-trans {
    background-color: #fff;
    border: none;
    opacity: 0.6;
}

.btn-color-fff2cb {
    background-color: #fff2cb;
    color: #b47e2e;
    border: none;
}

    .btn-semi-trans:hover, .btn-color-fff2cb:hover, .btn-color-f7d4b6:hover, .btn-color-e9e2d6, .btn-color-1c3587, .btn-color-05b3b2 {
        background-color: rgba(0,0,0,.05);
    }

.btn-color-f7d4b6 {
    background-color: #f7d4b6;
    color: #b26358;
    border: none;
}

.btn-color-e9e2d6 {
    background-color: #e9e2d6;
    color: #6080b8;
    border: none;
}

.btn-color-1c3587 {
    background-color: #fff;
    color: #1c3587;
    border: none;
    opacity: 0.6;
}

.btn-color-05b3b2 {
    background-color: #fff;
    color: #05b3b2;
    border: none;
    opacity: 0.6;
}

.btn-color-f9af05 {
    background-color: #fff;
    color: #f9af05;
    border: none;
    opacity: 0.6;
}

.btn-color-aa5a4f {
    background-color: #fff;
    color: #aa5a4f;
    border: none;
    opacity: 0.6;
}

.btn-color-5978b4 {
    background-color: #fff;
    color: #5978b4;
    border: none;
    opacity: 0.6;
}

.btn-normal-yellow {
    border-radius: 0.5rem;
    background-color: #ffcf65;
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    color: #1c3587;
    padding: 0.75rem 1.875rem;
}

    .btn-normal-yellow:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .btn-normal-yellow a {
        color: #1c3587;
    }

    .btn-normal-yellow:hover {
        background-color: #C49858;
    }

@media screen and (min-width: 980px) {
    .font-size-vw1-above980 {
        font-size: 1.5vw;
    }
}

.btn-normal-mappink {
    border-radius: 0.5rem;
    background-color: #f7d4b6;
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    color: #b47e2e;
    padding: 0.75rem 1.875rem;
}

    .btn-normal-mappink:lang(zh) {
        letter-spacing: 0.125rem;
    }

.home-btn-know-more {
    padding: 0.75rem 2rem 0.75rem 2rem;
    float: right;
    margin-top: 0.625rem;
}

.home-master-detail {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #232326;
}

    .home-master-detail:lang(zh-CN) {
        font-size: 1rem;
        line-height: 1.88;
        color: #000;
    }

.category-faq-accordion .query-post-content {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #232326;
}

    .category-faq-accordion .query-post-content:lang(zh-CN) {
        font-size: 1rem;
        line-height: 1.88;
        color: #000;
    }

.zh-text-justify:lang(zh) {
    text-indent: 2em;
    text-align: justify;
}

.zh-text-justify li:lang(zh) {
    text-indent: 0;
}

.zh-text-justify-noident:lang(zh) {
    text-align: justify;
}

.padding-fullrowmodule-center {
    padding-left: 80px;
    padding-right: 80px;
}

.padding-rightrowmodule-justify {
    padding-right: 80px;
}

@media only screen and (max-width: 767px) {
    .padding-fullrowmodule-center {
        padding-left: 0;
        padding-right: 0;
    }

    .padding-rightrowmodule-justify {
        padding-right: 0;
    }
}

.et_pb_row {
    max-width: 1200px;
    padding-bottom: 2rem;
}

@media only screen and (min-width: 1921px) {
    .nobackground_img_1921 {
        background-image: none !important;
    }

    .et_pb_row.platform-row {
        max-width: 62.5vw;
    }
}

.row-in-middle-section {
    display: flex;
}

.flex-center-single-column-row {
    display: flex;
}

    .flex-center-single-column-row .et_pb_column {
        margin: auto !important;
    }

@media only screen and (min-width: 2400px) {
    body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
        padding-top: 3rem !important;
    }

    .et_pb_section {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .et_pb_row {
        /*padding-top: 3rem !important;
        padding-bottom: 3rem !important;
        padding-left: 20% !important;
        padding-right: 20% !important;*/
    }

        .et_pb_row .et_pb_row {
            /*padding-top: 0rem !important;
            padding-bottom: 0rem !important;
            padding-left: 0% !important;
            padding-right: 0% !important;*/
        }
}

@media only screen and (max-width: 1440px) {
    .full-bg-row {
        width: 80%;
    }
}

.home-banner-row {
}

@media only screen and (min-width: 1921px) {
    .home-banner-row {
        width: 100%;
        max-width: 100% !important;
        padding-left: 20% !important;
        padding-right: 20% !important;
    }
}

/* class and service*/
.class-img {
    text-align: right;
}

.class-img-left {
    text-align: left;
}

    .class-img img, .class-img-left img {
        max-width: 20vw;
        border-radius: 0.5rem;
    }

@media (max-width: 1440px) {
    .class-img img, .class-img-left img {
        max-width: 30vw;
    }
}

.class-header-3 {
    font-size: 1.67rem;
    font-weight: 700;
    color: #263780;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.class-content-2 {
    font-size: 1rem;
    line-height: 1.88;
    color: #232326;
}

    .class-content-2:lang(zh-CN) {
        color: #000;
        font-size: 1rem;
        line-height: 1.88;
    }

@media screen and (max-width: 1440px) {
    .font-section-content-1 {
        line-height: 1.1;
    }

        .font-section-content-1:lang(zh) {
            line-height: 2;
        }
}

@media screen and (max-width: 1200px) {
    .font-section-content-1:lang(zh) {
        line-height: 1.5;
    }
}

.section-banner-header-mobile {
    background-color: #FFE0B9;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .section-banner-header-mobile .banner-title1 {
        padding-bottom: 0;
    }

.section-banner-desc-mobile {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media screen and (max-width: 980px) {
    .class-content-2 {
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .et_pb_row {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
    }

    .section-banner-header-mobile .et_pb_row {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .section-banner-normal {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .home-banner-row {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .font-title5 {
        font-size: 1.25rem;
    }

    .font-title5vw {
        font-size: 1.25rem;
    }

    .font-section-header-1 {
        padding-left: 2rem;
    }

    .font-section-content-1 {
        padding-right: 2rem;
        padding-left: 2rem;
        line-height: 1.3;
    }

    .font-section-content-2 {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .align-center-below-980 {
        text-align: center;
    }

    .class-img, .class-img-left {
        text-align: center;
    }

        .class-img img, .class-img-left img {
            max-width: 60vw;
        }

    .putigrid-col-left-1 {
        width: 100% !important;
        border-radius: 0.5rem 0.5rem 0 0;
        height: 35vw !important;
    }

        .putigrid-col-left-1 img {
            border-radius: 0.5rem 0.5rem 0 0;
        }

    .putigrid-col-left-2 {
        width: 100% !important;
        border-radius: 0.5rem 0.5rem 0 0;
        height: auto !important;
    }

        .putigrid-col-left-2 img {
            border-radius: 0.5rem 0.5rem 0 0;
        }

    .putigrid-col-right-1 {
        width: 100% !important;
        border-radius: 0 0 0.5rem 0.5rem;
        height: auto !important;
        padding-bottom: 2rem;
    }

    .putigrid-col-right-2 {
        width: 100% !important;
        border-radius: 0 0 0.5rem 0.5rem;
        height: auto !important;
        padding-bottom: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .font-title1 {
        font-size: 1.4rem;
    }

        .font-title1:lang(zh) {
            font-size: 1.4rem;
        }

    .energy-category-header-container .font-title1 {
        font-size: 1.67rem;
    }

    .font-title2 {
        font-size: 1.4rem;
    }

        .font-title2:lang(zh) {
            font-size: 1.25rem;
        }

    .font-section-header-1 {
        padding-left: 1rem;
    }

    .font-section-content-1 {
        font-size: 1rem;
        line-height: 1.5;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .font-section-content-2 {
        font-size: 1rem;
        line-height: 1.5;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .home-btn-know-more {
        width: 13rem;
        float: none;
        margin: 0 auto;
    }

    .et_pb_row {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .container {
        width: 90%;
    }

    .full-bg-section {
        width: 95%;
        padding-left: 5%;
    }

    .full-bg-row {
        width: 90%;
    }

    .home-banner-text {
        padding: calc(15vw) 10%;
        font-size: 1.0rem;
    }

    .class-header-3 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 500px) {
    .font-title6 {
        font-size: 1.6rem;
    }

    .font-title6-size1 {
        font-size: 1.6rem;
    }

    .putigrid-col-left-2 {
        min-width: 100%;
    }
}

.no-padding-row {
    padding-left: 0;
    padding-right: 0;
    max-width: none !important;
}

.home-speech-button-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 8rem;
}

@media screen and (max-width: 1079px) {
    .home-speech-button-container {
        border-left: none;
        align-items: center;
        margin-left: 0rem;
    }
}

.home-speech-button {
    max-width: 90%;
    width: 20rem;
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    text-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.5);
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
    color: #fff;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem !important;
}

    .home-speech-button:lang(zh) {
        letter-spacing: 0.3rem;
        font-size: 1.5rem;
        line-height: 1.7;
        font-weight: 400;
    }

    .home-speech-button a {
        color: #fff;
    }

    .home-speech-button:hover {
        color: #ffffff !important;
        background-color: #1c3587;
    }

    .home-speech-button a:hover {
        color: #ffffff !important;
    }

.home-speech-new-button {
    position: absolute !important;
    bottom: 0;
    width: 100%;
    z-index: 100;
    font-size: 1.5rem;
    text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgba(13,31,90,0.71);
    /*border-radius: 0rem 0rem 0.5rem 0.5rem;*/
}

    .home-speech-new-button:lang(zh) {
        letter-spacing: 0.3rem;
    }

    .home-speech-new-button .video-text-left {
        font-size: 1.75rem;
        text-align: left;
        padding-left: 3rem;
    }

    .home-speech-new-button .video-text-right {
        font-size: 1.25rem;
        float: right;
        padding-right: 3rem;
    }

        .home-speech-new-button .video-text-right:lang(zh) {
            letter-spacing: 0;
        }

.home-health-happy-row {
    height: 914px !important;
}

.home-health-happy-container {
    padding-top: 3rem;
    padding-left: 3rem;
    width: 37rem;
}

    .home-health-happy-container img {
        max-width: 150px;
    }

.home-health-happy-line {
    font-size: 1.5rem;
    color: #1c3587;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1;
}

    .home-health-happy-line:lang(zh) {
        letter-spacing: 2px;
        font-size: 1.4rem;
        color: #1c3587;
        white-space: nowrap;
        font-weight: 700;
        line-height: 1.5;
    }

.home-health-happy-name {
    font-size: 1.1rem;
    color: #1c3587;
    font-weight: 700;
}

    .home-health-happy-name:lang(zh) {
        font-size: 1rem;
        color: #1c3587;
    }

@media screen and (max-width: 1200px) {
    .home-health-happy-row {
        height: 76.17vw !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 768px) {
    .home-health-happy-container {
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 68.33vw;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        background-color: #FFE9C3;
        width: 100%;
    }

    .home-health-happy-line {
        white-space: normal !important;
        line-height: 1.5;
    }
}

.home-start-happy-row {
    margin-top: -10rem;
}

@media screen and (max-width: 768px) {
    .home-start-happy-row {
        margin-top: 0rem;
    }
}

.home-play-button-container {
    margin-bottom: 0rem;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 980px) {
    .home-play-button-container {
        justify-content: center;
        padding-bottom: 1rem;
    }
}

.home-story-slider {
}

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

    .home-story-slider {
        padding-left: 10%;
        padding-right: 10%;
        width: 100%;
        overflow: hidden;
    }

        .home-story-slider .arrows-outside .owl-prev {
            width: 32px !important;
        }

        .home-story-slider .arrows-outside .owl-next {
            right: -28px !important;
            width: 32px !important;
        }
}


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

    .home-story-slider .arrows-outside .owl-prev {
        left: -40px !important;
    }

    .home-story-slider .arrows-outside .owl-next {
        right: -28px !important;
        width: 32px !important;
    }
}


.home-master-desc {
    margin-top: -0.5rem;
    padding-top: 2rem;
    padding-right: 8rem;
}

.home-master-img {
    margin-top: 0rem;
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
    border-radius: 0.5rem;
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin-left: 0;
}

    .home-master-img:lang(zh) {
        margin-top: -6rem;
    }

    .home-master-img img {
        border-radius: 0.5rem;
    }

.rowicon-image-module img {
    max-width: 10rem;
}

.title-more-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .title-more-container span {
        white-space: nowrap;
    }

.img-shadow img {
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
}

@media screen and (max-width: 1400px) {
    .home-master-desc {
        margin-top: -0.5rem;
        padding-top: 0rem;
        padding-right: 0rem;
    }

    .home-speech-button-container {
        padding-right: 0rem;
    }

    .home-master-img {
        margin-top: 0rem;
    }
}

@media screen and (max-width: 980px) {
    .home-master-img {
        margin-top: 0rem;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

        .home-master-img:lang(zh) {
            margin-top: 0rem;
        }

    .home-speech-button-container {
        height: 100%;
        padding-bottom: 2rem;
    }

    .home-speech-button {
        width: 360px;
        height: 45px;
    }

    .rowicon-image-module img {
        padding-top: 1rem;
    }
}

.master-header-3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.67;
    color: #956a1c;
}

@media (max-width: 980px) {
    .master-header-3 {
        font-size: 1.25rem;
    }
}

.master-content-2 {
    font-size: 1rem;
    line-height: 1.9;
    color: #232326;
}

    .master-content-2:lang(zh-CN) {
        color: #000;
    }


@media (min-width: 1200px) {
    .master-content-reminder {
        width: 70%
    }
}

.master-content-tbl td {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.9;
    color: #232326;
    vertical-align: top;
}

    .master-content-tbl td:lang(zh) {
        letter-spacing: 0.05rem;
    }

    .master-content-tbl td:lang(zh-CN) {
        color: #000;
    }

.master-content-tbl table tr td:nth-child(1) {
    width: 5rem;
}

.master-fb-block {
    padding: 2rem 0.5rem;
    /*box-shadow: 0 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.2);*/
}

.master-fb-level-1 {
    text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
    font-size: 1.5rem;
    line-height: 1.67;
    text-align: center;
    color: #97cfee;
}

    .master-fb-level-1:lang(zh) {
        letter-spacing: 0.15rem;
    }

.master-fb-level-2 {
    text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.43;
    text-align: center;
    color: #ffffff;
}

.underline-span-fixwidth-1 {
    width: 100px;
    border-bottom: 0.0625rem solid #153485;
    padding-bottom: 1rem;
    display: block;
    margin: auto;
}

/* carousel for home page */
.carousel-slider__post {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0.5rem !important;
    margin-bottom: 1rem !important;
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.carousel-slider__post-content {
    text-align: center;
    justify-content: flex-start !important;
}

.carousel-slider__post-image {
    background-color: transparent !important;
    background-size: contain !important;
    padding-top: 0px !important;
    background-repeat: no-repeat;
    width: 60% !important;
    height: auto;
}

.carousel-slider__post-header-container {
    margin-top: -6.5rem;
    padding-top: 7.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    min-height: 36rem;
}

    .carousel-slider__post-header-container:lang(zh) {
        min-height: 28rem;
        padding-bottom: 1rem;
    }

@media (max-width: 1400px) {
    .carousel-slider__post-header-container {
        min-height: 44rem;
    }

        .carousel-slider__post-header-container:lang(zh) {
            min-height: 35rem;
        }
}

@media (max-width: 1200px) {
    .carousel-slider__post-header-container {
        min-height: 38rem;
    }

        .carousel-slider__post-header-container:lang(zh) {
            min-height: 28rem;
        }

    .column-3-img img {
        padding-left: 15%;
        padding-right: 15%;
    }
}

@media (max-width: 993px) {
    .carousel-slider__post-header-container {
        min-height: 0rem;
        margin-top: calc(2rem - 30vw);
        padding-top: calc(30vw);
    }

        .carousel-slider__post-header-container:lang(zh) {
            min-height: 0rem;
        }
}

@media (max-width: 479px) {
    .column-3-img img {
        padding-left: 10%;
        padding-right: 10%;
    }
}

.carousel-slider__post-header-img1 {
    width: 60%;
    margin: auto;
}

.carousel-slider__post-title {
    padding: 0 1rem;
    margin: 0rem !important;
    min-height: 3.75rem !important;
    font-size: 1.3rem !important;
    font-weight: 600;
    text-align: center;
    color: #333333;
    line-height: 1.3;
}

@media screen and (max-width: 1550px) and (min-width: 1200px) {
    .carousel-slider__post-title {
        min-height: 5rem !important;
    }
}

.carousel-slider__post-title:lang(zh) {
    min-height: 0rem !important;
}

.carousel-slider__post-puti-testimony-name {
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #1c3587;
}

.carousel-slider__post-excerpt {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: #333333;
    height: 12rem;
}

    /* zh-CN font color needs to be darker */
    .carousel-slider__post-excerpt:lang(zh-CN) {
        color: #000;
    }

    .carousel-slider__post-excerpt:lang(zh) {
        text-align: justify !important;
        margin: 1rem 2rem 2rem !important;
    }

    .carousel-slider__post-excerpt:lang(en) {
        height: auto;
        min-height: 20rem;
    }

.carousel-slider .owl-dots {
    padding-top: 0.625rem !important;
    margin-top: -0.5rem !important;
}

.owl-dots .owl-dot span {
    width: 0.5rem !important;
    height: 0.5rem !important;
}

.carousel-slider .owl-dots .owl-dot {
    margin-left: 1rem;
}

@media (max-width: 1440px) {
    .carousel-slider__post-excerpt {
        height: 16rem;
    }
}

@media (max-width: 1200px) {
    .carousel-slider__post-excerpt {
        height: 18rem;
    }
}

@media (max-width: 993px) {
    .carousel-slider__post-excerpt {
        height: auto;
    }

        .carousel-slider__post-excerpt:lang(en) {
            min-height: 0;
            margin: 1rem 2rem 2rem !important;
        }
}

@media (max-width: 980px) {
    .carousel-slider__post-excerpt {
        height: auto;
    }

    .carousel-slider .owl-dots .owl-dot {
        margin-left: 0.5rem;
    }
}

@media (max-width: 767px) {
    .carousel-slider__post-excerpt {
        height: auto;
    }

    .carousel-slider .owl-dots .owl-dot {
        margin-left: 0rem;
    }
}

/* home art circle */
.home-art-circle {
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
}

    .home-art-circle img {
        width: 10rem;
    }

/* common used classes */
.align-center {
    text-align: center;
}

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

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

.align-right-top {
    text-align: right;
    vertical-align: top;
}

.float-right {
    float: right;
}

.underline-span {
    border-bottom: 0.0625rem solid #153485;
    padding-bottom: 1rem;
}

.line-height-0 {
    line-height: 0;
}

.line-height-1 {
    line-height: 1;
}

.line-height-2 {
    line-height: 2;
}

.line-height-3 {
    line-height: 3;
}

.size-rem-md {
    font-size: 1.50rem !important;
}

.size-rem-0-70 {
    font-size: 0.7rem !important;
}

.size-rem-0-80 {
    font-size: 0.8rem !important;
}

.size-rem-0-90 {
    font-size: 0.9rem !important;
}

.size-rem-1-00 {
    font-size: 1rem !important;
}

.size-rem-1-125 {
    font-size: 1.125rem !important;
}

.size-rem-1-25 {
    font-size: 1.25rem !important;
}

.size-rem-1-375 {
    font-size: 1.375rem !important;
}

.size-rem-1-50 {
    font-size: 1.5rem !important;
}

.size-rem-1-625 {
    font-size: 1.625rem !important;
}

.size-rem-1-75 {
    font-size: 1.75rem !important;
}

.size-rem-1-875 {
    font-size: 1.875rem !important;
}

.size-rem-2-00 {
    font-size: 2rem !important;
}

.size-rem-2-25 {
    font-size: 2.25rem !important;
}

.size-rem-2-50 {
    font-size: 2.5rem !important;
}

.size-rem-2-75 {
    font-size: 2.75rem !important;
}

.size-rem-3-00 {
    font-size: 3rem !important;
}

.padding-bottom-0 {
    padding-bottom: 0;
}

.padding-bottom-1rem {
    padding-bottom: 1rem;
}

.padding-bottom-1-5rem {
    padding-bottom: 1.5rem;
}

.padding-bottom-2rem {
    padding-bottom: 2rem
}

.padding-bottom-3rem {
    padding-bottom: 3rem
}

.padding-bottom-4rem {
    padding-bottom: 4rem
}

.padding-top-1rem {
    padding-top: 1rem;
}

.padding-top-1-5rem {
    padding-top: 1.5rem;
}

.padding-top-2rem {
    padding-top: 2rem
}

.padding-top-3rem {
    padding-top: 3rem
}

.padding-top-4rem {
    padding-top: 4rem
}

#footer-info {
    text-align: center;
    float: none;
}

/* */
.border-bottom-line-blue {
    border-bottom: 0.0625rem solid #263780;
}

.border-top-line-blue {
    border-top: 0.0625rem solid #263780;
}

/* */
.color-232326 {
    color: #232326;
}

.color-263780 {
    color: #263780;
}

.color-1c3587 {
    color: #1c3587;
}

.color-e89500 {
    color: #e89500;
}

.color-ffcf65 {
    color: #ffcf65;
}

.color-6080b8 {
    color: #6080b8;
}

.color-803129 {
    color: #803129;
}

.color-763830 {
    color: #763830;
}

.color-044455 {
    color: #044455;
}

.color-745220 {
    color: #745220;
}

.color-f7d4b6 {
    color: #f7d4b6;
}

.color-e9e2d6 {
    color: #e9e2d6;
}

.bgcolor-763830 {
    background-color: #763830;
}

.bgcolor-ffd18a {
    background-color: #ffd18a;
}

.bgcolor-fbe5c3 {
    background-color: #fbe5c3;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.size-12-5-rem {
    width: 12.5rem;
}

/* text on image */
.image-opacity-1 {
    background-color: black;
    opacity: 0.32;
    height: 100%;
    width: 100%;
    position: absolute;
}

.aspect-ratio-box {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    /*border-radius: 0.5rem;*/
}

.aspect-ratio-box1 {
    height: 0;
    overflow: hidden;
    padding-top: 46.5%;
    position: relative;
    /*border-radius: 0.5rem;*/
}

.box-shadow {
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
}

.aspect-ratio-box-inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flexbox-centering {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .flexbox-centering.home-start-happy-container {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -10vw;
    }

.flexbox-right {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

    .flexbox-right.home-start-happy-container {
        padding-right: 10%;
    }

@media (max-width: 1300px) {
    .flexbox-right.home-start-happy-container {
        padding-right: 1rem;
    }
}

.viewport-sizing {
    color: #fff;
    font-size: 1.5rem;
}

.display-above-1600 {
    display: block;
}

.display-below-1600 {
    display: none;
}

.et-fb-app-frame .display-above-1600,
.et-fb-app-frame .display-below-1600 {
    display: block !important;
}

@media screen and (max-width: 1600px) {
    .display-above-1600 {
        display: none;
    }

    .display-below-1600 {
        display: block;
    }
}

.display-span-above-1500 {
    display: contents;
}

@media screen and (max-width: 1500px) {
    .display-span-above-1500 {
        display: none;
    }
}

.display-above-1440 {
    display: block;
}

.display-below-1440 {
    display: none;
}

@media screen and (max-width: 1440px) {
    .display-above-1440 {
        display: none;
    }

    .display-below-1440 {
        display: block;
    }
}


.display-above-1200 {
    display: block;
}

@media screen and (max-width: 120px) {
    .display-above-1200 {
        display: none;
    }
}

.display-above-980 {
    display: block;
}

.display-below-980 {
    display: none;
}

.display-inline-above-980 {
    display: inline-block;
}

.display-inline-below-980 {
    display: none;
}

.right-above-center-below-980 {
    text-align: right;
}

.display-span-above-980 {
    display: contents;
}

.display-span-below-980 {
    display: none;
}

@media screen and (max-width: 980px) {
    .viewport-sizing {
        font-size: 6vw;
    }

    .display-span-above-980 {
        display: none;
    }

    .display-span-below-980 {
        display: contents;
    }

    .display-above-980 {
        display: none;
    }

    .display-below-980 {
        display: block;
    }

    .display-inline-above-980 {
        display: none;
    }

    .display-inline-below-980 {
        display: inline-block;
    }

    .right-above-center-below-980 {
        text-align: center;
        padding-top: 1rem;
    }

    .putigrid-col-right-2 .right-above-center-below-980 {
        padding-right: 0rem;
    }
}

.display-above-768 {
    display: block;
}

.display-below-768 {
    display: none;
}

.display-inline-above-768 {
    display: inline-block;
}

.display-span-above-768 {
    display: contents;
}

.display-inline-below-768 {
    display: none;
}

.right-above-center-below-768 {
    text-align: right;
}

@media screen and (max-width: 768px) {
    .display-above-768 {
        display: none;
    }

    .display-below-768 {
        display: block;
    }

    .display-inline-above-768 {
        display: none;
    }

    .display-span-above-768 {
        display: none;
    }

    .display-inline-below-768 {
        display: inline-block;
    }

    .center-below-768 {
        text-align: center;
    }

    .right-above-center-below-768 {
        text-align: center;
    }
}

.display-above-500 {
    display: block;
}

.display-below-500 {
    display: none;
}


.display-inline-above-500 {
    display: inline-block;
}

.display-inline-below-500 {
    display: none;
}

@media screen and (max-width: 500px) {
    .display-above-500 {
        display: none;
    }

    .display-below-500 {
        display: block;
    }

    .display-inline-above-500 {
        display: none;
    }

    .display-inline-below-500 {
        display: inline-block;
    }
}

.display-above-400 {
    display: block;
}

.display-below-400 {
    display: none;
}

@media screen and (max-width: 400px) {
    .display-above-400 {
        display: none;
    }

    .display-below-400 {
        display: block;
    }
}

@media all and (max-width: 980px) {
    /*** wrap row in a flex box ***/
    .custom_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        flex-wrap: wrap;
    }

    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }

    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }

    .third-on-mobile {
        -webkit-order: 3;
        order: 3;
    }

    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }
    /*** add margin to last column ***/
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
}

/* override video player plugin class, usage:
    <a href="https://www.youtube.com/watch?v=qki6SwIJYbk" class="play-button vp-s vp-yt-type" data-dwrap="1" > </a >

.vp-flex {
    max-width: 60vw !important;
    width: 60vw !important;
    height: calc(60vw * 0.5625) !important;
}

    .vp-flex iframe, .vp-flex video {
        height: auto !important;
        min-height: 0 !important;
    }
*/

@media (max-width: 580px) {
    .vp-flex, .Video-PopUp-Content .vp-flex {
        max-width: 70vw !important;
        width: 70vw !important;
        height: calc(70vw * 0.5625) !important;
    }
}

.play-button {
    width: 4rem;
    height: 4rem;
    background-size: contain;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABSlBMVEX///8AAAArPIFOXZL8/P339/orPIH6+vwrPIErPIErPIErPIErPIGCi7RMWZQ8SosrPIErPIHz9PhzfaxbZ50/To0rPIErPIErPIErPIEuQYC9wddHVZErPIErPIErPIErPIErPIHw8PXo6PHh4u3Q0+O0uNKssc2nrcqXnsFlcKNhbKBQXZdDUY8rPIErPIErPIErPIErPIErPIErPIErPIE+T4lrd6TV1+bBxNmMlLqGj7d9hrFvealocqRVYpo3RYcwQIQrPIErPIErPIErPIErPIEzRYOkq8e+wtbIzN3s7fPY2ujKzd95g69qdaZFU5ArPIErPIErPIErPIErPIErPIFZZ5qCjLKLlLiaosHV2OXg4evm5++RmL0rPIErPIE4SYVGVo5KWZBjcJ9kcaB0gKp4g6yUnL2utM21utG5vdRsdqcpPX0ECKYFAAAAbXRSTlOmAKbppqeWp6SfmwYEpqamR5GnpqamhIFXC/ympol7cmBLpqampqampqampqamjm1QPzgzJxny2qampqampqampqZ2Z1ssFfnDurarpqampqZTTTsRDgjj0MzHsq+tpmMf9e3r3t3W1Mi+vKamocF4qAAAAxtJREFUWMOll1db4lAQhiefpBBCCB2UroAiVey9r72XXd1Vt1f+/+0iyz5RyEnR9z7vkzMzZ84McQyutrL3qaTQJpnaONuKcwyMBVP1qAQgHCotL5dCFQmQIqcPdgWeRhQIHxVneeoiHhQXK0BS89gQeDQBPm/eRb3Mzoch16+sBE0/EkWeDBELZQgNU8FlGr5RkZi4ChWkttmCLQGLOTKFn4c8wRJkJd8cWZI/QcxYkMHKMNkgN46aYiDYwDFPthCPsK70CTJYEskuXtR6BVkci2SfRWw+F2xJKzw5QCzh/KngUvANkyNyCffUE0Eac+SQ/FpUFzSxSI65g/ZfoPh9OXIMn5DjXYGGUXoBQ4j9EyhCQqSXEHLHO4Jzwx/gd/asfyHbEURXjUpgptX6+p5McZ1UHwXb8JIBA61Wa/CteXWNYbItOMMhQ9BmeodMGMFmW5DyuZiCNgNmoVCrHHmkIDEEXWY+EIsFXNAkRi0ErTfvRGYeJkhDniXQmf5JhgwjRhkE2AKd61syYjVN6z6yFrQZ/LZP/ZQjFClbCPRQ/OhPV0mg6riVQOfTLvUQdJOwbC3Qz7Hf111fL/A7OML0L4MjRFasBex6KgmWaTSv6JUk3dsrpIE9ViFpmLVRyjvMUra8THpfYVwm6+v8hd3Z5rFNXDRs2lA+7xKbsp8jro48W/DxxmXa0jJtwRQWmE31e8BGU+WiPkZbv761aOsJf+ddaKBI/QRudsmCOZx1BB5Bdb3qaeOyKNILmMNm93X2+MMBcoyodp/3NhPwkmPGoOkjzjoOySEHaxFFF1zIYYdDVkDVh6xHmlKIJwe4/qDxfNCsY8lJLr3I9I66Gziyb5hHWukVKDUEeZv/70XK0z+tKxsI5WzF7xhpj+HCcSpVbGRzVkVGYaw8TRkLFsfgx9bcDfbStZ1CpWAWyyEVkSnTte9cQLkgMoI3FIKsKRaL51VdRvjuwKB/jZ3AHYvbWX21JJDwFkZc+se/F1Sgmo3bXb4fYkkJWFPHl4LBpXF1FUB1c5KxfDO4bJ7Won7Z7Zb9kVps4oJj8Bcx1cHZuvh+FQAAAABJRU5ErkJggg==)
}

.category-list-row .play-button, .category-post-column .play-button {
    width: 2.5rem;
    height: 2.5rem;
}

/* menu size */
#top-menu li {
    font-size: 1rem;
    padding-right: 1rem;
}

    #top-menu li:lang(zh) {
        padding-right: 1.375rem;
    }

    #top-menu li li {
        padding-top: 0rem;
        padding-left: 0rem;
        padding-right: 0rem;
        padding-bottom: 0rem;
        display: block;
    }

        #top-menu li li:lang(zh) {
            padding-right: 0rem;
        }

        #top-menu li li a {
            padding: 0.375rem 0rem 0.375rem 2rem;
            width: 100%;
        }

@media screen and (min-width: 980px) and (max-width: 1100px) {
    #top-menu li {
        padding-right: 0.4rem;
    }

        #top-menu li:lang(zh) {
            padding-right: 0.6rem;
        }
}

.et_mobile_menu li a, .nav li li a {
    font-size: 1rem;
}

#et-secondary-nav .menu-item-has-children > a:first-child:after, #top-menu .menu-item-has-children > a:first-child:after {
    font-size: 1rem;
}

#et-secondary-nav .menu-item-has-children > a:first-child, #top-menu .menu-item-has-children > a:first-child {
    padding-right: 1.25rem;
}

#et-top-navigation {
    min-height: 92.25px;
}

.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 2.0625rem;
}

.et_mobile_menu {
    border-top: 3px solid #263780;
}

.et-search-form, .et_mobile_menu, .footer-widget li:before, .nav li ul, blockquote {
    border-color: #263780;
}

a:hover {
    color: #263780 !important;
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #263780 !important;
}

#mobile_menu li.current-menu-ancestor > a, #mobile_menu li.current-menu-item > a {
    color: #263780 !important;
}

#et-info-email:hover, #et-secondary-menu > ul > li > a:hover, #top-menu-nav > ul > li > a:hover, .et-social-icons a:hover {
    opacity: 1;
}

.et_mobile_menu li a:hover, .nav ul li a:hover, #et-secondary-nav ul li a:hover {
    opacity: 1;
    background-color: #fde6b3;
}

#et-secondary-nav li > ul {
    width: 320px;
}

    #et-secondary-nav li > ul:lang(zh) {
        width: 250px;
    }

.nav li ul {
    padding: 1.25rem 0 1.25rem 0rem;
    width: 400px;
    border-top: 0.1875rem solid #263780;
    margin-left: -3rem;
    box-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,.1);
    -moz-box-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,.1);
}

    .nav li ul:lang(zh) {
        width: 270px;
    }

#left-area ol, .comment-content ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol, body.et-pb-preview #main-content .container ol {
    padding: 0 0 1.4375rem;
    line-height: 2;
    list-style-position: outside;
    margin-left: 1.5rem;
}

#et_search_icon:before {
    font-size: 1.0625rem;
    top: -0.1875rem;
}

@media (max-width: 980px) {
    #et_search_icon:before {
        top: 7px;
    }
}

span.et_close_search_field:after {
    font-size: 2rem;
}

@media (min-width: 981px) {
    .et_fullwidth_nav .et-search-form, .et_fullwidth_nav .et_close_search_field {
        right: 1.875rem;
    }

    #left-area {
        padding-bottom: 2rem;
    }
}

span.et_close_search_field {
    width: 1.875rem;
    height: 1.875rem;
}

.et-search-form input {
    right: 1.875rem;
}

@media (min-width: 981px) {
    .et_fullwidth_nav #main-header .container {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
}

#main-header {
    line-height: 1.4375rem;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 2.0625rem;
}

.category-breadcrumbs-section {
    background-color: #c8e8ff;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

    .category-breadcrumbs-section .font-title1 {
        padding-bottom: 0rem !important;
    }

.category-title-section {
    background-color: transparent;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

    .category-title-section .et_pb_row {
        padding-bottom: 0 !important;
    }

.category #main-content .container {
    padding-top: 1rem !important;
}

@media screen and (max-width: 980px) {
    .category #main-content .container {
        padding-top: 0rem !important;
    }
}

.category-breadcrumbs-row {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    color: #1c3587;
    padding-right: 10%;
}

    .category-breadcrumbs-row:lang(zh) {
        letter-spacing: 1px;
    }

.category-row {
    border-bottom: 0.0625rem solid #D3D3D3;
    margin-bottom: 1rem;
}

.category-list-row {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;
    width: auto;
}

    .category-list-row .et_pb_column {
        margin-bottom: 16px !important;
    }

    .category-list-row .aspect-ratio-box {
        /*border-radius: 0.5rem !important;*/
    }

.category-post-flex {
    display: flex;
    justify-content: space-between;
}

.category-post-column {
    width: 31%;
}

.page-lectures .category-post-column .row {
    display: none;
}

.category-post-flex-vertical-line {
    width: 1px;
    border-left: 1px solid #D3D3D3;
}

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

    .category-post-flex {
        flex-direction: column;
    }

    .category-post-column {
        width: 100%;
        margin: auto;
        padding-bottom: 1rem;
        border-bottom: 1px solid #D3D3D3;
        margin-bottom: 2rem;
    }

    .category-post-flex .category-post-column:last-child {
        border-bottom: none;
    }
}

.category-list-item {
    line-height: 1.5;
}

    .category-list-item a {
        color: #1c3587;
        padding-right: 0.5rem;
        white-space: nowrap;
    }

.category-list-item-current {
    color: rgba(0, 0, 0, 0.5);
}

.category-post-title {
    font-size: 1.5rem;
    font-weight: 500;
    color: #333333;
    line-height: 1.3;
    padding-bottom: 1rem;
}

    .category-post-title:lang(zh) {
        font-size: 1.3rem;
        font-weight: 600;
    }

.category-post-excerpt {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #232326;
    padding-bottom: 1rem;
    height: 5.7rem;
    margin-bottom: 1rem;
    text-align: left;
    overflow: hidden;
}

    .category-post-excerpt:lang(zh-CN) {
        color: #000;
    }

    .category-post-excerpt:lang(zh) {
        font-size: 1rem;
        line-height: 1.9;
        text-align: justify;
    }

h6.category-post-tags {
    text-align: left;
    font-size: 1.1rem !important;
    font-weight: 500;
    color: #1c3587;
    line-height: 1.5;
}

/* styles for '...', not used , http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ */

.category-post-like-count {
    padding-top: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.button-read-article {
    border-radius: 0.5rem;
    background-color: #ffcf65;
    font-size: 1.0rem;
    font-weight: 500;
    text-align: center;
    padding: 0.50rem 1.50rem;
    color: #1c3587;
    margin-top: -0.75rem;
}

    .button-read-article:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .button-read-article a {
        color: #1c3587;
    }

    .button-read-article:hover {
        background-color: #C49858;
    }

    .button-read-article.padding-large {
        padding: 0.75rem 1.50rem;
    }

.paginate-links {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 5rem;
    line-height: 3;
}

.page-numbers {
    border-radius: 0.5rem;
    border: solid 0.0625rem #1D3580;
    font-size: 1rem;
    font-weight: 500;
    color: #1D3580;
    padding: 0.5rem 0.75rem;
    margin-right: 1rem;
}

    .page-numbers.current {
        border: solid 0.0625rem grey;
        color: grey;
    }

.next.page-numbers, .prev.page-numbers {
    border: none !important;
}

/* simple like styles */
.sl-wrapper a {
    border-bottom: 0 !important;
    text-decoration: none !important;
}

.sl-button {
    /* padding: 0.375em 0.625em;*/
    white-space: nowrap;
    font-size: 1em;
    line-height: 1;
    font-weight: normal;
}

.sl-count {
    font-size: 1em;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    padding-left: 0.25rem;
}

span.liked {
    color: #BA3221;
}

    span.liked span.sl-count,
    .sl-count {
        color: #666666;
    }

.sl-icon {
    margin-left: 0.3125em;
    font-family: 'Arial Unicode MS', Arial, sans-serif;
    vertical-align: middle;
}

    .sl-icon svg {
        fill: currentColor;
        width: 1em;
        height: 1em;
    }

        .sl-icon svg:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

    .sl-icon:hover {
        cursor: pointer;
        color: brown;
    }

/* side bar */
#sidebar .widget_nav_menu, #sidebar .widget_recent_entries, #sidebar .posts-in-sidebar,
#sidebar1 .widget_nav_menu, #sidebar1 .widget_recent_entries, #sidebar1 .posts-in-sidebar {
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
}

    #sidebar .widget_nav_menu .widgettitle, #sidebar .widget_recent_entries .widgettitle, #sidebar .posts-in-sidebar .widgettitle,
    #sidebar1 .widget_nav_menu .widgettitle, #sidebar1 .widget_recent_entries .widgettitle, #sidebar1 .posts-in-sidebar .widgettitle {
        background-color: #1c3587;
        text-align: center;
        color: #fff;
        padding-top: 0.8rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        font-size: 1.15rem;
    }

    #sidebar .widget_nav_menu .menu, #sidebar .widget_recent_entries ul, #sidebar .posts-in-sidebar ul,
    #sidebar1 .widget_nav_menu .menu, #sidebar1 .widget_recent_entries ul, #sidebar1 .posts-in-sidebar ul {
        font-size: 1rem;
        text-align: center;
        color: #504b4a;
    }

    #sidebar .widget_nav_menu .menu-item, #sidebar .widget_recent_entries li, #sidebar .posts-in-sidebar li,
    #sidebar1 .widget_nav_menu .menu-item, #sidebar1 .posts-in-sidebar li, #sidebar1 .widget_recent_entries li {
        padding: 0.5rem;
        margin-bottom: 0rem;
        border-top: 1px solid #D3D3D3;
    }

        #sidebar .widget_nav_menu .menu-item:hover, #sidebar .widget_recent_entries li:hover, #sidebar .posts-in-sidebar li:hover,
        #sidebar1 .widget_nav_menu .menu-item:hover, #sidebar1 .widget_recent_entries li:hover#sidebar1 .posts-in-sidebar li:hover {
            background-color: #D3D3D3;
        }

#sidebar1 {
    border-right: none;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

    #sidebar img, #sidebar1 img, #sidebar .widget_media_image, #sidebar1 .widget_media_image {
        width: 100%;
    }

        #sidebar img, #sidebar1 img, #sidebar .widget_media_image img, #sidebar1 .widget_media_image img {
            box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
        }

    #sidebar .widget_media_image, #sidebar1 .widget_media_image {
        text-align: center;
    }

    #sidebar1 .posts-in-sidebar .pis-title {
        line-height: 1.5;
    }

.widget_nav_menu ul li a {
    display: block;
    line-height: 1.5;
}

@media (min-width: 981px) {
    .et_right_sidebar #sidebar {
        padding-left: 0px;
    }
}

@media (max-width: 980px) {
    #sidebar img, #sidebar1 img, #sidebar .widget_media_image img, #sidebar1 .widget_media_image img {
        width: 60%;
    }

    .img-mobile-90 img {
        width: 90% !important;
    }

    .img-mobile-60 img {
        width: 60% !important;
    }
}

/* class */
.class-hr-1 {
    border-top: solid 1px #1c3587;
    padding-bottom: 1.5rem;
}

/*<hr class='class-hr-light' />*/
.class-hr-light {
    border-top: 1px solid #D3D3D3;
    margin-top: 1rem;
}

.query-post-video-container {
    margin-bottom: 0 !important;
    padding-top: 0.5rem;
}

.query-post-image-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0.5rem;
    height: 0;
    overflow: hidden;
    /*border-radius: 0.5rem;*/
}

    .query-post-image-container img, .query-post-image-container .et_pb_image_wrap {
        width: 100%;
        /*border-radius: 0.5rem;*/
    }

@media (min-width: 981px) {
    .query-post-image-container img, .query-post-image-container .et_pb_image_wrap {
        /*max-height: 10vw;*/
    }
}

.query-post-title {
    font-size: 1.3rem;
    font-weight: 500;
    color: #333333;
    padding-top: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.query-post-date, .query-post-like-count {
    font-size: 0.875rem;
    line-height: 2.14;
    color: #666666;
}

.single-post .query-post-date {
    font-weight: 700;
}

.query-post-excerpt {
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.6;
    height: 5rem;
    color: #232326;
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    overflow: hidden;
    text-align: left;
}

    .query-post-excerpt:lang(zh-CN) {
        color: #000;
    }

    .query-post-excerpt:lang(zh) {
        text-align: justify;
        line-height: 1.9;
        height: 6.2rem;
    }

    /* styles for '...', http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ */

    .query-post-excerpt h6 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

footer .query-post-excerpt:before {
    background: #f9EDDA !important;
}

footer .query-post-excerpt:after {
    background: #f9EDDA !important;
}

.query-post-category-btn {
    font-size: 0.889rem;
    border-radius: 1.125rem;
    background-color: #BED0E9;
    padding: 0.4rem 0.5rem;
    line-height: 2.5;
    white-space: nowrap;
    color: #1c3587;
}

    .query-post-category-btn:hover {
        color: #1c3587 !important;
        background-color: #ffcf65 !important;
    }

.qa-accordion-background {
}

.query-post-accordion-title {
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 500;
    color: #1c3587;
    box-shadow: 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    padding: 1.5rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .query-post-accordion-title:lang(zh) {
        letter-spacing: 0.05rem;
    }

    .query-post-accordion-title .title-span {
        padding-right: 1rem;
    }

    .query-post-accordion-title .fa-plus, .query-post-accordion-title .fa-minus {
        line-height: 1rem;
        padding-top: 0.5rem;
    }

.pt-accordion-content {
    margin-right: 1.5rem;
    margin-left: 3rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
    font-size: 1rem;
    line-height: 1.88;
}

    .pt-accordion-content .query-post-content {
        margin-right: 3rem;
    }

@media screen and (max-width: 980px) {
    .pt-accordion-content {
        margin-left: 0rem;
        margin-right: 0rem;
    }

        .pt-accordion-content .query-post-content {
            margin-right: 0rem;
        }
}


.fa-plus, .fa-minus {
    float: right;
}

    .fa-plus::before {
        color: #1c3587;
        margin-left: 0.5rem;
        font-family: ETmodules;
        content: "3";
        font-size: 2.5rem;
        font-weight: 800;
    }

    .fa-minus::before {
        color: #1c3587;
        margin-left: 0.5rem;
        font-family: ETmodules;
        content: "2";
        font-size: 2.5rem;
        font-weight: 800;
    }

.category-cloud {
    word-break: keep-all;
}

.category-cloud-item a {
    font-size: 1rem;
    line-height: 2;
    color: #7c7a77;
    border-bottom: black 1px solid;
}

    .category-cloud-item a:lang(zh) {
        letter-spacing: 0.03125rem;
    }

.footer-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    color: #ffcf65;
}

    .footer-title:lang(zh) {
        letter-spacing: 0.25rem;
    }

.footer-content {
    opacity: 0.87;
    font-size: 0.75rem;
    line-height: 1.25;
    color: #ffffff;
}

.footer-content-large {
    opacity: 0.87;
    font-size: 1rem;
    line-height: 1.25;
    color: #ffffff;
}

footer a {
    color: #ffffff;
}

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

.footer-disclaimer {
    opacity: 0.87;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #ffffff;
}

    .footer-disclaimer a {
        color: #ffffff;
    }

.footer-sections {
    display: flex;
    justify-content: space-between;
}

.footer-section4 {
    height: 11.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 0.0625rem solid white;
    padding-left: 3rem;
}

    .footer-section4 .footer-title {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1;
        color: #fff;
        padding-bottom: 2rem;
        text-align: center;
    }

        .footer-section4 .footer-title:lang(zh) {
            letter-spacing: 0.25rem;
        }

    .footer-section4 .es_subscription_form_submit {
        border-radius: 0.5rem;
        background-color: #ffcf65;
        font-size: 1rem;
        font-weight: 500;
        text-align: center;
        color: #1c3587;
        padding: 0.25rem 1.875rem;
        border-style: solid;
        border-color: #ffcf65;
    }

        .footer-section4 .es_subscription_form_submit:lang(zh) {
            letter-spacing: 0.125rem;
        }

        .footer-section4 .es_subscription_form_submit:hover {
            background-color: #C49858;
            border-color: #C49858;
        }

    .footer-section4 .ig_es_form_field_email::-webkit-input-placeholder { /* Edge */
        color: #D3D3D3;
    }

    .footer-section4 .ig_es_form_field_email:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #D3D3D3;
    }

    .footer-section4 .ig_es_form_field_email::placeholder {
        color: #D3D3D3;
    }

    .footer-section4 .es-field-wrap {
        width: calc(100% - 5rem);
        margin-bottom: 0rem !important;
    }

    .footer-section4 .es_txt_email {
        width: 90%;
        background: transparent;
        border: none;
        color: white;
        height: 1.5rem;
    }

    .footer-section4 .es_subscription_form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid white;
    }

.footer-icons-container {
    display: flex;
    justify-content: space-between;
    max-width: 285px;
    margin: auto;
}

    .footer-icons-container img {
        width: 3.75rem;
        height: 3.75rem;
    }

.puti_post_tags {
    padding-top: 2rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
}

    .puti_post_tags a {
        padding-right: 1rem;
        color: #1c3587;
    }

@media screen and (max-width: 980px) {
    .footer-section4 {
        border-left: 0;
        padding-left: 0rem;
        padding-top: 1rem;
    }

    .footer-disclaimer {
        text-align: center;
        padding-bottom: 2rem;
    }
}

.contact-icon {
    width: 64px;
    padding-right: 1rem;
    vertical-align: middle;
}

.center-menu-container {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

.center-menu {
    font-size: 1rem;
    font-weight: 500;
    color: #333333 !important;
}

.center-info {
    font-size: 1.25rem;
    font-weight: 500;
    color: #333333;
}

.center-event-title {
    font-size: 1.4rem !important;
    font-weight: 500;
    color: #1c3587;
}

.center-event-desc {
    font-size: 1rem;
    font-weight: 500;
    color: #3c3c44;
    line-height: 1.88;
}

.center-event-time {
    font-size: 1rem;
    font-weight: 500;
    color: #1c3587;
    line-height: 1.88;
}

.center-class-title {
    font-size: 1.875rem;
    font-weight: 500;
    color: #333333;
}

.center-class-title-sub {
    font-size: 1.25rem;
    color: #3c3c44;
}

.class-table thead {
    background-color: #C8E8FF;
}

    .class-table thead td {
        font-weight: 700;
        color: #000;
    }

.class-table td {
    padding-left: 1rem !important;
    min-width: 3rem;
    color: #000;
}

.class-table tbody td {
    text-align: left;
}

.class-table td span {
    white-space: nowrap;
}

.class-table tbody tr {
    background-color: #f4f3f3;
}

    .class-table tbody tr:nth-child(2n+1) {
        background-color: #ffffff;
    }

.block-star {
    background-image: url(/wp-content/uploads/2020/04/star.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 8.5rem;
    height: 5.5rem;
    display: inline-block;
    margin: 0 1rem;
}

.block-empty {
    width: 8.5rem;
    height: 5.5rem;
    display: inline-block;
    margin: 0 1rem;
}

.master-book-text {
    margin-top: -96px;
    margin-bottom: 1rem !important;
}

@media screen and (max-width: 1440px) {
    .master-book-text {
        margin-top: -5vw;
    }
}

@media screen and (max-width: 980px) {
    .block-star, .block-empty {
        display: none;
    }

    .center-event-title {
        font-size: 1.3rem !important;
    }

    .master-book-text {
        margin-top: -12vw;
    }
}

.inline-block {
    display: inline-block;
}

.tg_t {
    margin: 0 0 1rem;
    padding: 0.5rem 1rem 0.5rem 1.25rem;
    border-radius: 0.5rem;
    line-height: 2rem;
    font-size: 1.25rem;
    font-weight: 700;
    background-color: #ffffff;
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .tg_t:after {
        font-family: ETmodules;
        content: "3";
        font-size: 2.5rem;
        position: absolute;
        right: 1rem;
        top: 1.6rem;
        color: #1c3587;
        font-weight: 800;
    }

@media screen and (max-width: 768px) {
    .tg_t {
        padding: 0.5rem 1rem;
        line-height: 1.5rem;
    }

    .center-column .et_pb_module {
        margin-bottom: 1rem !important;
    }
}

.tg_active {
}

    .tg_active:after {
        content: "2";
    }

.tg_c {
    margin-left: 1rem;
}

.logo {
    background-image: url('/wp-content/uploads/2020/04/logo.png');
    width: 3.125rem;
    height: 3.75rem;
    display: inline-block;
    margin-right: 1rem;
    margin-left: 1rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.center-welcome {
    padding-bottom: 0;
    font-size: 2rem;
}

@media screen and (max-width: 980px) {
    .center-welcome {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 768px) {
    .center-welcome {
        font-size: 5vw;
    }
}

.center-title1 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #263780;
}

.center-name {
    font-size: 1.5rem;
    font-weight: 500;
    color: #073385;
    margin-left: -1rem;
    padding-left: 1rem;
    border-left: 0.125rem solid #1c3587;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    margin-top: 2rem;
}

.tg_c p {
    padding-bottom: 0.5rem;
}

.platform-name {
    font-size: 2rem;
    font-weight: 500;
    color: #073385;
    margin-left: 0rem;
    padding-left: 1rem;
    border-left: 0.25rem solid #1c3587;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    margin-top: 2rem;
}

.platform-icon-yt {
    width: 12rem;
}

@media screen and (max-width: 768px) {
    .tg_c {
        margin-left: 0.5rem;
    }

    .center-title1 {
        font-size: 1.3rem;
        padding-right: 2rem;
    }

    .center-name {
        font-size: 1.1rem;
        margin-left: -0.5rem;
        padding-left: 0.5rem;
    }

    .platform-name {
        font-size: 1.6rem;
        font-weight: 700;
        margin-left: 0rem;
        padding-left: 0.5rem;
    }

    .logo {
        margin-left: 0rem;
        width: 3.25rem;
    }
}

.single-post .container {
    width: 80%;
    max-width: 1200px;
    margin: auto;
}

@media (max-width: 1440px) {
    .single-post .container {
        width: 80%;
    }
}

/* no vertical bar for article and category */
#main-content .container:before {
    width: 0px !important;
}


@media (max-width: 1600px) {
    .platform-row {
        max-width: 1100px !important;
    }
}

.platform-bg {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0.5rem;
    display: inline-block;
    padding: 1rem;
    width: 100%;
}

    .platform-bg .et_pb_column {
        min-width: 14rem;
    }

.platform-image-container {
    height: 8rem;
    padding-top: 2rem;
}

    .platform-image-container .et_pb_image_wrap {
        display: flex;
        align-items: center;
        min-height: 6rem;
    }

.platform-desc {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #3c3c44;
}

    .platform-desc:lang(zh) {
        font-size: 1.05rem;
        line-height: 1.8;
    }

.platform-icon {
    max-width: 15rem;
}

.platform-icon-text {
    font-size: 2rem;
    color: #000000;
    margin-left: 0.5rem;
    line-height: 1;
    white-space: nowrap;
}

.method-title {
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

/* Fix puti-carousel-slider style.css original pan-y declaration */
.carousel-slider.owl-drag .owl-item {
    -ms-touch-action: auto !important;
    touch-action: auto !important;
}

/* replace spinner for email subscriber plugin class es_spinner_image */
.es_spinner_image img {
    display: none;
}

.es_spinner_image {
    border: 1rem solid #f3f3f3; /* Light grey */
    border-top: 1rem solid #3498db; /* Blue */
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.search article {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 30px;
}

.search .post-meta {
    text-align: center;
}

.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
    font-size: 1.2rem;
    line-height: 1.7;
    font-style: normal;
}

    .wp-block-quote.is-large p:lang(zh), .wp-block-quote.is-style-large p:lang(zh) {
        font-size: 1.3rem;
    }

@media (max-width: 767px) {
    .et_pb_blog_grid h2, .et_pb_post h2 {
        font-size: 1.5rem;
        padding-bottom: 1rem;
    }
}

@media (max-width: 479px) {
    .et_pb_blog_grid h2, .et_pb_post h2 {
        font-size: 1.5rem;
        padding-bottom: 1rem;
    }

    h4, h5, h6 {
        font-size: 1rem;
    }

    .title-mountain {
        background-size: contain !important;
    }
}

.home-herobanner1-container {
    padding-left: 20%;
    width: 50vw;
    padding-bottom: 7vw;
}

.home-herobanner1-imgrow {
    text-align: center;
    padding-bottom: 3rem;
}

    .home-herobanner1-imgrow img {
        max-width: 100%;
        margin: auto;
        height: auto;
    }

.home-herobanner1-textrow {
    font-size: 2.5vw;
    color: blue;
    padding-bottom: 2rem;
}

.home-herobanner1-btnrow {
    display: flex;
    justify-content: space-between;
    height: 3.2vw;
    width: 90%;
    margin: auto;
}

.btn-banner-home {
    border-radius: 0.5rem;
    background-color: #1c3587;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 3.2vw;
    text-align: center;
    color: #fff;
    padding: 0;
    width: 11vw;
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
}

    .btn-banner-home:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .btn-banner-home:hover {
        color: #fff !important;
        background-color: #6680b4;
    }

    .btn-banner-home:lang(en) {
        font-size: 1vw;
        width: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }

.btn-banner-home-2 {
    border-radius: 0.5rem;
    background-color: #fff;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: #1c3587;
    padding: 0.75rem 0rem;
    width: 11vw;
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
}

    .btn-banner-home-2:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .btn-banner-home-2:hover {
        color: #fff !important;
        background-color: #6680b4;
    }

.home-herobanner2-container {
    padding-bottom: 15vw;
}

.home-herobanner2-imgrow {
    text-align: center;
    padding-bottom: 1rem;
}

    .home-herobanner2-imgrow img {
        max-width: 20vw;
        margin: auto;
    }

        .home-herobanner2-imgrow img:lang(en) {
            max-width: 30vw;
        }

.home-herobanner2-textrow {
    font-size: 2.3vw;
    color: blue;
    padding-bottom: 1rem;
    color: #926C22;
}

.home-herobanner2-btnrow {
}

.btn-banner-home-3 {
    border-radius: 0.5rem;
    background-color: #1c3587;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 3.5vw;
    text-align: center;
    color: #fff;
    padding: 0.75rem 2rem;
    width: 15vw;
    box-shadow: 0 0.375rem 0.625rem 0 rgba(0,0,0,0.2);
}

    .btn-banner-home-3:lang(zh) {
        letter-spacing: 0.125rem;
    }

    .btn-banner-home-3:hover {
        color: #fff !important;
        background-color: #6680b4;
    }

@media (max-width: 1400px) {
    .btn-banner-home, .btn-banner-home-2 {
        font-size: 1rem;
        width: 8rem;
    }

    .home-herobanner1-container:lang(en) {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width: 980px) {

    .home-herobanner1-container {
        padding-left: 10%;
        padding-right: 10%;
        width: 50vw;
        padding-bottom: 7vw;
    }

    .btn-banner-home, .btn-banner-home-2 {
        font-size: 1rem;
        width: 8rem;
    }

    .home-herobanner1-btnrow:lang(zh) {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .home-herobanner1-container {
        width: 790px;
        padding-bottom: 160px;
    }

    .home-herobanner1-imgrow img {
        max-width: 320px;
    }

    .home-herobanner1-textrow {
        font-size: 2.5rem;
    }

    .btn-banner-home, .btn-banner-home-2 {
        font-size: 1rem;
        width: 7rem;
    }

    .home-herobanner2-container {
        padding-bottom: 160px;
    }

    .home-herobanner2-imgrow img, .home-herobanner2-imgrow img:lang(en) {
        max-width: 300px;
    }

    .home-herobanner2-textrow {
        font-size: 2rem;
    }

    .btn-banner-home-3 {
        font-size: 1rem;
        width: 250px;
    }
}

@media (min-width: 767px) {
    .carousel-slider .carousel-slider-nav-icon {
        height: 4vw !important;
        width: 4vw !important;
    }

    .carousel-slider .owl-next {
        height: 4vw !important;
        width: 4vw !important;
    }

    .carousel-slider .owl-prev {
        height: 4vw !important;
        width: 4vw !important;
    }

    .arrows-outside .owl-prev {
        left: -4vw !important;
    }

    .arrows-outside .owl-next {
        right: -4vw !important;
    }
}

.about-charity-slide {
    background-color: #fbe7c1;
}

    .about-charity-slide .carousel-slider .carousel-slider__caption .caption {
        font-size: 1.125rem;
        font-weight: 500;
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin: auto;
        width: 80%;
        text-align: left;
    }

        .about-charity-slide .carousel-slider .carousel-slider__caption .caption:lang(zh) {
            text-align: justify;
        }

    .about-charity-slide .carousel-slider-nav-icon {
        fill: #fff !important;
    }

    .about-charity-slide .carousel-slider .owl-nav .owl-prev, .about-charity-slide .carousel-slider .owl-nav .owl-next {
        top: calc(1200px * 400 / 1200);
    }

@media screen and (max-width: 1300px) {
    .about-charity-slide .carousel-slider .owl-nav .owl-prev, .about-charity-slide .carousel-slider .owl-nav .owl-next {
        top: 30vw !important;
    }
}

#top-menu li a {
    font-size: 1.3rem !important;
}

@media screen and (max-width: 1400px) {
    #top-menu li a {
        font-size: 1rem !important;
    }

        #top-menu li a:lang(zh) {
            font-size: 1rem !important;
        }
}

@media screen and (max-width: 1200px) {
    #top-menu li a {
        font-size: 0.8rem !important;
    }

        #top-menu li a:lang(zh) {
            font-size: 1rem !important;
        }
}

@media screen and (max-width: 980px) {
    #top-menu li a {
        font-size: 1rem !important;
    }

        #top-menu li a:lang(zh) {
            font-size: 1rem !important;
        }
}

.master-book-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #1c3587;
    text-align: center;
    line-height: 1.5;
}

@media screen and (max-width: 980px) {
    .master-book-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 980px) {
    #sidebar img, #sidebar1 img, #sidebar .widget_media_image, #sidebar1 .widget_media_image {
        width: 47.25%;
    }

        #sidebar img, #sidebar1 img, #sidebar .widget_media_image img, #sidebar1 .widget_media_image img {
            width: 100%;
        }
}

@media (max-width: 768px) {
    #sidebar img, #sidebar1 img, #sidebar .widget_media_image, #sidebar1 .widget_media_image {
        width: 100%;
    }
}

.nowrap {
    white-space: nowrap;
}

@media screen and (min-width: 1300px) {
    .nowrap-above1300 {
        white-space: nowrap;
    }
}

@media (max-width: 980px) {
    .section-banner-desc-mobile .et_pb_row {
        padding-bottom: 0px !important;
    }

    .section-banner-desc-mobile + .et_pb_section .et_pb_row:first-child {
        padding-top: 0px !important;
    }
}

@media (max-width: 768px) {
    .mobile-margin-top-a {
        margin-top: -2.5rem;
    }

    .mh-testimony-section {
        padding-top: 0rem;
    }

        .mh-testimony-section .et_pb_row:first-child {
            padding-top: 0rem;
        }

    /* prevent horizontal overflow on mobile */
    .et_pb_section {
        overflow: hidden;
    }
}

.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
    display: block !important;
}

.et_pb_image .et_pb_image_wrap img[src*=".svg"] {
    width: 100%;
}

.load-more-container {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -moz-column-fill: balance;
    column-fill: balance;
    margin: 20px auto 0;
    padding: 2rem;
}

    .load-more-container article {
        display: inline-block;
        margin: 0 0 20px;
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        width: 100%;
    }

        .load-more-container article .masonry-item-container {
            width: 100%;
            height: auto;
        }

@media (min-width: 600px) {
    .load-more-container {
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .load-more-container {
        -moz-column-count: 3;
        column-count: 3;
    }
}

sup {
    font-size: small;
}

h2.class-header-3:lang(en) {
    line-height: 1.5;
}

@media (max-width: 767px) {
    h2.class-header-3:lang(en) {
        font-size: 24px;
    }

    h2.font-title1 {
        font-size: 1.5rem;
        line-height: 1.5;
    }
}

.video169 .fluid-width-video-wrapper {
    padding-top: 56.25% !important;
}

@media (max-width:450px) {
    .ad-page .title-more-container:lang(en) {
        flex-direction: column;
        align-items: center;
    }

    .ad-page .title-more-container h2.font-title3:lang(en) {
        font-size: 24px;
        margin-bottom: 1em;
    }
}

/* cls fix */
.home .et_pb_section_0 {
    min-height: 41.67vw;
}

.page-id-10 #page-container, .page-id-35564 #page-container, .page-id-36677 #page-container {
    padding-top: 92px !important;
}

@media only screen and (max-width: 767px) {
    home .et_pb_section_0 {
        min-height: 117.17vw;
    }
}

@media only screen and (min-width: 981px) {
    .home .et_pb_section_0 .et_pb_text_1,
    .section-banner-header-mobile,
    .section-banner-desc-mobile {
        display: none;
    }
}
/* end cls fix */