/* Minification failed. Returning unminified contents.
(286,49): run-time error CSS1046: Expect comma, found '49'
(286,54): run-time error CSS1046: Expect comma, found '/'
(286,73): run-time error CSS1046: Expect comma, found '53'
(286,78): run-time error CSS1046: Expect comma, found '/'
(376,49): run-time error CSS1046: Expect comma, found '49'
(376,54): run-time error CSS1046: Expect comma, found '/'
(376,74): run-time error CSS1046: Expect comma, found '53'
(376,79): run-time error CSS1046: Expect comma, found '/'
(1448,28): run-time error CSS1039: Token not allowed after unary operator: '-Color-10'
(2805,28): run-time error CSS1039: Token not allowed after unary operator: '-login-switch-btn-bg'
(2810,28): run-time error CSS1039: Token not allowed after unary operator: '-login-reg-box-switch-btn-bg'
(2905,28): run-time error CSS1039: Token not allowed after unary operator: '-Color-10'
(3333,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg'
(3361,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
 */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Koulen&display=swap');
html{
    background: rgba(0, 0, 0, .6);
}
body, .v-application {
    font-family: 'K2D', "Inter", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
/*home-navigation*/
#app.Home #home-navigation-wrap{
    z-index: 0;
}
#home-navigation .game-tab li {
    height: 15vw !important;
    min-height: 50px !important;
    margin-bottom: 10%;
    border-radius: 13px;
    font-size: 3.5vw;
    font-weight: 400;
    box-shadow: 0px 2px 3px 0px #00000059;
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/SideBar-Button.png');
}

    #home-navigation .game-tab li.active {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/SideBar-Button_active.png');
    }
    #home-navigation .game-tab li:before{
        width:8vw !important;
        height:8vw !important;
    }
    #home-navigation .game-tab li a{
        margin-top:-2px;
    }
    #home-navigation .game-tab li.Arcade:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/machine.png');
    }

    #home-navigation .game-tab li.Arcade.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/machine_a.png');
    }

    #home-navigation .game-tab li.Hot:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/hot.png');
    }

    #home-navigation .game-tab li.Hot.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/hot_a.png');
    }

    #home-navigation .game-tab li.Slot:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/slot.png');
    }

    #home-navigation .game-tab li.Slot.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/slot_a.png');
    }

    #home-navigation .game-tab li.Live:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/live.png');
    }

    #home-navigation .game-tab li.Live.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/live_a.png');
    }

    #home-navigation .game-tab li.Fish:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/fish.png');
    }

    #home-navigation .game-tab li.Fish.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/fish_a.png');
    }

    #home-navigation .game-tab li.Board:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/chess.png');
    }

    #home-navigation .game-tab li.Board.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/chess_a.png');
    }

    #home-navigation .game-tab li.Lottery:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/lottery.png');
    }

    #home-navigation .game-tab li.Lottery.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/lottery_a.png');
    }

    #home-navigation .game-tab li.Sport:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/sport.png');
    }

    #home-navigation .game-tab li.Sport.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/sport_a.png');
    }

    #home-navigation .game-tab li.ESport:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/ESport.png');
    }

    #home-navigation .game-tab li.ESport.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/ESport_a.png');
    }

    #home-navigation .game-tab li.VPN:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/vpn.png');
    }

    #home-navigation .game-tab li.VPN.active:before {
        background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/vpn_a.png');
    }
.language-wrap {
    display: flex !important;
    justify-content: center !important;
}
.theme--light.v-divider {
    border-color: #C9671D !important;
}
/*lobby*/
#home-navigation .game-list-block{
    right:3.2vw !important;
}
    #home-navigation .game-list-block ul li {
        width: 34.7vw !important;
        height: 33.5vw !important;
        margin-bottom: 2.5vw !important;
        background: none !important;
        border-radius: 8px;
        border: 1px solid #FFB31A;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
    }
        #home-navigation .game-list-block ul li:nth-child(even) {
            margin-right: 2.5vw !important;
        }
        #home-navigation .game-list-block ul li.index-0 {
            width: 100% !important;
            height: auto !important;
            background: none !important;
        }
        #home-navigation .game-list-block ul li.index-0 .game-bg {
            width: 100% !important;
            height: 100% !important;
            left: unset !important;
            top:0 !important;
        }
            #home-navigation .game-list-block ul li.index-0 .game-logo-wrap .game-name {
                margin-top: -16vw !important;
            }
        #home-navigation .game-list-block ul li .game-bg {
            width: 100% !important;
            position: relative !important;
            left: unset !important;
            bottom: unset !important;
        }
        #home-navigation .game-list-block ul li .game-logo-wrap .game-name {
            margin-top: -2.2vw !important;
            width:100% !important;
            font-size: 16px;
            font-weight: 700;
        }
        #home-navigation .game-list-block ul li .game-logo-wrap {
            flex-direction:column;
            width: 100%;
            position: absolute !important;
            bottom: 1.5vw !important;
        }
        #home-navigation .game-list-block ul li.index-0 .game-logo-wrap {
            margin-top: 0 !important;
            top: 1vw;
            left: 3vw;
        }
        #home-navigation .game-list-block ul li .game-logo-wrap .img-wrap img {
            width: 100% !important;
            margin-left: -5% !important;
            filter: unset !important;
        }
        #home-navigation .game-list-block ul li.index-0 .game-logo-wrap .img-wrap img {
            width: 60% !important;
        }
        /*footer*/
        #footer .v-btn .has-new-sitemail {
            right: 1vw !important;
        }
.theme--light.v-btn:hover:before {
    opacity: 0 !important;
}
#footer .v-bottom-navigation {
    background: center no-repeat url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/TabBar.png'),#712800 !important;
    background-size: 100% !important;
}
    #footer .v-bottom-navigation span{
        margin-bottom:0.5vw;
        color: #fff !important;
    }
#footer .v-btn i {
    width: 7.5vw !important;
    height: 7.5vw !important;
    margin-bottom: 3px;
}
#footer .v-btn.v-btn--active i:not(.chat) {
    width: 7.5vw !important;
    height: 7.5vw !important;
    margin-top:0 !important;
}
#footer .v-btn i.member-center {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/my.png') !important;
}
#footer .v-btn--active i.member-center {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/my_a.png') !important;
}

#footer .v-btn i.chat {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/chat.png') !important;
}

#footer .v-btn--active i.chat {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/chat_a.png') !important;
}
#footer .btn-bg {
    background-image: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/logo_menu.png') !important;
}
#app #footer .v-btn i.financial {
    background: none !important;
}
#app #footer .v-btn--active i.financial {
    background: none !important;
}

#footer .v-btn i.promo {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/gift.png') !important;
}
#footer .v-btn--active i.promo {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/gift_a.png') !important;
}
#footer .v-btn i.home {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/home.png') !important;
}

#footer .v-btn--active i.home {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/M/home_a.png') !important;
}

#app #account-info .info-title .btn-join {
    visibility: hidden;
}
/* id-ID*/
.id-ID #footer .v-btn .v-btn__content span{
    margin-bottom: 0;
    display: block;
    width: 80px;
    height: 20px;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    font-size: 10px;
    line-height: .8;
}
/* th-TH*/
.th-TH #footer .v-btn .v-btn__content span{
    margin-bottom: 0;
    display: block;
    width: 70px;
    height: 20px;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    font-size: 10px;
    line-height: .8;
}
/*home nav infor unlogin*/
.infor-mix-wrap {
    display: flex;
    padding: 3%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}
.infor-mix {
    width: 100%;
    padding: 10px 8px;
    position: relative;
    border-radius: 7px;
    border: 1px solid #D58E58;
    background: linear-gradient(180deg, rgb(111 49 5 / 50%) 0%, rgb(129 53 2 / 50%) 100%);
    background-blend-mode: multiply;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
}
    .infor-mix:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/bk_mc_accountInfor.png') no-repeat;
        background-size: 100% 100%;
        background-blend-mode: multiply;
        opacity: 0.5;
    }
    .infor-mix-wrap .lang img {
        width: 3.5vw;
    }
ul.account-unlogin {
    display: flex;
    padding: 0px !important;
    margin-bottom: 2.5%;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    align-items: center;
}
.infor-mix-wrap .lang-btn .lang {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/bk_button_sub.png');
    background-size: 100% 100%;
}
.lang .change-language-wrap{
    margin-left:0 !important;
    }
    .infor-mix .register-btn a, .infor-mix .login-btn a{
        display: flex;
        width: 35.2vw;
        height: 40px;
        padding: 8px 16px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 12px;
        background: linear-gradient(180deg, #FEBA00 13.79%, #FF8910 100%);
    }
.infor-mix .login-btn a{
    background: no-repeat url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/bk_btn_login.png');
    background-size: 100% 100%;
}
.infor-mix .register-btn a{
    background: no-repeat url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/bk_btn_signup.png');
    background-size: 100% 100%;
}
.infor-mix .news-wrap {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
    background: no-repeat url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/bk_news.png');
    background-size: 100% 100%;
}

.infor-mix a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #CB4819;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.56px;
}
.infor-mix .login-btn a{
    color:#fff;
}
.langs-box {
    position: absolute;
    top: -1px;
    right: 45px;
    z-index: 500;
    color: #fff;
    border: 1px solid #D58E58;
    border-radius: 7px;
    background: linear-gradient(180deg, rgb(111 49 5 / 100%) 0%, rgb(129 53 2 / 100%) 100%);
}
.langs-box span{
    display:block;
    padding:5px;
    margin:5px 8px;
}
.news-wrap #news {
    padding: 0 1% 0 0 !important;
    color: #fff !important;
    background: none !important;
    font-size: 0.9rem !important;
    border: none !important;
    border-radius: unset !important;
}
.news-wrap {
    padding: 0 8px !important;
}
    .news-wrap > div:before {
        content: '';
        width: 5vw;
        height: 5vw;
        display: block;
        margin-right: 2%;
        margin-top: 2px;
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/news.png') no-repeat;
        background-size: contain;
    }

/*首頁登入後*/
.member-level{
    padding: 0 !important;
    height:auto !important;
    line-height:0 !important;
    font-size:0 !important;
    background:none !important;
    text-align: center;
}
    .member-level:before{
        content:none !important;
    }
    .member-level:after {
        width: 5vw !important;
        height: 5vw !important;
        display: block;
        content: attr(num) !important;
        position: absolute;
        top: -2vw;
        left: 6px;
        z-index: 1;
        font-size:6px;
        line-height:1.7rem;
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/bk_vip.png') no-repeat !important;
        background-size: contain !important;
    }
.account-login{
    display: flex;
    justify-content:space-between;
    gap: 10px;
    align-self: stretch;
}
    .account-login .vip{
        display: flex;
    }
    .account-login .vip:before {
        content: '';
        width: 13vw;
        height: 13vw;
        display: block;
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/User-Photo.png') no-repeat;
        background-size:100%;
    }
    .v-application ul.account-login {
        padding: 0 !important;
        margin-bottom:1%;
    }
