/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(115,21): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(130,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(136,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(148,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(152,21): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(156,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color'
(385,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-0'
(391,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-1'
(396,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-2'
(401,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-1'
(406,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-2'
(411,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-3'
(416,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-4'
(421,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-5'
(426,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-6'
(431,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-7'
(436,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-8'
(441,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-9'
(446,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-10'
(451,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-11'
(456,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-12'
(461,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-13'
(466,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-14'
(471,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-15'
(476,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-16'
(481,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-17'
(486,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-18'
(491,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-19'
(496,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-20'
(529,58): run-time error CSS1034: Expected closing parenthesis, found ','
(529,58): run-time error CSS1042: Expected function, found ','
(529,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(568,54): run-time error CSS1034: Expected closing parenthesis, found ','
(568,54): run-time error CSS1042: Expected function, found ','
(568,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(656,54): run-time error CSS1034: Expected closing parenthesis, found ','
(656,54): run-time error CSS1042: Expected function, found ','
(656,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(682,58): run-time error CSS1034: Expected closing parenthesis, found ','
(682,58): run-time error CSS1042: Expected function, found ','
(682,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(712,54): run-time error CSS1034: Expected closing parenthesis, found ','
(712,54): run-time error CSS1042: Expected function, found ','
(712,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(739,54): run-time error CSS1034: Expected closing parenthesis, found ','
(739,54): run-time error CSS1042: Expected function, found ','
(739,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(790,54): run-time error CSS1034: Expected closing parenthesis, found ','
(790,54): run-time error CSS1042: Expected function, found ','
(790,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1180,50): run-time error CSS1046: Expect comma, found '255'
(1180,58): run-time error CSS1046: Expect comma, found '/'
(1180,72): run-time error CSS1046: Expect comma, found '115'
(1180,80): run-time error CSS1046: Expect comma, found '/'
(1180,93): run-time error CSS1046: Expect comma, found '148'
(1180,100): run-time error CSS1046: Expect comma, found ')'
(1195,54): run-time error CSS1034: Expected closing parenthesis, found ','
(1195,54): run-time error CSS1042: Expected function, found ','
(1195,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1628,33): run-time error CSS1039: Token not allowed after unary operator: '-vh'
 */
:root {
    --vip-title-icon-vip-0: url('/CdnRedirect/Web.Portal/DN002-01site.cs.Portal/Content/Views/Shared/images/vip-icon/0.png');
    --vip-title-icon-vip-1: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/1.png');
    --vip-title-icon-vip-2: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/2.png');
    --vip-title-icon-vip-3: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/3.png');
    --vip-title-icon-vip-4: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/4.png');
    --vip-title-icon-vip-5: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/5.png');
    --vip-title-icon-vip-6: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/6.png');
    --vip-title-icon-vip-7: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/7.png');
    --vip-title-icon-vip-8: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/8.png');
    --vip-title-icon-vip-9: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/9.png');
    --vip-title-icon-vip-10: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/10.png');
    --vip-title-icon-vip-11: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/11.png');
    --vip-title-icon-vip-12: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/12.png');
    --vip-title-icon-vip-13: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/13.png');
    --vip-title-icon-vip-14: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/14.png');
    --vip-title-icon-vip-15: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/15.png');
    --vip-title-icon-vip-16: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/16.png');
    --vip-title-icon-vip-17: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/17.png');
    --vip-title-icon-vip-18: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/18.png');
    --vip-title-icon-vip-19: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/19.png');
    --vip-title-icon-vip-20: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/vip-icon/20.png');
}

@font-face {
    font-family: 'ASpaceHeavy';
    src: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Vip/images/ASpaceHeavy.otf') format('opentype');
    /* 可选：定义字体的其他属性，如字体权重、字体样式等 */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TypoDigitItalic';
    src: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-2/components/HomeNavigationComponent/TypoDigitItalic.otf') format('opentype');
    /* 可选：定义字体的其他属性，如字体权重、字体样式等 */
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'plank';
    src: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Vip/images/PLANK.TTF') format('truetype');
    /* 可选：定义字体的其他属性，如字体权重、字体样式等 */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RusselSquareOpti';
    src: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Vip/images/RusselSquareOpti.otf') format('opentype');
    /* 可选：定义字体的其他属性，如字体权重、字体样式等 */
    font-weight: normal;
    font-style: normal;
}

.v-overlay--active .v-overlay__scrim {
    opacity: .8 !important;
}

/* #region 登入/註冊 */
.v-application {
    background: transparent !important;
}

.v-main:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-2/components/HomeNavigationComponent/bg.jpg') no-repeat center;
    z-index: -1;
    background-size: cover;
}

#app #agent-apply {
    position: relative;
    z-index: 0;
}

    .form-wrap .input-wrap,
    #app #agent-apply .form-wrap .input-wrap {
        border: none;
        border-bottom: 1px solid #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #app #agent-apply .form-wrap .input-wrap {
        background-position: 2% center;
    }

.form-wrap #submit {
    color: #fff !important;
    background: linear-gradient(to right,#327ee5,#1e2b76) !important;
}

.form-wrap .v-input--checkbox label,
.form-wrap .v-input--checkbox i {
    color: #fff !important;
}
/* #endregion 登入/註冊 */

#agent-apply .v-label {
    left: 50px !important;
    color: var(--input-common-input-main-color);
}

    #agent-apply .v-label.v-label--active {
        left: 50px !important;
        color: var(--input-common-input-main-color) !important;
    }

#agent-apply [role="radiogroup"] .v-label {
    left: 0 !important;
}

#agent-apply .v-input__control > .v-input__slot:before,
#agent-apply .v-input__control > .v-input__slot:after,
#agent-apply .v-messages__message {
    display: none;
}

#agent-apply .v-input__icon--append i {
    margin: 0 35px 15px 0;
    color: var(--input-common-input-main-color);
}

#agent-apply .v-text-field__slot input,
#agent-apply .v-select__selections {
    padding-left: 50px;
    color: var(--input-common-input-main-color);
}

#agent-apply .v-select__selections {
    border-bottom: none;
    padding-left: 10px;
}

#agent-apply .mx-input {
    background-color: transparent;
    padding: 0 24px 0 50px;
    border: none;
    color: var(--input-common-input-main-color);
}

    #agent-apply .mx-input::placeholder {
        color: var(--input-common-input-main-color);
    }

#agent-apply .mx-input-wrapper i {
    color: var(--input-common-input-main-color);
}

/* #region member-center */
.member-center .v-card {
    background: rgba(24,38,51,.8);
    border: 1px solid #1e2b76;
}

    .member-center .v-card .grey--text {
        color: #fff !important;
    }
/* #endregion member-center */

#app #page-title {
    color: #fff;
    background: #14171d;
    padding-bottom: 2px;
}

    #app #page-title:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(to right, #1b1e1a, rgba(58, 162, 236, 0.98), #1c1e1c);
    }

#app #promotion-v2 .discount {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#app #promotion-content {
    color: #fff;
}

#app #home-navigation .game-list-block {
    padding-right: 5px;
}

#app .news-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding-left: 30px;
    background: rgba(12,18,22,.8);
    padding: 0 5px;
}

    #app .news-wrap:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        background: linear-gradient(to right,#1b1e1a,#3aa2ec,#1c1e1c);
    }

    #app .news-wrap:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: linear-gradient(to right,#1b1e1a,#3aa2ec,#1c1e1c);
    }

#app #news {
    padding-left: 30px;
}

    #app #news:before {
        position: absolute;
        top: 4px;
        left: 2px;
        content: '';
        width: 20px;
        height: 20px;
        background: url('/CdnRedirect/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/news.1.png') no-repeat center;
        background-size: contain;
    }

#app .account-info-wrap {
    position: relative;
    margin-bottom: 10px;
}

    #app .account-info-wrap > * {
        position: relative;
        z-index: 1;
    }

/* 遊戲大廳上面的搜尋 */
#app #page-title + .grey {
    background: rgba(31,49,67,.8) !important;
}

#app #lobby-game-list .v-card,
#app #partner .v-card {
    background: rgba(0,0,0,.3)
}

    #app #lobby-game-list .v-card .v-card__text {
        color: #fff !important;
    }

#app #home-navigation .game-list-block ul.hot {
    grid-gap: 7px !important;
}

#app #home-navigation #Hot > li.hot {
    position: relative;
    font-size: 0;
    border-radius: 8px;
}

    #app #home-navigation #Hot > li.hot .game-name {
        display: block !important;
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 2px;
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: #fff;
        text-align: center;
    }

#app #promotion .inner .scroll-content .navtab {
    background: transparent;
    display: flex;
    gap: 10px;
}

    #app #promotion .inner .scroll-content .navtab li {
        color: #fff;
        font-size: 16px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

        #app #promotion .inner .scroll-content .navtab li.active {
            color: #fff;
            background-image: linear-gradient(to top, #107ad7, rgba(79, 172, 254, 0.53), #00bfff);
        }

        #app #promotion .inner .scroll-content .navtab li:before {
            content: '';
            position: absolute;
            inset: 0;
            border: 1px solid #43e6ff;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
        }

        #app #promotion .inner .scroll-content .navtab li:after {
            display: none !important
        }

