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

    :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 .container {
        background-image: url(/asset/images/activity/summer-bonus-2026/top_bg1_m.png);
        width: 100%;
        height: 175vw;
    }

    #top_sec .textArea {
        width: 60%;
        margin-left: auto;
        margin-top: 31vw;
        text-align: left;
        position: relative;
        z-index: 1;
    }

    #top_sec .textArea div {
        display: flex;
        flex-direction: column;
        width: 48vw;
        height: 12vw;
        background-image: url(/asset/images/activity/summer-bonus-2026/top_btn_bg.png);
        margin: auto;
    }

    #top_sec .textArea div p {
        font-family: 'Rubik';
        font-size: 3.5vw;
    }

    #top_sec .textArea div p:lang(zh),
    #top_sec .textArea div p:lang(tw) {
        font-size: 4.8vw;
    }

    #top_btn_bg {
        width: 100%;
        left: 0vw;
        top: 0vw;
    }

    #top_sec h2,
    #top_sec span {
        font-size: 7.5vw;
        margin-bottom: 5vw;
        text-align: center
    }

    #top_sec span {
        color: #f6ba3c;
        -webkit-text-stroke: .3px #d56908;
    }

    #top_sec h2:lang(zh),
    #top_sec h2:lang(tw) {
        font-size: 8vw;
    }

    #top_sec h2:lang(zh),
    #top_sec h2:lang(tw) {
        font-size: 8vw;
        text-align: center;
    }

    #top_sec .textArea:lang(zh),
    #top_sec .textArea:lang(tw) {
        width: 60%;
        margin-left: 20vw;
        margin-top: 36vw;
        text-align: left;
        position: relative;
        z-index: 1;
    }

    #top_sec h3 {
        font-size: 4vw;
    }

    #top_bg2 {
        width: 100%;
        left: 0vw;
        top: 0vw;
    }

    #top_bg3 {
        width: 100%;
        left: 0vw;
        top: 0vw;
    }

    #top_ele1 {
        width: 82.5vw;
        right: 0vw;
        top: 0vw;
    }

    #top_ele3 {
        width: 62vw;
        left: 0vw;
        top: 0vw;
    }

    #top_ele4 {
        width: 47vw;
        right: 0vw;
        top: 16vw;
    }

    #login_btn {
        width: 40vw;
        height: 11vw;
        top: -86.5vw;
        left: 30vw;
        z-index: 5;
    }

    #login_btn:lang(zh),
    #login_btn:lang(tw) {
        width: 40vw;
        height: 11vw;
        top: -84.7vw;
        left: 30vw;
        z-index: 5;
    }

    #register_btn {
        width: 40vw;
        height: 11vw;
        top: -74.5vw;
        left: 30vw;
        z-index: 5;
    }

    #register_btn:lang(zh),
    #register_btn:lang(tw) {
        width: 40vw;
        height: 11vw;
        top: -72.5vw;
        left: 30vw;
        z-index: 5;
    }

    #top_ele2 {
        width: 60vw;
        right: 20vw;
        top: 0vw;
    }

    #top_ele2_ref {
        width: 60vw;
        right: 20vw;
        top: 6vw;
        /* opacity: .5; */
        transform: rotateZ(180deg) rotateY(180deg) rotateX(3deg) translateY(-9.8vw);
        filter: opacity(0.5) blur(0px);
        -webkit-mask-image: linear-gradient(to bottom,
                transparent 0%,
                black 20%,
                black 100%);
        mask-image: linear-gradient(to bottom,
                transparent 0%,
                transparent 20%,
                black 100%);
    }

    /**************************************************************************/



    /**************************************************************************/

    #about_sec {
        position: relative;
        margin-top: -17vw;
    }

    #about_sec .container {
        background-image: url(/asset/images/activity/summer-bonus-2026/about_bg_m.png?v=1);
        width: 100%;
        height: 192vw;
        background-position-y: 0vw;
    }

    #about_sec .textArea {
        width: 84%;
        margin-right: 8vw;
        margin-top: 30vw;
    }

    .titleWrapper {
        height: 14vw;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    #about_sec .titleWrapper {
        margin-bottom: 5vw;
    }

    .titleWrapper h1 {
        position: absolute;
        top: 0vw;
        left: 30%;
        width: 40%;
        font-size: 9vw;
        font-family: 'Rubik';
        font-weight: 600;
    }

    .titleWrapper h1:lang(zh),
    .titleWrapper h1:lang(tw) {
        font-size: 12vw;
        /* margin-bottom: 1vw; */
    }

    .titleWrapper h2 {
        position: absolute;
        top: 11vw;
        left: 30%;
        width: 40%;
        font-size: 6vw;
        font-family: rubik;
        color: #003651;
        letter-spacing: 3px;
    }

    .titleShadow {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -2px -2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, 2px 2px 1px #ffffff, -3px -1px 1px #ffffff, -3px 1px 1px #ffffff, 3px 1px 1px #ffffff, 3px -1px 1px #ffffff;
        display: none;
    }

    #about_sec>div>div>div>h1.gText {
        background-position-x: initial;
    }

    #about_sec>div>div>p {
        font-size: 3.5vw;
        margin-bottom: 2vw;
    }

    #about_sec>div>div>p:lang(zh),
    #about_sec>div>div>p:lang(tw) {
        font-size: 3.9vw;
        line-height: 7vw;
    }

    #about_top_ele_m {
        width: 74vw;
        right: 13vw;
        top: -68vw;
    }

    #about_ele1 {
        width: 58vw;
        left: 5vw;
        top: 103vw;
    }

    #about_ele1:lang(zh),
    #about_ele1:lang(tw) {
        width: 58vw;
        left: 5vw;
        top: 110vw;
    }

    #about_arrows1 {
        width: 13vw;
        left: 9vw;
        top: 20vw;
    }

    #about_arrows2 {
        width: 31vw;
        right: 4vw;
        top: 105vw;
    }

    /**************************************************************************/



    /**************************************************************************/

    #details_sec {
        position: relative;
        margin-top: -18vw;
    }

    #details_sec .container {
        background-image: url(/asset/images/activity/summer-bonus-2026/details_bg_m.png);
        width: 100%;
        height: 588vw;
        height: 429vw;
        background-position-y: -3vw;
    }

    #details_sec .titleWrapper {
        margin-top: 29vw;
        height: 20vw;
    }

    #details_sec .titleWrapper h1 {
        font-size: 10vw;
    }

    #details_sec .titleWrapper h1:lang(zh),
    #details_sec .titleWrapper h1:lang(tw) {
        top: -3.5vw;
    }

    #details_sec>div>h2 {
        background-color: white;
        color: #003651;
        width: fit-content;
        padding: 1.5vw 2vw;
        font-size: 3vw;
        border-radius: 10px;
        margin-bottom: 6vw;
        font-weight: 600;
        position: relative;
        width: 72%;
    }

    #details_sec>div>h2:lang(zh),
    #details_sec>div>h2:lang(tw) {
        font-size: 3.5vw;
    }



    #details_bal1 {
        width: 22vw;
        left: 72vw;
        top: 24vw;
    }

    #details_sec .textArea {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 235vw;
        background-image: url(/asset/images/activity/summer-bonus-2026/details_text_bg_m.png?v=1);
        background-position-y: 4vw;
    }

    #details_sec .textArea * {
        color: #003651;
    }

    #details_sec>div>p {
        color: #003651;
        width: 82%;
        position: relative;
        margin-bottom: 2vw;
    }

    #details_sec_ta1,
    #details_sec_ta2 {
        width: 70%;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    #details_sec_ta1 {
        background-image: none;
        margin-top: 23vw;
    }

    #details_sec_ta2 {
        background-image: none;
    }

    #details_sec_ta1>div,
    #details_sec_ta2>div {
        width: 80%;
        height: 100%;
        flex-direction: column;
        margin-top: 0vw;
        margin-left: auto;
    }

    #details_sec_ta1>div:lang(zh),
    #details_sec_ta1>div:lang(tw),
    #details_sec_ta2>div:lang(zh),
    #details_sec_ta2>div:lang(tw) {
        width: 66%;
        height: 100%;
        flex-direction: column;
        margin-top: 0vw;
        margin-left: auto;
    }

    #details_sec_ta1>div>h3,
    #details_sec_ta2>div>h3 {
        margin-top: 0vw;
        margin-bottom: 5vw;
        font-size: 6.5vw;
        font-weight: 600;
        font-family: rubik;
        width: 100%;
    }

    #details_sec_ta1>div>h3:lang(zh),
    #details_sec_ta2>div>h3:lang(zh),
    #details_sec_ta1>div>h3:lang(tw),
    #details_sec_ta2>div>h3:lang(tw) {
        font-size: 10vw;
    }

    #details_sec>div>div.textArea>div>div>p {
        margin-bottom: 1.2vw;
        font-size: 3.5vw;
        line-height: 6vw;
    }

    #details_sec>div>div.textArea>div>div>p:lang(zh),
    #details_sec>div>div.textArea>div>div>p:lang(tw) {
        font-size: 4.2vw;
        line-height: 8vw;
    }

    #details_sec_ta2>div>h4 {
        color: #dc0000 !important;
        font-size: 4.5vw;
        font-weight: 600;
    }

    #details_sec_ta2>div>h4:lang(zh),
    #details_sec_ta2>div>h4:lang(tw) {
        color: #dc0000 !important;
    }

    #details_bal2 {
        width: 15vw;
        right: 63vw;
        top: -2vw;
        display: none;
    }

    #details_about_btn {
        width: 10vw;
        top: 10vw;
        left: 10vw;
    }

    #details_about_btn {
        width: 8vw;
        top: -2vw;
        left: 46vw;
    }

    #details_ele1 {
        width: 100%;
        top: -4vw;
        left: 0vw;
    }

    #details_ele2 {
        width: 100%;
        top: 71vw;
        left: 0vw;
    }

    #details_ele3 {
        width: 10vw;
        top: 10vw;
        left: 10vw;
    }

    #details_gift1 {
        width: 21vw;
        top: 21vw;
        left: 2vw;
    }

    #details_gift2 {
        width: 8vw;
        top: 66vw;
        right: 0vw;
    }

    #details_text_m_ele1 {
        width: 38vw;
        top: 1vw;
        left: 0vw;
    }

    #details_text_m_ele2 {
        width: 28vw;
        top: 16vw;
        right: 0vw;
    }

    #details_text_m_ele3 {
        width: 27vw;
        top: 96vw;
        left: 0vw;
    }

    #details_text_m_ele4 {
        width: 22vw;
        top: 137vw;
        right: 1vw;
    }

    #details_text_m_ele5 {
        width: 96vw;
        top: 199vw;
        right: 2vw;
    }

    #details_sec_ta1:lang(zh),
    #details_sec_ta1:lang(tw) {
        background-image: none;
    }

    #details_sec_ta2:lang(zh),
    #details_sec_ta2:lang(tw) {
        background-image: none;
    }

    /**************************************************************************/



    /**************************************************************************/

    #calc_sec {
        position: relative;
        margin-top: -70vw;
    }

    #calc_sec .container {
        background-image: url(/asset/images/activity/summer-bonus-2026/calc_bg_m.png);
        width: 100%;
        height: 577vw;
        background-position-y: -5vw;
    }

    #calc_gift1 {
        width: 30vw;
        top: 20vw;
        left: 60vw;
    }

    #calc_bal1 {
        width: 19vw;
        top: 294vw;
        right: 3vw;
    }

    #calc_sec .titleWrapper {
        margin-top: 51vw;
        height: 13vw;
    }

    #calc_sec .titleWrapper h1 {
        font-size: 6vw;
    }

    #calc_sec .titleWrapper h1:lang(zh),
    #calc_sec .titleWrapper h1:lang(tw) {
        font-size: 12vw;
        top: -5vw;
    }

    #calc_sec .gText,
    #details_sec .gText {
        background-image: linear-gradient(to right bottom, #1c8993, #13676f, #1a99a5, #1c8993, #22939e, #13676f, #1a99a5, #1c8993);
    }

    #calc_sec .titleWrapper h2 {
        font-size: 4vw;
        top: 7vw;
    }

    #calc_sec .titleWrapper h2:lang(zh),
    #calc_sec .titleWrapper h2:lang(tw) {
        font-size: 8vw;
        margin-top: 2vw;
    }

    #formula_wrapper {
        width: 90vw;
        height: 57vw;
        margin-top: 8vw;
        position: relative;
    }

    #formula_inner_wrapper {
        position: absolute;
        top: 5%;
        left: 2vw;
        display: flex;
        flex-direction: column;
        height: 90%;
        width: 86vw;
    }

    .formulaText {
        display: flex;
        margin: 1vw auto;
    }

    .formulaText p {
        color: #003651;
        width: 20%;
        font-size: 4vw;
        font-weight: 600;
        margin: auto 0.5vw;
    }

    .formulaText p:lang(zh),
    .formulaText p:lang(tw) {
        font-size: 4.2vw;
    }

    .formulaText img {
        margin: auto 1.5vw;
        width: 8%;
    }

    #formula_inner_wrapper>div:nth-child(1)>img:nth-child(5) {
        width: 22%;
        margin-left: 1vw;
    }

    #formula_inner_wrapper>div:nth-child(4)>div>img:nth-child(5) {
        width: 30%;
    }

    #formula_wrapper>div:nth-child(2) {
        background: #ffffffcf;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        box-shadow: 3px 3px 8px 3px #C1E3E0;
        position: relative;
    }

    #formula_inner_wrapper h5 {
        color: #003651;
        font-size: 3.5vw;
        margin: 1vw auto;
    }

    #formula_inner_wrapper h6 {
        color: #d4851b;
        font-size: 3.8vw;
        margin: 1vw auto;
        font-weight: 900;
    }

    #calc_bal2 {
        width: 26vw;
        top: -34vw;
        left: -2vw;
    }

    #calc_form_ele {
        width: 90vw;
        top: 46vw;
        right: 0vw;
    }


    #calc_ele2_1 {
        width: 9vw;
        right: 4vw;
        top: 341vw;
    }

    #calc_ele2_2 {
        width: 9vw;
        right: 2vw;
        top: 461vw;
        rotate: -94deg;
    }

    #calc_ele2_3 {
        width: 9vw;
        left: 4vw;
        top: 296vw;
        rotate: 80deg;
    }

    #calc_ele2_4 {
        width: 9vw;
        left: 3vw;
        top: 539vw;
    }

    #calc_ele4 {
        width: 44vw;
        left: 0vw;
        top: 214vw;
        rotate: 0deg;
    }

    #calc_ele4:lang(zh),
    #calc_ele4:lang(tw) {
        width: 40vw;
        left: 0vw;
        top: 225vw;
        rotate: 0deg;
    }

    #calc_ele3 {
        width: 35vw;
        right: 2vw;
        top: 151vw;
        rotate: 90deg;
    }

    #calc_sec .textArea {
        margin-top: 50vw;
        width: 85%;
        position: relative;
    }

    #calc_sec .textArea * {
        color: #003651;
    }

    .seperator {
        position: absolute;
        top: 1.45vw;
        left: -0.08vw;
        height: 10vw;
        color: white !important;
        border: 1px solid white;
    }

    #calc_sec .textArea>div:nth-child(1) {
        display: flex;
        flex-direction: column;
    }

    #calc_sec .textArea div:nth-child(1) div:nth-child(1) {
        background-image: url(/asset/images/activity/summer-bonus-2026/calc_text_bg.png);
        width: 26vw;
        height: 17vw;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    #calc_sec .textArea div:nth-child(1) div:nth-child(1) p {
        color: white;
        font-size: 4vw;
        margin-left: 4vw;
        font-weight: 600;
    }

    #calc_sec .textArea div:nth-child(1) div:nth-child(1) p:lang(zh),
    #calc_sec .textArea div:nth-child(1) div:nth-child(1) p:lang(tw) {
        font-size: 6vw;
        margin-left: 4.8vw;
    }

    #calc_sec .textArea div:nth-child(1) div:nth-child(2) {
        margin-left: 0vw;
    }

    #calc_sec>div>div.textArea>div:nth-child(1)>div:nth-child(2)>ul {
        padding: 0;
        list-style-type: none;
    }

    #calc_sec .textArea li {
        text-align: left;
        margin: 2.5vw 0vw;
        font-size: 3.4vw;
        text-align: center;
    }

    #calc_sec .textArea li:lang(zh),
    #calc_sec .textArea li:lang(tw) {
        font-size: 4.2vw;
    }

    #calc_sec .textArea>div:nth-child(2) {
        display: flex;
        margin-top: 5vw;
        border: 2px solid #2bc299;
        border-radius: 10px;
        background: #2bc299;
        box-shadow: 0px 3px 10px 1px #004f774d;
    }

    table {
        border-collapse: collapse;
        width: 100%;
    }

    th {
        width: 30%;
        background-color: #2bc299;
        padding: 2vw;
        position: relative;
        flex-direction: row;
    }

    th p {
        font-size: 2.7vw;
        font-weight: 600;
        color: white !important;
    }

    th p:lang(zh),
    th p:lang(tw) {
        font-size: 2.9vw;
    }

    th:nth-child(1) {
        border-radius: 10px 0 0 0;
    }

    th:nth-child(3) {
        border-radius: 0 10px 0 0;
    }

    td {
        width: 30%;
        background-color: white;
        padding: 3vw;
        font-size: 2.7vw;
        font-weight: 600;
        border: 2px solid #2bc299;
    }

    td:lang(zh),
    td:lang(tw) {
        font-size: 3.1vw;
    }

    td:nth-child(1) {
        border-left: none;
    }

    td:nth-child(3) {
        border-right: none;
    }

    #calc_sec>div>div.textArea>div:nth-child(2)>table>tbody>tr:nth-child(5) td {
        border-bottom: none;
    }

    #calc_sec>div>div.textArea>div:nth-child(2)>table>tbody>tr:nth-child(5) td:nth-child(1) {
        border-radius: 0 0 0 10px;
    }

    #calc_sec>div>div.textArea>div:nth-child(2)>table>tbody>tr:nth-child(5) td:nth-child(3) {
        border-radius: 0 0 10px 0;
    }

    #calc_sec>div>div.textArea>div:nth-child(3) {
        margin-top: 19vw;
        position: relative;
        width: 81%;
    }

    #calc_sec>div>div.textArea>div:nth-child(3) p {
        line-height: 7vw;
    }

    #calc_sec>div>div.textArea>div:nth-child(3) p:lang(zh),
    #calc_sec>div>div.textArea>div:nth-child(3) p:lang(tw) {
        font-size: 5vw;
        line-height: 9vw;
    }

    #calc_ele1 {
        width: 100%;
        left: 0vw;
        top: 323vw;
    }

    #calc_bal3 {
        width: 20vw;
        left: 0vw;
        top: 451vw;
    }

    #calc_bal3:lang(zh),
    #calc_bal3:lang(tw) {
        top: 460vw;
    }

    #calc_gift2 {
        width: 14vw;
        right: 4vw;
        top: 536vw;
    }

    .calcDivi {
        margin: 7vw auto;
        width: 10vw;
    }

    /**************************************************************************/



    /**************************************************************************/

    #guidelines_sec {
        position: relative;
        margin-top: -32vw;
    }

    #guidelines_sec .container {
        background-image: url(/asset/images/activity/summer-bonus-2026/guidelines_bg_m.png?v=1);
        width: 100%;
        height: 84vw;
        height: 248vw;
        background-position-y: 1vw;
    }

    #guidelines_sec .textArea {
        margin-top: 42vw;
        position: relative;
    }

    #guidelines_sec .titleWrapper h1 {
        background-image: linear-gradient(to right bottom, #6fd6e0,
                #6fd6e0, #a1e5eb, #6fd6e0,
                #6fd6e0, #99d8de, #95dce3, #6fd6e0);
        font-size: 7vw;
    }

    #guidelines_sec .titleWrapper h1:lang(zh),
    #guidelines_sec .titleWrapper h1:lang(tw) {
        font-size: 10vw;
    }

    #guidelines_sec .titleWrapper h2 {
        top: 18vw;
        font-size: 4.5vw;
        letter-spacing: 2px;
    }

    #guidelines_sec .titleWrapper h2:lang(zh),
    #guidelines_sec .titleWrapper h2:lang(tw) {
        top: 12.5vw;
        font-size: 6vw;
    }

    #guidelines_sec .titleWrapper {
        margin-top: 14vw;
        height: 28vw;
    }

    #guidelines_sec>div>div>div:nth-child(2) {
        background-image: url(/asset/images/activity/summer-bonus-2026/guidelines_text_bg1_m.png);
        height: 93vw;
        width: 73VW;
        left: 3vw;
        top: 22vw;
        display: flex;
        flex-direction: column;
        /* transform: rotateY(180deg); */
    }

    #guidelines_sec>div>div>div:nth-child(2) p {
        width: 50vw;
        color: #003651;
        margin-left: 10vw;
        margin-top: 7vw;
        font-size: 2.8vw;
        text-align: left;
    }

    #guidelines_sec>div>div>div:nth-child(2) p:lang(zh),
    #guidelines_sec>div>div>div:nth-child(2) p:lang(tw) {
        width: 47.3vw;
        font-size: 3.6vw;
        margin-top: 9.5vw;
    }

    #guidelines_sec>div>div>div:nth-child(3) {
        background-image: url(/asset/images/activity/summer-bonus-2026/guidelines_text_bg2.png);
        height: 55vw;
        width: 57VW;
        RIGHT: 2vw;
        top: 48vw;
    }

    #guidelines_sec>div>div>div:nth-child(3) p {
        width: 44vw;
        color: #003651;
        margin-left: 8.5vw;
        margin-top: 10.5vw;
        font-size: 2.8vw;
        text-align: left;
    }

    #guidelines_sec>div>div>div:nth-child(3) p:lang(zh),
    #guidelines_sec>div>div>div:nth-child(3) p:lang(tw) {
        width: 42vw;
        font-size: 3.6vw;
        margin-top: 10vw;
    }

    #guidelines_sec>div>div>div:nth-child(4) {
        background-image: url(/asset/images/activity/summer-bonus-2026/guidelines_text_bg3.png);
        height: 47vw;
        width: 60VW;
        left: 1vw;
        top: 132vw;
    }

    #guidelines_sec>div>div>div:nth-child(4) p {
        width: 41vw;
        margin-left: 10.5vw;
        margin-top: 17vw;
        font-size: 2.8vw;
        text-align: left;
    }

    #guidelines_sec>div>div>div:nth-child(4) p:lang(zh),
    #guidelines_sec>div>div>div:nth-child(4) p:lang(tw) {
        width: 40vw;
        font-size: 3.6vw;
        margin-top: 17vw;
    }

    #guidelines_ele1 {
        width: 100%;
        left: 0vw;
        top: 5vw;
    }

    #guidelines_ele2 {
        width: 31VW;
        left: 0vw;
        top: 101vw;
    }

    #guidelines_ele3 {
        width: 34VW;
        right: 0vw;
        top: 114vw;
    }

    #guidelines_ele4 {
        width: 90VW;
        left: 5vw;
        top: 125vw;
    }

    /**************************************************************************/



    /**************************************************************************/

    #notice_sec {
        position: relative;
    }

    #notice_sec .container {
        background-image: url(/asset/images/activity/summer-bonus-2026/notice_bg_m.png);
        height: 311vw;
        width: 100%;
    }

    #notice_sec .container:lang(zh),
    #notice_sec .container:lang(tw) {
        height: 240vw;
    }

    #notice_sec .textArea {
        width: 70%;
        margin-top: 14vw;
        position: relative;
    }

    #notice_sec .textArea:lang(zh),
    #notice_sec .textArea:lang(tw) {
        width: 85%;
    }

    #notice_sec h2 {
        font-size: 6vw;
        margin-top: 7vw;
        margin-bottom: 2vw;
    }

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

    #notice_sec .textArea p:lang(zh),
    #notice_sec .textArea p:lang(tw) {
        font-size: 4vw;
    }

    #notice_left {
        width: 16VW;
        left: 0vw;
        top: 228vw;
    }

    #notice_left:lang(zh),
    #notice_left:lang(tw) {
        top: 188vw;
    }

    #notice_right {
        width: 25VW;
        right: 0vw;
        top: 110vw;
    }

    /**************************************************************************/
}

