@import url('font.css?t=20240606');
:root {
    --vw: 1vw;
    --vh: 1vh;
    --clr-org: #a34132;
    --clr-org-01:#b45739;
    --clr-org-02:#c54324;
    --clr-wht:#fff;
    --clr-lightbule:#585c5f;
    --clr-deepbule:#0e191e;
    --clr-text:#636864;
    --clr-text-01:#c5cdc7;
    --clr-text-02:#878c94;
    --text-sd:0.02rem 0.02rem 0.04rem  rgba(0, 0, 0, 0.8);
    --bd-rgba:88, 92, 95, 0.4;
    --bd--db:#414244;
    --section_pd:2.604166666666665vw;
    --section_pd-01:9.12vw;
    --font-fm-arial:Arial, Helvetica,system-ui, sans-serif;
    --font-fm-deluxe:"Refrigerator Deluxe", Helvetica, sans-serif;
    --font-fm-tc:"Lantinghei",system-ui, sans-serif;
    --font-sz-s1:0.1rem;
    --font-sz-s2:0.12rem;
    --font-sz-s3:0.14rem;
    
    --font-sz-01:0.16rem;
    --font-sz-02:0.18rem;
    --font-sz-03:0.2rem;
    --font-sz-04:0.22rem;
    --font-sz-05:0.24rem;
    --font-sz-06:0.26rem;
    --font-sz-07:0.28rem;
    --font-sz-08:0.3rem;
    --font-sz-08:0.32rem;
    --font-sz-10:0.34rem;
    --font-sz-11:0.36rem;
    --font-sz-12:0.4rem;

    --font-sz-t1:0.76rem;
    --font-sz-t2:0.8rem;
    --font-sz-t3:0.7rem;
    --font-sz-t4:0.66rem;
    --font-sz-t5:0.6rem;
    --font-sz-t6:0.5rem;
    --font-sz-t7:0.48rem;


    --font-sz-b1:0.9rem;

    --font-sz-m1:22px;
    --font-sz-m2:24px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

* :before,* :after {
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture,.block {
    display: block
}

address,em,strong,th,cite {
    font-style: normal;
    font-weight: 400
}
p{
    -webkit-hyphens:auto;
    hyphens: auto;
    font-kerning: auto;
}

em {
    font-weight: inherit
}

small {
    font-size: 80%
}
strong{
    font-size: 120%;
    font-weight: 700;
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    border: 0;
    vertical-align: top;
    pointer-events: none;
    user-select: none
}
img:broken {
    filter: grayscale(100%);
}

button,input,select,textarea {
    border: 0;
    font-size: 100%;
    font-family: inherit;
}

textarea {
    padding: 0;
    border: 0;
    background: transparent;
    resize: none;
    overflow: auto;
    vertical-align: top
}

button,input {
    background-color: transparent;
    line-height: normal
}
input[type="checkbox"],input[type="radio"],select,textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

h1,h2,h3,h4,h5,h6 {
    font-weight: inherit;
    font-size: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left
}

li {
    list-style-type: none
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
    tab-size: 4;
    width: 100%;
}

body {
    font-weight: var(--fw-default);
    background-color: #000304;
    width: 100%;
    color: var(--clr-text);
}
html,body{
    height: fill-available;
    height:-webkit-fill-available;
    height:100%;
    position: relative;
}
html[lang=en] body {
    font-family: var(--font-fm-deluxe);
}
html[lang=zh-Hant] body {
    font-family:var(--font-fm-tc);
}
html:lang(en) body,
body.font_en{
    font-size: var(--font-sz-02);
}
html:lang(zh-Hant) body,
body.font_zh-Hant{
    font-size: var(--font-sz-01);
}
.text_left{
    text-align: left;
}
.text_center{
    text-align: center;
}
.indent2{
    text-indent: 0.2rem
}
.display_none{
    display: none;
}
.light_text{
    color: var(--clr-org-02) !important;
}

.lng_en{
    font-family: (--font-fm-deluxe);
}

.traditional_chinese{
    font-family:var(--font-fm-tc);
}
.top_bar{
    display: flex;
    justify-content: space-between;
    padding:0 var(--section_pd);
}

@media (min-width: 1025px) {
    .top_bar{
        position: fixed;
        top:0.2rem;
        left: 0;
        width: 100%;
        background-color: var(--bd-rgba);
        z-index: 99;
        transition: top 0.5s ease;
    }
    .top_bar_hover{
        background: rgba(3, 5, 4,0.5);
        top:0;
    }    
}

.top_logo{
    flex: 0 0 auto;
}
.top_logo img{
    width:100%;
    height: auto;
}
.nav_bar{
    position: relative;
    display:flex;
}

.top_bar_button{
    position: absolute;
    top: 0;
    display: flex;
    justify-content:flex-end;
}

.btn_usr_login{
    text-indent: -9999vw;
    color:var(--clr-text-01);
    position: relative;
}
.btn_usr_login::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M734.67 91.3C676.09 32.7 598.2.5 515.35.5 432.49.5 354.6 32.8 296.02 91.3c-58.59 58.6-90.85 136.5-90.85 219.3 0 82.9 32.26 160.7 90.85 219.3 20.91 20.9 44.3 38.5 69.49 52.4-64.98 20.9-125.9 55.1-178.68 101.4-90.94 79.7-150.4 187.9-167.44 304.8-2.47 16.9 9.27 32.7 26.22 35.2 1.52.2 3.02.3 4.52.3 15.15 0 28.41-11.1 30.65-26.5 31.3-214.7 218.12-376.7 434.57-376.7 82.86 0 160.74-32.3 219.33-90.8 58.59-58.6 90.85-136.5 90.85-219.3 0-82.8-32.26-160.7-90.85-219.3zM515.35 558.8c-136.83 0-248.14-111.3-248.14-248.1S378.52 62.6 515.35 62.6c136.82 0 248.14 111.31 248.14 248.1 0 136.8-111.32 248.1-248.14 248.1zm491.84 430.1c-7.12-53-22.69-104.2-46.27-152.1-22.99-46.7-53.1-89.4-89.5-126.9-11.94-12.3-31.57-12.6-43.87-.6-12.29 11.9-12.58 31.6-.64 43.9 65.29 67.2 106.37 151.6 118.79 244.1 2.09 15.6 15.4 26.9 30.7 26.9 1.37 0 2.76-.1 4.17-.3 16.97-2.3 28.89-17.9 26.61-34.9z' fill='%23c5cdc7'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 80%;
}
.ca_btn,
.fun_btn{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
/*    transition: all 0.5s;*/
    font-weight: 600;
}
.ca_btn{
    color:var(--clr-org) ;
    background: transparent;
    border: 0.005rem solid var(--clr-org);
    border-left: 0.03rem solid;
}

.fun_btn{
    background-color:var(--clr-org);
}
.font_zh-Hant .ca_btn,
.font_zh-Hant .fun_btn{
    font-weight:100;
}
.fun_btn,
.fun_btn a{
    color: var(--clr-wht);
    text-decoration: none;
}
.ca_btn,
.ca_btn a{
    color: var(--clr-org);
    text-decoration: none;    
}
.ca_btn div,
.fun_btn div{
    cursor: pointer;
    transition: padding 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-family: inherit;
}
.ca_btn div::after,
.fun_btn div::after{
    content: "";
    position: absolute;
    right:0;
    top:50%;
    border-left: 0.02rem solid;
    border-bottom: 0.02rem solid;
    transform: translate(0,-50%) rotate(-135deg);
    opacity: 0;
    transition: right 0.5s, opacity 0.5s;
}
.ca_btn div::after{
    border-color: var(--clr-org);
}
.fun_btn div::after{
    border-color: var(--clr-wht);
}
.ca_btn div i,
.fun_btn div i{
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background-size: 80%;
}
/* 
.nav_fun_btn div{
    font-size:min(var(--font-sz-03),var(--font-sz-m2));
}
.font_zh-Hant .nav_fun_btn div{
    font-size:min(var(--font-sz-02),var(--font-sz-m1));
} */

.nav_fun_btn div::after{
    width: 0.1rem;
    height: 0.1rem;
    position: absolute;
    right:-1%;
}

.ca_btn div::after,
.banner_fun_btn div::after{
    width: 0.1rem;
    height: 0.1rem;
    position: absolute;
    right: -1%;
}

.banner_links{
    text-align: center;
    padding: 0.1rem 0;
}
.banner_links a{
    color: var(--clr-text-01);
    text-decoration: underline;
    text-decoration-skip-ink: none;
    font-size: var(--font-sz-03);
}
.banner_links a:hover{
    color: var(--clr-org);
}
.fun_btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -0.015rem;
    width: 0.1rem;
    height: 100%;
    background: linear-gradient(var(--clr-org) 0%, var(--clr-org) 15.28%, transparent 15.28%, transparent 83.33%, var(--clr-org) 83.33%, var(--clr-org) 100%);
    border-top-left-radius: 0.01rem;
    border-bottom-left-radius:0.01rem;
}
.fun_btn::after{
    content: "";
    position: absolute;
    top: 0;
    right: -0.015rem;
    width: 0.1rem;
    height: 100%;
    background: linear-gradient(var(--clr-org) 0%, var(--clr-org) 15.28%, transparent 15.28%, transparent 83.33%, var(--clr-org) 83.33%, var(--clr-org) 100%);
    border-top-right-radius: 0.01rem;
    border-bottom-right-radius: 0.01rem;
}
button:disabled {
    pointer-events: none;
    filter: saturate(0);
}
  