#app .member-level {
    font-size: 0;
    background: #0151bb;
}

    #app .member-level:before {
        display: none;
        -webkit-mask: unset;
        mask: unset;
        background-size: contain;
        background-position: center;
        background-color: transparent;
        background-repeat: no-repeat;
    }

    #app .member-level:after {
        font-size: 12px;
        font-weight: bold;
        content: attr(level);
        text-transform: uppercase;
    }

#home-navigation .game-list-block ul li.hot img {
    border-radius: 5px;
}

#app .login-btn,
#app .signup-btn {
    padding: 0 10px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media (max-width: 400px) {
    #app .login-btn,
    #app .signup-btn {
        font-size: 12px;
    }
}

@media (max-height: 750px) {
}

/* #region vip */
#vip .detail h4.vip-0:before,
.vip-list .swiper-slide h3.vip-0:before {
    background-image: var(--vip-title-icon-vip-0);
}


#vip .detail h4.vip-1:before,
.vip-list .swiper-slide h3.vip-1:before {
    background-image: var(--vip-title-icon-vip-1);
}

#vip .detail h4.vip-2:before,
.vip-list .swiper-slide h3.vip-2:before {
    background-image: var(--vip-title-icon-vip-2);
}

#vip .detail h4.vip-1:before,
.vip-list .swiper-slide h3.vip-1:before {
    background-image: var(--vip-title-icon-vip-1);
}

