body, html {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
        font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
        background: #F7F7F7;
    }

    .list-paddingleft-2{
        width: 100% !important;
    }


    .navContent {
        background: #4889c9;
        transition: all 300ms ease-in-out;
    }

    .navContentShow {
        max-width: 1920px;
        margin: 0 auto;
    }

    .navText {
        list-style: none;
        float: right;
        color: #ffffff;
    }

    .navText li {
        float: left;
        padding: 0 6px;
        line-height: 44px;
        font-size: 18px;
    }

    .iconfont {
        font-size: 42px;
    }

    .session {
        margin: 80px 0 120px;
    }

    .titleA {
        text-align: center;
        margin-bottom: 40px;
    }

    .bottoms {
        background: #333333;
        width: 100%;
        color: #ffffff;
        padding: 40px 80px 40px 80px;
        text-align: center;
    }

    .bottoms h4 {
        margin: 30px 0;
    }

    .bottoms .binof {
        color: #eeeeee;
        line-height: 40px;
    }

    .iconfont {
        color: #4889c9;
    }

    .ssmc {
        margin: 0px auto;
        padding: 60px;
        max-width: 1300px;
        /* border: 1px solid red; */
    }

    .mainText {
        background: #fff;
        padding: 50px;
        line-height: 26px;
        letter-spacing: 1px;
    }

    .textDate {
        padding: 10px 0 30px;
    }

    .textZW {
        color: #666;
    }

    .sideContent {
        padding-left: 30px;
    }

    .docInfo {
        background: #fff;
        padding: 40px 25px;
    }

    .docHead {
        width: 160px;
        height: 160px;
        margin: 0 auto;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0 0 20px #0b141d;
    }

    .docName {
        color: #4889c9;
        text-align: center;
        margin-top: 20px;
        font-weight: bold;
    }

    .docContact {
        font-size: 14px;
        color: #999;
        margin-top: 10px;
    }

    .midInfo {
        margin-top: 10px;
        background: #fff;
        padding: 40px;
    }

    .otherCase {
        margin-top: 10px;
        background: #fff;
        padding: 20px;
    }

    .otherCase>div {
        font-size: 14px;
        color: #999;
        overflow: hidden;
        /*超出部分隐藏*/
        padding: 10px 0;
        border-bottom: 1px solid #f6f6f6;
        cursor: pointer;
    }

    .otherCase>div:hover {
        color: #4889c9;
    }

    .textZW img {
        max-width: 100%;

    }

    @media screen and (max-width: 500px) {
        h1 {
            font-size: 30px;
        }

        h2 {
            font-size: 26px;
        }

        h3 {
            font-size: 23px;
            line-height: 30px;
        }

        h4 {
            font-size: 21px;
            font-weight: 700;

        }

        .navbar {
            background: #4889c9 !important;
        }

        .maps {
            display: none;
        }

        .yqlj {
            display: none;
        }

        .session {
            margin: 60px 0;
        }

        .bottoms {
            padding: 40px;
        }

        .ssmc {
            margin: 0 auto 0px 0;
            padding: 0 0;

        }

        .flexBar {
            display: none;
        }

        .sideContent {
            margin-top: 10px;
            padding: 0;
        }

        .mainText {
            padding: 40px 20px;
        }
    }

    @media (max-width:501px) {
        .mainText {
            margin-top: 60px !important;
        }
    }

    @media screen and (min-width: 500px) {
        .flexBar {
            width: 60px;
            height: 200px;
            position: fixed;
            right: 0;
            top: 70%;
            transform: translateY(-50%);
        }

        .flexBar>.Phone {
            background: #4889c9;
            line-height: 30px;
            padding: 6px 10px;
            border-radius: 10px 0 0 10px;
            width: 203px;
            color: #ffffff;
            position: absolute;
            right: -150px;
            transition: right .2s;
        }

        .flexBar>.Phone:hover {
            right: 0;
        }

        .wechartIMG {
            display: none;
        }

        .flexBar>.wechart {
            background: #4889c9;
            line-height: 30px;
            padding: 6px 10px;
            border-radius: 10px 0 0 10px;
            color: #ffffff;
            width: 200px;
            right: -150px;
            position: absolute;
            margin-top: 50px;
            transition: right .2s;
        }

        .flexBar>.wechart:hover .wechartIMG {
            display: block;
        }

        .flexBar>.wechart:hover {
            right: 0;
        }

        .navbar {
            background: #4889c9 !important;
        }
    }

    a:hover {
        text-decoration: none;
    }

    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        will-change: transform;
        transform: translateZ(0);
        display: flex;
        height: 58px;
        padding-top: 1px;
        box-shadow: 0 -2px 5px -2px #333;
        background-color: #fff;
    }

    .mobile-bottom-nav__item {
        flex-grow: 1;
        text-align: center;
        width: 25%;
        font-size: 9.5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .mobile-bottom-nav__item--active {
        color: red;
    }

    .mobile-bottom-nav__item-content {
        display: flex;
        flex-direction: column;
    }


    .dropdown-menu a {
        color: black !important;
    }

    .navbar-toggler {
        border: 1px solid white !important;

    }

    .navContent {
        position: fixed;
        top: 0;
        z-index: 100000;
        width: 100%;
    }

    .tabbar-item-center {
        position: absolute;
        width: 3.44rem;
        height: 3.44rem;
        left: 50%;
        top: 0.98rem;
        transform: translate(-50%, -50%);
        border-radius: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px -5px 10px -5px #a7a7a7;
    }

    .tabbar-item {
        flex: 1;
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }

    .tabbar-item-center-item {
        width: 2.8125rem !important;
        height: 2.8125rem !important;
        background-color: #66A5AD;
        border-radius: 1.25rem !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        box-shadow: 0px 7px 14px 1px rgb(0 160 167 / 35%) !important;
    }

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        /* animation-iteration-count: infinite; */
    }

    .tabbar-item img {
        width: 1.38rem;
        height: 1.38rem !important;
    }

    .tabbar-item-center-item img {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .tabbar-item-center-item {
        margin-top: 4px;
    }

    .tabbar-item img {
        margin-top: 10px;
    }

    .tabimg {
        width: 1.38rem;
        height: 1.38rem !important;
    }

    .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .tabbar-item span {
        font-size: 0.75rem;
        font-weight: 500;
        color: #B4BABA;
        margin-bottom: 0.41rem;
    }

    .tab-content {
        font-size: 0.75rem;
        font-weight: 500;
        color: #B4BABA;
        margin-top: 33px;

    }

    .tabtext {
        font-size: 0.75rem;
        font-weight: 500;
        color: #B4BABA;

    }

    .tick-list {
        list-style: none;
        padding-left: 0;
        margin-top: 15px;
    }

    .tick-list li {
        font-size: 14px;
        margin-bottom: 4px;
        display: table;
    }

    .tick-img-wrap {
        min-width: 35px;
    }

    .tick-list li span {
        font-size: 16px;
        display: table-cell;
        vertical-align: top;
    }

    .tick-list li img {
        /*width: 25px;*/
        height: 25px;
        display: inline-block;
        margin-right: 7px;
        position: relative;
        display: table-cell;
    }

    .pdpcs-wrap {
        background: #f7f7f5;
        position: relative;
        margin: 0px;
        padding: 15px 15px 18px;
        /* border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; */
        border: 1px solid #dbdbdb;
    }

    .pdp-content p,
    .pdp-content {
        font-size: 16px;
        line-height: 22px;
        color: #444;
        font-family: 'Open Sans', Helvetica, sans-serif;
    }

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

    .pdp-cs-name {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 1px;
        font-weight: 700;
        margin-top: 2px;
    }

    .pdp-content p.pdp-cs-title {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 5px;
    }

    .pdp-content p,
    .pdp-content {
        font-size: 17px;
        line-height: 26px;
        font-family: 'Open Sans', Helvetica, sans-serif;
    }

    .pdp-content p.pdp-cs-name {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 1px;
        font-weight: 700;
        margin-top: 2px;
    }

    .pdp-content p.pdp-cs-title {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
    }

    .product-view .pdp-content {
        font-size: 14px;
        line-height: 22px;
        font-family: 'Open Sans', Helvetica, sans-serif;
    }

    .pdp-content.stories-inner-wrap {
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid #dbdbdb;
        padding: 40px 0;
        /* border-radius: 4px; */
    }

    .patient-story-img {
        margin: 0 10px;
        width: 75px;
        height: 75px;
        border-radius: 50%;
    }

    .pdp-stories-wrap .stories-right {
        padding: 0;
        max-width: 425px;
    }

    @media (max-width: 767px) {
        .pdp-stories-wrap .stories-right {
            padding: 0 15px;
        }
    }

    h2.patientstories {
        font-size: 22px;
        line-height: 28px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .tsm-link {
        font-size: 16px;
        border-bottom: 1px solid transparent;
        color: #cc6600;
    }

    .pdp-h4 {
        font-size: 22px;
        line-height: 28px;
        color: #333;
        text-transform: none;
        margin-top: 0;
        font-weight: 700;
        margin-bottom: 20px;
        font-family: 'Montserrat', Helvetica, sans-serif;
    }

    .review-meta {
        margin-bottom: 15px;
    }

    .review-meta img {
        float: left;
        margin-right: 15px;
        border-radius: 50%;
        width: 60px;
    }

    .review-meta h5 {
        font-weight: 400;
        margin-bottom: 0;
    }

    .review-meta h5 a {
        text-decoration: underline;
        font-size: 16px;
        line-height: 24px;
    }

    .pdp-content {
        font-size: 14px;
        line-height: 22px;
        font-family: 'Open Sans', Helvetica, sans-serif;
    }

    .pdp-contact-wrap.orange-box {
        padding: 50px;

    }

    h3.tsm {
        font-size: 23px;
        line-height: 28px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }

    p.tsm,
    span.tsm,
    ul.tsm,
    li.tsm {
        font-size: 20px;
        line-height: 30px;
        font-family: 'Open Sans', Helvetica, sans-serif;
    }

    .contact-us-block {
        margin-top: 24px;
        display: flex;
        justify-content: space-between !important;
    }

    .contact-cms-block {
        width: 50% !important;
        float: left;
        background: #f7f7f5;
        /* border-radius: 4px; */
        padding: 15px;
        word-break: break-all;
    }

    i.tsm.email {
        background-image: url("/static/index/medebound/assets/images/email-icon.svg");
        position: relative;
        top: 7px;
        margin-right: 10px;
        float: left;
    }

    i.tsm.server {
        background-image: url("/static/index/medebound/assets/hzc/img/server-icon.png");
        position: relative;
        top: 3px;
        margin-right: 10px;
        float: left;
    }

    i.tsm.doctor {
        background-image: url("/static/index/medebound/assets/hzc/img/doctor-icon.png");
        position: relative;
        top: 3px;
        margin-right: 10px;
        float: left;
    }

    i.tsm {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    i.tsm.phone {
        background-image: url("/static/index/medebound/assets/images/call-icon.svg");
        position: relative;
        top: 5px;
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
    }

    .orange-box {
        border: 1px solid #fff;
        box-sizing: border-box;
        /* border-radius: 4px; */
        padding: 24px;
        margin-bottom: 60px;
    }

    .contact-cms-block:last-child {
        margin-left: 5%;
    }

    body.catalog-product-view h4.pdp-h4 {
        font-size: 24px;
        line-height: 28px;
        color: #333;
        text-transform: none;
        margin-top: 0;
        margin-bottom: 20px;
        font-family: 'Montserrat', Helvetica, sans-serif;
    }

    .aboutus-inner-wrap {
        display: flex;
        padding: 60px 0;
    }

    .aboutus-div:last-child {
        margin-left: 15px;
    }

    .aboutus-vid-wrap {
        position: relative;
        padding-bottom: 10%;
    }

    .aboutus-vid-wrap .vid-wrapper {
        height: auto;
        overflow: hidden;
        border-radius: 5px;
    }

    .aboutus-vid-wrap .vid-wrapper > a {
        display: block;
        position: relative;
        line-height: 0;
    }

    .aboutus-vid-wrap .thumbnail {
        display: block;
        position: static;
        width: 100%;
        height: auto;
        object-fit: contain;
        border: 1px solid #ccc;
        border-radius: 5px;
        cursor: pointer;
    }

    .aboutus-video-caption {
        margin: 12px 0 0;
        text-align: center;
    }

    .youtube {
        background-color: #333;
        margin-bottom: 30px;
        position: relative;
        padding-top: 56.25%;
        overflow: hidden;
        cursor: pointer;
    }

    @media only screen and (max-width: 1000px) {
        .contact-cms-block {
            width: 100% !important;
            margin-bottom: 10px;

        }

        .pdpcs-block {
            width: 100% !important;
            margin-bottom: 10px;
        }

        .pdp-contact-wrap.orange-box {
            padding: 24px;
        }

        .contact-cms-block:last-child {
            margin-left: 0%;
        }
    }

    .btnZX {
        margin: 20px auto;
        background: #cc6600;
        width: auto;
        border: 1px solid #cc6600;
        color: #ffffff;
        text-align: center;
        padding: 8px 10px;
        /* border-radius: 5px; */
        cursor: pointer;
        font-size: 17px;
    }

    .related-reading {
        color: #cc6600;
        border-bottom: solid 1px #d26f0b;
    }

    @media screen and (max-width: 480px) {
        .sub-ssmc {
            display: none;
        }
    }

    .navText li {
        line-height: 47px;
    }

    .left-img-con {
        max-width: 160px;
        margin-right: 10px;
    }

    .scroll_down .navContent {
        transform: translateY(-100%);
    }

    @media (max-width:500px) {
        .pdp-contact-wrap.orange-box {
            box-shadow: -1px 0px 13px 5px lightgrey;
            margin-bottom: 20px;
            /* border-radius: 20px; */
            position: relative;
        }
    }
    /* Keep long URLs inside the article without truncating link text. */
    #hzc-content {
        word-wrap: break-word;
        overflow-wrap: anywhere;
    }

    #hzc-content a {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: anywhere;
    }

    #hzc-content > iframe {
        width: 100% !important;
        height: 440px;
    }

    /* Dedicated watch-page layout: the single video is the dominant content. */
    .video-watch-page.mainText { padding: 32px 36px 42px; }
    .watch-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        max-width: 1120px;
        margin: 0 auto 22px;
        color: #84909c;
        font-size: 14px;
    }
    .watch-breadcrumb a { color: #647382; text-decoration: none; }
    .watch-breadcrumb a:hover { color: #2372ba; }
    .watch-breadcrumb-separator { color: #b8c0c8; }
    .watch-header { max-width: 1000px; margin: 0 auto 26px; text-align: center; }
    .watch-eyebrow {
        display: inline-block;
        margin-bottom: 10px;
        color: #2372ba;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.14em;
    }
    .video-watch-page .watch-title {
        margin: 0;
        color: #1f2933;
        font-size: 34px;
        line-height: 1.35;
        text-align: center;
    }
    .primary-video { width: 100%; max-width: 1120px; margin: 0 auto 18px; }
    .primary-video-player {
        display: block;
        width: 100%;
        height: auto;
        max-height: 75vh;
        aspect-ratio: 16 / 9;
        background: #000;
        border-radius: 10px;
        object-fit: contain;
        box-shadow: 0 16px 38px rgba(16, 31, 46, 0.18);
    }
    .watch-meta {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        max-width: 1120px;
        margin: 0 auto;
        color: #71808e;
        font-size: 14px;
    }
    .watch-meta-item {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 5px 12px;
        background: #f3f6f8;
        border-radius: 16px;
    }
    .watch-meta a { color: #2372ba; text-decoration: none; }
    .video-description {
        max-width: 960px;
        margin: 38px auto 0;
        padding-top: 28px;
        border-top: 1px solid #edf0f2;
    }
    .video-description-title { margin: 0 0 18px; color: #263746; font-size: 23px; font-weight: 600; }

    @media (max-width: 767px) {
        .video-watch-page.mainText { padding: 20px 14px 30px; }
        .watch-breadcrumb { margin-bottom: 17px; font-size: 13px; }
        .watch-header { margin-bottom: 20px; }
        .watch-eyebrow { margin-bottom: 7px; font-size: 11px; }
        .video-watch-page .watch-title { font-size: 25px; line-height: 1.4; }
        .primary-video-player { max-height: none; border-radius: 5px; box-shadow: none; }
        .watch-meta { justify-content: flex-start; gap: 8px; }
        .watch-meta-item { min-height: 30px; padding: 4px 10px; }
        .video-description { margin-top: 30px; padding-top: 23px; }
    }


    .partial-articles .news-list {
        padding: 0px;
        background: #fff;
        overflow: hidden;
    }
    .partial-articles .news-list ul {
        list-style: none outside none;
    }
    .partial-articles .news-list ul a {
        ackground: transparent;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        color: #575b5f;
    }
    .partial-articles .news-list ul li {
        float: left;
        width: 100%;
        padding: 0.3rem 0;
        border-bottom: 1px dashed #cccccc;
    }
    .partial-articles .news-list ul li h4 {
        float: left;
        font-size: 1.0rem;
        color: #666666;
        line-height: 2.5rem;
        height: 2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 70%;
    }
    .partial-articles .news-list ul li i {
        float: right;
        color: #bebebe;
        font-size: 1.0rem;
        line-height: 2.5rem;
    }


        /* Extra Styling */
        *,
        *:after,
        *:before {
            box-sizing: border-box;
        }

        /* The Modal (background) */
        .modal_custom {
            display: none;
            position: fixed;
            z-index: 1200000;
            padding-top: 100px;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0, 0, 0);
            background-color: rgb(0 0 0 / 65%);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        /* Modal Content */
        .modal-content_custom {
            position: absolute;
            background-color: #ffffff;
            text-align: left;
            margin: auto;
            padding: 0px;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #ff9d00;
            width: 50%;
            transition: all 0.3s ease;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        /* The Close Button */
        .close_custom {
            color: #000;
            font-size: 44px;
            font-weight: bold;
            position: absolute;
            right: 0;
            top: 0;
            padding: 10px 30px;
            background: #fff;
            border-bottom-left-radius: 26px;
            opacity: 1;
            transition: 0.2s ease-in-out;
        }

        .close_custom:hover,
        .close_custom:focus {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            background: red;
            border-radius: 50px;
            border-bottom-left-radius: 50px;
            padding: 0px 20px;
            margin: 10px;
            transform: rotate(90deg);
        }


                        @media(max-width:500px) {
                            #contactModal {
                                z-index: 10000000;
                            }
                        }

                        .btn-close {
                            outline: none;
                            border: none;
                            background: transparent;
                        }

                        .contactFormContainer {
                            width: 100%;
                            margin: auto;
                            padding: 0;
                        }

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

                        .leftContainer {
                            height: 100%;
                            background: #fff;
                            width: 70%;
                            padding: 0 0px;
                        }

                        .rightContainer {
                            height: 100%;
                            width: 30%;
                            flex-wrap: nowrap;
                            background: #4889C9;
                            color: #fff;
                            padding: 60px 0;

                        }

                        .rightTitle {
                            font-size: 25px;
                            text-align: center;
                            margin: 70px auto 20px auto;
                        }

                        .formTitle {
                            font-size: 35px;
                            text-align: center;
                            margin: 15px auto 0 auto;
                            color: #000 !important;
                        }

                        .formSubTitle {
                            width: fit-content;
                            text-align: center;
                            margin: auto;
                            font-size: 19px;
                        }

                        .formSubTitle_bottom {
                            width: fit-content;
                            text-align: center;
                            margin: auto;
                            font-size: 21px;
                            margin-top: 15px;
                            position: relative;
                        }

                        .formSubTitle_bottom img {
                            width: 50px;
                            font-weight: 800;
                            margin-left: 20px;
                            /* animation: hueRotate 5s infinite; */
                            position: absolute;
                            left: 390px;
                            bottom: -4px;
                            filter: hue-rotate(180deg);
                        }

                        .callBtn {
                            padding: 8px 50px;
                            width: fit-content;
                            text-align: center;
                            margin: 30px auto;
                            background: #ff9f3f;
                            border-radius: 5px;
                        }

                        .callBtn a {
                            font-size: 20px;
                            text-decoration: none;
                            color: #fff;
                        }

                        .wechatImgContainer {
                            width: 200px;
                            height: 200px;
                            background: #044381;
                            margin: 30px auto 0 auto;
                            border-radius: 9px;
                            overflow: hidden;
                        }

                        .wechatImgContainer img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            object-position: center;
                        }

                        .contactForm_container_modal {
                            margin-top: 40px;
                            width: 90%;
                            margin: auto;
                        }

                        .contactForm_container_modal .formControl_2::placeholder,
                        .contactForm_container_modal textarea::placeholder,
                        .nameInput select option {
                            font-size: 15px;
                            color: #474747;
                        }

                        .contactForm_container_modal .formControl_2,
                        .contactForm_container_modal textarea,
                        .nameInput select {
                            border: 1px solid #d8d8d8;
                            outline: none;
                            height: 49px;
                            border-radius: 6px;
                            margin: 10px 0;
                            padding: 0px 10px;
                            outline: none;
                        }

                        .nameInput {
                            width: 100%;
                            height: 100%;
                            margin-top: 15px;
                        }

                        .nameInput select {
                            width: 30%;
                        }

                        .custom_form-control {
                            width: 100%;
                        }

                        .Contact_meth {
                            font-size: 15px;
                            text-align: left;
                            margin-bottom: 10px;
                            margin-left: 5px;
                        }

                        .incTypeRow label {
                            color: #000;
                            font-size: 15px;
                            margin-left: 10px;
                        }

                        .row_4__contactForm_MB {
                            display: none;
                        }

                        .row_4__contactForm_PC {
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            margin-bottom: 10px;
                            align-items: center;
                        }

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

                        .incTypeRow input {
                            margin: 0px 10px 0px 0px;
                        }

                        .submitButton_contact Button {
                            background: #4889C9;
                            color: #fff;
                            border: none;
                            outline: none;
                            border-radius: 5px;
                            padding: 10px 60px;
                        }

                        .row02__contact {
                            display: flex;
                            align-items: center;
                            margin-bottom: 20px;
                            float: left;
                        }

                        .btn_custom_close {
                            background: #ffa742;
                            color: #fff;
                            border: none;
                            outline: none;
                            border-radius: 5px;
                            padding: 10px 60px;
                        }


                        @media (max-width: 768px) {
                            .formTitle {
                                font-size: 20px;
                            }

                            .row_4__contactForm_MB {
                                display: flex;
                                flex-direction: column;
                                justify-content: flex-start;
                                margin-bottom: 10px;
                                align-items: center;
                                flex-direction: row;
                            }

                            .row_4__contactForm_PC {
                                display: none;
                            }

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

                            .modal-content_custom {
                                min-width: 85%;
                            }

                            .rightContainer {
                                width: 100% !important;
                                display: flex;
                                flex-flow: row;
                                justify-content: center;
                                align-items: center;
                                padding: 13px 15px !important;
                                flex-wrap: wrap;
                            }

                            .cta {
                                margin-bottom: 15px;
                            }

                            .callBtn {
                                padding: 4px 15px !important;
                                margin: 0 auto !important;
                            }

                            .mainRows_contact {
                                flex-direction: column;
                            }

                            .rightTitle {
                                font-size: 18px !important;
                                margin: 0px auto 12px auto !important;
                            }

                            .wechatImgContainer {
                                width: 120px;
                                height: 120px;
                                margin: 10px auto 0 auto;
                                border-radius: 0px;
                            }

                            .leftContainer {
                                width: 98%;
                            }
                        }

                        @media (min-width: 768px) and (max-width:960px) {
                            .modal-content_custom {
                                min-width: 98%;
                            }
                        }

                        @media (min-width:960px) and (max-width:1100px) {
                            .modal-content_custom {
                                min-width: 90%;
                            }
                        }

                        @media (min-width:1100px) and (max-width:1240px) {
                            .modal-content_custom {
                                min-width: 80%;
                            }
                        }

                        @media (min-width:1240px) and (max-width:1380px) {
                            .modal-content_custom {
                                min-width: 70%;
                            }
                        }

                        @media (min-width:1380px) and (max-width:1520px) {
                            .modal-content_custom {
                                min-width: 60%;
                            }
                        }

                        @media (min-width:1520px) {
                            .modal-content_custom {
                                min-width: 50%;
                            }
                        }


                                                @media(max-width:500px) {
                                                    .row02__contact {
                                                        flex-wrap: wrap;
                                                    }

                                                    .capcha {
                                                        flex: 50%;
                                                    }

                                                    #cap_code {
                                                        flex: 50%;
                                                    }

                                                    .button {
                                                        flex: 100%;
                                                    }
                                                }

                                                @media(min-width:500px) {
                                                    .capcha {
                                                        width: 50%;
                                                        height: 100%;
                                                        margin: 0;
                                                        flex: 33%;
                                                    }
                                                }

                                                .button {
                                                    width: fit-content;
                                                    cursor: pointer;
                                                    display: flex;
                                                    user-select: none;
                                                    align-items: center;
                                                    background: #4889c9;
                                                    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
                                                    border-radius: 8px;
                                                    padding: 10px 18px;
                                                    flex: 30%;
                                                    margin-left: 10px;
                                                    justify-content: space-evenly;
                                                    outline: none;
                                                    border: none;
                                                }

                                                .button .icon {
                                                    font-size: 20px;
                                                    color: #fff;
                                                    margin: 0px;
                                                    display: none;
                                                }

                                                .button.checked .icon {
                                                    display: flex;
                                                }

                                                .icon.spinner.spin {
                                                    animation: spin 1.3s ease-in-out infinite;
                                                }

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

                                                .icon.check {
                                                    display: inline-flex;
                                                    font-size: 14px;
                                                    padding: 6px;
                                                    border-radius: 50%;
                                                    align-items: center;
                                                    justify-content: center;
                                                    background-color: #1be309;
                                                }

                                                .button .btn-text {
                                                    font-size: 17px;
                                                    color: #fff;
                                                }


        .retryBtn {
            padding: 12px 30px;
            background: #fff;
            color: #333;
            text-decoration: none;
            border-radius: 30px;
            margin-top: 10px;
        }

        .orderColumn {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: column;
        }


        .quickTag {
            display: none;
        }

        .pageContainer_main {
            margin-top: 120px;
        }

        .subLogo {
            display: none;
        }

        @media(max-width:500px) {
            .quickTag {
                position: fixed;
                width: 100%;
                z-index: 100;
                align-items: center;
                flex-direction: column;
                top: 76px;
                left: 0;
                background: #2372ba;
                padding: 14px 0;
                font-size: 17px;
                color: #fff;
                justify-content: center;
                font-weight: bold;
                letter-spacing: 1px;
            }

            .quickTag span {
                color: #fff;
            }

            .menuContainer .logo {
                display: none;
            }

            .subLogo {
                width: 65%;
                display: block;
                position: fixed;
                left: 10px;
                top: 10px;
                z-index: 100000;
            }

            .subLogo img {
                width: 100%;
            }

            .pageContainer_main {
                margin-top: 45px;
            }

        }

        @media (max-width: 500px) {
            .menuContainer {
                padding: 10px 0;
                justify-content: end !important;
            }

            .menues {
                padding: 20px 0 !important;
            }
        }



        .bar_container {
            position: fixed;
            top: 118px;
            width: 100%;
            z-index: 1;
            padding: 0;
        }

        #progress-bar {
            --progress: 0;
            height: 4px;
            margin-top: -16px !important;
            width: var(--progress);
            background-color: #4889c9;
        }

        @media(max-width:500px) {
            .bar_container {
                top: 85px;
            }

            #progress-bar {
                margin-top: 0px !important;
            }
        }


        .sticky-sidebar {
            position: sticky;
            width: 100%;
            top: 130px;
        }

        .bottom-fixed-sidebar {
            width: calc(100% - 30px);
            position: absolute;
            bottom: 0px;
        }

        .articleDetails {
            display: flex;
            color: #a3a3a3;
            font-size: 15px;
            justify-content: flex-start;
            align-items: center;
        }

        .articleDetails p {
            margin: 0;
        }

        .sideSeparator {
            border-right: 1px solid #a3a3a3;
            height: 15px;
            margin: 0 10px;
        }

        @media(max-width:840px) {

            .sideSeparator {
                display: none;
            }

            .articleDetails {
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                margin: 30px 0;
            }
        }

        @media(max-width:900px) {
            #mainText {
                width: 100% !important;
                width: 100%;
            }

        }

        @media (max-width:991px) {
            #sideContent {
                display: none !important;

            }

            #sideBarDesktop {
                display: block !important;
            }
        }

        .textZW ol {
            width: unset !important;
        }

        .textZW p {
            width: unset !important;
        }


                                .breadcrumb {
                                    margin: 0;
                                }

                                .breadcrumbContainer {
                                    width: 100%;
                                    display: flex;
                                    justify-content: flex-start;
                                    margin: 15px 0;
                                }

                                @media screen and (max-width:500px) {
                                    .breadcrumbContainer {
                                        top: 100px;
                                    }
                                }

                                @media screen and (min-width:500px) and (max-width:1439px) {
                                    .breadcrumbContainer {
                                        top: 100px;
                                    }
                                }

                                @media screen and (min-width:1440px) and (max-width:1500px) {
                                    .breadcrumbContainer {
                                        top: 120px;
                                    }
                                }


                        .consultNowBtn {
                            width: 100%;
                            margin: auto;
                            height: auto;
                        }

                        .consultNowBtn a {
                            width: fit-content;
                            padding: 8px 15px;
                            background: #2372ba;
                            text-decoration: none;
                            border-radius: 20px;
                            color: #fff;
                            border: #dfe4e6;
                            display: flex;
                            margin: auto;
                        }


                                .toggle {
                                    display: none;
                                }

                                .option {
                                    position: relative;
                                    margin-bottom: 0.2rem;
                                    display: flex;
                                    justify-content: space-between;
                                    align-items: center;
                                    cursor: pointer;
                                }

                                .title,
                                .content {
                                    backface-visibility: hidden;
                                    transform: translateZ(0);
                                    transition: all 0.2s;
                                }

                                .title {
                                    background: #fff;
                                    padding: 1em;
                                    display: block;
                                    color: #343434;
                                    font-size: 15px;
                                    border-bottom: 0.1px solid #d9d9d9;
                                    cursor: pointer;
                                }

                                /* .title:after,
                                .title:before {
                                    content: "";
                                    position: absolute;
                                    right: 26px;
                                    top: 43%;
                                    width: 1.5px;
                                    height: 10px;
                                    background-color: #16171a;
                                    transition: all 0.2s;
                                    transform: rotate(-45deg);
                                }

                                .title:after {
                                    transform: rotate(45deg);
                                    right: 20px;
                                } */

                                .content {
                                    max-height: 0;
                                    overflow: hidden;
                                    background-color: #fff;
                                }

                                .content p {
                                    margin: 0;
                                    padding: 15px;
                                    font-size: 0.9em;
                                    line-height: 1.5;
                                }


                                .toggle:checked+.title,
                                .toggle:checked+.title+.content {
                                    border-bottom: 1px solid #cc6600;
                                }

                                .toggle:checked+.title+.content {
                                    max-height: 500px;
                                }

                                .toggle:checked+.title:before {
                                    transform: rotate(45deg) !important;
                                }

                                .toggle:checked+.title:after {
                                    transform: rotate(-45deg) !important;
                                }

                                .custom_accordionText {
                                    background-color: transparent;
                                    color: rgba(0, 0, 0, 0.9) !important;
                                    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
                                    letter-spacing: 2px;
                                    font-size: 1rem;
                                    font-weight: 400;
                                }

                                .mobile_medi .card {
                                    margin: 20px 0px;
                                }

                                .desktop_medi .card {
                                    margin: 10px;
                                }

                                .accordion_custom {
                                    margin: 5px 0px;
                                    padding: 0 10px 0 10px;
                                }

                                .headerContainer {
                                    padding: 15px 20px;
                                    border-bottom: 1px solid #e5e5e5;
                                }


    @media(max-width:500px) {
        .main-area {
            margin: 0;
        }

        .main-area {
            margin: 0px -15px 20px 0px !important;
        }
    }

    .mobile_medi {
        display: block;
    }

    .desktop_medi {
        display: none;
    }

    .main-area {
        margin: 0px -15px 60px 0px;
    }

    .mainContent {
        padding: 0;
    }

    @media(min-width:500px) {
        .desktop_medi {
            display: block;
        }

        .mobile_medi {
            display: none;
        }

    }


                        .carousel-feedbacks .cell-container {
                            width: 380px;
                            height: 512px;
                            margin: 0px 10px;
                            background: rgb(7 120 195 / 18%);
                            padding: 3px;
                            border-radius: 8px;
                            box-shadow: 0px 0px 5px 1px #d6d6d6;
                        }

                        .carousel-feedbacks .cell-container .imgCont__adv {
                            padding: 0;
                            height: 100%;
                        }

                        .carousel-feedbacks .cell-container .imgCont__adv img {
                            width: 100%;
                            height: 100%;
                            -o-object-fit: contain;
                            object-fit: contain;
                            position: relative;
                            border-radius: 5px;
                        }

                        @media screen and (min-width: 768px) {
                            .carousel-feedbacks .cell-container .imgCont__adv {
                                padding: 0;
                                height: 100%;
                            }

                            .testimonials {
                                width: 100%;
                                margin: auto;
                            }
                        }

                        @media screen and (max-width: 768px) {
                            .carousel-feedbacks .cell-container {
                                width: 90%;
                                height: 500px;
                                margin: 0px 10px;
                            }

                            .testimonials {
                                width: 85%;
                                margin: 40px auto;
                            }
                        }

                        @media screen and (max-width: 576px) {
                            .carousel-feedbacks .cell-container {
                                width: 70%;
                                height: 400px;
                                margin: 0px 10px;
                            }

                            .testimonials {
                                width: 95%;
                                margin: 20px auto;
                                box-shadow: -1px 0px 13px 5px lightgrey;
                            }
                        }

                        /*  */


        @media(max-width: 768px){
            .friendLinks {
                width: 100% !important;
                margin: 15px auto;
                flex-wrap: wrap;
                justify-content: flex-start !important;
                font-size: 12px;
                gap: 5px;
            }
        }


        .friendLinks {
            margin: 10px auto;
            list-style: none;
            display: flex;
            justify-content: center;
            font-size: 12px;
            gap: 5px;
        }

        .footer {
            background: #333333;
            color: #fff;
            width: 100%;
            padding: 40px 10px;
            z-index: 100;
            margin: 60px auto 0 auto;
        }

        .footer_container {
            width: 80%;
            margin: auto;
        }

        .footer-col {
            margin: 0 auto;
            padding: 20px 0px;
        }

        .footer-col ul li {
            font-size: 16px;
            margin-bottom: 20px;
            list-style: none !important;
        }

        .footer-col ul li span {
            margin-left: 20px;
            font-weight: 400;
        }

        .logoRow img {
            padding: 0;
            width: 80%;
            margin: auto;
        }

        .logoRowBottom img {
            padding: 0;
            margin-top: 20px;
            width: 100%;
        }

        .footer-col ul li::marker {
            display: none;
        }

        .footer_link a {
            color: #fff;
            text-decoration: none;
        }

        .footer_link a:hover {
            color: #4889C9;
        }

        .qrContainer {
            width: 200px;
            height: 250px;
            background: rgba(224, 224, 224, 0.233);
            padding: 6px;
            border-radius: 8px;
            text-align: center;
            margin: auto;
        }

        .qrContainer img {
            width: 98%;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: auto;
            border-radius: 8px;
        ;
        }

        .formInputs::-webkit-input-placeholder {
            /* font-weight: 500; */
            font-size: 13px;
            color: #626262;
        }

        .formInputs::-moz-placeholder {
            /* font-weight: 500; */
            font-size: 13px;
            color: #626262;
        }

        .formInputs:-ms-input-placeholder {
            /* font-weight: 500; */
            font-size: 13px;
            color: #626262;
        }

        .formInputs::-ms-input-placeholder {
            /* font-weight: 500; */
            font-size: 13px;
            color: #626262;
        }

        .formInputs::placeholder {
            /* font-weight: 500; */
            font-size: 13px;
            color: #626262;
        }

        .formInputsArea::-webkit-input-placeholder {
            font-size: 13px;
            color: #626262;
        }

        .formInputsArea::-moz-placeholder {
            font-size: 13px;
            color: #626262;
        }

        .formInputsArea:-ms-input-placeholder {
            font-size: 13px;
            color: #626262;
        }

        .formInputsArea::-ms-input-placeholder {
            font-size: 13px;
            color: #626262;
        }

        .formInputsArea::placeholder {
            font-size: 13px;
            color: #626262;
        }

        .formInputs {
            width: 48%;
            height: 45px;
            border: none;
            outline: none;
            border-radius: 5px;
            padding: 10px 15px;
        }

        .formInputsArea {
            width: 100%;
            border: none;
            outline: none;
            border-radius: 5px;
            padding: 10px 15px;
        }

        .submitButton input {
            background: #4889C9;
            color: #fff;
            border: none;
            outline: none;
            border-radius: 5px;
            padding: 10px 20px;
        }

        .siteMap {
            display: block;
            margin-right: -100px;
        }

        .mainRow__footer {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            flex-direction: row;
        }

        .logoRowBottom {
            display: none;
            margin: auto;
        }

        .infoMessage {
            padding: 5px 10px;
            background: #fff;
            border-radius: 5px;
            color: rgb(53, 53, 53);
            position: absolute;
            left: -3px;
            display: block;
        }

        .infoMessage:hover .infoIcon {
            transform: translateY(50px);
            cursor: pointer;
        }

        @media (max-width:768px) {
            .mainRow__footer {
                flex-direction: column;
            }

            .siteMap {
                display: none;
            }

            .logoRow {
                display: none;
            }

            .logoRowBottom {
                width: 100%;
                display: block;
                margin: auto;
                text-align: center;
            }

            .formInputs::-webkit-input-placeholder {
                /* font-weight: 500; */
                font-size: 13px;
                color: #626262;
            }

            .formInputs::-moz-placeholder {
                /* font-weight: 500; */
                font-size: 13px;
                color: #626262;
            }

            .formInputs:-ms-input-placeholder {
                /* font-weight: 500; */
                font-size: 13px;
                color: #626262;
            }

            .formInputs::-ms-input-placeholder {
                /* font-weight: 500; */
                font-size: 13px;
                color: #626262;
            }

            .formInputs::placeholder {
                /* font-weight: 500; */
                font-size: 13px;
                color: #626262;
            }

            .formInputsArea::-webkit-input-placeholder {
                font-size: 13px;
                color: #626262;
            }

            .formInputsArea::-moz-placeholder {
                font-size: 13px;
                color: #626262;
            }

            .formInputsArea:-ms-input-placeholder {
                font-size: 13px;
                color: #626262;
            }

            .formInputsArea::-ms-input-placeholder {
                font-size: 13px;
                color: #626262;
            }

            .formInputsArea::placeholder {
                font-size: 13px;
                color: #626262;
            }
        }

        @media (max-width:1130px) {
            .siteMap {
                display: none;
            }

        }


            .law-detail {
                color: #979696;
                transition: 0.5s;
                text-decoration: none;
            }

            .leagalLink {
                color: #828282;
                display: flex;
                justify-content: center;
            }

            .law-detail :hover {
                color: blue;
            }


        @media(max-width:500px) {
            .flexMobileBtn {
                display: flex;
            }

        }

        @media(min-width:500px) {
            .flexMobileBtn {
                display: none;
            }
        }

        .flexMobileBtn {
            position: fixed;
            bottom: 20%;
            right: 18px;
            border: 3px solid #0080ff;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #0f087a;
            /* background: linear-gradient(#ff9400, #fff); */
            animation: backwardRotate 0.2s linear 1;
            padding: 12px;
            justify-content: center;
            align-items: center;
        }


        .btnContainer img {
            width: 80%;
            margin: 0 0 0 13px;
            object-fit: contain;
            object-position: center;
            display: flex;
            justify-content: center;
            animation: forwardRotate 0.2s linear 1;
            filter: hue-rotate(1deg);
        }

        .flexBtntext {
            border: 1.5px solid #fff;
            padding: 0px 5px;
            font-size: 12px;
            color: #fff;
            text-align: center;
            width: 65px;
            height: auto;
            background: #0f087a;
            border-radius: 10px;
        }

        @-webkit-keyframes forwardRotate {
            0% {
                transform: scale(200%);
                transform: rotate(0deg);
            }

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

            100% {
                transform: scale(100%);
            }
        }

        @keyframes forwardRotate {
            0% {
                transform: scale(200%);
            }

            100% {
                transform: scale(100%);
            }
        }

        @-webkit-keyframes backwardRotate {
            0% {
                transform: rotate(360deg);
            }

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

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

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

        @media(max-width:400px) {
            .flexMobileBtn {
                display: flex;
            }

            .insert-article-text {
                max-width: 200px;
            }
        }

        @media(min-width:500px) {
            .insert-article {
                min-width: 360px !important;
            }

            .consult-card {
                min-width: 360px !important;
            }
        }


    .modal {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
        padding-top: 60px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: 5% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    .close {
        color: #aaa;
        display: flex;
        justify-content: end;
        font-size: 28px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .captcha-image img {
        display: block;
        margin: 10px 0;
    }
    #ajax-send-card{
        margin-top: 10px;
        width: 40%;
        padding: 10px;
        background-color: #6c85ff;
        color: white;
        border: none;
        border-radius: 5px;
        letter-spacing: 2px;
    }


/* Match the article page's existing white related-article list. */
.guide-wechat-reading {
    margin: 24px 0 10px;
    padding: 0;
    background: #fff;
    text-align: left;
}
.guide-wechat-reading .guide-wechat-heading {
    margin: 0 0 12px;
    padding: 0;
    color: #2372ba;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
}
.guide-wechat-reading .guide-wechat-intro {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}
.guide-wechat-reading .guide-wechat-list {
    list-style: none outside none;
    padding: 0;
    margin: 8px 0 0;
}
.guide-wechat-reading .guide-wechat-item {
    display: block;
    width: 100%;
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px dashed #cccccc;
    box-sizing: border-box;
}
.guide-wechat-reading .guide-wechat-title {
    margin: 0 0 4px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
}
.guide-wechat-reading .guide-wechat-title a {
    color: #575b5f;
    text-decoration: none;
    overflow-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
}
.guide-wechat-reading .guide-wechat-title a:hover,
.guide-wechat-reading .guide-wechat-title a:focus {
    color: #4889c9;
    text-decoration: underline;
}
.guide-wechat-reading .guide-wechat-source {
    display: block;
    margin-top: 4px;
    color: #777777;
    font-size: 13px;
    line-height: 24px;
}
@media (max-width: 500px) {
    .guide-wechat-reading .guide-wechat-heading { font-size: 26px; }
}