@media (max-width: 600px) {

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

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

    html:lang(zh) #top_logo,
    html:lang(tw) #top_logo {
        width: 35vw;
        top: 4.5vw;
        left: 3vw;
        z-index: 50;
    }

    html:lang(zh) #draw_model_inner,
    html:lang(tw) #draw_model_inner {
        top: 62vw;
        left: 10vw;
        width: 80vw;
    }

    html:lang(zh) #draw_model_inner h2,
    html:lang(tw) #draw_model_inner h2,
    html:lang(zh) #draw_model_inner p,
    html:lang(tw) #draw_model_inner p,
    html:lang(zh) #draw_model_inner span,
    html:lang(tw) #draw_model_inner span {
        color: #dce5ff !important;
        font-size: 9.5vw !important;
        text-shadow: 0 0 3px #ffc107c4, 0 0 5px #ffc1079e, 0 0 7px #ffc10766 !important;
    }

    html:lang(zh) #draw_model_inner h2,
    html:lang(tw) #draw_model_inner h2 {
        margin-bottom: 0vw;
    }

    html:lang(zh) #draw_model_inner #confirm_btn p,
    html:lang(tw) #draw_model_inner #confirm_btn p {
        font-size: 8.5vw !important;
        text-shadow: none !important;
        font-weight: 100;
    }

    html:lang(zh) #confirm_btn,
    html:lang(tw) #confirm_btn {
        width: 26vw;
        height: 12vw;
        margin-top: 81vw;
        border-radius: 5px;
        border: 1px solid #e6b636;
    }

    /* top_sec */

    html:lang(zh) #top_sec,
    html:lang(tw) #top_sec {
        z-index: 2;
    }

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

    html:lang(zh) #top_sec h3,
    html:lang(tw) #top_sec h3 {
        font-size: 9vw;
        width: 83vw;
        margin-top: 4vw;
    }

    html:lang(zh) #top_sec #top_bg,
    html:lang(tw) #top_sec #top_bg {
        content: url(/asset/images/activity/wealth-season/top_bg_m.png?v=1);
    }

    html:lang(zh) #top_sec #top_right,
    html:lang(tw) #top_sec #top_right {
        content: url(/asset/images/activity/wealth-season/top_right_m.png?v=1);
        width: 23vw;
        right: 0vw;
        top: 12vw;
        opacity: 1;
        display: none;
    }

    html:lang(zh) #top_sec #top_left,
    html:lang(tw) #top_sec #top_left {
        content: url(/asset/images/activity/wealth-season/top_left_m.png?v=1);
        width: 21vw;
        left: 0vw;
        top: 11vw;
        display: none;
    }

    html:lang(zh) #top_sec #top_title,
    html:lang(tw) #top_sec #top_title {
        width: 80vw;
        margin-left: 5vw;
        margin-top: 0vw;
        margin-bottom: -1vw;
    }

    html:lang(zh) #top_sec #top_line,
    html:lang(tw) #top_sec #top_line {
        width: 56vw;
        margin: 4vw auto;
    }

    html:lang(zh) #top_sec .textArea,
    html:lang(tw) #top_sec .textArea {
        width: 90%;
        margin-top: 20vw;
        position: relative;
    }

    html:lang(zh) #top_sec .textArea img,
    html:lang(tw) #top_sec .textArea img {
        width: 22vw;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(4),
    html:lang(tw) #top_sec .textArea div:nth-child(4) {
        display: flex;
        flex-direction: row;
        gap: 1vw;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(4) img,
    html:lang(tw) #top_sec .textArea div:nth-child(4) img {
        width: 37vw;
        margin: 0;
        margin-top: -1vw;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(4) h2,
    html:lang(tw) #top_sec .textArea div:nth-child(4) h2 {
        margin: 0;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(4) h2:first-child,
    html:lang(tw) #top_sec .textArea div:nth-child(4) h2:first-child {
        margin-left: auto;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(4) h2:nth-child(3),
    html:lang(tw) #top_sec .textArea div:nth-child(4) h2:nth-child(3) {
        margin-right: auto;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(5),
    html:lang(tw) #top_sec .textArea div:nth-child(5) {
        flex-direction: column;
        gap: 2vw;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(5)>div,
    html:lang(tw) #top_sec .textArea div:nth-child(5)>div {
        display: flex;
        flex-direction: row;
        gap: 1vw;
        margin: 0;
        margin-top: 1vw;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(5)>div:first-child,
    html:lang(tw) #top_sec .textArea div:nth-child(5)>div:first-child {
        margin-right: auto;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(5)>div:nth-child(2),
    html:lang(tw) #top_sec .textArea div:nth-child(5)>div:nth-child(2) {
        margin-left: auto;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(5)>div img,
    html:lang(tw) #top_sec .textArea div:nth-child(5)>div img {
        width: 21vw;
    }

    html:lang(zh) #top_sec .textArea div:nth-child(5)>div p,
    html:lang(tw) #top_sec .textArea div:nth-child(5)>div p {
        width: 60vw;
    }

    html:lang(zh) #top_sec #scroll_down,
    html:lang(tw) #top_sec #scroll_down {
        width: 20vw;
        height: 20vw;
        top: 197vw;
        left: 40vw;
    }

    /* about_sec */

    html:lang(zh) #about_sec,
    html:lang(tw) #about_sec {
        margin-top: -4vw;
    }

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

    html:lang(zh) #about_sec #about_title,
    html:lang(tw) #about_sec #about_title {
        position: initial;
        margin-bottom: 2vw;
        width: 32vw;
    }

    html:lang(zh) #about_sec p,
    html:lang(tw) #about_sec p {
        font-size: 4.1vw;
        text-align: left;
        margin-bottom: 6vw;
    }

    html:lang(zh) #about_sec h3,
    html:lang(tw) #about_sec h3 {
        font-size: 7.5vw;
        width: 80vw;
    }

    html:lang(zh) #about_sec #about_bg,
    html:lang(tw) #about_sec #about_bg {
        content: url(/asset/images/activity/wealth-season/about_bg_m.png);
        left: 0vw;
        top: -40vw;
    }

    html:lang(zh) #about_sec #about_left,
    html:lang(tw) #about_sec #about_left {
        content: url(/asset/images/activity/wealth-season/about_left_m.png);
        width: 42vw;
        left: 0vw;
        top: -9vw;
        display: none;
    }

    html:lang(zh) #about_sec #about_right,
    html:lang(tw) #about_sec #about_right {
        content: url(/asset/images/activity/wealth-season/top_right_m.png?v=1);
        width: 19vw;
        right: 0vw;
        top: 43vw;
        display: none;
    }

    html:lang(zh) #about_sec #about_gift,
    html:lang(tw) #about_sec #about_gift {
        width: 39vw;
        right: 3vw;
        top: -6vw;
    }

    html:lang(zh) #about_sec #about_gift_right,
    html:lang(tw) #about_sec #about_gift_right {
        width: 38vw;
        right: 7vw;
        bottom: -53vw;
    }

    html:lang(zh) #about_sec #about_gift_left,
    html:lang(tw) #about_sec #about_gift_left {
        width: 30vw;
        left: 8vw;
        bottom: -29vw;
    }

    html:lang(zh) #about_sec #about_title_en,
    html:lang(tw) #about_sec #about_title_en {
        width: 23vw;
        left: 0vw;
        top: 2vw;
    }

    /* wheel_sec */

    html:lang(zh) #wheel_sec,
    html:lang(tw) #wheel_sec {
        margin-top: 11vw;
        height: 248vw;
    }

    html:lang(zh) #wheel_sec #wheel_bg,
    html:lang(tw) #wheel_sec #wheel_bg {
        content: url(/asset/images/activity/wealth-season/wheel_bg_m.png);
        width: 100%;
        top: -17vw;
        left: 0vw;
    }

    html:lang(zh) #wheel_sec h2,
    html:lang(tw) #wheel_sec h2 {
        font-size: 5vw;
        width: 61vw;
    }

    html:lang(zh) #wheel_sec #wheel_title,
    html:lang(tw) #wheel_sec #wheel_title {
        position: relative;
        width: 70vw;
        margin-top: 46vw;
    }

    html:lang(zh) #wheel_sec #wheel_wrapper,
    html:lang(tw) #wheel_sec #wheel_wrapper {
        width: 100vw;
        height: 70vw;
        position: relative;
    }

    html:lang(zh) #wheel_sec #wheel_bg1_m,
    html:lang(tw) #wheel_sec #wheel_bg1_m {
        position: absolute;
        width: 90vw;
        top: 7vw;
        left: 5vw;
    }

    html:lang(zh) #wheel_sec #wheel_bg1_m img:nth-child(1),
    html:lang(tw) #wheel_sec #wheel_bg1_m img:nth-child(1) {
        left: 0vw;
        top: 0vw;
    }

    html:lang(zh) #wheel_sec #wheel_bg1_m img:nth-child(2),
    html:lang(tw) #wheel_sec #wheel_bg1_m img:nth-child(2) {
        width: 41vw;
        left: -4vw;
        top: -7vw;
    }

    html:lang(zh) #wheel_sec #wheel_bg1_m img:nth-child(3),
    html:lang(tw) #wheel_sec #wheel_bg1_m img:nth-child(3) {
        width: 45vw;
        right: -4vw;
        top: 42vw;
    }

    html:lang(zh) #wheel_sec #wheel_podium,
    html:lang(tw) #wheel_sec #wheel_podium {
        width: 100vw;
        top: 76vw;
        left: 0vw;
    }

    html:lang(zh) #wheel_sec #wheel_main,
    html:lang(tw) #wheel_sec #wheel_main,
    html:lang(zh) #wheel_sec #wheel_frame,
    html:lang(tw) #wheel_sec #wheel_frame {
        width: 80vw;
        top: 10vw;
        left: 10vw;
    }

    html:lang(zh) #wheel_sec #wheel_spin,
    html:lang(tw) #wheel_sec #wheel_spin {
        width: 24vw;
        top: 38vw;
        left: 38vw;
    }

    html:lang(zh) #wheel_sec #spin_btn,
    html:lang(tw) #wheel_sec #spin_btn {
        width: 16vw;
        top: 115vw;
        left: 42vw;
        height: 17vw;
    }

    html:lang(zh) #wheel_sec #logInOut_btn,
    html:lang(tw) #wheel_sec #logInOut_btn {
        width: 30vw;
        top: 172vw;
        right: 8vw;
        height: 30vw;
    }

    html:lang(zh) #wheel_sec #wheel_gifts,
    html:lang(tw) #wheel_sec #wheel_gifts {
        width: 42vw;
        top: 166vw;
        left: 0vw;
    }

    html:lang(zh) #wheel_sec #logInOut_wrapper,
    html:lang(tw) #wheel_sec #logInOut_wrapper {
        width: 50vw;
        height: 50vw;
        position: absolute;
        top: 165vw;
        right: 0vw;
    }

    html:lang(zh) #wheel_sec #tickets_warpper,
    html:lang(tw) #wheel_sec #tickets_warpper {
        width: 90vw;
        height: 5vw;
        top: 84vw;
        left: 5vw;
        display: flex;
        flex-direction: row;
    }

    html:lang(zh) #wheel_sec #tickets_warpper h3,
    html:lang(tw) #wheel_sec #tickets_warpper h3 {
        font-size: 4.5vw;
    }

    html:lang(zh) #wheel_sec #tickets_warpper h3:nth-child(1),
    html:lang(tw) #wheel_sec #tickets_warpper h3:nth-child(1) {
        margin-right: 1vw;
    }

    html:lang(zh) #wheel_sec #tickets_warpper #tickets,
    html:lang(tw) #wheel_sec #tickets_warpper #tickets {
        margin-left: 0vw;
    }

    html:lang(zh) #wheel_sec #logInOut_wrapper img:nth-child(1),
    html:lang(tw) #wheel_sec #logInOut_wrapper img:nth-child(1) {
        top: 0vw;
        left: 0vw;
    }

    html:lang(zh) #wheel_sec #logInOut_wrapper img:nth-child(2),
    html:lang(tw) #wheel_sec #logInOut_wrapper img:nth-child(2),
    html:lang(zh) #wheel_sec #logInOut_wrapper img:nth-child(3),
    html:lang(tw) #wheel_sec #logInOut_wrapper img:nth-child(3) {
        width: 28vw;
        top: 16vw;
        left: 13.5vw;
    }

    /* details_sec */

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

    html:lang(zh) #details_sec #details_bg,
    html:lang(tw) #details_sec #details_bg {
        content: url(/asset/images/activity/wealth-season/details_bg_m.png);
        width: 100%;
        top: -42vw;
        left: 0vw;
    }

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

    html:lang(zh) #details_sec .textArea #details_title,
    html:lang(tw) #details_sec .textArea #details_title {
        width: 70vw;
        margin-bottom: 2vw;
    }

    html:lang(zh) #details_sec .textArea>h2,
    html:lang(tw) #details_sec .textArea>h2 {
        font-size: 4.4vw;
        margin-bottom: 3vw;
        font-weight: 600;
    }

    html:lang(zh) #details_sec .textArea>h3,
    html:lang(tw) #details_sec .textArea>h3 {
        width: 100%;
    }

    html:lang(zh) #details_sec .textArea #details_line,
    html:lang(tw) #details_sec .textArea #details_line {
        margin: 3vw auto;
        width: 53vw;
    }

    html:lang(zh) #details_sec .textArea .detailsInfo,
    html:lang(tw) #details_sec .textArea .detailsInfo {
        display: flex;
        margin-top: 1vw;
        width: 86vw;
        margin-left: 0vw;
    }

    html:lang(zh) #details_sec .textArea .detailsInfo>div,
    html:lang(tw) #details_sec .textArea .detailsInfo>div {
        margin-top: 5.2vw;
        margin-left: 1vw;
    }

    html:lang(zh) #details_sec .textArea .detailsInfo>div h2,
    html:lang(tw) #details_sec .textArea .detailsInfo>div h2 {
        margin-bottom: 4.2vw;
        font-size: 6.4vw;
        font-weight: 600;
    }

    html:lang(zh) #details_sec .textArea .detailsInfo *,
    html:lang(tw) #details_sec .textArea .detailsInfo * {
        line-height: 6.6vw;
    }

    html:lang(zh) #details_sec .textArea .detailsInfo img,
    html:lang(tw) #details_sec .textArea .detailsInfo img {
        position: relative;
        margin-top: 0vw;
        width: 15vw;
        margin-left: 0vw;
        margin-right: 0vw;
    }

    /* notice_sec */

    html:lang(zh) #notice_sec,
    html:lang(tw) #notice_sec {
        margin-top: 39vw;
    }

    html:lang(zh) #notice_sec .textArea,
    html:lang(tw) #notice_sec .textArea {
        width: 73%;
        position: relative;
        margin-top: 51vw;
    }

    html:lang(zh) #notice_sec h2,
    html:lang(tw) #notice_sec h2 {
        font-size: 7.5vw;
        margin-top: 9vw;
        font-weight: 600;
        margin-bottom: 4vw;
    }

    html:lang(zh) #notice_sec p,
    html:lang(tw) #notice_sec p {
        line-height: 7vw;
    }

    html:lang(zh) #notice_sec #notice_bg,
    html:lang(tw) #notice_sec #notice_bg {
        content: url(/asset/images/activity/wealth-season/notice_bg_m.png);
        width: 100%;
        left: 0vw;
        top: -38vw;
    }

    /* bg-video */

    html:lang(zh) #bg-video,
    html:lang(tw) #bg-video {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        object-fit: cover;
        z-index: 10;
    }
}

/* @supports block expanded */

@media (max-width:600px) {
    @supports (-webkit-touch-callout: none) {

        html:lang(zh) #top_prize,
        html:lang(tw) #top_prize {
            width: 35vw !important;
        }
    }
}