#vip .detail h4.vip-2:before,
.vip-list .swiper-slide h3.vip-2:before {
    background-image: var(--vip-title-icon-vip-2);
}

#vip .detail h4.vip-3:before,
.vip-list .swiper-slide h3.vip-3:before {
    background-image: var(--vip-title-icon-vip-3);
}

#vip .detail h4.vip-4:before,
.vip-list .swiper-slide h3.vip-4:before {
    background-image: var(--vip-title-icon-vip-4);
}

#vip .detail h4.vip-5:before,
.vip-list .swiper-slide h3.vip-5:before {
    background-image: var(--vip-title-icon-vip-5);
}

#vip .detail h4.vip-6:before,
.vip-list .swiper-slide h3.vip-6:before {
    background-image: var(--vip-title-icon-vip-6);
}

#vip .detail h4.vip-7:before,
.vip-list .swiper-slide h3.vip-7:before {
    background-image: var(--vip-title-icon-vip-7);
}

#vip .detail h4.vip-8:before,
.vip-list .swiper-slide h3.vip-8:before {
    background-image: var(--vip-title-icon-vip-8);
}

#vip .detail h4.vip-9:before,
.vip-list .swiper-slide h3.vip-9:before {
    background-image: var(--vip-title-icon-vip-9);
}

#vip .detail h4.vip-10:before,
.vip-list .swiper-slide h3.vip-10:before {
    background-image: var(--vip-title-icon-vip-10);
}

#vip .detail h4.vip-11:before,
.vip-list .swiper-slide h3.vip-11:before {
    background-image: var(--vip-title-icon-vip-11);
}

#vip .detail h4.vip-12:before,
.vip-list .swiper-slide h3.vip-12:before {
    background-image: var(--vip-title-icon-vip-12);
}

#vip .detail h4.vip-13:before,
.vip-list .swiper-slide h3.vip-13:before {
    background-image: var(--vip-title-icon-vip-13);
}

#vip .detail h4.vip-14:before,
.vip-list .swiper-slide h3.vip-14:before {
    background-image: var(--vip-title-icon-vip-14);
}

#vip .detail h4.vip-15:before,
.vip-list .swiper-slide h3.vip-15:before {
    background-image: var(--vip-title-icon-vip-15);
}

#vip .detail h4.vip-16:before,
.vip-list .swiper-slide h3.vip-16:before {
    background-image: var(--vip-title-icon-vip-16);
}

#vip .detail h4.vip-17:before,
.vip-list .swiper-slide h3.vip-17:before {
    background-image: var(--vip-title-icon-vip-17);
}

#vip .detail h4.vip-18:before,
.vip-list .swiper-slide h3.vip-18:before {
    background-image: var(--vip-title-icon-vip-18);
}

#vip .detail h4.vip-19:before,
.vip-list .swiper-slide h3.vip-19:before {
    background-image: var(--vip-title-icon-vip-19);
}

#vip .detail h4.vip-20:before,
.vip-list .swiper-slide h3.vip-20:before {
    background-image: var(--vip-title-icon-vip-20);
}
/* #endregion vip */

#app .online-count {
    display: none !important;
}

/* #region Transaction */
#transaction .transaction-content {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #transaction .transaction-content .transaction-date-btns button {
        color: #fff;
        border: 1px solid transparent;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        #transaction .transaction-content .transaction-date-btns button.active {
            color: #3bc9e3;
            border-color: #3bc9e3;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }

    #transaction .transaction-content .transaction-list {
        background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
        border: 1px solid #2cd0ff !important;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
/* #endregion Transaction */

