﻿body {
    margin: 0;
}

.EnNewMobile {
    display: none;
}

@media (max-width:799px) {
    .container {
        padding: 0;
        margin: 0;
    }

    .rightNavigationMenu::-webkit-scrollbar {
        display: none;
    }

    .EnNewPC {
        display: none !important;
    }

    .EnNewMobile {
        display: block;
    }

    .EnMobileTop {
        /* display: flex ; */
        /* display: flex !important; */
        position: fixed;
        top: 0px;
        color: white;
        /* background-color: white; */
        z-index: 50;
    }

    #udesk_container {
        display: none;
    }

    .udesk-client-btn {
        display: none;
    }

    body {
        width: 100%;
        min-width: 0px;
    }
}

/*rightNavigationMenu*/
.rightNavigationMenu {
    display: none;
    background-color: white;
    height: 100%;
    z-index: 99999;
    position: fixed;
    padding-left: calc(30vw/7.5);
    padding-right: calc(50vw/7.5);
    overflow-y: auto;
}

    .rightNavigationMenu > .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: calc(96vw/7.5);
    }

    .rightNavigationMenu .title img {
        width: calc(141vw/7.5);
        height: calc(45vw/7.5);
    }

    .rightNavigationMenu .Menurow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: calc(49vw/7.5);
        margin-bottom: calc(49vw/7.5);
    }

    .rightNavigationMenu .middle {
        width: calc(690vw/7.5);
        height: calc(1vw/7.5);
        background-color: #e6e6e6;
    }

    .rightNavigationMenu .row-content {
        display: none;
        width: 95%;
        margin-left: calc(30vw/7.5);
        margin-right: calc(30vw/7.5);
        background-color: #fafafa;
        border-radius: calc(20vw/7.5);
        font-family: PingFang-SC-Medium;
        font-size: calc(26vw/7.5);
        color: #333333;
        padding: calc(40vw/7.5) calc(30vw/7.5);
        margin-bottom: calc(21vw/7.5);
    }

        .rightNavigationMenu .row-content > div:not(:first-child) {
            margin-top: calc(77vw/7.5);
        }