.account-login .member-info {
    width: 45vw;
    padding-top:2%;
    padding-left:2%;
    color: #fff;
}
    .account-login .member-info .member-account {
        color: #FDEEE2;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: capitalize;
    }
    .account-login .member-info .balance {
        align-items: center;
        display: flex;
        margin-top: 3px;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.56px;
        margin-left: -1px;
        background: linear-gradient(180deg, #FFF 51.5%, #FABB9E 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
        .account-login .member-info .balance:before {
            content: '';
            width: 4.5vw;
            height: 4.5vw;
            margin-right: 5px;
            display: inline-flex !important;
            background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/icon/money.png') no-repeat;
            background-size: contain;
        }
.account-login a.btn-deposit, .account-login a.btn-withdraw {
    position: relative;
    display:block;
    color: #fff;
    font-size: 0.8rem !important;
    text-align: center;
    font-family: Inter;
    font-weight: 400;
    line-height: 1rem;
}
.account-login .withdraw-btn {
    margin-right:3%;
}
.account-login a.btn-deposit:before, .account-login a.btn-withdraw:before,
.account-login a.btn-deposit:after, .account-login a.btn-withdraw:after {
    content: '';
    width: 7vw;
    height: 7vw;
    display: block;
    background: no-repeat url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/bk_button_sub.png');
    background-size: 100% 100%;
}
.account-login a.btn-deposit:after, .account-login a.btn-withdraw:after {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -24%;
    width: 3.5vw;
    height: 3.5vw;
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/HomeNavigationComponent/Q/btn_deposit.png');
}
/* en-US*/
.en-US .account-login a.btn-deposit:after,
.en-US .account-login a.btn-withdraw:after{
    margin-left: -36%;
}
.en-US .account-login a.btn-deposit:after{
    transform: translateX(1px);
}
.en-US .account-login a.btn-withdraw:after{
    top: 9px;
}
/* id-ID*/
.id-ID .account-login a.btn-deposit:after,
.id-ID .account-login a.btn-withdraw:after{
    margin-left: -36%;
}
.id-ID .account-login a.btn-deposit:after{
    transform: translateX(1px);
}
.id-ID .account-login a.btn-withdraw:after{
    top: 9px;
}
/* vi-VN*/
.vi-VN .account-login a.btn-deposit:after,
.vi-VN .account-login a.btn-withdraw:after{
    margin-left: -36%;
}
.vi-VN .account-login a.btn-deposit:after{
    transform: translateX(1px);
}
.vi-VN .account-login a.btn-withdraw:after{
    top: 9px;
    left: 53%;
}
    .account-login a.btn-withdraw:after{
        top:7px;
        transform: rotate(180deg);
    }
/*member center*/
.member-center-d .member-center-title {
    background: linear-gradient(90deg, #EA5E2B 0%, #F18212 50%, #CE7012 100%), linear-gradient(80.08deg, rgba(215, 116, 18, 0) 78.95%, #EF8C2A 97.64%), linear-gradient(280.83deg, rgba(215, 116, 18, 0) 78.64%, #E65520 96.56%) !important;
}
    .member-center-d .main-action, .member-center-d .main-action:before, .member-center-d hr {
        background: none !important;
        border: none !important;
    }
/*Lobby*/
.layout-wrap > div .pa-5.grey.lighten-2 {
    background: transparent !important;
}
.layout-wrap > div .container.pa-6 .row > div:first-child .col-12 {
    display:none !important;
}
.layout-wrap > div .pa-5.grey.lighten-2 .theme--light.v-text-field--solo > .v-input__control > .v-input__slot {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 107.143% */
    letter-spacing: 0.28px;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #F29350;
}
    .layout-wrap > div .pa-5.grey.lighten-2 > .v-input .theme--light.v-btn {
        box-shadow: none !important;
    }
        .layout-wrap > div .pa-5.grey.lighten-2 > .v-input .theme--light.v-btn .v-icon.v-icon{
            color:transparent !important;
        }
            .layout-wrap > div .pa-5.grey.lighten-2 > .v-input .theme--light.v-btn .v-icon.v-icon:after {
                opacity: 1 !important;
                transform: scale(1) translate(3vw,5px);
                background: no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/svg/search.svg') center !important;
            }
    .layout-wrap > div .pa-5.grey.lighten-2 .theme--light.v-text-field--solo.v-select > .v-input__control > .v-input__slot {
        border-radius: 8px !important;
        border: 1px solid #F4D7B9 !important;
    }
    .layout-wrap > div .pa-5.grey.lighten-2 .theme--light.v-text-field--solo.v-select .v-select__selection.v-select__selection--comma {
        width: 100%;
        text-align: center;
        transform: translateX(7vw);
    }
    .layout-wrap > div .pa-5.grey.lighten-2 .theme--light.v-label {
        color: #F4D7B9 !important;
    }
#lobby-game-list .col-6 {
    flex: 0 0 33.3%;
    padding: 0 6px 0 6px;
}
#lobby-game-list .game-item.v-card{
    position:relative;
}
    #lobby-game-list .game-item.v-card:before {
        content: '';
        width: 100%;
        height: auto;
        display: block;
        opacity: 1 !important;
        background: no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/cube.png');
        background-size: 100%;
    }
    #lobby-game-list .game-item.v-card > img{
        position:relative;
        z-index: 1;
        margin-top:5px !important;
        transform:scale(1.2);
    }
    #lobby-game-list .game-item.v-card .v-card__text {
        font-size: 12px !important;
        font-weight: 400;
    }
    /*promotion*/
    #promotion .inner, #award-center .inner {
        padding: 1vw 0 3vh 0 !important;
    }
    #promotion .inner .scroll-content{
        margin-bottom:5% !important;
    }
    #promotion .inner > div:not(.scroll-content) {
        padding: 0 5% !important;
    }
    #promotion .inner .navtab-scroll .navtab {
        -webkit-justify-content: center;
        justify-content: center;
        padding-left: 0 !important;
        position: relative;
    }
    #promotion .v-card{
        margin:0 !important;
    }
#promotion .inner .scroll-content .navtab {
    position: relative;
    padding: 0 !important;
    display: flex !important;
}
#promotion .inner .scroll-content .navtab:before,
#award-center .inner .scroll-content .navtab:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #C9671D;
    position: absolute;
    bottom: 0;
    z-index: 1;
}


    #promotion .inner .scroll-content .navtab li,
    #award-center .inner .scroll-content .navtab li {
        flex: 1;
        margin: 0 5%;
        min-width: auto !important;
        padding: 0px !important;
        font-size: 4vw !important;
        border-radius: 0 !important;
    }
    #promotion .inner .scroll-content .navtab li {
        min-height: 50px !important;
        line-height: 50px !important;
    }
        #promotion .inner .scroll-content .navtab li.active:after {
            height: 4px !important;
            left: 0 !important;
            bottom: 0 !important;
            margin-left: 0 !important;
            width: 100% !important;
            border-radius: 15px 15px 0 0;
        }
            #promotion .inner .navtab-scroll .navtab li.swiper-pagination-bullet-active {
                background: none !important;
                border-bottom: 1px solid #C9671D;
            }
    #promotion .inner .navtab-scroll .navtab li.swiper-pagination-bullet-active:before,
    #award-center .inner .scroll-content .navtab li.active:before {
        width: 100% !important;
        height: 5px !important;
        display: block;
        bottom: -2px !important;
        left: 0 !important;
        z-index: -1;
        background: #FFB31A !important;
        border-radius: 100px;
    }
#promotion > .ma-3.v-card.v-sheet.theme--light{
    margin:5% !important;
}
#promotion-content {
    background: none !important;
}
    #promotion-content .content{
        padding:5% !important;
        color: #fff !important;
    }
    /*award center*/
#award-center .inner .scroll-content .navtab {
    display: flex !important;
}

#award-center .hint {
    flex-direction: column;
    border: none !important;
    background: none !important;
    color: #fff !important;
    text-align: center;
    font-family: K2D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#award-center .hint:before {
    content: '';
    display: block;
    width: 100%;
    height: 30vh;
    background: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/Empty-Coupon.png') no-repeat center bottom;
}

#award-center .hint .icon-hint{
    display:none !important;
}
#award-center .inner .scroll-content .navtab {
    position: relative;
    background: none !important;
}
#award-center .inner .scroll-content .navtab:before{
    z-index: 0 !important;
}
#award-center .inner .scroll-content .navtab li.active {
    border-bottom: 1px solid #B35A29;
}

#award-center .inner .scroll-content .navtab li.active:before {
    content: '';
    position: absolute;
    bottom:-5px !important;
    z-index: 0 !important;
}
#award-center .inner .scroll-content .navtab li.active:after {
    width: 100% !important;
    height: 1px !important;
    margin-left: 0 !important;
    left: 0 !important;
    bottom: 1px !important;
    background: #B35A29 !important;
}
#award-center .inner .scroll-content{
    margin-bottom:5% !important;
}
#award-center .inner .item {
    padding: 4vw 3vw 5vw 3vw !important;
    margin: 5% !important;
    color: #fff;
    border: 1px solid #FFB31A !important;
    border-radius: 8px !important;
    background: bottom no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/bk_award.png') !important;
    background-size: 100% 100% !important;
}
    #award-center .inner .item:after {
        content: '';
        display: block;
        width: 20vw;
        height: 15vw;
        background: bottom no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/award_yet.png');
        background-size: contain;
        position: absolute;
        bottom: 0;
        right: 17vw;
    }
    #award-center .inner .item.received:after, #award-center .inner .item.overdue:after {
        background-image: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/award_done.png');
    }
    #award-center .inner .item.received, #award-center .inner .item.overdue {
        border: 1px solid #000 !important;
    }
#award-center .inner .item .text-h5 {
    margin-top: -6vw !important;
    margin-right: 2vw;
    font-size: 1rem !important;
}
    #award-center .inner .item .AwardStatusName {
        top: auto !important;
        bottom: 5vw !important;
        right:3vw !important;
        font-size: 0.8rem !important;
        border: 1px solid #fff !important;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
    #award-center .inner .item.received .AwardStatusName,
    #award-center .inner .item.overdue .AwardStatusName {
        color: #000 !important;
    }
        #award-center .inner .item .text-h6 {
        font-size: 0.9rem !important;
        line-height: 2rem !important;
    }
    #award-center .inner .item .event-type {
        font-size:0.8rem;
    }
.award-success-container .swal2-icon.swal2-success{
    display:none !important;
}
.award-success-container .swal2-content {
    margin: 20vw 0 !important;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    flex-direction:column;
}
.award-error-container .swal2-content{
    padding-bottom:20vw !important;
}
.award-error-container .swal2-header{
    padding-top:20vw !important;
}
.swal2-container {
    backdrop-filter: blur(3px); /* 模糊效果 */
    -webkit-backdrop-filter: blur(3px);
}
.award-success-container .swal2-content:before {
    content: '';
    display: block;
    width: 20vw;
    height: 20vw;
    margin: 4vw 0;
    background: bottom no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/award-success.png');
    background-size: contain;
}
.award-error-container .swal2-animate-error-icon {
    margin-bottom: 4vw !important;
    transform: scale(0.8);
    border-width: thick !important;
}
.v-dialog.page-bottom-dialog {
    max-height: 80% !important;
    position: absolute;
    bottom: 0;
}
    .v-dialog.page-bottom-dialog .v-card__title{
        color:#fff !important;
    }
    .v-dialog.page-bottom-dialog.common-dialog {
        margin: 0 !important;
        border-radius: 20px 20px 0px 0px !important;
        background: linear-gradient(180deg, #B35A29 0%, #783711 90.14%);
    }
        .v-dialog.page-bottom-dialog.common-dialog > .theme--light.v-sheet,
        .v-dialog.page-bottom-dialog.common-dialog .main-color {
            background: none !important;
        }
.page-bottom-dialog.common-dialog .main-color {
    padding-top: 5vw !important;
    -webkit-justify-content: center;
    justify-content: center;
}
.page-bottom-dialog.common-dialog .theme--light.v-text-field--solo > .v-input__control > .v-input__slot {
    background: none !important;
    box-shadow:none !important;
}
.v-dialog.page-bottom-dialog .theme--light.v-sheet {
    border: none !important;
}
.v-dialog.page-bottom-dialog.common-dialog .row {
    margin: 0 !important;
    border-bottom: 1px solid #C9671D;
}
    .v-dialog.page-bottom-dialog.common-dialog .row div{
        padding: 7px !important;
        padding-top: 10px !important;
    }
.v-dialog.page-bottom-dialog.common-dialog.award-center-dialog .v-card__actions {
    padding: 0 !important;
}
.v-dialog.page-bottom-dialog.common-dialog button {
    margin-top: 0% !important;
    width: auto !important;
    flex: 1;
}
    .v-dialog.page-bottom-dialog.common-dialog button:last-child {
        margin-right: 0 !important;
    }

    /*領獎彈窗*/
    .v-dialog.page-bottom-dialog.common-dialog.award-center-dialog button {
        margin-top: 10% !important;
    }
.award-success-container.swal2-container, .award-error-container.swal2-container {
    padding: 0 !important;
}
.award-success-container .swal2-popup, .award-error-container .swal2-popup {
    margin-bottom: 0 !important;
    border: none !important;
    border-radius: 20px 20px 0px 0px !important;
    background: linear-gradient(180deg, #B35A29 0%, #783711 90.14%) !important;
}
.award-success-container .swal2-content, .award-error-container .swal2-content {
    font-family: Inter;
    font-size: 14px !important;
    line-height: 22px !important; /* 157.143% */
}
.award-success-container .swal2-icon > div, .award-success-container .swal2-icon > span {
    display: none !important;
}
/*withdraw提款*/
#withdraw > .ml-3.mr-3.mt-3.v-card{
    margin:0 !important;
}
.payment-list > div .fix {
    margin:5px 0;
    background: rgba(255,255,255,0.2) !important;
}
.payment-list .payment-item {
    color: #fff !important;
    border-radius: 4px !important;
    border-color: transparent !important;
    background: linear-gradient(142deg, #804F35 6.76%, #4F2813 93.93%);
}
.payment-list .category-title {
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#withdraw .payment-list > div.active, #deposit .payment-list .v-sheet.active,
#deposit .payment-list .v-sheet {
    position: relative;
    border: none !important;
}
    .payment-list > div.active:before,
    #deposit .payment-list .v-sheet.active:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,0);
        background: linear-gradient(180deg, #fff 0%,#FFB31A 100%) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    .payment-list > div.active:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 20px 20px;
        border-radius: 0 0 4px 0;
        border-color: transparent transparent #FFB31A transparent;
    }
.payment-list > div.active .category-title:after, #deposit .payment-list .v-sheet .check-icon:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 3vw;
    height: 3vw;
    z-index:5;
    background: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/svg/check.svg') no-repeat;
    background-size: contain;
}
#deposit .payment-list .v-sheet .check-icon:before {
    bottom: -4px !important;
    right: -4px !important;
}
    .withdraw-account-bg.v-card, .withdraw-info-bg.v-card {
        margin: 0 4% !important;
    }
#withdraw .withdraw-account-bg.v-card .view-account-wrap {
    margin-top: 3vw !important;
    padding: 16px 0 !important;
}
#withdraw .withdraw-account-bg .v-card__text > .v-card.v-card--link.v-sheet {
    margin: 16px 0 !important;
    padding: 8px 16px !important;
    border-radius: 8px;
    border: 1px solid #F4D7B9;
    color: #fff;
}
    #withdraw .withdraw-account-bg .v-card__text > .v-card.v-card--link.v-sheet:last-child {
        margin-bottom: 10vw !important;
    }
    #withdraw .withdraw-account-bg .v-card__text > .v-card.v-card--link.v-sheet .v-icon {
        color: #fff;
    }
    .view-account-wrap {
        color: #fff;
    }
.withdraw-account-bg .view-account {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/bg_link.png') no-repeat center;
    background-size: 100% 100%;
    display: flex;
    color: #fff;
    text-decoration: none;
    align-items: center;
    padding: 0px 15px 0 30px;
    font-size: .8rem;
    padding: 12px 18px 12px 12px;
    justify-content: space-between;
}
    .withdraw-account-bg .view-account:after {
        content: "";
        display: block;
        flex: 0 0 15px;
        height: 10px;
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/arrow_right.png') no-repeat center;
        background-size: 100%;
    }
    .withdraw-account-bg .view-account i {
        display: none;
    }
.withdraw-account-bg> .v-card__text,.withdraw-account-bg .v-card__text .mt-3.mb-2.pl-5.pr-5 {
    padding: 0 !important;
}
    .withdraw-account-bg .v-card__text .mt-3.mb-2.pl-5.pr-5 button{
        margin:5vw 0 !important;
    }