/* #region global*/
#app .grey--text {
    color: #41536e !important;
}

#app .green--text {
    color: #aefea0 !important;
}

#app .blue--text {
    color: #2ed4fb !important;
}

#app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:last-child,
#app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row),
#app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:last-child,
#app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row),
#app .v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th,
#app .v-data-table tr td + td {
    color: #fff;
    border-color: transparent;
}

.v-pagination__navigation .v-icon {
    color: rgba(0,0,0,.54) !important;
}
/* #endregion global*/

/* #region set-account*/
#withdraw-account-management .common-bg,
#set-account .main-bg {
    background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
    border: 1px solid #2cd0ff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    #withdraw-account-management .common-bg .v-btn,
    #set-account .main-bg .v-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 13px;
        min-width: 94px;
        height: 37px;
        background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/btn.png') no-repeat center;
        background-size: 100% 100%;
        border: none;
    }

        #set-account .main-bg .v-btn.v-btn--disabled {
            color: #fff !important;
            opacity: .8;
        }

.file-upload-item .upload_zone span.upload {
    background: none !important;
    padding: 2px 8px;
}

.theme--light.v-text-field--filled > .v-input__control > .v-input__slot,
.theme--light.v-text-field--filled:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover {
    background: transparent;
}

.theme--light.v-input.v-text-field--rounded input,
.theme--light.v-select .v-select__selections {
    border-bottom: 1px solid #fff;
}

    .theme--light.v-select .v-select__selections input {
        border: none;
    }

.v-text-field--rounded > .v-input__control > .v-input__slot {
    padding: 0 10px;
}
/* #endregion set-account*/

/* #region BetRecord*/
#bet-record .bet-record-date-btns {
    display: flex;
    gap: 5px;
}

    #bet-record .bet-record-date-btns button {
        color: #fff;
        border: none;
        padding: 0 5px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 1px solid transparent
    }

        #bet-record .bet-record-date-btns button.active {
            color: #3bc9e3;
            border-color: #3bc9e3;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }

#bet-record .game-type-dialog-component .categories-string {
    display: none;
}

#bet-record .game-type-dialog-component .select-btn {
    margin-left: 0 !important;
    background-color: transparent !important;
    background: linear-gradient(to top,#095d81,rgba(0,0,0,.01),#095d81);
    border-color: #0ebede;
    color: #fff;
}

#bet-record .search-box,
#bet-record .not-data-box {
    background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
    border: 1px solid #2cd0ff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#bet-record .not-data-box {
    padding: 10px;
}

#bet-record .total-box,
#bet-record .list-box {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #bet-record .total-box .v-card__text,
    #bet-record .list-box .v-card__text {
        padding: 0;
    }

    #bet-record .total-box .v-data-table,
    #bet-record .list-box .v-data-table {
        background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
        border: 1px solid #2cd0ff !important;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
/* #endregion BetRecord*/

/* #region site-mail*/
#app #site-mail .v-tabs {
    background: transparent;
}

    #app #site-mail .v-tabs .v-tabs-slider-wrapper {
        display: none;
    }

#app #site-mail .v-tab {
    color: #fff;
}

    #app #site-mail .v-tab.v-tab--active {
        color: #43e6ff;
    }

#app #site-mail .v-tabs .v-tab:nth-child(4) {
    color: #fff;
}

#app #site-mail .mail-item {
    background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
    border: 1px solid #2cd0ff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    #app #site-mail .mail-item p {
        color: #fff;
    }

#app .mail-detail-dialog .v-card {
    background: rgba(31,49,67,.6);
    border: none;
}

#app .mail-detail-dialog .v-btn.white {
    color: #000;
}
/* #endregion site-mail*/

/* #region */
#app .change-password-main,
#app .change-money-password-main,
#app .set-new-password-main,
#app .empty-password-bg,
#app .any-time-discount-main {
    background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
    border: 1px solid #2cd0ff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    #app .set-new-password-main .v-btn,
    #app .empty-password-bg .v-btn,
    #app .change-password-main .v-btn,
    #app .change-money-password-main .v-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 13px;
        min-width: 94px;
        height: 37px;
        background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/btn.png') no-repeat center;
        background-size: 100% 100%;
        border: none;
    }

    #app .any-time-discount-main .grey--text {
        color: #fff !important;
    }

    #app .any-time-discount-main .v-data-table__wrapper .thead .blue-grey {
        background: #132F47 !important;
    }

    #app .any-time-discount-main .v-data-table__wrapper > table > thead > tr:last-child > th,
    #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row),
    #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tfoot > tr > td:not(.v-data-table__mobile-row) {
        border: 1px solid #41536E !important;
    }

    #app .any-time-discount-main .v-data-table tr td:last-child {
        border-right: 1px solid #41536E !important;
    }

    #app .any-time-discount-main .v-data-table tr td:first-child {
        border-left: 1px solid #41536E !important;
    }

    #app .any-time-discount-main .v-data-table__wrapper tr:nth-child(even) {
        background: #0a1a30;
    }