button:disabled:hover {
    cursor: default;
    animation: none !important;
    transition: none !important;
}
.i18n_menu{
    position: relative;
}
.i18n_menu img{
    height: auto;
}

.banner_logo{
    display: block;
    margin: 0 auto;
    height: auto;
}

.function_button{
    display: grid;
    justify-content: center;
    align-items: center;
}
.function_button > button{
    grid-row: 1;
}
.function_button p{
    grid-row: 2;
    line-height: 100%;
    text-align: center;
    color: var(--clr-text-01);
}

.awaits_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 700;
    overflow: hidden;
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s;
}
.draw_awaits_btn{
    background: #52615c;
    color:var(--clr-deepbule);
}
.awaits_btn div {
    position: relative;
    flex-direction: column;
    transform: translateY(-150%);
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awaits_btn div::before {
    position: absolute;
    top: 0;
    right: 0;
    content: attr(data-text);
    transform: translateY(150%);
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reward_list_awaits_btn{
    background: #a34232;
    color:var(--clr-deepbule);
}
/* .sec_title_text{
    font-weight: 600;
    background: linear-gradient(to bottom, #c5cdc7, #929b96);
    text-wrap: balance;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    overflow: hidden;
    letter-spacing: 0.01rem;
} */
.sec_title_text{
    font-weight: 600;
    color:var(--clr-text-01);
    text-wrap: balance;
    display: block;
    overflow: hidden;
    letter-spacing: 0.01rem;
}

.social_media{
    display: flex;
}
.social_media a{
    display: flex;
    background-color: #282828;
    justify-content: center;
    align-items: center;
    position: relative;
    text-indent: -9999vw;
}
.social_media a:hover{
    background-color: var(--clr-org)
}
.social_media .medias_name{
    display: block;
    width: 200%;
    text-align: center;
    color: var(--clr-org);
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    text-indent: 0;
}
.social_media .medias_name{
    font-size: var(--font-sz-06);
}
.font_zh-Hant .social_media .medias_name{
    font-size: var(--font-sz-05);
}


.footer{
    background-color: rgba(0,0,0,.8);
    padding:1vw var(--section_pd);
    font-family: var(--font-fm-arial);
    color: var(--clr-lightbule);
}
.footer_copyright a{
    color: var(--clr-lightbule);
    text-decoration: none;
}

.img_hover{
    display: block;
    position: relative;
}
.img_hover img{
    display: block;
}

.img_hover::after{
    content: "";
    height: 0.07rem;
    border-top: 0.02rem solid var(--clr-org);
    border-right: 0.02rem solid var(--clr-org);
    border-left: 0.02rem solid var(--clr-org);
    width: 100%;
    position: absolute;
    left: 0;
    top:50%;
    transition: 0.5s;
    opacity: 0;
}
.img_hover::before{
    content: "";
    text-align: right;
    height: 0.07rem;
    border-right: 0.02rem solid var(--clr-org);
    border-bottom: 0.02rem solid var(--clr-org);
    border-left: 0.02rem solid var(--clr-org);
    width: 100%;
    position: absolute;
    left: 0;
    bottom:50%;
    transition: 0.5s;
    opacity: 0;
}
.img_hover_circle{
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 2024rem;
    background-color:var(--clr-org);
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    visibility: hidden;
}

/* .tg__show__dialog{
    display: inline-block;
} */

.dg_box_wp{
    padding:0.781vw;
    background: rgba(8, 8, 9, 0.8) url(../svg/nnnoise.svg);
    display: inline-block;
}

.dg_box{
    margin: 0.781vw;
    border: 0.01rem solid;
    border-color:rgba(65, 66, 68, .4);
    position: relative;
}
.dg_box_bottom{
    height:0.15rem;
    border-top:0.01rem solid;
    border-color:rgba(65, 66, 68, .4);
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0.052vw;
    overflow: hidden;
    opacity: .9;
}
.dg_box_bottom_svg{
    margin-right: 0.1rem;
    width: 0.4rem;
    height: 100%;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23303235' d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z'/%3E%3C/svg%3E") 50% 50% repeat-x;
    background-size: 32%;
    float: right;
}

.dg_box_title{
    font-size:var(--font-sz-08);
    font-weight: 600;
    color: var(--clr-text-01);
    padding-bottom: 0.2rem;
}
/* .font_zh-Hant .dg_box_title{
    font-size:var(--font-sz-07);
} */
.dg_box_ct{
    padding:0.2rem;
}
.dg_box_close{
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #080a0d;
}
.dg_box_close div{
    width: 100%;
    height: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%239b9b9c' viewBox='0 0 1024 1024'%3E%3Cpath d='M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 90%;
}
.dg_box_close div::before,
.dg_box_close div::after{
    content: "";
    border-left: 0.02rem solid #323335;
    height: 0.16rem;
    width: 0;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    opacity: .6;
}
.dg_box_close div::before{
    left:20%;
}
.dg_box_close div::after{
    right:20%;
}
.copylink_tips{
    padding-top: 0.2rem;
    text-align: left;
    word-wrap: break-word;
}
.dg_box_close i{
    width: 100%;
    height: 100%;
    position: absolute;
}
.dg_box_close i::before,.dg_box_close i::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.08rem;
    border: 1px solid var(--bd--db);
}
.dg_box_close i::before{
    top:0;
    border-bottom: none;
}
.dg_box_close i::after{
    bottom:0;
    border-top:none
}
.dg_box_tips,.db_reward_list{
    text-align: center;
    padding:0.3rem 0.2rem;
    align-items: center;
    justify-content: center;
}
.dg_box_tips{
    font-size: var(--font-sz-04);
}
.font_en .db_reward_list{
    font-size: var(--font-sz-02);
}
.font_zh-Hant.db_reward_list,
.font_zh-Hant .dg_box_tips{
    font-size: var(--font-sz-03);
}

.dg_box_tips p{
    line-height: 130%;
}
.dlb_text{
    padding:0.1rem;
    color:var(--clr-text-01);
}
.db_reward_list .reward_progress_list{
    align-items: center;
    justify-content: center;
}
#dlg_reward_list .reward_progress_list{
    display:flex;
    flex-flow: column;
}
.db_draw,.db_draw span{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.db_draw li{
    background: url(../img/bg_reward_list_tk_icon.png) 50% 50% no-repeat;
    background-size: cover;
}
/* #gift_5{
    background: url(../img/bg_reward_list_tk_icon.png) 50% 50% no-repeat;
    background-size: cover;
} */
.db_draw_img{
    position: relative;
}
.db_draw li.curr .db_draw_img::after,
.db_draw li.curr .db_draw_img::before{
    content: "";
    position: absolute;
    top:0;
    width: 0.41667vw;
    height: 100%;
    border: 1px solid var(--clr-org-02);
}
.db_draw li.curr .db_draw_img::after{
    border-right: none;
    left: 0;
}
.db_draw li.curr .db_draw_img::before{
    border-left: none;
    right: 0;
}
.db_draw_img img{
    display: block;
    height: auto;
    /* -webkit-box-reflect: below 0 linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5)); */
}
.db_draw_text{
    word-wrap: break-word;
    color: var(--clr-text-01);
}

.copylink_ipt_btn{
    display: flex;
}
.copylink_ipt_btn .ipt_copy_link{
    flex: 1;
}
.share_link .social_media{
    justify-content: center;
}
.share_link .social_media a{
    border-radius: 100rem;
}
.ipt_copy_link{
    color: #69696a;
}
.share_on_title{
    position: relative;
}
.share_on_title::before,
.share_on_title::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35%;
    height: 0.02rem;
    background-color: #333336;
}
.share_on_title::before{
    left: 0;
}
.share_on_title::after{
    right: 0;
}