@media (max-width:600px) {
    @supports (-webkit-touch-callout: none) {
        #guidelines_sec>div>div>div:nth-child(2) p {
            margin-top: 5.5vw;
        }

        #guidelines_sec>div>div>div:nth-child(3) p {
            margin-top: 9.5vw;
        }

        #guidelines_sec>div>div>div:nth-child(4) p {
            margin-top: 15.5vw;
        }

        #calc_form_ele {
            width: 84vw;
            top: 50vw;
            right: 0vw;
        }

        .titleWrapper h1 {
            position: absolute;
            top: 0vw;
            left: 20%;
            width: 60%;
            font-size: 9vw;
            font-family: 'Rubik';
            font-weight: 600;
        }

        #calc_sec>div>div.titleWrapper>h1.gText {
            color: #13676f;
        }

    }
}

@media (max-width:375px) {
    @supports (-webkit-touch-callout: none) {
        #notice_sec h2 {
            font-size: 5vw;
            margin-top: 6vw;
            margin-bottom: 2vw;
        }

        #calc_sec>div>div.textArea>div:nth-child(3) p:lang(zh),
        #calc_sec>div>div.textArea>div:nth-child(3) p:lang(tw) {
            font-size: 4.8vw;
            line-height: 8vw;
        }

    }
}