/* #endregion */
#app #withdraw .withdraw-info-bg,
#app #withdraw .withdraw-account-bg {
    background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
    border: 1px solid #2cd0ff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    #app #withdraw .withdraw-info-bg .v-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 13px;
        min-width: 100px;
        height: 48px;
        background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/btn.png') no-repeat center;
        background-size: 100% 100%;
        border: none;
    }

        #app #withdraw .withdraw-info-bg .v-btn.v-btn--disabled {
            color: #fff !important;
            opacity: .8;
        }

        #app #withdraw .withdraw-info-bg .v-btn.administration-fee-dialog-btn {
            min-width: 80px;
            width: auto;
            color: #14d5c3 !important;
            padding: 10px;
            background: none;
            border: 1px solid #14d5c3;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }
/* #region */
/* #endregion */
/* #region */
/* #endregion */
/* #region */
/* #endregion */
.theme--light.v-card {
    color: #fff;
}

    .theme--light.v-card .custom-block-text label {
        color: #fff !important;
    }

    .theme--light.v-card .black--text {
        color: #fff !important;
    }

    .theme--light.v-card > .v-card__text {
        color: #fff;
    }

    .theme--light.v-card .v-btn {
        color: #fff;
    }

    .theme--light.v-card .v-icon {
        color: #fff;
    }

    .theme--light.v-card .v-data-table {
        color: #fff;
        background: rgba(0,0,0,.5);
    }

#app .main-color.v-btn {
    background: linear-gradient(to right,#327ee5,#1e2b76) !important;
    color: #fff !important;
}

.v-btn.primary--text {
    background: linear-gradient(to right,#327ee5,#1e2b76) !important;
    color: #fff !important;
}

#app .modal-content .v-card {
    color: #fff;
    background: rgba(0,0,0);
}

#app .modal-content .v-card__title {
    color: #fff;
    background: linear-gradient(to right, #327ee5, #1e2b76);
}

.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: transparent;
}

.v-dialog .v-card {
    background: rgba(31,49,67,.6);
    border: 1px solid #1e2b76;
}

.theme--light.v-input,
.theme--light.v-input input,
.theme--light.v-input textarea,
.theme--light.v-label,
.theme--light.v-select .v-select__selections,
.theme--light.v-messages {
    color: #fff;
}

.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
    border-color: #fff;
}

#app.ChangePassword .v-btn,
#app.ChangeMoneyPassword .v-btn {
    border-color: #fff;
}

#app .member-center-c:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/top_bg.png');
}

#app .member-center-c:after {
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/fixed_bg.png') no-repeat center;
}

#app .member-center-c .mamber-info-wrap:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/mascot.png');
}

#app .member-center-c .mamber-info-wrap .wallet-info {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/wallet_bg.png');
}

#app .member-center-c .mamber-info-wrap .vip-info {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/vip_bg.png');
}

    #app .member-center-c .mamber-info-wrap .vip-info span i {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/vip_icon.png') no-repeat center;
    }

        #app.member-center-c .mamber-info-wrap .vip-info span i.bonus-icon {
            background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon7.png');
        }

#app .member-center-c .mamber-info-wrap .main-link {
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/main_list_bg.png') no-repeat center;
}

    #app .member-center-c .mamber-info-wrap .main-link .action-link .icon-box i {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon4.svg') no-repeat center;
        background-size: contain;
    }

    #app .member-center-c .mamber-info-wrap .main-link .action-link.withdraw .icon-box i {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon10.svg') no-repeat center;
        background-size: contain;
    }

    #app .member-center-c .mamber-info-wrap .main-link .action-link.promotion .icon-box i {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon13.png') no-repeat center;
        background-size: contain;
    }

    #app .member-center-c .mamber-info-wrap .main-link .action-link.vip .icon-box i {
        background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon_vip.png') no-repeat center;
        background-size: contain;
    }

#app .member-center-c .sub-link-group a:after,
#app .member-center-c .sub-link-group .set-language:after {
    background: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/arrow_right.png') no-repeat center;
}

#app .member-center-c .sub-link-group a.withdrawal-account-management:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon17.png');
}

#app .member-center-c .sub-link-group a.bet-record:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon8.png');
}

#app .member-center-c .sub-link-group a.site-mail:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon6.png');
}

#app .member-center-c .sub-link-group a.app:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon1.png');
}

#app .member-center-c .sub-link-group .set-language.set-language:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon11.png');
}

#app .member-center-c .sub-link-group a.any-time-discount:before {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/MemberCenter/C/icon18.png');
}