.menu_svg{
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M128 469.333h768v85.334H128zm0-256h768v85.334H128zm0 512h768v85.334H128z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 100%;
}
.discord_svg{
    background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M18.59 5.89c-1.23-.57-2.54-.99-3.92-1.23-.17.3-.37.71-.5 1.04-1.46-.22-2.91-.22-4.34 0-.14-.33-.34-.74-.51-1.04-1.38.24-2.69.66-3.92 1.23-2.48 3.74-3.15 7.39-2.82 10.98 1.65 1.23 3.24 1.97 4.81 2.46.39-.53.73-1.1 1.03-1.69-.57-.21-1.11-.48-1.62-.79.14-.1.27-.21.4-.31 3.13 1.46 6.52 1.46 9.61 0 .13.11.26.21.4.31-.51.31-1.06.57-1.62.79.3.59.64 1.16 1.03 1.69 1.57-.49 3.17-1.23 4.81-2.46.39-4.17-.67-7.78-2.82-10.98h-.02zm-9.75 8.78c-.94 0-1.71-.87-1.71-1.94 0-1.07.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94zm6.31 0c-.94 0-1.71-.87-1.71-1.94 0-1.07.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94z' fill='%23fff'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 80%;
}

.youtube_svg{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M501.303 132.765c-5.887-22.03-23.235-39.377-45.265-45.265C416.106 76.8 256 76.8 256 76.8s-160.107 0-200.039 10.7c-22.026 5.888-39.377 23.235-45.264 45.265C0 172.693 0 256.003 0 256.003s0 83.308 10.697 123.232c5.887 22.03 23.238 39.382 45.264 45.269C95.893 435.2 256 435.2 256 435.2s160.106 0 200.038-10.696c22.03-5.887 39.378-23.239 45.265-45.269 10.696-39.924 10.696-123.232 10.696-123.232s0-83.31-10.696-123.238zM204.797 332.804V179.201l133.019 76.802-133.019 76.801z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 50%;
}
.twitter_svg{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath d='M714.163 519.284L1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026zM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026z' fill='%23fff'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 50%;
}
.facebook_svg{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M512 257.555c0-141.385-114.615-256-256-256S0 116.17 0 257.555c0 127.777 93.616 233.685 216 252.89v-178.89h-65v-74h65v-56.4c0-64.16 38.219-99.6 96.695-99.6 28.009 0 57.305 5 57.305 5v63h-32.281c-31.801 0-41.719 19.733-41.719 39.978v48.022h71l-11.35 74H296v178.89c122.385-19.205 216-125.113 216-252.89z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 50%;
}
.whatsapp_svg{
    background:url("data:image/svg+xml,%3Csvg fill='%23FFF' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M713.5 599.9c-10.9-5.6-65.2-32.2-75.3-35.8-10.1-3.8-17.5-5.6-24.8 5.6-7.4 11.1-28.4 35.8-35 43.3-6.4 7.4-12.9 8.3-23.8 2.8-64.8-32.4-107.3-57.8-150-131.1-11.3-19.5 11.3-18.1 32.4-60.2 3.6-7.4 1.8-13.7-1-19.3-2.8-5.6-24.8-59.8-34-81.9-8.9-21.5-18.1-18.5-24.8-18.9-6.4-.4-13.7-.4-21.1-.4-7.4 0-19.3 2.8-29.4 13.7-10.1 11.1-38.6 37.8-38.6 92s39.5 106.7 44.9 114.1c5.6 7.4 77.7 118.6 188.4 166.5 70 30.2 97.4 32.8 132.4 27.6 21.3-3.2 65.2-26.6 74.3-52.5 9.1-25.8 9.1-47.9 6.4-52.5-2.7-4.9-10.1-7.7-21-13z'/%3E%3Cpath d='M925.2 338.4c-22.6-53.7-55-101.9-96.3-143.3-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9-53.3 22.8-101.1 55.2-142 96.5-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3 53.5-22.3 101.6-54.3 142.8-95.2 41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 70%;
}
.windows_icon{
    background:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 11.35L17.81 10v9.49H8m11-9.67l13-1.9v11.49H19M8 20.49h9.81V30L8 28.63m11-8h13V32l-13-1.84'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 130%;
    cursor: default;
}
.steam_icon{
    background:url("data:image/svg+xml,%3Csvg viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23d7d7d7' d='M496 256c0 137-111.2 248-248.4 248-113.8 0-209.6-76.3-239-180.4l95.2 39.3c6.4 32.1 34.9 56.4 68.9 56.4 39.2 0 71.9-32.4 70.2-73.5l84.5-60.2c52.1 1.3 95.8-40.9 95.8-93.5 0-51.6-42-93.5-93.7-93.5s-93.7 42-93.7 93.5v1.2L176.6 279c-15.5-.9-30.7 3.4-43.5 12.1L0 236.1C10.2 108.4 117.1 8 247.6 8 384.8 8 496 119 496 256zM155.7 384.3l-30.5-12.6a52.79 52.79 0 0 0 27.2 25.8c26.9 11.2 57.8-1.6 69-28.4 5.4-13 5.5-27.3.1-40.3-5.4-13-15.5-23.2-28.5-28.6-12.9-5.4-26.7-5.2-38.9-.6l31.5 13c19.8 8.2 29.2 30.9 20.9 50.7-8.3 19.9-31 29.2-50.8 21zm173.8-129.9c-34.4 0-62.4-28-62.4-62.3s28-62.3 62.4-62.3 62.4 28 62.4 62.3-27.9 62.3-62.4 62.3zm.1-15.6c25.9 0 46.9-21 46.9-46.8 0-25.9-21-46.8-46.9-46.8s-46.9 21-46.9 46.8c.1 25.8 21.1 46.8 46.9 46.8z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 80%;
}
.google_play_icon{
    background: url("data:image/svg+xml,%3Csvg fill='%23d7d7d7' viewBox='-1 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.751.61l13.124 7.546-2.813 2.813zM1.032 0l12.047 12L1.033 24a1.72 1.72 0 0 1-1.032-1.643v.003V1.641L0 1.576C0 .875.42.272 1.022.005l.011-.004zm19.922 10.594c.414.307.679.795.679 1.344l-.001.065V12a1.558 1.558 0 0 1-.629 1.403l-.004.003-2.813 1.593L15.14 12l3.047-3.047zM3.751 23.39l10.312-10.359 2.813 2.813z'/%3E%3C/svg%3E")  50% 50% no-repeat;
    background-size: 100%;
}
.apple_stone_icon{
    background: url("data:image/svg+xml,%3Csvg fill='%23d7d7d7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M248.644 123.476c-5.45-29.71 8.598-60.285 25.516-80.89C292.805 19.851 324.802 2.416 352.146.5c4.619 31.149-8.093 61.498-24.826 82.965-17.95 23.062-48.812 40.946-78.676 40.011zm160.39 107.655c8.461-23.606 25.223-44.845 51.227-59.175-26.278-32.792-63.173-51.83-97.99-51.83-46.065 0-65.542 21.947-97.538 21.947-32.96 0-57.965-21.947-97.866-21.947-39.127 0-80.776 23.848-107.19 64.577-9.712 15.055-16.291 33.758-19.879 54.59-9.956 58.439 4.916 134.557 49.279 202.144 21.57 32.796 50.321 69.737 87.881 70.059 33.459.327 42.951-21.392 88.246-21.616 45.362-.258 53.959 21.841 87.372 21.522 37.571-.317 67.906-41.199 89.476-73.991 15.359-23.532 21.167-35.418 33.11-62.023-60.727-22.901-85.703-89.817-66.128-144.257z'/%3E%3C/svg%3E")  50% 50% no-repeat;
    background-size: 100%;
}

.failure_prompt_icon{
    background:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath d='M36.989 42.439H27.01L23 2h18z' fill='%23FFF'/%3E%3Cellipse cx='31.999' cy='54.354' rx='7.663' ry='7.646' fill='%23FFF'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 70%;
}

.platform_release{
    display: flex;
    justify-content: center;
    align-items: center;
}
.platform_release a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.36rem;
    height: 0.36rem;
    text-indent: -9999vw;
    position: relative;

}
.platform_release a > span{
    text-align: left;
    text-indent: 0;
    width: 300%;
    position: absolute;
    left: 120%;
    top:50%;
    color: var(--clr-wht);
    word-wrap: break-word;
    transform: translateY(-50%);
}

.failure_prompt{
    display: grid;
    place-items: center;
}
.failure_prompt .failure_prompt_icon{
    border-radius: 999vw;
    background-color: #dd9f1e;
}


.font_zh-Hant #onetrust-pc-sdk{
    font-family: system-ui!important;
}

