@media (max-width:600px) {
    :root {
        --fontSize: 3.5vw;
        --mWheel: 2vw;
    }

    * {
        -webkit-tap-highlight-color: transparent;
    }

    .showMobile {
        display: block;
    }

    .hideMobile {
        display: none;
    }

    .cf1 {
        text-shadow: 1px 1px 1px black, 1px 1px 1px black, 1px 1px 1px black;
        -webkit-text-stroke: .1px #000000;
        font-size: 15vw;
    }

    #top_logo {
        width: auto;
        height: 45px;
        top: 4px;
        left: 0px;
    }

    .wg-drop.weg-openleft ul {
        min-width: 60vw !important;
    }

    .wg-flags a img.wg-flag {
        height: 15px !important;
        margin-right: 10px !important;
    }

    .weglot-container {
        top: 5px;
    }

    .weglot-container a {
        font-size: 3vw !important;
    }

    .wg-drop.country-selector .wgcurrent a {
        padding-right: 30px !important;
    }

    .floating-btn {
        margin: initial;
    }
    
    h2 {
        margin-top: 4vw;
        font-size: 9vw;
    }

    #top_sec {
        height: 175vw;
    }

    #top_sec .container {
        margin-top: 19vw;
    }

    #top_sec .textArea {
        width: 80%;
    }

    #top_sec h1 {
        font-size: 15vw;
        letter-spacing: 0;
        margin-top: -0.5vw;
        margin-bottom: 2vw;
    }

    #top_sec p {
        line-height: 5.5vw;
    }

    #wheel_sec {
        height: 170vw;
        margin-top: -74vw;
    }

    #wheel_sec .container {
        margin-top: 9vw;
    }

    #login_logout_wrap h3 {
        font-size: 10.5vw;
    }

    #top_gift2 {
        width: calc(var(--mWheel) * 19);
        top: calc(var(--mWheel) * -14);
        right: calc(var(--mWheel) * 3);
    }

    #top_man_m {
        width: calc(var(--mWheel) * 24);
        top: calc(var(--mWheel) * 0);
        right: calc(var(--mWheel) * 0);
    }

    #top_women_m {
        width: calc(var(--mWheel) * 25);
        top: calc(var(--mWheel) * -1);
        left: calc(var(--mWheel) * 0);
    }

    #top_coins1 {
        width: calc(var(--mWheel) * 39);
        top: calc(var(--mWheel) * -4);
        left: calc(var(--mWheel) * 10);
    }

    #wheel_base_m {
        width: calc(var(--mWheel) * 50);
        top: calc(var(--mWheel) * 30);
        left: calc(var(--mWheel) * 0);
    }

    #login_logout_wrap {
        width: calc(var(--mWheel) * 50);
        height: calc(var(--mWheel) * 18);
        left: calc(var(--mWheel) * 0);
        top: calc(var(--mWheel) * 37);
        background-image: url(/asset/images/activity/big-benefits/login_logout_banner_m.png);
    }

    .drawTickets {
        width: calc(var(--mWheel) * 22);
        top: calc(var(--mWheel) * -25);
        right: calc(var(--mWheel) * 0);
    }

    .winTickets {
        width: calc(var(--mWheel) * 20);
        top: calc(var(--mWheel) * -7);
        left: calc(var(--mWheel) * 0);
    }

    #top_prize {
        width: calc(var(--mWheel) * 36);
        top: calc(var(--mWheel) * -11);
        left: calc(var(--mWheel) * 6.5);
        z-index: 100;
    }

    #top_coins2 {
        width: calc(var(--mWheel) * 70);
        top: calc(var(--mWheel) * 6);
        left: calc(var(--mWheel) * -24);
        transform: rotateY(0deg);
    }

    #tickets_wrap {
        width: calc(var(--mWheel) * 18);
        height: calc(var(--mWheel) * 10);
        top: calc(var(--mWheel) * 37);
        left: calc(var(--mWheel) * 16.25);
    }

    #tickets_wrap p {
        font-size: calc(var(--mWheel) * 2);
        line-height: calc(var(--mWheel) * 1.5);
        margin-top: 0px;
    }

    #about_sec {
        height: 150vw;
        margin-top: -1vw;
        padding-bottom: 0vw;
    }

    #about_sec .container {
        margin-right: auto;
        gap: 2vw;
        flex-direction: column;
        margin-top: 0;
    }

    #about_sec .textArea {
        width: 80vw;
    }

    #about_sec .textArea p {
        line-height: 6vw;
    }

    #about_sec img {
        width: 80vw;
        margin-right: auto;
    }

    #about_sec .textArea h2 {
        font-size: 6vw;
    }

    #details_ele2 {
        width: 78vw;
        right: 0vw;
        top: 318vw;
    }

    .preIcon {
        width: 14.5vw;
        height: 14.5vw;
        margin: auto 0;
    }

    #details_sec .textArea> :nth-child(-n+4) {
        width: 85%;
        margin-right: auto;
    }

    #details_sec .textArea> :nth-child(n+5) {
        width: 85%;
        margin-left: auto;
    }

    p {
        line-height: 5vw;
    }

    #details_ele1 {
        width: 86vw;
        left: 7vw;
        top: 184vw;
        z-index: -1;
    }

    #details_ele1:lang(zh),
    #details_ele1:lang(tw) {
        top: 177vw;
    }

    #details_sec>div>div>div:nth-child(2)>p {
        text-align: center;
    }

    #details_sec>div>div>h1:nth-child(5) {
        margin-top: 54vw;
    }

    #details_gift1 {
        width: 39vw;
        top: -18vw;
        right: 4vw;
    }

    #details_gift2 {
        width: 38vw;
        top: -19vw;
        left: 0vw;
    }

    #details_sec h1 {
        margin-top: 10.5vw;
    }

    #details_sec h2 {
        font-size: 5vw;
    }

    #details_sec {
        padding-bottom: 50vw;
    }

    #details_sec:lang(zh),
    #details_sec:lang(tw) {
        padding-bottom: 59vw;
    }

    #notice_sec {
        margin-top: -17vw;
        background-image: url(/asset/images/activity/big-benefits/notice_bg_m.png);
        height: 301vw;
    }

    #notice_sec .textArea {
        width: 80%;
        margin-left: 11vw;
        margin-top: 35vw;
    }

    #notice_sec h2 {
        margin-top: 6vw;
        font-size: 5vw;
    }

    #draw_model {
        top: 200px;
    }

    #draw_model_inner h2,
    #draw_model_inner span {
        font-size: 13vw;
    }

    #confirm_btn {
        border-radius: 5px;
        font-size: 10vw;
        padding-top: 1vw;
    }

    #confirm_btn:lang(zh),
    #confirm_btn:lang(tw) {
        margin-top: 2vw;
        font-size: 8vw;
    }

    #about_sec .cf1:lang(zh),
    #about_sec .cf1:lang(tw) {
        text-shadow: 1px 1px 1px #3f2400, 1px 1px 1px #3f2400, 1px 1px 1px #3f2400;
        -webkit-text-stroke: .5px #6a3d00;
        font-size: 12vw;

    }

    #about_sec .textArea h2:lang(zh),
    #about_sec .textArea h2:lang(tw) {

        font-size: 4.5vw;
        width: 80%;
    }

    #details_sec .cf1:lang(zh),
    #details_sec .cf1:lang(tw) {
        -webkit-text-stroke: .5px #222121;
        margin-bottom: 5vw;
        font-size: 12vw;
        text-align: center;
    }

    #details_sec h1:lang(zh),
    #details_sec h1:lang(tw) {
        margin-top: 24.5vw;
    }

    #details_ele2:lang(zh) {
        top: 304vw;
    }

    #notice_sec h2:lang(zh),
    #notice_sec h2:lang(tw) {
        margin-top: 7vw;
        font-size: 6.5vw;
    }

    #notice_sec p:lang(zh),
    #notice_sec p:lang(tw) {
        font-size: 3.5vw;
        line-height: 6vw;
    }

    #notice_sec .container:lang(zh),
    #notice_sec .container:lang(tw) {
        margin-top: 24vw;
    }

    #notice_sec .textArea:lang(zh),
    #notice_sec .textArea:lang(tw) {
        width: 58%;
        margin-left: 11vw;
        margin-top: 13vw;
    }

    #details_ele2:lang(tw) {
        top: 286vw;
    }

    #top_gift1 {
        width: calc(var(--mWheel) * 17);
        top: calc(var(--mWheel) * -12);
        left: calc(var(--mWheel) * 0);
    }

    #top_stars {
        width: 98vw;
        left: 1vw;
        top: 20vw;
    }
}

@media (max-width:600px) {

    @supports (-webkit-touch-callout: none) {

        #details_sec>div>div>h1:nth-child(5) {
            margin-top: 57vw;
        }

    }
}

@media (max-width:375px) {}