#app #footer .v-btn .has-new-sitemail {
    display: none;
}

#app #logo-bar a.logo img {
    max-width: 165px;
    max-height: 55px;
}

#app #footer .v-btn i.financial {
    min-height: 60px;
    background-image: url('/CdnRedirect/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/deposit.svg');
}

#app #footer .v-btn i.home {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/G/Home.png');
}

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

#app #footer .v-btn i.member-center {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/G/my_a.png');
}

#app #footer .v-btn i.transaction {
    background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/components/FooterComponent/G/Accounts_a.png');
}

#app #footer .v-bottom-navigation {
    height: 75px !important;
}

#app #promotion .inner .scroll-content .navtab li {
    min-width: auto;
    padding: 0 25px;
}

/* #reiong 彈窗 */
#app .v-dialog {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

#app .common-dialog .v-card {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: 0px 0px 19px 0px #93ECFF;
    border-radius: 15px;
    border: 2px solid #43E6FF;
    background: #0d203d;
}

    #app .common-dialog .v-card .v-card__title {
        background: transparent !important;
        justify-content: center;
        border-bottom: 1px solid #5a6b8e;
    }

        #app .common-dialog .v-card .v-card__title .title-close-btn {
            position: absolute;
            top: 5px;
            right: 4px;
            width: 40px;
            height: 40px;
            font-size: 0;
            background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png') no-repeat center top;
            background-size: 100% 100%;
            -moz-transition: all .4s;
            -o-transition: all .4s;
            -webkit-transition: all .4s;
            transition: all .4s;
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

            #app .common-dialog .v-card .v-card__title .title-close-btn:active {
                -moz-transform: scale(0.8);
                -ms-transform: scale(0.8);
                -o-transform: scale(0.8);
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
            }

    #app .common-dialog .v-card .v-data-table {
        background: transparent;
        border: 1px solid #41536E !important;
    }

        #app .common-dialog .v-card .v-data-table tr td:first-child {
            background: #132F47;
        }

        #app .common-dialog .v-card .v-data-table tr:nth-child(even) td:last-child {
            background: #0a1a30;
        }

#app .common-dialog.wallet-detail-dialog .v-data-table.custom-table tr:nth-child(even) {
    background: #0a1a30;
}

#app .common-dialog.wallet-detail-dialog .v-card .v-data-table .text--darken-3 {
    background: transparent;
}

#app .common-dialog.wallet-detail-dialog .balance {
    background: #0a1a30 !important;
}

#app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:last-child,
#app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row),
#app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:last-child,
#app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row),
#app .common-dialog .v-data-table table > thead > tr:last-child > th, #app .v-data-table tr td + td {
    border-color: #41536E !important;
}

#app > div.v-dialog__content.v-dialog__content--active .v-card__actions {
    justify-content: center;
}

    #app .common-dialog .v-card .v-card__actions .v-btn,
    #app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button,
    #any-time-discount .any-time-discount-main button.v-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff !important;
        margin: 0 auto;
        padding: 0 10px 5px;
        height: 50px;
        min-width: 127px;
        background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/btn.png') no-repeat center !important;
        background-size: 100% 100% !important;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        -webkit-transition: all .4s;
        transition: all .4s;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }

        #app .common-dialog .v-card .v-card__actions .v-btn:before,
        #app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button:before,
        #any-time-discount .any-time-discount-main button.v-btn:before {
            display: none;
        }

#app > div.v-dialog__content.v-dialog__content--active .gametype-dialog-component div.v-card__actions > button {
    margin-left: auto;
    margin-right: 0;
}

#app .common-dialog .v-card .v-card__actions .v-btn:active,
#app > div.v-dialog__content.v-dialog__content--active div.v-card__actions > button:active,
#any-time-discount .any-time-discount-main button.v-btn:active {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
/* #endreiong 彈窗 */

/* #region Deposit */
#app #deposit .payment-list .v-sheet,
#app #deposit .type-list button,
#app #deposit .account-list button {
    background-color: transparent !important;
    background: linear-gradient(to top,#095d81,rgba(0,0,0,.01),#095d81);
    border-color: #0ebede !important;
    color: #fff;
}

    #app #deposit .payment-list .v-sheet.active,
    #app #deposit .type-list button.active,
    #app #deposit .account-list button.active {
        color: #fff;
        background: linear-gradient(to top,rgb(0 255 206 / 60%),rgb(11 115 112 / 49%),rgb(9 148 139));
    }

    #app #deposit .payment-list .v-sheet i,
    #app #deposit .type-list button i,
    #app #deposit .account-list button i {
        display: none !important
    }

