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

html:lang(zh) .sEN,
html:lang(tw) .sEN {
    display: none;
}

html:lang(zh) .sCN,
html:lang(tw) .sCN {
    display: initial;
}

html:lang(zh) .cf1,
html:lang(tw) .cf1 {
    font-family: initial;
}

html:lang(zh) .cf2,
html:lang(tw) .cf2 {
    font-family: initial;
}

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


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

html:lang(zh) #top_sec h3,
html:lang(tw) #top_sec h3 {
    font-size: 3vw;
    width: 28vw;
}

html:lang(zh) #top_sec #top_title,
html:lang(tw) #top_sec #top_title {
    content: url(/asset/images/activity/wealth-season/top_title_cn.png?v=1);
    width: 33vw;
    margin-left: 3vw;
}

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

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

html:lang(zh) #top_sec .textArea img,
html:lang(tw) #top_sec .textArea img {
    position: initial;
}

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

html:lang(zh) #top_sec .textArea div:nth-child(4) img,
html:lang(tw) #top_sec .textArea div:nth-child(4) img {
    content: url(/asset/images/activity/wealth-season/top_prize_cn.png);
    width: 21vw;
    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)>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-left: 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-right: 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: 7vw;
}

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: 15vw;
}

html:lang(zh) #top_sec #scroll_down,
html:lang(tw) #top_sec #scroll_down {
    width: 10vw;
    height: 10vw;
    top: 58vw;
    left: 45vw;
}

/************  about_sec start  **************************************************************/

html:lang(zh) #about_sec #about_title,
html:lang(tw) #about_sec #about_title {
    content: url(/asset/images/activity/wealth-season/about_title_cn.png);
    margin-left: -2vw;
}

html:lang(zh) #about_sec p,
html:lang(tw) #about_sec p {
    font-size: 1.4vw;
}

html:lang(zh) #about_sec h3,
html:lang(tw) #about_sec h3 {
    font-size: 3.5vw;
    width: 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 start  **************************************************************/

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

html:lang(zh) #wheel_sec #wheel_title,
html:lang(tw) #wheel_sec #wheel_title {
    content: url(/asset/images/activity/wealth-season/wheel_title_cn.png);
}

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

html:lang(zh) #wheel_sec #wheel_main,
html:lang(tw) #wheel_sec #wheel_main {
    content: url(/asset/images/activity/wealth-season/wheel_main_cn.png);
}

html:lang(zh) #wheel_sec #spin_btn,
html:lang(tw) #wheel_sec #spin_btn {
    width: 10vw;
    top: 65vw;
    left: 45vw;
    height: 10vw;
    position: absolute;
}

html:lang(zh) #wheel_sec #logInOut_btn,
html:lang(tw) #wheel_sec #logInOut_btn {
    width: 18vw;
    top: 80vw;
    right: 18vw;
    height: 18vw;
    position: absolute;
    z-index: 10;
}

html:lang(zh) #wheel_sec #tickets_warpper,
html:lang(tw) #wheel_sec #tickets_warpper {
    position: absolute;
    width: 50vw;
    height: 5vw;
    top: 48.5vw;
    left: 20vw;
    flex-direction: row;
}

html:lang(zh) #wheel_sec #tickets_warpper h3,
html:lang(tw) #wheel_sec #tickets_warpper h3 {
    color: white;
    font-size: 2.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 #wheel_login,
html:lang(tw) #wheel_sec #wheel_login {
    content: url(/asset/images/activity/wealth-season/wheel_login_cn.png);
    width: 10vw;
    left: 7vw;
}

html:lang(zh) #wheel_sec #wheel_logout,
html:lang(tw) #wheel_sec #wheel_logout {
    content: url(/asset/images/activity/wealth-season/wheel_logout_cn.png);
    width: 10vw;
    left: 7vw;
}

/************  details_sec start  **************************************************************/

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

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

html:lang(zh) #details_sec .textArea #details_title,
html:lang(tw) #details_sec .textArea #details_title {
    content: url(/asset/images/activity/wealth-season/details_title_cn.png);
    width: 27vw;
}

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

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

/************  notice_sec start  **************************************************************/

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

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

html:lang(zh) #notice_sec h2,
html:lang(tw) #notice_sec h2 {
    font-size: 2.5vw;
    margin-top: 3vw;
}

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

html:lang(zh) #notice_sec #notice_bg,
html:lang(tw) #notice_sec #notice_bg {
    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;
}