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

    :root:lang(zh),
    :root:lang(tw) {
        --fontSize: 4.2vw;
    }

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

    .gText {
        background-image: linear-gradient(to right, #1c8993, #359aa4, #6ec2cb, #71cfdb, #79d7e4, #5ec0cd, #51b5c1, #42aab6, #1c8993, #1c8993, #1c8993);
        -webkit-text-stroke: 0px #1c8791;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .showMobile,
    .sCN.showMobile:lang(zh),
    .sCN.showMobile:lang(tw) {
        display: block !important;
    }

    .sCN.showMobile {
        display: none !important;
    }

    .hideMobile {
        display: none !important;
    }

    #top_logo {
        width: 40vw;
        height: auto;
        top: 0.5vw;
        left: 0px;
    }

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

    .wgcurrent.wg-flags a img.wg-flag {
        margin-right: 5px !important;
    }

    .weglot-container {
        top: 5px;
    }

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

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

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

    .floating-btn {
        margin: initial;
    }



    /***************** top_sec start *********************/

    #top_sec .container {
        width: 100%;
        height: 97vw;
        background-image: url(/asset/images/activity/summer-grand-giveaway-2026/top_bg.png);
        position: relative;
        margin-top: 0;
    }

    #top_ele1 {
        width: 44vw;
        left: 0vw;
        top: 57vw;
    }

    #top_ele4 {
        width: 61vw;
        right: 0;
        top: 0vw;
        content: url(/asset/images/activity/summer-grand-giveaway-2026/top_ele4_m.png?v=1);
    }

    #top_ele2 {
        width: 19vw;
        right: 0vw;
        top: 10vw;
    }

    #top_ele3 {
        width: 70vw;
        right: 0vw;
        top: 37vw;
    }

    #top_title {
        width: 35vw;
        height: 45vw;
        left: 7vw;
        top: 15vw;
        /* background-image: url(/asset/images/activity/summer-grand-giveaway-2026/top_title_en.png); */
    }

    #top_title:lang(zh),
    #top_title:lang(tw) {
        width: 59vw;
        height: 29vw;
        left: 0vw;
        top: 18vw;
        /* background-image: url(/asset/images/activity/summer-grand-giveaway-2026/top_title_cn.png); */
    }


    /***************** top_sec end *********************/



    /***************** about_prizes_sec start *********************/
    #about_prizes_sec {
        position: relative;
        margin-top: -15vw;
    }

    #about_prizes_sec .container {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 275vw;
    }

    #about_bg {
        width: 100%;
        height: auto;
        top: 0vw;
        left: 0vw;
        content: url(/asset/images/activity/summer-grand-giveaway-2026/about_bg_m.png?v=1)
    }

    .tGrad {
        -webkit-mask-image: linear-gradient(to top,
                transparent 0%,
                black 34%,
                black 100%);
        mask-image: linear-gradient(to top,
                transparent 0%,
                black 34%,
                black 100%);
    }

    .tShadow {
        text-shadow: 1px 1px 2px #d1ae8aa6, 1px 1px 2px #d1ae8aa6;
    }

    #about_sec {
        position: relative;
        margin-top: 0;
    }

    #about_sec .textArea {
        width: 66%;
        margin-top: 30vw;
    }

    #about_sec .textArea:lang(zh),
    #about_sec .textArea:lang(tw) {
        width: 70%;
        margin-top: 26vw;
    }

    #about_sec h1 {
        font-size: 8vw;
        color: #4CCBDC;
    }

    #about_sec h1:lang(zh),
    #about_sec h1:lang(tw) {
        margin-bottom: 2vw;
        font-size: 11vw;
    }

    #about_sec h2 {
        font-size: 5vw;
        color: #4CCBDC;
        margin-top: 2vw;
    }

    #about_sec h2:lang(zh),
    #about_sec h2:lang(tw) {
        font-size: 5.8vw;
        color: #4CCBDC;
        margin-top: 2vw;
    }

    #about_sec p {
        color: #734601;
        font-size: 3.2vw;
        line-height: 4.8vw;
        width: 88%;
    }

    #about_sec p:lang(zh),
    #about_sec p:lang(tw) {
        color: #734601;
        font-size: 4vw;
        line-height: 5.5vw;
        width: 77%;
    }

    #about_7 {
        top: 36vw;
        left: 0vw;
        width: 20vw;
    }

    #about_6 {
        top: 34vw;
        right: 0vw;
        width: 24vw;
    }

    #about_11 {
        top: 88vw;
        left: 0vw;
        width: 21vw;
    }

    #about_12 {
        top: 157vw;
        right: 0vw;
        width: 24vw;
    }

    #about_13 {
        top: 72vw;
        right: 0vw;
        width: 24vw;
    }

    #prizes_bg {
        width: 100%;
        height: 96vw;
        top: 181vw;
        left: 0vw;
    }

    #prizes_sec {
        margin-top: 30vw;
        width: 100%;
        position: relative;
    }

    #prizes_sec_title {
        position: absolute;
        top: 4vw;
        left: 30vw;
        font-size: 6vw;
        color: #ffffff;
        width: 40vw;
        text-shadow: 3px 3px 8px #00000078, 4px 4px 10px #4688885c;
    }

    #cards_wrapper {
        width: 86%;
        height: 46vw;
        transform-style: preserve-3d;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 17vw;
        margin-bottom: 4vw;
    }

    .cards {
        position: relative;
        width: 100%;
        height: 100%;
        margin-bottom: 20px;
    }

    input[type=radio] {
        display: none;
    }

    .card {
        position: absolute;
        width: 84%;
        height: 100%;
        left: 0;
        right: 0;
        margin: auto;
        transition: transform 1s cubic-bezier(0, 0.15, 0.2, 1.5);
        cursor: pointer;
        box-shadow: 0 5px 10px 4px #40404000, 0 5px 16px 6px #00000033;
    }

    .innerCard {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: cover;
    }

    .cardBG {
        width: 100%;
        left: 0vw;
        top: 0vw;
    }

    .cardTitle {
        width: 16vw;
        right: 3vw;
        top: 2vw;
    }

    .prizesTextWrapper {
        position: absolute;
        width: 50%;
        left: 25%;
        height: 100%;
        top: 7vw;
    }

    .prizesTextWrapper p {
        font-size: 1.5vw;
        width: 16vw;
    }

    .prizesTextWrapper p:nth-child(1) {
        position: absolute;
        left: 4.5%;
        top: 14vw;
    }

    .prizesTextWrapper p:nth-child(2) {
        position: absolute;
        left: 50%;
        top: 14vw;
    }

    .prizesTextWrapper p:nth-child(3) {
        position: absolute;
        left: 4.5%;
        top: 32.5vw;
    }

    .prizesTextWrapper p:nth-child(4) {
        position: absolute;
        left: 50%;
        top: 32.5vw;
    }

    #item_1:checked~.cards #card_4,
    #item_2:checked~.cards #card_1,
    #item_3:checked~.cards #card_2,
    #item_4:checked~.cards #card_3 {
        transform: translatex(-25%) scale(.8);
        opacity: 1;
        z-index: 1;
    }

    #item_1:checked~.cards #card_2,
    #item_2:checked~.cards #card_3,
    #item_3:checked~.cards #card_4,
    #item_4:checked~.cards #card_1 {
        transform: translatex(25%) scale(.8);
        opacity: 1;
        z-index: 2;
    }

    #item_1:checked~.cards #card_1,
    #item_2:checked~.cards #card_2,
    #item_3:checked~.cards #card_3,
    #item_4:checked~.cards #card_4 {
        transform: translatex(0) scale(1);
        opacity: 1;
        z-index: 3;
    }


    #wheel_wrapper {
        margin-top: 0vw;
        display: flex;
        width: 50vw;
        position: relative;
        height: 27vw;
        display: flex;
        flex-direction: column;
    }

    #wheel_btn1 {
        width: 10vw;
        height: 10vw;
        left: 10vw;
        top: 6.5vw;
        border-radius: 50%;
        z-index: 10;
    }

    #wheel_btn2 {
        width: 10vw;
        height: 10vw;
        right: 10vw;
        top: 6.5vw;
        border-radius: 50%;
        z-index: 11;
    }

    #prizes_level_select {
        width: 14vw;
        left: 18.5vw;
    }

    #wheel {
        position: relative;
        width: 40vw;
        height: 40vw;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        transition: transform 1s cubic-bezier(0, 0.15, 0.2, 1.5);
        position: absolute;
        left: 5vw;
        top: 2vw;
    }

    #wheel .cf4,
    #wheel .cf1 {
        color: white;
        font-size: 7vw;
        font-weight: 100;
        text-shadow: 2px 2px 3px #175e6ae0;
    }

    #wheel div {
        position: absolute;
        width: 100px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-weight: bold;
        border-radius: 10px;
        transform-origin: center center;
        opacity: 0;
    }

    #wheel .cf2 {
        font-size: 4vw;
        color: #ffffff;
        text-shadow: 4px 2px 1px #FEEB7B;
    }

    #wheel div:nth-child(1) {
        transform: rotate(0deg) translate(15vw) rotate(90deg);
    }

    #wheel div:nth-child(2) {
        transform: rotate(45deg) translate(15vw) rotate(90deg);
    }

    #wheel div:nth-child(3) {
        transform: rotate(90deg) translate(15vw) rotate(90deg);
    }

    #wheel div:nth-child(4) {
        transform: rotate(135deg) translate(15vw) rotate(90deg);
    }

    #wheel div:nth-child(5) {
        transform: rotate(180deg) translate(15vw) rotate(90deg);
    }

    #wheel div:nth-child(6) {
        transform: rotate(225deg) translate(15vw) rotate(90deg);
    }

    #wheel div:nth-child(7) {
        transform: rotate(270deg) translate(15vw) rotate(90deg);
    }

    #wheel div:nth-child(8) {
        transform: rotate(315deg) translate(15vw) rotate(90deg);
    }

    #wheel.s1 div:nth-child(7),
    #wheel.s2 div:nth-child(8),
    #wheel.s3 div:nth-child(1),
    #wheel.s4 div:nth-child(2),
    #wheel.s5 div:nth-child(3),
    #wheel.s6 div:nth-child(4),
    #wheel.s7 div:nth-child(5),
    #wheel.s8 div:nth-child(6) {
        opacity: 1;
    }

    #wheel.s1 div:nth-child(6),
    #wheel.s2 div:nth-child(7),
    #wheel.s3 div:nth-child(8),
    #wheel.s4 div:nth-child(1),
    #wheel.s5 div:nth-child(2),
    #wheel.s6 div:nth-child(3),
    #wheel.s7 div:nth-child(4),
    #wheel.s8 div:nth-child(5),

    #wheel.s1 div:nth-child(8),
    #wheel.s2 div:nth-child(1),
    #wheel.s3 div:nth-child(2),
    #wheel.s4 div:nth-child(3),
    #wheel.s5 div:nth-child(4),
    #wheel.s6 div:nth-child(5),
    #wheel.s7 div:nth-child(6),
    #wheel.s8 div:nth-child(7) {
        opacity: 0.5;
    }

    #btn_wrapper {
        position: absolute;
        width: 100vw;
        height: 49vw;
        top: 16vw;
        left: 0vw;
        z-index: 100000;
    }

    #btnPrev,
    #btnNext {
        left: 0;
        width: 14vw;
        height: inherit;
    }

    #btnNext {
        left: initial;
        right: 0vw;
        /* width: 14vw; */
    }

    #about_10 {
        top: 171vw;
        left: 0vw;
        width: 18vw;
    }


    #about_8 {
        top: 245vw;
        right: 0vw;
        width: 15vw;
    }

    #about_2 {
        top: 235vw;
        left: 59vw;
        width: 33vw;
        opacity: .5;
    }

    #about_3 {
        top: 187vw;
        left: 0vw;
        width: 23vw;
        opacity: .5
    }

    #about_4 {
        top: 257vw;
        right: 16vw;
        width: 13vw;
        opacity: .5;
    }

    #about_1 {
        top: 244vw;
        right: initial;
        width: 13vw;
        opacity: .5;
        left: 8vw;
    }

    #about_9 {
        top: 187vw;
        right: 16vw;
        width: 13vw;
        opacity: .5;
    }

    #prizes_level_select {
        opacity: .5;
    }


    /***************** about_prizes_sec end *********************/



    /***************** details_sec start *********************/
    #details_sec {
        position: relative;
        margin-top: -16vw;
    }

    #details_sec .container {
        background-image: url(/asset/images/activity/summer-grand-giveaway-2026/details_bg_m.png?v=2);
        width: 100%;
        height: 432vw;
        position: relative;
        display: flex;
        margin-top: 0vw;
        background-position-y: 0;
    }

    #details_sec .textArea {
        width: 68%;
        margin-top: 50vw;
    }

    #details_sec .textArea:lang(zh),
    #details_sec .textArea:lang(tw) {
        width: 61%;
        margin-top: 50vw;
    }

    #details_sec h1 {
        font-size: 8vw;
        color: #4CCBDC;
        text-shadow: 4px 4px 2px #a9a9a954, 4px 4px 2px #76b1cda6;
        margin-bottom: 2vw;
        text-shadow: none;
    }

    #details_sec h1:lang(zh),
    #details_sec h1:lang(tw) {
        font-size: 11vw;
        color: #4CCBDC;
        text-shadow: 4px 4px 2px #a9a9a954, 4px 4px 2px #76b1cda6;
        margin-bottom: 2vw;
        text-shadow: none;
    }

    #details_sec h2 {
        font-size: 8.5vw;
        color: #e9760c;
        margin-top: 3vw;
    }

    #details_sec h3 {
        font-size: 3vw;
        color: #23347F;
        margin-bottom: 3vw;
    }

    #details_sec p {
        line-height: 5vw;
        /* font-size: 3vw; */
    }

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

    #details_1 {
        top: 273vw;
        left: 0vw;
        width: 20vw;
    }

    #details_2 {
        top: 1vw;
        left: 4.1vw;
        width: 30vw;
    }

    #details_3 {
        top: 47vw;
        left: 0vw;
        width: 25vw;
    }

    #details_4 {
        top: 7vw;
        right: 0vw;
        width: 35vw;
    }

    #details_5 {
        top: 92vw;
        right: 0vw;
        width: 22vw;
    }


    /***************** details_sec end *********************/


    /***************** notice_sec start *********************/
    #notice_sec {
        position: relative;
        margin-top: -41vw;
    }

    #notice_sec .container {
        background-image: url(/asset/images/activity/summer-grand-giveaway-2026/notice_bg_m.png);
        width: 100%;
        height: 336vw;
        display: flex;
        margin-top: 0vw;
        background-position-y: 0;
        position: relative;
    }

    #notice_sec .textArea {
        width: 80%;
        margin-top: 44vw;
    }

    #notice_sec h2 {
        font-size: 7.5vw;
        color: #90572c;
        margin-top: 2vw;
    }

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

    #notice_sec p {
        line-height: 5.8vw;
        color: #552500;
        width: 80%;
    }

    #notice_sec p:lang(zh),
    #notice_sec p:lang(tw) {
        line-height: 6.8vw;
        color: #552500;
        width: 80%;
    }

    /***************** notice_sec end *********************/

}

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