#app #deposit .company-deposit-list-bg,
#app #deposit .company-deposit-account-list-bg,
#app #deposit .company-deposit-apply-bg,
#app #deposit .account-list-bg,
#app #deposit .online-deposit-apply-bg {
    background-color: transparent !important;
    background: linear-gradient(to top, rgb(21,94,136,.9), rgba(10,33,64,.9));
    border: 1px solid #2cd0ff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#app #deposit hr {
    border-color: transparent
}

#app #deposit .grey--text,
#app #deposit .mx-icon-calendar,
#app #deposit .mx-icon-clear {
    color: #fff !important;
}

#app #deposit .red--text {
    color: #aefea0 !important;
}

#app #deposit .mx-input {
    color: #fff;
    background-color: transparent !important;
}

#app #withdraw .v-text-field--outlined fieldset,
#app #deposit .v-text-field--outlined fieldset,
#app #deposit .mx-input {
    border: none;
    border-bottom: 1px solid #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#app #deposit .submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    margin: 0 auto;
    height: 50px;
    min-width: 127px !important;
    background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/btn.png') no-repeat center !important;
    background-size: 100% 100% !important;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0 20px 5px;
}

    #app #deposit .submit-btn.v-btn--disabled {
        opacity: .5;
    }

    #app #deposit .submit-btn i {
        display: none;
    }

    #app #deposit .submit-btn:active {
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
/* #endregion Deposit */

#app #bet-record .mx-input {
    color: #000;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #99c1e4;
}

.swal2-popup {
    border-radius: 15px;
    border: 2px solid #43E6FF;
    background: #0d203d;
}

    .swal2-popup .swal2-content {
        color: #fff
    }

#app .mail-detail-dialog .mail-body {
    border: none;
    box-shadow: none;
    background: #020c1ade;
}

#app .mail-detail-dialog .v-card__actions > button:nth-child(4) {
    display: none !important
}

#app .mail-detail-dialog .v-card__title .v-input__slot {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#app .send-mail-dialog fieldset {
    color: #fff;
}

#app .send-mail-dialog .v-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    margin: 0 auto;
    padding-bottom: 5px;
    height: 50px;
    min-width: 127px;
    background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/btn.png') no-repeat center !important;
    background-size: 100% 100% !important;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

    #app .send-mail-dialog .v-btn:before {
        display: none;
    }

/* global */
#app.Home .v-main {
    padding: 0 !important;
}

#app.Home .layout-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0;
}

#app.Home .layout #home.v2 {
    position: static;
    flex: 1;
    padding: 0;
    height: 0;
}

#app.Home .layout #footer {
    height: 75px;
}

#app.Home #home:before {
    display: none;
}

#app.Lobby .v-input__slot {
    background: #99c1e4;
}

#app.Lobby div.v-input__append-inner button span i {
    color: #203b3f !important;
}

#app.Lobby .v-input__slot input,
#app.Lobby .v-input__slot .v-label,
#app.Lobby .v-select__selection {
    color: #000;
}

#app.Lobby .v-select-list {
    background: #99c1e4;
}

#app.Lobby .v-select__selections {
    border-bottom: none !important;
}

#app #login {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 3vh;
    padding-bottom: 0;
}

    #app #login .logo {
        margin-bottom: 4vh;
    }

    #app #login .switch-page {
        width: 95%;
        height: 67vh;
        background: url('/CdnRedirect/Web.Mobile/DN002-01.Mobile/Content/Views/Shared/images/register_bg.1.png') no-repeat;
        background-size: 100% 100%;
    }

        #app #login .switch-page .reg-box {
            margin-top: -63.5vh;
        }

        #app #login .switch-page .switch-content {
            background: transparent !important;
            display: flex;
            flex-direction: column;
        }

        #app #login .switch-page .text-h5 {
            margin-top: 20px !important;
            margin-bottom: 10px !important;
        }

        #app #login .switch-page .switch-content > div:last-child {
            height: 0;
            flex: 1;
        }

    #app #login .feature-switch-btn > div:first-child {
        margin-right: 5px !important;
    }

    #app #login .feature-switch-btn .grey {
        -moz-border-radius: 25px !important;
        -webkit-border-radius: 25px !important;
        border-radius: 25px !important;
        background: linear-gradient(to bottom, #6fadf6, #067cdc);
        border: 1px solid #fff;
    }

    #app #login .form-wrap {
        width: 85%;
        padding-bottom: 10px !important;
    }

    #app #login #submit {
        background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/login/login.png') no-repeat center !important;
        background-size: contain !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 53px;
        padding: 0 30px 5px;
        width: auto;
        padding-bottom: 5px;
    }

    #app #login .v-select__selections {
        border: none !important;
    }

    #app #login .v-form {
        max-height: 45vh;
        overflow: auto;
        width: 95%;
        margin: 0 auto;
    }

    #app #login .form-wrap .input-wrap {
        background-position-x: 0.5%;
    }

        #app #login .form-wrap .input-wrap .v-label,
        #app #login .form-wrap .input-wrap input,
        .form-wrap .input-wrap.select .v-select__slot {
            padding-left: 11% !important;
        }

    #app #login .go-login {
        display: none;
    }

    #app #login .get-otp-btn {
        background: #080909;
        border: 1px solid #2bb8f4;
        z-index: 11;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

    #app #login .get-mobile-verification-code {
        background: #080909;
        border: 1px solid #2bb8f4;
        z-index: 11;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