#withdraw .withdraw-info-content .administration-fee-dialog-btn.v-btn.theme--light.v-btn--text {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 1vw !important;
    height: auto;
    border-bottom: 1px dashed #fff;
    border-radius: 0;
    background: none !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    box-shadow: none !important;
}
#withdraw .withdraw-info-bg.v-card.theme--light .withdraw-info-content, .withdraw-info-bg > .v-card__title.subtitle-1 {
    padding: 0 !important;
}
    .withdraw-info-bg > .v-card__title.subtitle-1{
        margin-top: 4vw !important;
    }
    .withdraw-item-input {
        margin-bottom: 6vw;
    }
        .withdraw-item-input .theme--light.v-input,
        .online-deposit-apply-bg .theme--light.v-input {
            color: #F29350 !important;
            font-family: "Koulen", serif;
            font-size: 36px;
            font-style: normal;
            font-weight: 400;
            line-height: 36px;
        }
        .withdraw-item-input .v-text-field--outlined.v-input--is-focused fieldset,
        .withdraw-item-input .v-text-field--outlined.v-input--has-state fieldset {
            color: #Fff !important;
            border: none !important;
            border-radius: 0 !important;
            border-bottom: 1px solid #Fff !important;
        }
        .withdraw-item-input .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot {
            padding: 0 !important;
        }
        .withdraw-item-input .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
            border: none !important;
            border-radius: 0 !important;
            border-bottom: 1px solid #F29350 !important;
        }
        .withdraw-item-input .theme--light.v-text-field--outlined.v-input--is-focused > .v-input__control > .v-input__slot fieldset {
            border-radius: 0 !important;
            border-bottom: 1px solid #F29350 !important;
            color: #fff !important;
        }

        .withdraw-item .red--text {
            color: #F29350 !important;
        }
.withdraw-info-bg.v-card {
    padding-bottom: 10vw;
    color: #fff !important;
}
    .withdraw-info-bg.v-card .withdraw-item {
        display: flex;
        padding: 12px 8px;
        margin-bottom: 5px;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.10);
    }
    .withdraw-info-bg.v-card .v-form .withdraw-item > div {
        margin: 0 !important
    }
.withdraw-info-content .withdraw-tips{
    margin:5vw 0!important;
}
.withdraw-tips {
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/*deposit*/
#deposit .alert-bg.v-card{
    margin: 0 !important;
}
#deposit .payment-list {
    padding: 0 5% !important;
}
    #deposit .payment-list .v-sheet .check-icon {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 5;
        color: transparent !important;
    }
    #deposit .type-list button.active i.selected,
    #deposit .account-list button.active i.selected {
        display: none !important;
    }
#deposit .type-list button, #deposit .account-list button {
    justify-content:center !important;
    padding-left: 0 !important;
    color: #fff !important;
    border-radius: 8px;
    border: 1px solid #F4D7B9;
    background: none !important;
}

#app #deposit .payment-list .v-sheet, #app #deposit .payment-list .v-sheet.active {
    border: none !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
    #deposit .type-list button.active, #deposit .account-list button.active {
        color: #6D2703 !important;
        border: none !important;
        background: #FFB31A !important;
    }
.company-deposit-account-list-bg.common-bg,
.company-deposit-apply-bg.common-bg,
.online-deposit-apply-bg.common-bg {
    padding: 0 !important;
    margin: 5% !important;
}
    .online-deposit-apply-bg.common-bg .grey--text.text--darken-1, .online-deposit-apply-bg.common-bg .red--text {
        color: #fff !important;
    }
.company-deposit-account-list-bg.common-bg > .pa-1 {
    color: #fff !important;
}
    .company-deposit-account-list-bg.common-bg > .pa-1 .v-btn.v-btn--outlined{
        padding:12px 10px !important;
    }
.mx-input {
    background: none !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #F29350 !important;
}
.mx-icon-calendar, .mx-icon-clear{
    color:#fff !important;
}
.online-deposit-apply-bg .v-input__prepend-outer{
    display:none !important;
}
.online-deposit-apply-bg .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot{
    padding:0 !important;
}
/*取款稽核談窗*/
.v-dialog.administration-fee-info-dialog .v-card__title button, .v-dialog.administration-fee-info-dialog .theme--light.v-divider {
    display: none !important;
}
.v-dialog.administration-fee-info-dialog .v-data-table.mt-3{
    margin-bottom:8vw !important;
}

.v-dialog.administration-fee-info-dialog.page-bottom-dialog.common-dialog .v-btn {
    margin: 0 !important;
}
.v-data-table.custom-table {
    border: 1px solid #C9671D !important;
}
.v-data-table.custom-table tr:nth-child(even) {
    background-color: transparent !important;
}
/*select-account-dialog*/
.v-dialog.select-account-dialog.common-dialog .v-card__title button.v-btn {
    width: auto !important;
    margin: 0 !important;
    position: absolute;
    right: 5%;
    background: none !important;
    box-shadow: none !important;
}
.v-dialog.select-account-dialog .v-card__actions button{
    margin: 0 !important;
}
.v-dialog.select-account-dialog.common-dialog .v-card > :first-child:not(.v-btn):not(.v-chip) {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
#app-download ul {
    position: relative;
    padding: 9vw 5vw !important;
    background: linear-gradient(90deg, #D05327 0%, #D6661E 100%) !important;
}
#app-download ul li.download-body > div h2 {
    display: none;
}
#app-download ul li.download-body > div span{
    font-size:3vw !important;
    line-height: 1.5 !important;
}
    #app-download ul li.close-btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 7vw !important;
        height: 7vw !important;
        background: #00000066 !important;
        border-radius: 0px 0px 24px 0px;
    }
        #app-download ul li.close-btn:after {
            content: '';
            display: block;
            position: absolute;
            top: 1.5vw;
            left: 1.5vw;
            width: 3vw;
            height: 3vw;
            z-index: 1;
            background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/close.png') no-repeat center;
            background-size: contain;
        }

    #app-download ul li.download-btn {
        min-width: auto !important;
        padding: 3px !important;
        border-radius: 6px;
        background: linear-gradient(180deg, #C8A884 42.51%, #7A6348 100%) !important;
        box-shadow: 0px 2px 2px 0px #00000033;
        box-shadow: 0px 0px 2px 0px #FFFFFF8C inset;
    }
    #app-download ul li.download-btn a {
        min-width: 13vw !important;
        padding: 5px;
        color: #CB4819 !important;
        font-size:3vw;
        border-radius: 6px;
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.7) 100%);
        border: 0.5px solid #FFFFFF;
    }
/*mgm 推薦好友*/
#mgm .heading p{
}
#mgm .invite-title, #mgm .common-bg.v-card,
#vip .common-bg.v-card {
    border-radius: 8px;
    border: 1px solid #C9671D;
}
    #mgm .common-bg.v-card .v-card__actions{
        margin-bottom:5vw;
    }
/*vip*/
#vip {
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
    #vip .v-card .v-card__title {
        font-size: 16px !important;
        font-weight: 400 !important;
    }
    #vip table{
        border-spacing: 0 !important;
    }
    #vip table tr th, #vip table tr td {
        border-bottom: 1px solid #C9671D !important;
    }
    #vip .v-card .btn-group .btn{
        border:none !important;
    }
/*announcement, news*/
.announcement .v-card__text{
    color: #fff;
}
.announcement.v-dialog:not(.v-dialog--fullscreen) {
    max-height: 65% !important;
}
.news-dialog.v-dialog:not(.v-dialog--fullscreen) {
    max-height: 50% !important;
    margin-top:25vh;
}
.news-dialog .v-card__text{
    color: #fff !important;
}
.news-dialog .v-dialog__content {
    align-items: center !important;
}
.announcement .common-bg.v-card, .wallet-detail-dialog .common-bg.v-card, .news-dialog .common-bg.v-card {
    padding: 5vw 0;
}
.announcement .v-card__title, .wallet-detail-dialog .v-card__title, .news-dialog .v-card__title {
    justify-content: center !important;
    background: none !important;
}
    .announcement .v-card__title .text-h6, .wallet-detail-dialog .text-h6, .news-dialog .text-h6 {
        font-size: 18px !important;
    }
    .announcement .v-card__title button.v-icon, .news-dialog .v-card__title button.v-icon, .wallet-detail-dialog .v-card__title button.v-btn {
        position: absolute;
        right: 5%;
        top: 4vw;
        color: transparent !important;
    }
    .wallet-detail-dialog .v-card__title button.v-btn {
        width: auto !important;
        background: none !important;
        padding: 0 !important;
        box-shadow:none !important;
    }
    .v-card__title button.v-icon:after, .wallet-detail-dialog .v-card__title .v-icon:after, .news-dialog .v-card__title .v-icon:after {
        opacity: 1 !important;
        transform: scale(1) !important;
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/close.png') no-repeat center !important;
    }
        .announcement .footer {
            padding: 1vw 0;
            flex-direction: column;
        }
    .announcement .footer p{
        display:none;
        margin-bottom:5vw !important;
        font-size: 14px !important;
        color: #fff !important;
    }

.v-dialog.announcement .common-bg .v-divider, .wallet-detail-dialog.v-dialog .common-bg .v-divider, .news-dialog.v-dialog .common-bg .v-divider {
    display: none !important;
}
/*wallet-detail-dialog*/
.wallet-detail-dialog .common-bg.v-card, .news-dialog .common-bg.v-card {
    border-radius: 15px !important;
}
.wallet-detail-dialog .v-card__title .white--text {
    color: transparent !important;
}
.wallet-detail-dialog .theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th {
    border-color: #F29350 !important;
}
.wallet-detail-dialog .blue-grey.darken-1 {
    background-color: transparent !important;
}
.wallet-detail-dialog .balance .red--text {
    color: #FFF !important;
}
.wallet-detail-dialog .v-data-table__wrapper tr, .wallet-detail-dialog .v-data-table.custom-table tr:nth-child(even) {
    background: none !important;
}
.wallet-detail-dialog .v-card__actions {
    justify-content: center !important;
}
.wallet-detail-dialog .v-card__actions button {
    width: auto !important;
    flex: 1;
}
.wallet-detail-dialog .v-data-table.custom-table {
    border: 1px solid #F29350 !important;
    border-radius: 8px !important;
}
.wallet-detail-dialog .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row){
    border-bottom: 1px solid #F29350 !important;
}
.wallet-detail-dialog .spacer{
    flex-grow:unset !important;
}
.wallet-detail-dialog .v-card__text .subtitle-1 {
    font-size: 0.9rem !important;
    margin-bottom:5px !important;
}
/*login*/
.v-dialog.login-dialog .v-card__title {
    flex-direction: column;
    border: none !important;
}
    .v-dialog.login-dialog .v-card__title:before {
        content: '';
        display: block;
        margin-bottom: 5vw;
        width: 25vw;
        height: 20vw;
        z-index: 1;
        background: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/logo_login.png') no-repeat center;
        background-size: contain;
    }
.v-dialog.login-dialog .close-btn{
    position: absolute !important;
    top: 3vw;
    right: 3vw;
    color: #fff !important;
}
.v-dialog.login-dialog .v-card__title .d-flex.flex-grow-1 {
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius:8px;
    background: linear-gradient(180deg, #6D2703 0%, #953504 100%);
    border: 1px solid var(--Color-10, #F29350)
}
.v-dialog.login-dialog .v-card__title .d-flex.flex-grow-1 .title {
    margin:0 !important;
    padding:1%;
    flex:1;
    color: #fff !important;
    font-size:0.9rem !important;
    font-weight:normal !important;
    }
.login-dialog .v-card__title .title.active {
    border-radius: 7px;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%);
    box-shadow: 0px -1px 0px 0px #00000066 inset;
}
.login-dialog .v-card__title .title.active:after {
    content: none !important;
}
#app .login-dialog .form-wrap, #app .login-dialog .container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#app .login-dialog .v-form{
    position: relative;
    padding: 0 !important;
}
#app .login-dialog .form-wrap .input-wrap, #app .login-dialog .container .input-wrap,
#member-infor .form-wrap .input-wrap {
    border: 1px solid #F29350 !important;
    border-radius: 8px !important;
    background-size: 5vw !important;
    background-position-x: 2vw !important;
}
    #app .login-dialog .form-wrap .input-wrap .v-label, #app .login-dialog .container .input-wrap .v-label,
    #app .login-dialog .form-wrap .input-wrap input, #app .login-dialog .container .input-wrap input {
        padding-left: 12% !important;
    }
    #app .login-dialog .form-wrap .input-wrap .v-input--is-label-active input,
    #app .login-dialog .container .input-wrap .v-input--is-label-active input,
    #app .login-dialog .form-wrap .input-wrap .v-input--is-focused input,
    #app .login-dialog .container .input-wrap .v-input--is-focused input,
    #app .login-dialog .form-wrap .input-wrap .v-input--is-label-active .v-select__selection--comma,
    #app .login-dialog .container .input-wrap .v-input--is-label-active .v-select__selection--comma {
        margin-top: -5px;
    }
    #app .login-dialog .form-wrap .input-wrap .v-input--is-label-active .v-label,
    #app .login-dialog .container .input-wrap .v-input--is-label-active .v-label,
    #app .login-dialog .form-wrap .input-wrap .v-input--is-focused .v-label,
    #app .login-dialog .container .input-wrap .v-input--is-focused .v-label {
        margin-left: 11% !important;
        margin-top: -2.3vw !important;
        padding: 0 !important;
        color: #FFB31A !important;
        background: #C9671C !important;
    }
        #app .login-dialog .form-wrap #submit, #app .login-dialog .container #submit {
            padding: 2.5vw 0 !important;
            margin-top: 6vw !important;
            font-size: 0.9rem !important;
            border-radius: 8px !important;
            background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
        }