div#onetrust-consent-sdk *{
    font-family: system-ui;
}


._28ydi70 ._1egsyt72{width: 100px !important;}


#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    color: inherit !important;
    border: none !important;
    height: auto !important;
    white-space: normal !important;
    padding: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover{
    color: inherit !important;
    background: none !important;
}

/* ._28ydi70 .y6ova30 .infinite-input,._28ydi70 .y6ova30.infinite-input{font-size:var(--font-sz-s3) !important;} */
#ot-sdk-btn-floating.ot-floating-button,.onetrust-pc-dark-filter{z-index: 998 !important;}
#onetrust-pc-sdk .ot-pc-footer-logo,
#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #onetrust-banner-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt{ background-color: #050606 !important;}
#onetrust-pc-sdk .ot-pc-footer,
#onetrust-consent-sdk #onetrust-pc-sdk{ border-top:1px solid #323435 !important;}
#onetrust-pc-sdk .ot-pc-logo{position: relative !important;}
#onetrust-pc-sdk .ot-pc-logo img{ display: none !important;}
#onetrust-pc-sdk .ot-pc-logo::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../img/top_logo.png) no-repeat 0 0;background-size:cover;}
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-policy-text,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc{color:#c5cdc7 !important;}
#onetrust-pc-sdk .ot-always-active,
#onetrust-consent-sdk #onetrust-banner-sdk a[href], 
#onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
#onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler{color: var(--clr-org) !important;}
#onetrust-banner-sdk button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy button{margin-bottom: 0.1rem !important;}
#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child{margin: 0 .2rem !important;}
#onetrust-pc-sdk .ot-plus-minus span,
#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob{background-color: var(--clr-org) !important;}
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn){background-color: var(--clr-org) !important;border-color: var(--clr-org) !important;}
#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item{border: 1px solid var(--clr-text) !important;}
#ot-sdk-btn-floating.ot-floating-button::after{font-size: var(--font-sz-05) !important;}
#onetrust-pc-sdk button{font-size: 0.9em !important;}
#onetrust-pc-sdk .ot-pc-header{border-bottom: 1px solid var(--clr-text) !important;}
#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr,
#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child{padding: .1rem 0 !important;}
#onetrust-consent-sdk #onetrust-pc-btn-handler{background: none !important;color: var(--clr-org) !important;}
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{color: var(--clr-wht) !important;}
#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:first-child{margin-left:.1rem !important;}
#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-cat-header{margin: 0 .1rem !important;}