#app .v-dialog.news-dialog .list-wrap .list li:nth-child(odd) {
    background: #0a3858;
}

#app .v-dialog.announcement {
    position: relative;
    padding-bottom: 30px;
    padding: 0 13px 40px;
    background: transparent;
    background-size: 100% 100%;
    border: none;
    box-shadow: none;
    margin-top: 10vh;
}

    #app .v-dialog.announcement .v-card {
        border: none;
        background: transparent;
        box-shadow: none;
    }

        #app .v-dialog.announcement .v-card .v-card__title {
            border: none;
            background: transparent;
            box-shadow: none;
            padding: 0;
        }

            #app .v-dialog.announcement .v-card .v-card__title button {
                position: absolute;
                top: 98%;
                right: 50%;
                margin-right: -30px;
                width: 50px;
                height: 50px;
                font-size: 0;
                background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png') no-repeat center top;
                background-size: 100% 100%;
                -moz-transition: all .4s;
                -o-transition: all .4s;
                -webkit-transition: all .4s;
                transition: all .4s;
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            #app .v-dialog.announcement .v-card .v-card__title span {
                display: none;
            }

            #app .v-dialog.announcement .v-card .v-card__title button:active {
                -moz-transform: scale(0.8);
                -ms-transform: scale(0.8);
                -o-transform: scale(0.8);
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
            }

        #app .v-dialog.announcement .v-card .swiper-pagination-bullets {
            bottom: 0;
        }

        #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet {
            width: 8px !important;
            height: 3px !important;
            -moz-border-radius: 1.5px;
            -webkit-border-radius: 1.5px;
            border-radius: 1.5px;
        }

            #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 22px !important;
                background: #fff !important;
            }

        #app .v-dialog.announcement .v-card .v-card__text {
            padding-bottom: 0;
        }

            #app .v-dialog.announcement .v-card .v-card__text img {
                display: block;
                margin: 0 auto;
                width: 100%;
                height: auto;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
            }

    #app .v-dialog.announcement .v-card__actions {
        padding: 0;
        padding-bottom: 10px;
    }

    #app .v-dialog.announcement .v-divider {
        display: none;
    }

    #app .v-dialog.announcement .footer {
        justify-content: center;
    }

        #app .v-dialog.announcement .footer p {
            display: none;
        }

#app,
#app .v-application--wrap {
    min-height: calc(100 * var(--vh));
}

    #app #app-download ul {
        background: #0c1429;
    }

    #app #app-download h2 {
        color: #33cde9;
    }

    #app #app-download span {
        color: #45738d;
    }

    #app #app-download ul li.download-body {
        padding-left: 1%;
    }

        #app #app-download ul li.download-body > div {
            padding-left: 4%;
        }

    #app #app-download ul li.download-btn {
        min-width: auto;
        color: #fff;
        background: linear-gradient(to right,#37dffc,#3073d6,#203584);
        font-size: 1rem;
        padding: 0.3rem 0.5rem;
        white-space: nowrap;
    }

    #app #app-download ul li.close-btn {
        width: 35px;
        height: 35px;
        background: url('https://thcdn1.wcidnn9c1d8n.com/Web.Portal/DN002-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png') no-repeat center top;
        background-size: contain;
    }

    #app #app-download ul li.download-body img {
        -moz-box-shadow: 0px 0px 10px 0 rgba(129,183,255,1);
        -webkit-box-shadow: 0px 0px 10px 0 rgba(129,183,255,1);
        box-shadow: 0px 0px 10px 0 rgba(129,183,255,1);
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
    }

/* Sitemail Notify*/
.theme--light.v-card.notify-modal {
    border: 1px solid #77f9f9 !important;
    border-radius: 8px;
    background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.8) 0%, rgba(19, 49, 84, 1) 100%) !important;
}

.v-card.notify-modal a {
    color: #fff;
}
/* 會員中心的APP下載 */
#app > div > main > div > div.layout-wrap > div.member-center-c.pb-10.d-flex.flex-column > div.sub-link-group.mt-5.rounded-lg.py-3.px-1 > div:nth-child(2) {
    display: none;
}


#app .go-homepage-btn {
    display: block;
}

.live-icon {
    position: fixed;
    top: 17vh;
    right: 0;
}

    .live-icon img {
        width: 70px;
        height: auto;
    }