#app .login-dialog .v-form > a {
    font-size: 0.8rem !important;
}
#app .login-dialog .container .theme--light.v-messages.error--text,
#member-infor .theme--light.v-messages.error--text {
    padding: 0 !important;
    background: none !important;
}
#app .login-dialog .container .input-wrap .v-text-field__details .v-messages .v-messages__message,
#app .forget-password-dialog .form-wrap .input-wrap .v-text-field__details .v-messages .v-messages__message,
#member-infor .input-wrap .v-text-field__details .v-messages .v-messages__message {
    background: #fff !important;
    color: #FA3C2B !important;
}
#app .login-dialog .go-home-btn {
    display: block !important;
    background: none !important;
    box-shadow: none !important;
    margin-top: 1vw !important;
}
    #app .login-dialog .go-home-btn:before{
        content:none !important;
    }
#app .login-dialog .account-rule, #app .login-dialog .password-rule {
    color: #6D2703 !important;
    margin-top: -10px;
    margin-bottom: 1vw;
}
#app .login-dialog .tip-box .register-switch-btn,
.form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code, .view-account-wrap button {
    width: auto !important;
    padding: 2vw !important;
    background: radial-gradient(54.62% 57.81% at 50% 0%, #AC410A 0%, #6D2703 100%) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#app .login-dialog .form-wrap .get-otpcode, #app .login-dialog .container .get-otpcode {
    width: auto !important;
    padding: 2vw !important;
    top: 14vw !important;
    right: 1vw !important;
    border-radius: 8px !important;
    background: radial-gradient(54.62% 57.81% at 50% 0%, #AC410A 0%, #6D2703 100%) !important;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
#app .login-dialog .form-wrap .input-wrap.select .v-select__slot {
    padding: 0 3% 0 12% !important;
}
#app .login-dialog .sms-tip {
    color: #6D2703 !important;
}
#app .login-dialog .live-chat-btn {
    color: #fff !important;
    text-decoration:none;
}
.form-wrap .input-wrap{
    margin-bottom:15px !important;
}
#app .forget-password-dialog .form-wrap .input-wrap .v-text-field__details{
    left: calc(0.24 * 430px);
    top: calc(0.014 * 430px);
}
#app .forget-password-dialog .form-wrap .input-wrap.PhoneCheckCode .v-text-field__details{
    z-index: 1;
}
#app .forget-password-dialog .form-wrap .input-wrap .v-text-field__details .v-messages .v-messages__message:before{
    top: 8px;
    left: 3.5px;
}
#app .v-dialog.forget-password-dialog .form-wrap .input-wrap .v-input__append-inner button{
    width: auto !important;
    background: none !important;
    box-shadow: none !important;
    top: -4.7vw;
}
#app .v-dialog.forget-password-dialog .form-wrap .input-wrap.PhoneCheckCode button{
    margin-top: 0 !important;
    right: 0;
    top: 3px !important;
    height: 85% !important;
    padding: 0 10px !important;
}
/*bet record*/
#bet-record .red--text{
    color: #ff8b70 !important;
    caret-color: #ff8b70 !important;
}

#bet-record .list-box .text-h6 {
    font-size: 16px !important;
}
.v-dialog.page-bottom-dialog.search-bet-dialog {
    background: #B35A29;
}
    
.v-dialog.page-bottom-dialog.search-bet-dialog > .theme--light.v-sheet {
    margin: 5% 0 3% 0 !important;
}
    .v-dialog.page-bottom-dialog.search-bet-dialog .bet-record-date-btns {
        margin: 5vw 0 4vw 0 !important;
    }
        .v-dialog.page-bottom-dialog.search-bet-dialog .bet-record-date-btns button,
        .v-dialog.gametype-dialog-component .theme--light.v-btn {
            padding: 10px;
            border: 1px solid #F4D7B9 !important;
            font-size: 12px !important;
        }
    .v-dialog.page-bottom-dialog.search-bet-dialog .bet-record-date-btns button:last-child {
        margin-right: 0 !important;
    }
    .v-dialog.page-bottom-dialog.search-bet-dialog .bet-record-date-btns button.active {
        background: #FFB31A;
        color: #6D2703 !important;
        border-color: #FFB31A;
    }
.v-dialog.page-bottom-dialog.search-bet-dialog .time-wraper .marks{
    margin:0 10px;
}
.v-dialog.page-bottom-dialog.search-bet-dialog .mx-input {
    padding: 10px !important;
    border-radius: 8px !important;
    border: 1px solid #F29350 !important;
}
.v-dialog.page-bottom-dialog.search-bet-dialog .mx-icon-calendar {
    display: none;
}
.v-dialog.page-bottom-dialog.search-bet-dialog .game-picker-box .btn-group{
    margin-top:10%;
}
    .v-dialog.page-bottom-dialog.search-bet-dialog .game-picker-box .btn-group .btn-close {
        background: radial-gradient(53.15% 50% at 50% -1.32%, #DC7841 0%, #93451A 100%) !important;
    }
.game-picker-box {
    margin-top: 5vw;
}
.game-type-dialog-component > .mt-2 {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
.v-dialog.page-bottom-dialog.search-bet-dialog .game-type-dialog-component > .mt-2 .select-btn {
    margin: 0 0 2vw 0 !important;
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/arrow.png') no-repeat 95% center !important;
    border-radius: 8px !important;
    border: 1px solid #F29350 !important;
    box-shadow: none !important;
    background-size: 4% !important;
    font-size: 14px;
}
    .v-dialog.page-bottom-dialog.search-bet-dialog .v-input--radio-group__input {
        padding: 0 6vw;
        border-bottom: 1px solid #C9671D;
    }
.v-dialog.page-bottom-dialog.search-bet-dialog .v-input--radio-group--row .v-radio {
    position: relative;
    flex:1;
    border: 1px solid transparent !important;
}
.v-input--radio-group.v-input--radio-group--row .v-radio:last-child {
    margin-right: 0 !important;
}
.v-dialog.page-bottom-dialog.search-bet-dialog .v-input--radio-group--row .v-radio::before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    margin: -1px !important;
    background: #FFB31A;
    opacity: 0;
}
.v-dialog.page-bottom-dialog.search-bet-dialog .v-input--radio-group--row .v-input--selection-controls__input {
    display: none;
}
.v-dialog.page-bottom-dialog.search-bet-dialog .v-input--radio-group--row .v-radio label {
    padding-bottom: 4vw;
    color: #fff !important;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

    .v-dialog.page-bottom-dialog.search-bet-dialog .v-input--radio-group--row .v-radio.v-item--active::before {
        opacity: 1;
    }
.v-dialog.page-bottom-dialog.search-bet-dialog .v-input--selection-controls .v-input__slot > .v-label {
    font-size: 14px !important;
}
#app .v-dialog.page-bottom-dialog.search-bet-dialog .v-input.small-checkbox i::after,
#app .v-dialog.gametype-dialog-component .v-input.small-checkbox i::after {
    border-radius: 2px;
    border: 3px solid #FFB31A !important;
    background: none !important;
    transform: scale(0.7) !important;
}
#app .v-dialog.page-bottom-dialog.search-bet-dialog .v-input.small-checkbox.v-input--is-label-active i::before,
#app .v-dialog.gametype-dialog-component .v-input.small-checkbox.v-input--is-label-active i::before {
    background: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/svg/check.svg') no-repeat center !important;
    background-size: contain !important;
}
#app .v-dialog.page-bottom-dialog.search-bet-dialog .v-input.small-checkbox.v-input--is-label-active i::after,
#app .v-dialog.gametype-dialog-component .v-input.small-checkbox.v-input--is-label-active i::after {
    background: #FFB31A !important;
}
    /*game type pick modal*/
    .v-dialog.gametype-dialog-component .v-card__title.grey.lighten-2 {
    background-color: transparent !important;
    color: #fff !important;
}
.v-dialog.gametype-dialog-component .theme--light.v-btn{
    width:auto;
}
.v-dialog.gametype-dialog-component .theme--light.v-btn:not(.primary--text) {
    padding: 7px 10px;
    background: none !important;
    box-shadow: none !important;
}
    .v-dialog.gametype-dialog-component .theme--light.v-btn.primary--text {
        border: none !important;
    }
    /*transaction*/
.Transaction .v-dialog .theme--light.v-sheet{
    background: linear-gradient( #B35A29 , #783711 ) !important;
    border: none !important;
}
.Transaction .transaction-detail-dialog{
    position: relative;
}
.Transaction .transaction-detail-dialog .v-card__title{
    background: none;
    justify-content: center;
}
.Transaction .transaction-detail-dialog .v-card__title > span{
    padding: 16px 8px;
}
.Transaction .transaction-detail-dialog .v-card__title button{
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
}
.Transaction .transaction-detail-dialog .v-data-table__wrapper{
    margin-bottom: 60px;
}
#app.Transaction .transaction-detail-dialog .red--text,
#app.Transaction .red--text {
    color: #ff8b70 !important;
    caret-color: #ff8b70 !important;
}
    #transaction .v-card__text {
        padding: 0 !important;
    }
#transaction .transaction-content {
    margin: 0 !important;
    position: relative;
}


#transaction .btn-group.transaction-category {
    border-bottom: 1px solid #C9671D;
}
    #transaction .btn-group.transaction-category button{
        padding: 4vw 0 !important;
        margin: 0 5% !important;
        border: none !important;
        color: #fff !important;
    }
#transaction .btn-group button, .v-dialog.page-bottom-dialog.search-bet-dialog .bet-record-date-btns button {
    flex: 1;
    position: relative;
    border-radius: 8px !important;
    color: #fff !important;
}
#transaction .btn-group.transaction-category button.active:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #FFB31A;
    position: absolute;
    left:0;
    bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#transaction .theme--light.v-divider{
    border-color:transparent !important;
}
#transaction .btn-group.transaction-date-btns{
    margin:5vw 2vw!important;
}
    #transaction .btn-group.transaction-date-btns button:first-child {
        margin-left: 3vw !important;
    }
    #transaction .btn-group.transaction-date-btns button:last-child {
        margin-right: 3vw !important;
    }
    #transaction .btn-group.transaction-date-btns button {
        margin: 0 5px !important;
        padding: 8px 8px 5px 8px !important;
    }
#transaction .btn-group.transaction-date-btns button.active {
    background: #FFB31A;
    color: #6D2703 !important;
}
#transaction .v-data-table {
    margin: 4vw !important;
    border: 1px solid #C9671D !important;
}
    #transaction .v-data-table button {
        color: #fff !important;
        background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
    }
.modal-content.transaction-detail-modal {
    width: 100%;
    padding: 5vw 2vw;
    position: absolute;
    bottom: 0;
    border-radius: 20px 20px 0px 0px;
    background: linear-gradient(180deg, #B35A29 0%, #783711 90.14%);
}
    .modal-content.transaction-detail-modal .v-data-table{
        border:none !important;
    }

.modal-content.transaction-detail-modal .modal-content {
    margin: 0 !important;
}
.modal-content.transaction-detail-modal .modal-content .v-card__title{
    justify-content:center;
    background: none !important;
}
    .modal-content.transaction-detail-modal .theme--light.v-divider{
        border-color:transparent !important;
    }
    .modal-content.transaction-detail-modal button{
        flex:1;
        border-radius:8px;
    }
/*通用*/
.v-dialog.common-dialog.v-dialog--active.v-dialog--scrollable #page-title {
    background:none !important;
    box-shadow:none !important;
}
.swal2-popup {
    border-radius: 12px !important;
    border: 1px solid #F4D7B9;
    background: #C9671D !important;
}
.swal2-content {
    font-size: 16px;
    color: #fff !important;
}
.swal2-container .btn-success, .swal2-styled {
    font-size: 14px !important;
    border-radius: 7px !important;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
    border: none !important;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.40) inset;
}
    .swal2-styled.swal2-cancel {
        background: radial-gradient(53.15% 50% at 50% -1.32%, #DC7841 0%, #93451A 100%) !important;
    }
    .swal2-actions .btn, .swal2-actions button {
        flex: 1;
    }
.swal2-content .swal2-input, .swal2-input:focus {
    box-shadow: none !important;
    color: #fff;
    font-size: 14px;
    border-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #F29350 !important;
}
.swal2-container .btn-danger {
    border-radius: 8px;
    border: none !important;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #DC7841 0%, #93451A 100%) !important;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.40) inset;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
}
.v-dialog__content.v-dialog__content--active {
    backdrop-filter: blur(3px); /* 模糊效果 */
    -webkit-backdrop-filter: blur(3px);
}
.v-select.theme--light .v-icon.v-icon:after {
    opacity: 1 !important;
    transform: scale(0.6) !important;
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/arrow.png') no-repeat center !important;
}
.v-application .v-select.theme--light .v-icon.primary--text,
.v-select.theme--light .v-icon.v-icon,
.form-wrap .input-wrap.select .v-select__slot .v-input__append-inner i {
    color: transparent !important;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background: none !important;
}
.v-text-field.v-text-field--enclosed .v-text-field__details{
    padding: 0 !important;
}
.v-data-table tr td + td {
    border: none !important
}

.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row) {
    height:auto !important;
    border: none !important;
    border-bottom: 1px solid #C9671D !important;
}
#page-title .back-btn {
    left: 5% !important;
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/arrow_back.png') no-repeat center;
    background-size: contain;
}
.v-application .grey--text.text--darken-1, .v-application .green--text.text--darken-3 {
    color: #F4D7B9 !important;
}
.v-application .black--text {
    color: #fff !important;
}
.theme--light.v-data-table {
    background-color: transparent !important;
    color: #fff !important;
}
.v-alert{
    margin:5%;
}

.v-dialog .theme--light.v-sheet.v-alert {
    border: none !important;
    background: none !important;
}
.v-alert--text.no-data {
    color: #F4D7B9 !important;
}