/*EnMobileTop*/
.EnMobileTop {
    /* display: none; */
    height: calc(130vw/7.5);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
}

    .EnMobileTop .CountryMenu {
        display: none;
        position: absolute;
        top: 70px;
        background-color: white;
        width: calc(750vw/7.5);
        padding-left: calc(30vw/7.5);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
        border-radius: 0px 0px 20px 20px;
    }

        .EnMobileTop .CountryMenu > div {
            margin-top: calc(45vw/7.5);
            display: flex;
            align-items: center;
        }

        .EnMobileTop .CountryMenu .middle {
            width: calc(690vw/7.5);
            height: calc(1vw/7.5) !important;
            background-color: #e6e6e6;
        }

        .EnMobileTop .CountryMenu img {
            width: calc(30vw/7.5);
            height: calc(30vw/7.5);
            margin-right: calc(14vw/7.5);
        }

        .EnMobileTop .CountryMenu span {
            font-family: PingFang-SC-Medium;
            font-size: calc(30vw/7.5);
            color: #333333;
        }

    .EnMobileTop .LeftContainer {
        display: flex;
        justify-content: start;
        align-items: center;
    }

        .EnMobileTop .LeftContainer img {
            width: 70px;
            height: 22px;
            margin-left: 15px;
        }

        .EnMobileTop .LeftContainer .CountryIcon {
            width: 37px;
            height: 28px;
            background-color: #f2f2f2;
            border-radius: 10px;
            margin-left: 15px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

            .EnMobileTop .LeftContainer .CountryIcon img {
                width: 15px;
                height: 15px;
                margin-left: 0;
            }

            .EnMobileTop .LeftContainer .CountryIcon .CountryNavigationIcon {
                width: 0;
                height: 0;
                margin-left: 5px;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #666;
            }

        .EnMobileTop .LeftContainer .TimeContainer {
            font-size: calc(20vw / 7.5);
            ;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 15px;
        }

            .EnMobileTop .LeftContainer .TimeContainer div:nth-child(1) {
                display: flex;
                align-items: center;
            }

            .EnMobileTop .LeftContainer .TimeContainer div:nth-child(2) {
                height: 7px;
            }

            .EnMobileTop .LeftContainer .TimeContainer div:nth-child(3) {
                display: flex;
                align-items: center;
            }

    .EnMobileTop .RightContanier span {
        margin-right: 15px;
    }

    .EnMobileTop .middle {
        background-color: #cccccc;
        color: #cccccc;
        margin: 0 7px;
        height: calc(14vw/7.5) !important;
        width: 0.5px;
    }


/*footer*/
.EnFooter {
    background-color: #f9f9f9;
}

    /*first*/
    .EnFooter .first {
        margin-left: calc(60vw/7.5);
        padding-top: calc(50vw/7.5);
    }

        .EnFooter .first .innerrow {
            display: flex;
            justify-content: start;
            align-items: start;
            margin-top: calc(50vw/7.5);
        }

            .EnFooter .first .innerrow .left {
                width: calc(350vw/7.5);
            }

            .EnFooter .first .innerrow .title {
                font-family: Arial-BoldMT;
                text-decoration: underline;
                font-size: calc(30vw/7.5);
                color: #8a8f8d;
                font-weight: bold;
            }

            .EnFooter .first .innerrow .content div {
                font-family: ArialMT;
                font-size: calc(26vw/7.5);
                color: #8a8f8d;
                margin-top: calc(40vw/7.5);
            }

    /*Second*/
    .EnFooter .second {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: ArialMT;
        font-size: calc(36vw/7.5);
        color: #1b1c80;
        margin-top: calc(58vw/7.5);
    }

    /*third*/
    .EnFooter .third {
        display: flex;
        justify-content: center;
    }

        .EnFooter .third img {
            width: calc(64vw/7.5);
            height: calc(64vw/7.5);
            margin-top: calc(39vw/7.5);
        }

        .EnFooter .third img {
            margin-right: calc(30vw/7.5);
        }

            .EnFooter .third img:nth-last-child(1) {
                margin-right: 0;
            }

    /*forth*/
    .EnFooter .forth div:nth-child(1) {
        margin-top: calc(40vw/7.5);
        height: 1px;
        background-color: #bfbfbf;
        opacity: 0.2;
    }

    .EnFooter .forth div:nth-child(2) {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: calc(42vw/7.5);
    }

        .EnFooter .forth div:nth-child(2) img:nth-child(1) {
            width: calc(121vw/7.5);
            height: calc(41vw/7.5);
            margin-right: calc(30vw/7.5);
        }

        .EnFooter .forth div:nth-child(2) img:nth-child(2) {
            width: calc(129vw/7.5);
            height: calc(41vw/7.5);
            margin-right: calc(30vw/7.5);
        }

        .EnFooter .forth div:nth-child(2) img:nth-child(3) {
            width: calc(119vw/7.5);
            height: calc(41vw/7.5);
            margin-right: calc(30vw/7.5);
        }

        .EnFooter .forth div:nth-child(2) img:nth-child(4) {
            width: calc(76vw/7.5);
            height: calc(41vw/7.5);
        }


    .EnFooter .forth div:nth-child(3) {
        margin-top: calc(40vw/7.5);
        height: 1px;
        background-color: #bfbfbf;
        opacity: 0.2;
    }

    /*fifth*/
    .EnFooter .fifth {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: calc(30vw/7.5);
    }

        .EnFooter .fifth div:nth-child(1) {
            font-family: PingFang-SC-Medium;
            font-size: calc(24vw/7.5);
            color: #8a8f8d;
        }

        .EnFooter .fifth div:nth-child(2) {
            height: 10px;
            width: 1px;
            background-color: #8a8f8d;
            margin: 0 calc(12vw/7.5);
        }

        .EnFooter .fifth div:nth-child(3) {
            font-family: PingFang-SC-Medium;
            font-size: calc(24vw/7.5);
            color: #8a8f8d;
        }

    /*sixth*/
    .EnFooter .sixth {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: calc(30vw/7.5);
        padding-bottom: calc(43vw/7.5);
    }

        .EnFooter .sixth div {
            width: calc(607vw/7.5);
            font-family: PingFang-SC-Medium;
            font-size: calc(20vw/7.5);
            line-height: calc(30vw/7.5);
            color: #8a8f8d;
            text-align: center;
        }