.v-alert--text.no-data:before {
    background-color: transparent !important;
}
    .v-alert--text.no-data .v-alert__content {
        position: relative;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
        .v-alert--text.no-data .v-alert__content:before {
            content: '';
            display: block;
            width: 100%;
            height: 25vh;
            background: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/Empty-Data.png') no-repeat center bottom;
        }
    .v-alert--text.no-data .v-alert__content i, .v-alert--text.no-data i {
        display: none;
    }
.v-application .info--text, .v-application .blue--text {
    color: #fff !important;
}
.v-main {
    background-size: 100% 100% !important;
}
#app #page-title {
    background: linear-gradient(90deg, #EA5E2B 0%, #F18212 50%, #CE7012 100%), linear-gradient(80.08deg, rgba(215, 116, 18, 0) 78.95%, #EF8C2A 97.64%), linear-gradient(280.83deg, rgba(215, 116, 18, 0) 78.64%, #E65520 96.56%) !important;
    box-shadow: 0px 1px 3px 0px #00000026 !important;
}

#promotion-content .promotion-module-apply-btn, .theme--light.v-btn.v-btn--has-bg,
.account-action-btn.v-btn, .theme--light.v-btn.v-btn--text,
.submit-btn.v-btn {
    color: #fff !important;
    height: auto !important;
    padding: 3vw !important;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
}

.theme--light.v-btn, .v-dialog .theme--light.v-btn, #withdraw-account-management .account-action-btn {
    color: #fff !important;
    box-shadow: 0px -1px 0px 0px #00000066 inset !important;
}
.mx-datepicker-main.mx-datepicker-popup button.theme--light.v-btn {
    color: #73879c !important
}
.v-dialog .theme--light.v-btn, .submit-btn.v-btn, .v-dialog.page-bottom-dialog.common-dialog button.main-color.v-btn,
#withdraw-account-management .account-action-btn,
#app .login-dialog .feature-switch-btn .grey {
    width: 100%;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
    border-radius: 8px;
    padding: 3vw 0;
    height: auto !important;
    border: none !important;
}
.theme--light.v-btn.v-btn--disabled {
    color: #fff !important;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #C6B179 0%, #A46C46 100%) !important;
}
    .theme--light.v-btn.v-btn--disabled .v-btn__content {
        opacity: 0.5;
    }
    #footer .theme--light.v-btn {
        background: none !important;
    }
    .v-dialog.promotion-module-dialog .v-card__title {
        justify-content: end !important;
    }
.v-dialog .theme--light.v-sheet {
    background: #C9671D url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/modal_bk.png') no-repeat top center !important;
    border: 1px solid #F4D7B9 !important;
    border-radius: 15px !important;
}
.v-dialog > .v-card > .v-card__actions{
    margin-bottom:3%;
}
.v-dialog.login-dialog .login-dialog-bg,
.v-dialog.announcement .theme--light.v-sheet,
.v-dialog.wallet-detail-dialog .theme--light.v-sheet,
.v-dialog.news-dialog .theme--light.v-sheet {

}
.theme--light.v-card > .v-card__text {
    color: #fff !important;
}
.v-dialog.login-dialog .form-wrap .input-wrap .v-input__append-inner button {
    width: auto !important;
    top: -5vw !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
#app .login-dialog .form-wrap .input-wrap.account, #app .login-dialog .container .input-wrap.account,
#app .forget-password-dialog .form-wrap .input-wrap.account {
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/user.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
    background-size: 5vw !important;
}
#app .login-dialog .form-wrap .input-wrap, #app .login-dialog .container .input-wrap {
    border-radius: 8px !important;
}
    #app .login-dialog .form-wrap .input-wrap.password, #app .login-dialog .container .input-wrap.password,
    #app .forget-password-dialog .form-wrap .input-wrap.password {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/lock.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
#app .login-dialog .form-wrap .input-wrap.check_code, #app .login-dialog .container .input-wrap.check_code{
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/shield.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
    background-size: 5vw !important;
}
    #app .login-dialog .container .input-wrap.Mobile, #app .login-dialog .container .input-wrap.select.Mobile,
    #app .login-dialog .container .input-wrap.formProperty {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/phone.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.mobile-verification-code,
    #app .forget-password-dialog .form-wrap .input-wrap.PhoneCheckCode {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/verify.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.Name {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/user-1.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.Email {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/mail.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.birthday {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/list.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.IdNumber {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/wechat.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.Line {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/line.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.Telegram {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/telegram.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.IdNo {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/id.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .container .input-wrap.WalletAddress, #app .login-dialog .container .input-wrap.select {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/wallet-setting.png') no-repeat 2vw,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
        background-size: 5vw !important;
    }
    #app .login-dialog .form-wrap .input-wrap.birthday input {
        top: unset !important;
    }
    .login-dialog .login-dialog-bg {
        height: 65vh !important;
    }
.form-wrap .input-wrap .v-label.v-label--active{
    opacity:1 !important;
}
.form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code{
    top:3px !important;
    right:3px !important;
    padding:0 10px !important;
    height:85%;
}
#app .login-dialog .form-wrap.register .mobile-verification-code {
    margin-bottom: 3px !important;
}
    #app .login-dialog .form-wrap.register .password.confirm-password {
        margin-bottom: 15px !important;
    }
#app .login-dialog .form-wrap.register .pl-3.pr-2.text-body-2 {
    padding-left: 0 !important;
    padding-bottom: 8px !important;
    text-align: left !important;
    font-size: 12px !important;
}
#app .login-dialog .text-decoration-underline {
    background: linear-gradient(180deg, #FFF 5%, #F6CF04 81.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#app .login-dialog .container .input-wrap.check_code .v-icon.v-icon,
#app .login-dialog .container .input-wrap.password .visibility .v-icon.v-icon {
    color: transparent !important;
}
    #app .login-dialog .container .input-wrap.check_code .v-icon.v-icon:after,
    #app .login-dialog .container .input-wrap.password .visibility .v-icon.v-icon:after {
        opacity: 1 !important;
        transform: scale(0.6) !important;
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/reload.png') no-repeat center !important;
    }
#app .login-dialog .container .input-wrap.password .visibility{
    right:2.5vw !important;
}
#app .login-dialog .container .input-wrap.password .visibility .v-icon.v-icon:after {
    transform: scale(0.7) !important;
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/eye-open.png') no-repeat center !important;
}
    #app .login-dialog .container .input-wrap.password .visibility.off .v-icon.v-icon:after {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/eye-close.png') no-repeat center !important;
    }
/*infor*/
#member-infor .text-red {
    color: #fff !important;
}
.label-withdral {
    color: #fff !important;
    border-color: #fff !important;
}
    .label-withdral.tip{
        padding:2px 4px !important;
    }
#member-infor .form-wrap .input-wrap.select .v-select__slot .v-input__append-inner {
    margin-top: -3vw;
    margin-right: -3vw;
}
#member-infor .form-wrap .input-wrap .v-label {
    transform: translateY(-13px);
}
#member-infor .form-wrap .input-wrap .v-input--is-label-active .v-label,
#member-infor .form-wrap .input-wrap .v-input--is-focused .v-label {
    padding: 0 !important;
    transform: translateY(-9vw);
    margin-left: 15%;
}
    #member-infor .form-wrap .input-wrap .v-input .v-label:before {
        content: '';
        display: block;
        width: 100%;
        height: 10px;
        position: absolute;
        top: 1vw;
        z-index: -1;
        background: #a14d1f;
        opacity:0;
    }
#member-infor .form-wrap .input-wrap .v-input.v-input--is-label-active .v-label:before,
#member-infor .form-wrap .input-wrap .v-input--is-focused .v-label:before {
    opacity: 1;
}
        #member-infor .v-input--is-label-active.v-select.v-input--dense .v-select__selection--comma {
            margin-top: -3px !important;
        }
#member-infor .form-wrap .input-wrap .v-input--is-label-active input,
#member-infor .form-wrap .input-wrap .v-input--is-focused input {
    transform: translateY(-8px);
}

.submit-btn.v-btn {
    flex: 1;
    border-radius: 8px !important;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
}
/*password*/
#change-password .theme--light.v-label {
    color: #Fff !important;
    font-size: 14px !important;
}
#change-password .v-input--is-label-active .theme--light.v-label {
    color: #F29350 !important;
}

.btn-group .v-btn {
    flex:1;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
    border-radius: 8px !important;

}
#change-password .change-password-main {
    margin: 5% !important;
}
    #change-password .change-password-main > .v-card__text {
        padding: 0;
    }
        #change-password .change-password-main > .v-card__text .v-sheet.v-alert {
            margin: 12px 0 !important;
        }
/*sitemail*/
#site-mail > .v-card.v-sheet.theme--light {
    border: none !important;
    background: none !important;
}
#site-mail .v-alert, #vip .v-alert, .v-dialog.mail-detail-dialog .v-alert, #bet-record .v-alert,
#withdraw-account-management .v-alert, #member-infor .v-alert {
    margin: 0 !important;
}
#site-mail .theme--light.v-card {
    padding: 3vw !important;
    margin: 0 0 5% !important;
    color: #fff;
    border: 1px solid #FFB31A !important;
    border-radius: 8px !important;
    background: bottom no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/bk_award.png') !important;
    background-size: 100% 100% !important;
}
    #site-mail .theme--light.v-card.active{
        border-color: #000 !important;
    }
#site-mail .v-card.active{
    opacity:0.8;
}
#site-mail .v-card p {
    color: #fff !important;
}
#site-mail .v-card p.text-info {
    color: #fff !important;
    font-weight: bolder;
}
.v-dialog mail-detail-dialog .container.isEditing > .row > .col {
    padding: 0 !important;
}
    .v-dialog mail-detail-dialog .container.isEditing > .row > .col div > p.mail-body rounded {
        border-radius: 8px;
        border: 1px solid #FFB31A !important;
    }
    .v-tabs-slider-wrapper {
        height: 3px !important;
    }
.v-tabs-slider {
    width: 70%;
    margin: 0 auto;
    background: #FFB31A !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#site-mail .mail-item.un-read:after {
    background-color: #fff !important;
}
#site-mail .v-tabs {
    margin-bottom:3vw;
    background: none !important;
    border-bottom: 1px solid #C9671D;
}
.v-dialog.mail-detail-dialog .container {
    color: #fff;
}
.v-dialog.mail-detail-dialog button.title-close-btn {
    display: none !important;
}

.v-dialog.mail-detail-dialog .theme--light.v-sheet {
    background: none !important;
    border: none !important;
    color: #fff !important;
}
.v-dialog.mail-detail-dialog .container > .row{
    border:none !important;
}
.send-mail-dialog .v-card__title, .mail-detail-dialog .main-color {
    background: none !important;
}
.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) {
    color: #fff !important;
}
.send-mail-dialog.v-dialog .theme--light.v-sheet {
    background: #C9671D url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/modal_bk.png') no-repeat top center !important;
}
.send-mail-dialog.v-dialog .container .row .btn-group{
    margin-top:4vw;
}
.SiteMail .v-dialog__content {
    align-items: center !important;
}
.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset,
.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state):not(.v-input--is-disabled) > .v-input__control > .v-input__slot:hover fieldset {
    color: #F29350 !important;
}
.online-deposit-apply-bg .v-text-field--outlined.v-input--has-state fieldset,
.online-deposit-apply-bg .v-text-field--outlined fieldset,
.online-deposit-apply-bg .v-text-field--outlined.v-input--is-focused fieldset,
.company-deposit-apply-bg .v-text-field--outlined.v-input--has-state fieldset,
.company-deposit-apply-bg .v-text-field--outlined.v-input--is-focused fieldset,
.company-deposit-apply-bg .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset,
.company-deposit-apply-bg .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state):not(.v-input--is-disabled) > .v-input__control > .v-input__slot:hover fieldset {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #F29350 !important;
}
/*form*/
.v-input--selection-controls__input .v-icon{
    color:transparent !important;
}
.radio-group .v-input--selection-controls__input .v-icon, .v-radio .v-input--selection-controls__input .v-icon {
    color: #FFB31A !important;
}
#app .v-form .v-input.v-input--checkbox i::after, #app .v-input.small-checkbox i::after {
    background: #CB4819 !important;
    border: 1px solid #FFB31A !important;
    border-radius: 5px !important;
    opacity: 1 !important;
    transform: scale(0.6) !important;
}
#app .v-form .v-input.v-input--checkbox.v-input--is-label-active i::before,
#app .v-input.small-checkbox.v-input--is-label-active i::before {
    content: '';
    display: block;
    width: 4vw;
    height: 4vw;
    position: absolute;
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/check.png') no-repeat center !important;
    background-size: contain !important;
    z-index: 3;
}
.v-input--selection-controls .v-input__slot > .v-label,
.row .forget-btn {
    margin-left: -5px !important;
    font-size: 12px !important;
}
.form-wrap .v-input--checkbox i {
    color: transparent !important;
}
.v-text-field--outlined.v-input--has-state fieldset, .v-text-field--outlined.v-input--is-focused fieldset {
    border: 1px solid #F29350 !important;
}
.v-application .success--text {
    color: #FFB31A !important;
}
.v-alert--text:before{
    background-color: #FFf !important;
}
.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
    border-color: #F29350 !important;
}
.theme--light.v-card {
    background: none !important;
    box-shadow: none !important;
}
.theme--light.v-label, .theme--light.v-input input, .form-wrap .label-birth,
.theme--light.v-select .v-select__selections,.mx-input,
.v-text-field .v-input__control, .theme--light.v-messages,
.theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea {
    color: #fff !important;
}
.v-application .primary--text {
    /* color: #ae5626 !important; */
}
    .theme--light.v-messages.error--text {
        padding: 5px;
    }
        .form-wrap .input-wrap .mx-input {
            border: none !important;
        }
.form-wrap .input-wrap {
    border-radius: 0px !important;
    border-bottom: 1px solid #F29350 !important;
    background: none !important;
}
.v-application .info {
    background: #AE5727 !important;
    border: 1px solid #fff !important;
}
.theme--light.v-btn.v-btn--outlined.v-btn--text{
    min-height: 36px;
    height: auto !important;
    border:none !important;
}
.theme--light.v-text-field--filled > .v-input__control > .v-input__slot {
    padding: 0 !important;
    background: none !important;
}
.form-wrap .label-birth{
    font-size: 15px;
}
.form-wrap .label-birth + .mx-datepicker .mx-input {
    top: -34px !important;
}
.form-wrap .input-wrap.birthday input {
    top: -44px !important;
}
    .form-wrap .input-wrap.birthday input::placeholder, #set-account input::placeholder, .swal2-content .swal2-input {
        color: #fff !important;
    }
/*withdraw-account-management*/
.withdraw-account-management-content {
    padding-bottom: 10vw;
}
    .withdraw-account-management-content > .ma-3.common-bg.v-card .v-card__text {
        padding: 0 !important;
    }
.withdraw-account-management-content .pa-3.card-wrap {
    padding: 0 !important;
}
        .withdraw-account-management-content .pa-3.card-wrap .custom-text-color{
            display:block;
            padding:5% !important;
        }
        .withdraw-account-management-content .pa-3.card-wrap > .pl-8.pr-8.pt-2 {
            padding-left: 5% !important;
            padding-right: 5% !important;
        }
    
    #withdraw-account-management .account-action-btn {
        width: auto !important;
        margin: 3vw 2vw;
        padding: 3vw 12vw;
        flex:1;
    }
#withdraw-account-management .account-card + div, .withdraw-account-bg .account-card + div {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

#withdraw-account-management .account-card, .v-dialog.select-account-dialog .account-card.theme--light.v-sheet, .withdraw-account-bg .account-card {
    padding: 2vw 0;
    border-radius: 8px;
    border: 1px solid #000 !important;
    background: center no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/bk_card_bank.png') !important;
    background-size: 100% 100% !important;
}
    #withdraw-account-management .account-card .text-h6.font-weight-bold,
    .v-dialog.select-account-dialog .account-card .text-h6.font-weight-bold,
    .withdraw-account-bg .account-card .text-h6.font-weight-bold {
        color: #FFF;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500 !important;
        font-family: 'K2D', "Inter","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }
    #withdraw-account-management .account-card.digital-card, .v-dialog.select-account-dialog .account-card.digital-card {
        background-image: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/bk_card_usdt.png') !important;
    }
    #withdraw-account-management .account-card.default-card, .v-dialog.select-account-dialog .account-card.default-card, .withdraw-account-bg .account-card {
        border: 1.5px solid #FFF2D7;
        box-shadow: 0px 0px 14px 0px #FFB31A !important;
    }
        #withdraw-account-management .account-card.default-card:after, .v-dialog.select-account-dialog .account-card.default-card:after, 
        .withdraw-account-bg .account-card:after {
            content: '';
            display: block;
            width: 9vw;
            height: 9vw;
            position: absolute;
            top: 4vw;
            right: 4vw;
            background: center no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/icon-check-white.png') !important;
            background-size: 100% 100% !important;
        }
        #withdraw-account-management .account-card.default-card .icon-wrap,
        .v-dialog.select-account-dialog .account-card.default-card .icon-wrap,
        .withdraw-account-bg .account-card .icon-wrap {
            display: none;
        }
.account-card .card-text .walletAddress {
    margin: 15vw 0 2vw 0 !important;
    font-size: 16px !important;
}

.account-info {
    position:relative;
    padding-top:20vw;
    display: flex;
    align-items:center;
    justify-content: space-between;
    align-items:center;
}
    .account-info:before {
        content: '';
        display: block;
        width: 12vw;
        height: 9vw;
        position: absolute;
        top:0;
        background: center no-repeat url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/bank_card_img.png');
        background-size: 100%;
    }
    .account-info .text-h5.text-center {
        color: #FFF;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
    }
.v-application .account-info .text-h5 {
    margin: 0 !important;
    line-height: 1rem;
    font-family: 'K2D',"Inter", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.approveStatus span {
    padding: 0 2vw !important;
    border-radius: 20px !important;
    border: 0.6px solid #FFF !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(153, 153, 153, 0.00) 100%);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}
    .approveStatus span.in-review, .approveStatus span.audit-failed {
        color: #FFB31A !important;
        border-color: #fff !important;
    }
.approveStatus .d-flex b {
    display: flex;
    align-items:center;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 8vw;
    transform: translate(-50%,-100%);
}
    .approveStatus .d-flex b:before {
        content: '';
        display: block;
        width: 5vw;
        height: 5vw;
        background: center no-repeat url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon/close-circle.png') !important;
        background-size: 100% 100% !important;
    }
    .approveStatus .d-flex b:after {
        content: '';
        width: 115%;
        height: 8vw;
        display: block;
        border-radius: 20px;
        background: #CB4819;
        position: absolute;
        z-index: -1;
        margin-left: -5%;
    }
        .approveStatus .d-flex .lineChat {
            display: none;
        }
.theme--light.v-text-field--filled > .v-input__control > .v-input__slot {
    padding: 0 !important;
    color: #F29350 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #F29350 !important;
}

.theme--light.v-text-field--filled.v-input--is-focused > .v-input__control > .v-input__slot:before{
    border-color: #fff !important;
}
.v-text-field.v-input--is-focused > .v-input__control > .v-input__slot:after {
    transform: scaleX(0) !important;
}
.withdraw-account-management-content .pa-3.submit-wrap {
    padding: 5% !important;
}
#set-account .theme--light.v-text-field--filled > .v-input__control > .v-input__slot{
    padding:0;
}
#set-account .v-text-field--filled.v-input--dense .v-label {
    font-size: 14px;
}
#set-account .submit-btn{
    color: #fff !important;
}
#set-account .picture-upload > span.d-block, #set-account .picture-upload > span.d-block i{
    color: #F29350 !important;
}
#set-account .btn-group .v-btn {
    margin: 0 2vw !important;
    padding: 3vw 16px !important;
    height: auto !important;
}
.upload-limit {
    color: #F29350 !important;
}
.file-upload-item {
    width: 100% !important;
}
    .file-upload-item .upload_zone {
        border: 1px dashed #F29350 !important;
        border-radius: 8px !important;
    }
    .file-upload-item .upload_zone i{
        color:#fff !important;
    }
    .file-upload-item .upload_zone span.upload {
        border-radius: 7px;
        border: none !important;
        color: #fff !important;
        background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
    }
    .file-upload-item .remove-img i {
        color: #Fff !important;
    }
    .picture-upload .upload-limit i {
        color: #F29350 !important;
    }
/* 隱藏 代理加盟 */
#login > div.switch-page > div.login-box > ul > li.go-agent {
    display: none !important;
}

#app #account-info > div.info-body {
    display: none;
}



/* === USDT Mall === */

#member-center > div > div.main > div > div:nth-child(2) > div.panel-body.ng-scope > div:nth-child(1) {
    display: none;
}

.usdtmall-title > span {
    display: none;
}

.usdtmall-title::before {
    content: "託售";
}

.usdtmall-exisitWithdrawals > span {
    display: none;
}

.usdtmall-exisitWithdrawals::before {
    content: "託售進行中 （例行維護時段 23:20～00:30，維護期間請您等候，待維 護後安排託售，如欲取消請洽客服）";
}

.usdtmall-balance > span {
    display: none;
}

.usdtmall-balance::before {
    content: "主站錢包點數";
}

.usdtmall-withdrawalCondition > span {
    display: none;
}

.usdtmall-withdrawalCondition::before {
    content: "單筆託售限額";
}

.usdtmall-lockAmount > span {
    display: none;
}

.usdtmall-lockAmount::before {
    content: "流水未滿點數";
}

.usdtmall-amountThatCanBeWithdrawn > span {
    display: none;
}

.usdtmall-amountThatCanBeWithdrawn::before {
    content: "可託售點數";
}

.usdtmall-withdrawalAmount > span {
    display: none;
}

.usdtmall-withdrawalAmount::before {
    content: "託售";
}

.usdtmall-enter_withdrawalAmount > span {
    display: none;
}

.usdtmall-enter_withdrawalAmount::before {
    content: "請填入託售點數(千位數以上)";
}


.usdtmall-withdrawalAmountsOver > span {
    display: none;
}

.usdtmall-withdrawalAmountsOver::before {
    content: "主錢包剩餘點數";
}

.usdtmall-currentAccountBalance > span {
    display: none;
}

.usdtmall-currentAccountBalance::before {
    content: "主站錢包";
}

.usdtmall-tip-lockAmount > span {
    display: none;
}

.usdtmall-tip-lockAmount::before {
    content: "流水未滿";
}

.usdtmall-overdraft-tip > span {
    display: none;
}

.usdtmall-overdraft-tip::before {
    content: "(主錢包點數不足!)";
}

.usdtmall-overdraft > span {
    display: none;
}

.usdtmall-overdraft::before {
    content: "主錢包點數不足";
}

.usdtmall-showAccount {
    display:none;
}
/* == USDT Mall end === */

/* #region 改國旗 */
#app #home #account-info .change-language-wrap .change-language ul li[data-language="zh-TW"]::after,
#app.MemberCenter .lang-dialog .language-wrap .lang-list[data-language="zh-TW"]::before {
    background-image: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/lang/hong-kong.png');
}
/* #endregion 改國旗 */

/* #region 登入頁、註冊頁 */
#app #login .switch-page .reg-box,
#app #login .switch-page .login-box {
    display: flex;
}

#app #login .switch-page .login-box .switch-content{
    border-radius: 12px 0 12px 12px;
}
#app #login .switch-page .reg-box .switch-content{
    border-radius: 0 12px 12px 12px;
}

#app #login .switch-page .login-box .switch-btn,
#app #login .switch-page .reg-box .go-login {
    width: 15%;
    padding: 5% 4%;
    height: 80%;
    text-align: center;
    flex-direction: column;
    margin-top: 0px !important;
}

#app #login .switch-page .login-box .switch-btn {
    border-radius: 0 12px 12px 0;
    background-color: var(--login-switch-btn-bg);
}

#app #login .switch-page .reg-box .go-login {
    border-radius: 12px 0 0 12px;
    background-color: var(--login-reg-box-switch-btn-bg);
    order: -1;
}

#app #login .switch-page .login-box .switch-btn .go-register,
#app #login .switch-page .login-box .switch-btn .go-agent {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

#app #login .switch-page .login-box .switch-btn .go-register::before,
#app #login .switch-page .login-box .switch-btn .go-agent i,
#app #login .switch-page .reg-box .go-login::before {
    margin-right: 0px;
    margin-bottom: 8px;
}

#app #login .switch-page .login-box .switch-btn .go-register span,
#app #login .switch-page .login-box .switch-btn .go-agent span,
#app #login .switch-page .reg-box .go-login span{
    writing-mode: vertical-rl;
    width: fit-content;
}

#app #login .register .v-form .money-password label {
    color: transparent !important;
    width: 100%;
}

#app #login .register .v-form .money-password label::after {
    content: "Security password";
    display: block;
    position: absolute;
    color: white !important;
    top: 0;
    left: 62px;
}

#app.zh-CN #login .register .v-form .money-password label::after {
    content: "安全密码";
}

#app.zh-TW #login .register .v-form .money-password label::after {
    content: "安全密碼";
}

#app.th-TH #login .register .v-form .money-password label::after {
    content: "รหัสรักษาความปลอดภัย";
}

#app.vi-VN #login .register .v-form .money-password label::after {
    content: "Mật Khẩu Rút Tiền";
}

#app.pt-BR #login .register .v-form .money-password label::after {
    content: "Código de segurança";
}

#app.id-ID #login .register .v-form .money-password label::after {
    content: "kata sandi keamanan";
}
/** 忘記密碼 */
.v-dialog.login-dialog .v-card__title,
#app .forget-password-dialog .v-card__title {
    flex-direction: column;
    border: none !important;
}
.v-dialog.login-dialog .v-card__title:before,
#app .forget-password-dialog .v-card__title:before {
    content: '';
    display: block;
    margin-bottom: 5vw;
    width: 25vw;
    height: 20vw;
    z-index: 1;
    background: url('/CdnRedirect/Web.Mobile/DN026-01.Mobile/Content/Views/Shared/images/logo_login.png') no-repeat center;
    background-size: contain;
}

.v-dialog.login-dialog .close-btn {
    position: absolute !important;
    top: 3vw;
    right: 3vw;
    color: #fff !important;
}

.v-dialog.login-dialog .v-card__title .d-flex.flex-grow-1,
#app .forget-password-dialog .v-card__title .d-flex.flex-grow-1 {
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(180deg, #6D2703 0%, #953504 100%);
    border: 1px solid var(--Color-10, #F29350)
}

.v-dialog.login-dialog .v-card__title .d-flex.flex-grow-1 .title,
#app .forget-password-dialog .v-card__title .d-flex.flex-grow-1 .title {
    margin: 0 !important;
    padding: 1%;
    flex: 1;
    color: #fff !important;
    font-size: 0.9rem !important;
    font-weight: normal !important;
}

.login-dialog .v-card__title .title.active,
#app .forget-password-dialog .v-card__title .title.active {
    border-radius: 7px;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%);
    box-shadow: 0px -1px 0px 0px #00000066 inset;
}

.login-dialog .v-card__title .title.active:after,
#app .forget-password-dialog .v-card__title .title.active:after {
    content: none !important;
}

#app .login-dialog .form-wrap,
#app .login-dialog .container,
#app .forget-password-dialog .form-wrap,
#app .forget-password-dialog .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#app .login-dialog .v-form,
#app .forget-password-dialog .v-form {
    position: relative;
    padding: 0 !important;
}
#app .login-dialog .form-wrap .input-wrap,
#app .login-dialog .container .input-wrap,
#app .forget-password-dialog .form-wrap .input-wrap,
#app .forget-password-dialog .container .input-wrap,
#member-infor .form-wrap .input-wrap {
    border: 1px solid #F29350 !important;
    border-radius: 8px !important;
    background-size: 5vw !important;
    background-position-x: 2vw !important;
}

#app .login-dialog .form-wrap .input-wrap .v-label,
#app .login-dialog .container .input-wrap .v-label,
#app .login-dialog .form-wrap .input-wrap input,
#app .login-dialog .container .input-wrap input,
#app .forget-password-dialog .form-wrap .input-wrap .v-label,
#app .forget-password-dialog .container .input-wrap .v-label,
#app .forget-password-dialog .form-wrap .input-wrap input,
#app .forget-password-dialog .container .input-wrap input {
    padding-left: 12% !important;
}

#app .login-dialog .form-wrap .input-wrap .v-input--is-label-active input,
#app .login-dialog .container .input-wrap .v-input--is-label-active input,
#app .login-dialog .form-wrap .input-wrap .v-input--is-focused input,
#app .login-dialog .container .input-wrap .v-input--is-focused input,
#app .login-dialog .form-wrap .input-wrap .v-input--is-label-active .v-select__selection--comma,
#app .login-dialog .container .input-wrap .v-input--is-label-active .v-select__selection--comma,
#app .forget-password-dialog .form-wrap .input-wrap .v-input--is-label-active input,
#app .forget-password-dialog .container .input-wrap .v-input--is-label-active input,
#app .forget-password-dialog .form-wrap .input-wrap .v-input--is-focused input,
#app .forget-password-dialog .container .input-wrap .v-input--is-focused input,
#app .forget-password-dialog .form-wrap .input-wrap .v-input--is-label-active .v-select__selection--comma,
#app .forget-password-dialog .container .input-wrap .v-input--is-label-active .v-select__selection--comma {
    margin-top: -5px;
}

#app .login-dialog .form-wrap .input-wrap .v-input--is-label-active .v-label,
#app .login-dialog .container .input-wrap .v-input--is-label-active .v-label,
#app .login-dialog .form-wrap .input-wrap .v-input--is-focused .v-label,
#app .login-dialog .container .input-wrap .v-input--is-focused .v-label,
#app .forget-password-dialog .form-wrap .input-wrap .v-input--is-label-active .v-label,
#app .forget-password-dialog .container .input-wrap .v-input--is-label-active .v-label,
#app .forget-password-dialog .form-wrap .input-wrap .v-input--is-focused .v-label,
#app .forget-password-dialog .container .input-wrap .v-input--is-focused .v-label {
    margin-left: 11% !important;
    margin-top: -2.3vw !important;
    padding: 0 !important;
    color: #FFB31A !important;
    background: #C9671C !important;
}

#app .login-dialog .form-wrap #submit,
#app .login-dialog .container #submit,
#app .login-dialog .other-login button.line-login.v-btn,
#app .forget-password-dialog .form-wrap #submit,
#app .forget-password-dialog .container #submit,
#app .forget-password-dialog .other-login button.line-login.v-btn {
    padding: 2.5vw 0 !important;
    margin-top: 6vw !important;
    font-size: 0.9rem !important;
    border-radius: 8px !important;
    background: radial-gradient(53.15% 50% at 50% -1.32%, #FECB41 0%, #E55F06 100%) !important;
}

#app .login-dialog .v-form > a,
#app .forget-password-dialog .v-form > a {
    font-size: 0.8rem !important;
}

#app .login-dialog .container .theme--light.v-messages.error--text,
#app .forget-password-dialog .container .theme--light.v-messages.error--text,
#member-infor .theme--light.v-messages.error--text {
    padding: 0 !important;
    background: none !important;
}

#app .login-dialog .container .input-wrap .v-text-field__details .v-messages .v-messages__message,
#app .forget-password-dialog .container .input-wrap .v-text-field__details .v-messages .v-messages__message,
#member-infor .input-wrap .v-text-field__details .v-messages .v-messages__message {
    background: #fff !important;
    color: #FA3C2B !important;
}

#app .login-dialog .go-home-btn,
#app .forget-password-dialog .go-home-btn {
    display: block !important;
    background: none !important;
    box-shadow: none !important;
    margin-top: 1vw !important;
}

#app .login-dialog .go-home-btn:before,
#app .forget-password-dialog .go-home-btn:before {
    content: none !important;
}

#app .login-dialog .account-rule,
#app .login-dialog .password-rule,
#app .forget-password-dialog .account-rule,
#app .forget-password-dialog .password-rule {
    color: #6D2703 !important;
    margin-top: -10px;
    margin-bottom: 1vw;
}

#app .login-dialog .tip-box .register-switch-btn,
#app .forget-password-dialog .tip-box .register-switch-btn,
.form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code,
.form-wrap .input-wrap.PhoneCheckCode .get-captcha-btn,
.view-account-wrap button {
    width: auto !important;
    padding: 2vw !important;
    background: radial-gradient(54.62% 57.81% at 50% 0%, #AC410A 0%, #6D2703 100%) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#app .login-dialog .form-wrap .get-otpcode,
#app .login-dialog .container .get-otpcode {
    width: auto !important;
    padding: 2vw !important;
    top: 14vw !important;
    right: 1vw !important;
    border-radius: 8px !important;
    background: radial-gradient(54.62% 57.81% at 50% 0%, #AC410A 0%, #6D2703 100%) !important;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
#app .login-dialog .form-wrap .input-wrap.select .v-select__slot,
#app .forget-password-dialog .form-wrap .input-wrap.select .v-select__slot {
    padding: 0 3% 0 12% !important;
}
#app .login-dialog .sms-tip,
#app .forget-password-dialog .sms-tip {
    color: #6D2703 !important;
}
#app .login-dialog .live-chat-btn,
#app .forget-password-dialog .live-chat-btn {
    color: #fff !important;
    text-decoration: none;
}

#app .v-dialog.login-dialog button[type="submit"] span,
#app .v-dialog.forget-password-dialog button[type="submit"] span {
    color: #FFFFFF;
    font-size: 1rem;
}
#app .forget-password-dialog .v-card__text {
    padding-top: 12px !important;
}
#app .v-dialog .v-card__actions{
    flex-direction: column;
    gap: 15px;
}
/* #endregion 登入頁、註冊頁 */

/* #region 未設銀行彈窗 */
#app .common-alert-modal.v-dialog .v-card .v-card__actions {
    flex-direction: row;
    padding: 0 10px;
}
    #app .common-alert-modal.v-dialog .v-card .v-card__actions button {
        padding: 10px;
    }
/* #endregion未設銀行彈窗 */

/* #region 鎖住最大寬度只能430px */
@media (min-width: 431px) {
    /* #region 基礎佈局設定 */
    html,
    body,
    body .layout-wrap > * {
        margin: 0 auto;
    }

        body,
        body .layout-wrap > *,
        #app #footer .v-bottom-navigation,
        #app.Home .game-list-block-wrap .hot-swiper-slide,
        #app #footer .v-bottom-navigation,
        #app .v-overlay, #app .v-dialog__content {
            max-width: 430px !important;
        }

    #app .v-overlay {
        width: 430px;
    }
    /* #endregion 基礎佈局設定 */

    /* #region 浮動元素設定 */
    #app #custom-float,
    #app #vpn-float,
    #app #activity-float {
        right: calc(50vw - 215px);
        margin-bottom: 15px;
        left: unset !important;
    }

    #app .v-main {
        background-size: cover !important;
    }
    /* #endregion 浮動元素設定 */

    /* #region 頁面標題與導航欄 */
    #app #page-title,
    #app .v-bottom-navigation {
        display: block;
    }

    .col-3 {
        width: 25%;
    }

    #app.Home #home-navigation-wrap {
        margin-bottom: 79px;
    }

    #app #footer .v-bottom-navigation,
    #app .v-overlay,
    #app .v-dialog__content {
        left: 50%;
        transform: translateX(-50%) !important;
    }

    #app #footer .v-bottom-navigation {
        display: flex;
        padding-top: 35px;
        height: 70px !important;
        background-size: cover !important;
    }

    #app #footer .v-bottom-navigation .v-btn {
        top: unset;
        bottom: 24px;
        height: 56px !important;
        padding:15px !important;
        box-shadow: none !important;
    }
    #footer .v-btn.v-btn--active i:not(.chat){
        width: 33px !important;
        height: 33px !important;
        background-position: center center !important;
    }
    #footer .v-bottom-navigation span{
        margin-bottom: 10px;
    }
    #footer .v-btn i{
        width: 32px !important;
        height: 32px !important;
    }
    #footer .v-btn .has-new-sitemail{
        right: 5px !important;
    }
    /* id-ID*/
    .id-ID #footer .v-btn .v-btn__content span{
        margin-bottom: 0;
        display: block;
        width: 80px;
        height: 20px;
        white-space: normal;
        word-break: break-word;
        text-align: center;
        font-size: .75rem;
        line-height: 1;
    }
    /* th-TH*/
    .th-TH #footer .v-btn .v-btn__content span{
        margin-bottom: 0;
        display: block;
        width: 80px;
        height: 20px;
        white-space: normal;
        word-break: break-word;
        text-align: center;
        font-size: .75rem;
        line-height: 1.2;
    }
    /* #endregion 頁面標題與導航欄 */

    /* #region 首頁與遊戲列表樣式 */
    #app #home {
        /** 隱藏scrollbar */
        /* Firefox */
        scrollbar-width: none;
        /* IE / Edge (舊) */
        -ms-overflow-style: none;
    }

    #app #home::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    #app.Home #home-navigation .game-list-block ul li > span {
        font-size: 18px;
    }

    #app #login .switch-page .switch-content {
        font-size: calc( 0.038*430px);
    }

    .form-wrap .input-wrap .v-label,
    .form-wrap .input-wrap input,
    #app.Promotion .inner .scroll-content .navtab li,
    #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label,
    #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input {
        font-size: calc( 0.035*430px);
    }

    .form-wrap .input-wrap,
    #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap {
        padding-top: 4% !important;
        height: calc(0.115*430px);
        font-size: calc(0.035*430px);
    }

    .v-select.v-input--dense .v-select__selection--comma,
    #app .register-switch-btn,
    #app.PartnerApply #agent-apply .form-wrap button[type="submit"],
    #app #login .switch-page .switch-btn.tab .li.go-register,
    #app #login .go-login {
        font-size: calc(0.035* 430px) !important;
    }

    #app .form-wrap .input-wrap .v-input__append-inner button {
        top: 2px !important;
        right: 0 !important;
        margin-top: -10px !important;
        padding: 0 !important;
    }

    #app .form-wrap #submit {
        font-size: calc( 0.042*430px);
        height: calc(0.11*430px) !important;
        padding: 12px !important;
    }

    .form-wrap .input-wrap .v-text-field__details {
        left: calc(0.27*430px);
        top: calc(0.03*430px);
    }

    #app #login .logo {
        margin: 0 auto calc(0.03*430px);
        height: calc(0.24*430px);
        width: auto;
    }

        #app #login .logo a {
            margin: auto;
        }

    #app #page-title {
        font-size: calc(0.05*430px);
    }

    #app.Home #home-navigation .game-tab {
        padding: 16px 12px 50px 16px;
        /** 隱藏scrollbar */
        /* Firefox */
        scrollbar-width: none;
        /* IE / Edge (舊) */
        -ms-overflow-style: none;
    }
    /** 隱藏scrollbar */
    #app.Home #home-navigation .game-tab::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    #app.Home #home-navigation .game-list-block {
        width: 290px;
        right: 15px !important;
        padding-top: 15px;
    }
    /* #endregion 首頁與遊戲列表樣式 */

    /* #region 線上客服樣式 */
    #app.OnlineServices .services-link {
        max-height: 90px;
    }
    /* #endregion 線上客服樣式 */

    /* #region VIP與會員中心基礎樣式 */
    #app.MemberCenter .page-box-2 > .row > div .action-link.big-link {
        height: 55px;
    }

    #app.Vip .member-info .icon {
        background: var(--vip-icon-bg) no-repeat center center;
        background-size: contain;
        font-weight: 700;
    }

        #app.Vip .member-info .icon p {
            margin: 0;
            font-size: 12px;
            font-weight: 700;
        }

        #app.Vip .member-info .icon span {
            display: block;
            font-size: 24px;
            font-weight: bold;
        }

    #app.Vip .v-card.first-card .v-card__text.member-info {
        padding-left: 40px;
    }

        #app.Vip .v-card.first-card .v-card__text.member-info .vip {
            font-size: 15px;
            font-weight: bold;
        }

    #app.Promotion .inner .scroll-content {
        border-radius: 50px;
        background: var(--custom-white);
    }

    #app.Promotion .inner .scroll-content .navtab {
        display: flex;
    }

    #app.Promotion .inner .scroll-content .navtab li {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 29px !important;
    }

    #app.Home .maintaining:before,
    #app.Home .hot-maintaining:before,
    #app.Lobby .maintaining:before {
        width: 30px;
        height: 30px;
    }

    #app.MemberCenter .member-center::before {
        max-width: 430px !important;
        transform: translateX(-50%);
        left: 50%;
    }

    #app.MemberCenter .member-center .row > div .action-link.big-link:before,
    #app.MemberCenter .member-center .row > div .action-link.big-link:after {
        width: 48px;
        height: 48px;
    }

    #app.Vip #vip table tr th,
    #app.Vip #vip table tr td {
        padding: 10px;
    }
    /* #endregion VIP與會員中心基礎樣式 */

    /* #region 表單輸入欄位樣式 */
    .form-wrap .input-wrap,
    #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap {
        padding: 0 12px !important;
        padding-top: 4px !important;
        max-height: 50px;
    }

    #app.MemberTransfer .v-input button.getMobileSendCode {
        height: 40px !important;
    }

    #app.MemberTransfer #member-transfer .warn-text {
        line-height: 3;
    }

    #app .v-dialog.login-dialog .v-text-field.v-input--dense {
        padding-top: 12px;
    }

    #app .v-dialog.forget-password-dialog .input-wrap {
        padding: 16px 12px 0 12px ;
    }

    #app .v-dialog.forget-password-dialog .form-wrap .input-wrap .v-input__append-inner button {
        margin-top: 3px !important;
    }

    #app .v-dialog.forget-password-dialog .v-text-field__details {
        left:0;
    }
    /* #endregion 表單輸入欄位樣式 */

    /* #region APP下載區塊 */
    #app-download{
        max-height: 80px !important;
    }
    #app-download ul {
        max-height: 80px !important;
        padding: 38px 21px !important;
    }
    
    #app-download ul li.download-body > div span{
        font-size:13px !important;
    }

    #app-download ul li.close-btn {
        width: 30px !important;
        height: 30px !important;
    }

    #app-download ul li.close-btn:after {
        top: 8px;
        left: 8px;
        width: 13px;
        height: 13px;
    }
    
    #app-download ul li.download-btn {
        min-width: 65px !important;
        max-width: 85px !important;
        border-radius: 8px !important;
    }

    #app-download ul li.download-btn a {
        min-width: 60px !important;
        max-width: 80px !important;
        font-size:14px !important;
    }
    /* #endregion APP下載區塊 */
    
    /* #region 登入註冊按鈕與語言切換 */
    #home .infor-mix .login-btn a,
    #home .infor-mix .register-btn a,
    .infor-mix .login-btn a,
    .infor-mix .register-btn a{
        width:165px !important;
    }

    .infor-mix-wrap .lang img {
        width: 15.3px !important;
    }

    #home .infor-mix .member-level:after,
    #home .infor-mix .balance:before{
        width: 26px !important;
        height: 26px !important;
        top: 0;
    }
    #home .account-login .vip:before{
        width: 57px;
        height: 57px;
    }
    #home .account-login .member-info{
        width: 195px;
    }
    #home .account-login a.btn-deposit:before,
    #home .account-login a.btn-withdraw:before{
        width: 32px;
        height: 32px;
    }
    #home .account-login a.btn-deposit:after,
    #home .account-login a.btn-withdraw:after{
        width: 15px;
        height: 15px;
    }
    /* #endregion 登入註冊按鈕與語言切換 */
    
    /* #region 最新消息區塊 */
    .news-wrap > div:before {
        width: 21px;
        height: 21px;
    }
    /* #endregion 最新消息區塊 */
    
    /* #region 遊戲導航與遊戲圖標 */
    #home-navigation .game-tab li {
        width: 75px;
        height: 65px !important;
        min-height: 50px !important;
        margin-bottom: 10%;
        font-size: 13px !important;
    }

    #home-navigation .game-tab li:before{
        width: 32px !important;
        height: 32px !important;
    }

    #home-navigation .game-list-block ul li {
        width: 140px !important;
        height: 142px !important;
        margin-bottom: 15px !important;
    }
    #home-navigation .game-list-block ul li:nth-child(even) {
        margin-right: auto !important;
    }

    #home-navigation .game-list-block ul li img{
        height: 100% !important;
    }

    #home-navigation .game-list-block ul li.index-0 .game-logo-wrap {
        top: 5px;
        left: 12px;
    }
    
    #home-navigation .game-list-block ul li.index-0 .game-logo-wrap .img-wrap img {
        width: 123px !important;
    }

    #home-navigation .game-list-block ul li.index-0 .game-logo-wrap .game-name {
        margin-top: -9px !important;
    }
    #home-navigation .game-list-block ul li .game-logo-wrap .game-name {
        margin-top: 0 !important; 
    }

    #home-navigation .game-list-block ul li .game-logo-wrap{
        bottom: 8px !important;
    }

    #app #footer .btn-bg{
        width: 76px;
        height: 76px;
    }
    /* #endregion 遊戲導航與遊戲圖標 */

    /* #region 登入對話框樣式 */
    .v-card__text.login-component,
    .v-dialog.login-dialog .v-card__text {
        /** 隱藏scrollbar */
        /* Firefox */
        scrollbar-width: none;
        /* IE / Edge (舊) */
        -ms-overflow-style: none;
    }
    .v-card__text.login-component::-webkit-scrollbar,
    .v-dialog.login-dialog .v-card__text::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .v-dialog.login-dialog .v-card__title:before,
    #app .forget-password-dialog .v-card__title:before {
        margin-bottom: 22px;
        width: 108px;
        height: 87px;
    }
    .v-dialog.login-dialog .close-btn{
        top: 13px;
        right: 13px;
    }
    .v-dialog.login-dialog .v-card__title:before{
        width: 110px;
        height: 80px;
        margin-bottom: 22px;
    }
    #app .login-dialog .form-wrap #submit, #app .login-dialog .container #submit{
        padding: 11px 0 !important;
        margin-top: 26px !important;
    }
    #app .login-dialog .form-wrap .input-wrap.account, #app .login-dialog .container .input-wrap.account,
    #app .login-dialog .form-wrap .input-wrap.password, #app .login-dialog .container .input-wrap.password,
    #app .forget-password-dialog .form-wrap .input-wrap.account, #app .forget-password-dialog .form-wrap .input-wrap.password
    #app .forget-password-dialog .form-wrap .input-wrap.PhoneCheckCode{
        background-size: 19.5px 19.5px !important;
    }
    #app .login-dialog .form-wrap .input-wrap.account, #app .login-dialog .container .input-wrap.account,
    #app .forget-password-dialog .form-wrap .input-wrap.account{
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/user.png') no-repeat 8px,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
    }
    #app .login-dialog .form-wrap .input-wrap.password, #app .login-dialog .container .input-wrap.password,
    #app .forget-password-dialog .form-wrap .input-wrap.password {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/lock.png') no-repeat 8px,linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
    }
    #app .login-dialog .container .input-wrap.Mobile, #app .login-dialog .container .input-wrap.select.Mobile, #app .login-dialog .container .input-wrap.formProperty{
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/phone.png') no-repeat 8px, linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
    }
    #app .login-dialog .container .input-wrap.mobile-verification-code,
    #app .forget-password-dialog .form-wrap .input-wrap.PhoneCheckCode {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/E/icon-g/verify.png') no-repeat 8px, linear-gradient(180deg, #C9671D 0%, #D16B1E 100%) !important;
    }
    #app .login-dialog .container .input-wrap.password .visibility{
        top: -10px !important;
        right: 5px !important;
        padding: 12px 0 !important;
    }
    
    #app .v-form .v-input.v-input--checkbox.v-input--is-label-active i::before{
        width: 17.3px;
        height: 17.3px;
    }
    #app .login-dialog .form-wrap .input-wrap .v-input--is-label-active .v-label, #app .login-dialog .container .input-wrap .v-input--is-label-active .v-label{
        margin-top: -13px !important;
    }
    #app .v-dialog.forget-password-dialog .form-wrap .input-wrap.PhoneCheckCode button{
        top: 4px !important;
    }
    #deposit .submit-btn.v-btn{
        height: 70px !important;
        padding: 20px !important;
    }
    #app .login-dialog .form-wrap .input-wrap .v-input--is-focused .v-label,
    #app .login-dialog .container .input-wrap .v-input--is-focused .v-label{
        margin-top: -13px !important;
    }
    #app .login-dialog .account-rule, #app .login-dialog .password-rule{
        margin-bottom: 10px;
    }
    #app .login-dialog .go-home-btn{
        margin-top: 10px !important;
    }
    .v-dialog.forget-password-dialog .form-wrap .input-wrap .v-label{
        transform: translateY(0px);
    }
    #app .v-dialog.forget-password-dialog .form-wrap .input-wrap .v-input--is-focused .v-label,
    #app .forget-password-dialog .form-wrap .input-wrap .v-input--is-label-active .v-label{
        margin-top: 0 !important;
        transform: translateY(-23px);
    }
    .v-dialog.forget-password-dialog .form-wrap .input-wrap input{
        padding-top: 10px !important;
    }
    #app .forget-password-dialog .form-wrap #submit{
        padding: 12px 0 !important;
        margin-top: 26px !important;
    }
    .form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code{
        padding: 0 10px !important;
    }
    
    /* #endregion 登入對話框樣式 */

    /* #region 會員中心 */
    #app.MemberCenter .member-center-e .member-info-wrap .member-mix-info .member-info{
        width: 170px;
    }
    #app.MemberCenter .member-center-e .member-center-title .to-home{
        width: 18px;
        height: 18px;
    }
    #app.MemberCenter .member-center-e .member-center-title .btn-sound.off,
    #app.MemberCenter .member-center-e .member-center-title .btn-sound.on{
        width: 34px;
        height: 34px;
    }
    #app .member-center-e .member-info-wrap .member-mix-info .member-info-warp:before{
        width: 63px;
        height: 63px;
    }
    #app .member-center-e .member-info-wrap .member-mix-info .member-info-warp .member-level:after,
    #app .member-center-e .member-info-wrap .member-mix-info .member-info .balance:before{
        width: 26px !important;
        height: 26px !important;
    }
    #app .member-center-e .member-info-wrap .main-link .action-link .icon-box:before{
        width: 44px;
        height: 44px;
    }
    #app .member-center-e .member-info-wrap .main-link .action-link .icon-box i{
        width: 24px !important;
        height: 24px !important;
    }
    #app .member-center-e .sub-link-group>div{
        margin-bottom: 9px;
    }
    /* #endregion 會員中心 */

    /* #region 交易紀錄 */
    .v-dialog .theme--light.v-btn{
        padding: 14px 0;
    }

    .v-dialog.page-bottom-dialog.search-bet-dialog .v-input--radio-group--row .v-radio label{
        padding-bottom: 17px;
    }
    .v-dialog.page-bottom-dialog.search-bet-dialog .bet-record-date-btns{
        margin: 22px 0 17px 0 !important;
    }
    .game-picker-box{
        margin-top: 22px;
    }
    .v-dialog.page-bottom-dialog.search-bet-dialog .theme--light.v-btn{
        padding: 14px !important;
    }
    .v-dialog.page-bottom-dialog.search-bet-dialog .game-type-dialog-component > .mt-2 .select-btn{
        margin: 0 0 8px 0 !important;
    }
    #app .v-input.small-checkbox.v-input--is-label-active i::before{
        width: 17.3px;
        height: 17.3px;
    }
    .v-dialog.gametype-dialog-component .theme--light.v-btn.primary--text{
        padding: 14px !important;
    }
    #transaction .btn-group.transaction-category button{
        padding: 18px 0 !important;
    }
    #transaction .btn-group.transaction-date-btns{
        margin: 22px 9px  !important;
    }
    /* #endregion 交易紀錄 */

    /* #region 站內信 */
    #site-mail .v-tabs{
        margin-bottom: 13px;
    }
    #site-mail .theme--light.v-card{
        padding: 14px !important;
    }
    .page-bottom-dialog.common-dialog .main-color{
        padding-top: 22px !important;
    }
    .v-dialog.page-bottom-dialog.common-dialog button{
        padding: 14px !important;
    }
    .send-mail-dialog.v-dialog .container .row .btn-group{
        margin-top: 17px !important;
    }
    .send-mail-dialog.v-dialog .theme--light.v-btn{
        padding: 17px !important;
    }
    .theme--light.v-btn.v-btn--text, .submit-btn.v-btn{
        padding: 14px !important;
    }
    /* #endregion 站內信 */

    /* #region 設定銀行 */
    .account-info{
        padding-top: 87px;
    }
    .account-info:before{
        width: 53px;
        height: 40px;
    }
    #withdraw-account-management .account-card.default-card:after{
        width: 39px;
        height: 39px;
        top: 17px;
        right: 17px;
    }
    #withdraw-account-management .account-action-btn {
        margin: 14px 9px;
    }
    .theme--light.v-btn.v-btn--has-bg{
        padding: 14px !important;
    }
    #set-account .btn-group .v-btn{
        margin: 0 9px !important;
        padding: 13px 16px !important
    }
    /* #endregion 設定銀行 */

    /* #region 領獎中心 */
    #award-center .inner{
        padding: 5px 0 15px 0 !important;
    }
    #award-center .inner .scroll-content .navtab li{
        font-size: 18px !important;
    }
    /* #endregion 領獎中心 */

    /* #region 會員資料 */
    #member-infor .form-wrap .input-wrap .v-input--is-label-active .v-label{
        transform: translateY(-25px);
    }
    #member-infor .form-wrap .input-wrap .v-input--is-label-active input, #member-infor .form-wrap .input-wrap .v-input--is-focused input {
        transform: translateY(2px);
    }
    #member-infor .v-input--is-label-active.v-select.v-input--dense .v-select__selection--comma{
        transform: translateY(10px);
    }
    #member-infor .form-wrap .input-wrap.select .v-select__slot .v-input__append-inner{
        margin-top: 0;
        margin-right: -12.8px;
    }
    #member-infor .form-wrap .Email.input-wrap .v-label{
        transform: translateY(-23px) !important;
    }
    .form-wrap .label-birth{
        top: -12px;
        left: 60px;
    }
    .v-dialog .theme--light.v-btn{
        transform: translateY(0px);
    }
    #member-infor .form-wrap .input-wrap .v-input--is-focused .v-label{
        transform: translateY(-22px);
    }
    /* #endregion 會員資料 */

    /* #region 推薦好友*/
    #mgm .common-bg.v-card .v-card__actions{
        margin-bottom: 22px;
    }
    /* #endregion 推薦好友*/
}
/* #endregion 鎖住最大寬度只能430px */