/* Minification failed. Returning unminified contents. (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (84,23): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (100,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (105,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (114,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (131,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (132,22): run-time error CSS1039: Token not allowed after unary operator: '-Linear' (133,28): run-time error CSS1039: Token not allowed after unary operator: '-Linear' (134,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (155,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (160,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (166,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (167,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (169,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (194,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (195,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (196,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (197,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (217,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (218,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (224,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (225,28): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (230,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (274,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (276,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (277,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (323,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray2' (336,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (381,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (387,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (414,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (416,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (417,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (418,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-1' (421,26): run-time error CSS1030: Expected identifier, found '.' (421,34): run-time error CSS1031: Expected selector, found ')' (421,34): run-time error CSS1025: Expected comma or open brace, found ')' (437,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (438,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (444,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (445,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (446,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (452,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (453,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (457,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (461,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (465,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (466,28): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (470,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (476,29): run-time error CSS1046: Expect comma, found '0' (476,32): run-time error CSS1046: Expect comma, found ')' (477,25): run-time error CSS1046: Expect comma, found '0' (477,28): run-time error CSS1046: Expect comma, found ')' (486,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (490,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (491,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (504,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (515,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (516,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (517,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (524,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (542,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (553,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (565,35): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (596,28): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (597,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (732,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (733,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (741,20): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (752,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (753,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (755,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (768,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (815,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray1' (837,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (839,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (851,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (852,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (853,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (876,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (879,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (892,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (904,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (905,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (921,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (932,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray1' (998,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (1030,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (1112,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1119,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (1120,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1124,22): run-time error CSS1039: Token not allowed after unary operator: '-Linear' (1125,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (1149,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (1158,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (1178,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1189,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (1203,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1225,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1226,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (1248,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (1294,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7-o7' (1296,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (1327,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7-o7' (1329,33): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (1330,34): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (1335,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (1384,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (1411,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1451,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (1458,56): run-time error CSS1030: Expected identifier, found '.' (1458,62): run-time error CSS1031: Expected selector, found ')' (1458,62): run-time error CSS1025: Expected comma or open brace, found ')' (1556,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (1557,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-3' (1575,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenu-menu-toggle-size' (1646,33): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (1661,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (1684,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray2' (1694,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1695,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (1696,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-2' (1836,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1837,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (1845,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (1850,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1877,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1929,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (1936,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (1937,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (1950,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1984,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1993,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2014,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2015,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray5' (2016,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (2032,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2040,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray1' (2057,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2087,16): run-time error CSS1039: Token not allowed after unary operator: '-Gray1' (2100,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2101,24): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (2107,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2116,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (2118,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2124,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2133,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (2154,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2155,24): run-time error CSS1039: Token not allowed after unary operator: '-white' (2156,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (2168,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (2185,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (2186,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2201,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2202,23): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2206,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (2210,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2211,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (2241,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2249,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (2253,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (2288,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray7' (2289,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2292,46): run-time error CSS1030: Expected identifier, found '.' (2292,66): run-time error CSS1031: Expected selector, found ')' (2292,66): run-time error CSS1025: Expected comma or open brace, found ')' (2300,35): run-time error CSS1039: Token not allowed after unary operator: '-white' (2301,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2311,16): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2323,14): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2346,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray4' (2350,14): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2367,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2387,26): run-time error CSS1039: Token not allowed after unary operator: '-Gray6' (2393,26): run-time error CSS1039: Token not allowed after unary operator: '-Blue4' (2399,26): run-time error CSS1039: Token not allowed after unary operator: '-Blue1' (2543,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg' */ @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/fontFamily/Inter-Light.woff2") format("woff2"); font-weight: 200; font-style: normal; } @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/fontFamily/Inter-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/fontFamily/Inter-SemiBold.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/fontFamily/Inter-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "Aldrich"; src: url("/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/fontFamily/Aldrich-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } :root { --white: #FFFFFF; --Blue1: #26DBFB; --Blue4: #013F65; --Gray1: #E2EAEC; --Gray2: #C7CFD1; --Gray4: #3F4142; --Gray5: #313536; --Gray6: #2A2B2B; --Gray7: #1F2222; --Gray7-o7: #1F2222CC; --Linear: linear-gradient(270deg, #1A85FF 0%, #1CDDFF 74%); --Linear-2: linear-gradient(180deg, rgba(73, 80, 80, 0.00) 10%, #616B6B 32%, rgba(73, 80, 80, 0.00) 100%); --custom-box-shadow-1: 0 2px 2px 0 rgba(0, 0, 0, 0.25); --custom-box-shadow-2: 0 2px 2px 0 rgba(0, 0, 0, 0.25) inset; --custom-box-shadow-3: 0.5px -0.5px 1px 0 rgba(0, 0, 0, 0.50) inset; --custom-buttons-box-gap: 8px; --custom-border-radius: 4px; } /* #region 基本樣式 */ #app .jackpot-box { pointer-events: none; } #footer button, #app.MemberCenter .main-link, #app.Home .partner { display: none; } body, #vip, .v-application, #app.Home .jackpot-box .jackpot .text, #app.Home .jackpot-box .jackpot-number, #app.MemberCenter .member-center-d .mamber-info-wrap .mamber-info { font-family: 'Aldrich','Inter',"Helvetica Neue", Helvetica, Arial, sans-serif !important; } #app a{ text-decoration:none; } .v-application .cyan--text, .icon-wrap .check-circle-icon.isDefault, .v-application .primary--text { color: var(--Blue1) !important; caret-color: var(--Blue1) !important; } .theme--light.v-card, .theme--light.v-card .v-card__subtitle, .theme--light.v-card > .v-card__text, .theme--light.v-application, #app.Vip #vip .v-card .v-card__title, #app.Vip #vip .v-card div.rule-content, #app.Vip #vip .member-info ol > li, .theme--light.v-icon, #app.MemberInfor #member-infor .btn-bind-sns span, #app.SiteMail #site-mail .v-card p, #app.MGM #mgm .inner .container .heading, #app.MGM #mgm .inner .container .v-card .invite-title .grid, #app.Partner .agent-html p { color: var(--white); } .v-application .black--text, .custom-block-text label { color: var(--white) !important; } #app.MemberCenter .member-center-d .sub-link-group a, #app.MemberCenter .member-center-d .sub-link-group .set-language, #app.MemberCenter .member-center-d .SignOut-btn a, #app.home .news-wrap #news, #app.Home #side-menu-a .menu .menu-item, #app.MemberCenter .wallet-info { color: var(--white) !important; } #app button.main-color, #app button.submit-btn, #app .login-dialog .form-wrap #submit, #app .login-dialog .container #submit, #app .register-dialog .form-wrap #submit, #app .register-dialog .container #submit, #app.Home #home-navigation .game-tab-box .game-tab li.active, #app.Home #side-menu-a .top-games ul .game-item.active, #app.Promotion #promotion .inner .scroll-content .navtab li.active, #app.AwardCenter #award-center .inner .scroll-content .navtab li.active, #app.SiteMail .v-tabs-bar .v-tab.v-tab--active, #app.PromotionContent #promotion-content .promotion-module-apply-btn, #app .v-dialog .v-card__actions button, #app.WalletCenter .member-center-d .right-box-transfer-back { /*按鈕*/ border-radius: var(--custom-border-radius) !important; background: var(--Linear) !important; background-color: var(--Linear) !important; color: var(--Gray6) !important; text-shadow: none; line-height: 1; padding: 10px; height: auto; font-weight: 400; border: none; } #app button.main-color span, #app button.submit-btn span, #app .login-dialog .form-wrap #submit span, #app .login-dialog .container #submit span, #app .register-dialog .form-wrap #submit span, #app .register-dialog .container #submit span, #app.Home #home-navigation .game-tab-box .game-tab li.active a, #app.Home #side-menu-a .top-games ul .game-item.active span, #app.Promotion #promotion .inner .scroll-content .navtab li.active span, #app.AwardCenter #award-center .inner .scroll-content .navtab li.active span, #app.PromotionContent #promotion-content .promotion-module-apply-btn span, #app .v-dialog .v-card__actions button span { color: var(--Gray6); } #app button span { line-height: 1; color: var(--white); } #app.Home #side-menu-a .horizontal-menu .menu-item, #app .v-dialog.login-dialog .feature-switch-btn > div, #app .v-dialog.register-dialog .feature-switch-btn > div { border-radius: var(--custom-border-radius); border: 1px solid var(--Gray4); background: none; color: var(--white); flex-direction: row; gap: 4px; height: auto; padding: 10px; font-size: 14px; line-height: 1; } #app a.cancel-btn, #app button.cancel-btn, #app.Home #side-menu-a .top-games ul .game-item, #app .v-dialog.login-dialog .feature-switch-btn > div.grey, #app .v-dialog.register-dialog .feature-switch-btn > div.grey, #app .v-dialog .v-card__actions button.cancel-btn, #app.Deposit #deposit .payment-list .v-sheet, #app.Deposit #deposit .type-list button, #app.Deposit #deposit .account-list button, #app.Deposit .v-form .btn-group > div, #app.Withdraw .payment-list > div, #app.BetRecord .btn-group button, #app .v-dialog.gametype-dialog-component button, #app.WithdrawAccountManagement #withdraw-account-management button, #app .v-dialog.send-mail-dialog .btn-group button.white, #app.Transaction .btn-group button{ border-radius: var(--custom-border-radius) !important; background: var(--Gray4); background-color: var(--Gray4) !important; color: var(--white); padding: 10px !important; line-height: 1; border: none !important; } #app.Home #home-navigation .game-tab-box .game-tab li, #app.Promotion #promotion .inner .scroll-content .navtab li, #app.AwardCenter #award-center .inner .scroll-content .navtab li, #app.SiteMail .v-tabs-bar .v-tab, #app.SiteMail .v-tabs-bar .v-tab:last-child, #app.Deposit #deposit .payment-list .v-sheet.active, #app.Deposit #deposit .type-list button.active, #app.Deposit #deposit .account-list button.active, #app.Deposit .v-form .btn-group > div.main-color, #app.Withdraw .payment-list > div.active, #app.BetRecord .btn-group button.active, #app.Transaction .btn-group button.active, #app.Partner .btn-group li, #app.WalletCenter .main-link .action-link { border-radius: var(--custom-border-radius) !important; color: var(--white) !important; text-shadow: none; line-height: 1; padding: 10px; height: auto; font-weight: 400; background: var(--Blue4) !important; background-color: var(--Blue4); border: none !important; } #app.Home #home-navigation .game-tab-box .game-tab li a { color: var(--white); } #app.Home #side-menu-a .top-games ul .game-item, #app .v-dialog.login-dialog .feature-switch-btn > div, #app .v-dialog.register-dialog .feature-switch-btn > div, #app .v-dialog .v-card__actions button, #app.Promotion #promotion .inner .scroll-content .navtab li, #app.AwardCenter #award-center .inner .scroll-content .navtab li, #app.Transaction .btn-group button { flex: 1 } #app.Promotion #promotion .inner .scroll-content .navtab, #app.AwardCenter #award-center .inner .scroll-content .navtab, #app.SiteMail .v-tabs .v-slide-group__content { background-color: #ffffff00; gap: 8px; display: flex; overflow-x: auto; border-radius: 0; } #app.Promotion #promotion .inner .scroll-content .navtab li, #app.AwardCenter #award-center .inner .scroll-content .navtab li{ flex: 1; height: auto; min-height: unset; padding: 12px 10px; display: flex; align-items: center; justify-content: center; } #app.Promotion #promotion .inner .scroll-content .navtab li.active:after, #app.AwardCenter #award-center .inner .scroll-content .navtab li.active:after { content: none; } #app main .v-input:not(.v-input--radio-group):not(.v-input--checkbox) .v-input__slot, #app main .v-select .v-input__slot, #app main .mx-input, #app .v-dialog.wallet-detail-dialog .input-wrapper input { /*input*/ border-radius: var(--custom-border-radius); border: none; border-bottom: 1px solid var(--Gray5); background: var(--Gray7); background-image: none !important; padding-right: 8px; padding-left: 8px; border: none; box-shadow: none; } #app .form-wrap .input-wrap.select .v-select__slot, #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 .register-dialog .form-wrap .input-wrap .v-label, #app .register-dialog .container .input-wrap .v-label, #app .register-dialog .form-wrap .input-wrap input, #app .register-dialog .container .input-wrap input, #app .form-wrap .input-wrap .v-label, #app .form-wrap .input-wrap input { padding: 0px !important; } #app .login-dialog .form-wrap .input-wrap input, #app .login-dialog .container .input-wrap input, #app .register-dialog .form-wrap .input-wrap input, #app .register-dialog .container .input-wrap input, #app .forget-password-dialog .form-wrap .input-wrap input { margin-top: 4px; } .form-wrap .input-wrap .v-label.v-label--active { transform: translateY(-16px); } #app .v-input--selection-controls .v-input__slot > .v-label, #app .v-input--selection-controls .v-radio > .v-label, #app .login-dialog .form-wrap .input-wrap .v-label, #app .login-dialog .container .input-wrap .v-label, #app .login-dialog .forget-btn, #app .register-dialog .form-wrap .input-wrap .v-label, #app .register-dialog .container .input-wrap .v-label, #app .register-dialog .forget-btn, #app input::placeholder, #app textarea::placeholder, #app .theme--light.v-messages, #app .theme--light.v-label { color: var(--Gray2); font-size: 14px; } #app .theme--light.v-input, #app .theme--light.v-input input, #app .theme--light.v-input textarea, #app .v-select .v-select__selection, #app .v-select .theme--light.v-icon, #app .v-select .v-select__selection, #app main .mx-input, #app main .mx-icon-calendar, #app main .mx-icon-clear { color: var(--white); } #app .v-text-field.v-text-field--enclosed .v-text-field__details, #app .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding: 0 10px; } #app .v-text-field.v-text-field--enclosed .v-text-field__details .v-messages__message { line-height: 20px; } #app .input-wrap .v-input__append-inner button { margin-right: -10px; width: 24px; height: 24px; opacity: 1; top: -8px; } #app .input-wrap.password .v-input__append-inner button { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/eyeOff.png) no-repeat center / contain; } #app .input-wrap.password .v-input__append-inner button.off { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/eyeOn.png) no-repeat center / contain; } #app .input-wrap.password .v-input__append-inner button i { display: none; } .v-input.v-input--checkbox i { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/checkbox.png) no-repeat center / contain; font-size: 0px; width: 16px; height: 16px; margin: 4px; } .v-input.v-input--checkbox.v-input--is-label-active i { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/checkbox_a.png) no-repeat center / contain; } #app .v-main { /*頁面*/ background: var(--Gray7) !important; } #app #page-title, #app.Home #logo-bar, #app.MemberCenter .member-center-d .member-center-title { background: var(--Gray6); height: 50px; max-height: 50px; font-size: 16px; font-weight: 400; line-height: 3.3; text-shadow: none; } #app #page-title .back-btn, #app.MemberCenter .member-center-d .member-center-title .to-home { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/arrow.png) no-repeat center / contain; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; left: 12px; } #app .v-main .v-card:not(.alert-bg):not(.account-card), #app.MemberCenter .member-center-d .main-action, #app.MemberCenter .mamber-info-wrap, #app.MemberCenter .main-action .main-link, #app.AwardCenter #award-center .inner .item, #app.WalletCenter .main-action, #app.Guide .accordion-item { padding: 12px !important; border-radius: var(--custom-buttons-box-gap); border: none; border-bottom: 1px solid var(--Gray5); background: var(--Gray6); box-shadow: var(--custom-box-shadow-1); } #app .v-main .v-card:has(.loading):not(:has(.btn-group)) { padding: 0px !important; background: none; border-radius: 0; border: none; box-shadow: none; } #app .v-main .v-card:empty { display: none; } .theme--light.v-data-table, #app.Vip #vip table tr th, #app .theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th, #app.Partner .agent-html .table-responsive table tr td.main-color { /*表格*/ background: var(--Gray4); color: var(--white); text-shadow:none; } .v-data-table.custom-table tr:nth-child(even), #app .v-data-table.custom-table tr:nth-child(even) { background: var(--Gray6); background-color: var(--Gray6); color: var(--white); } #app.Vip #vip table tr, #app.Vip #vip table tr:nth-child(odd), #app.Partner .agent-html .table-responsive table tr { background: var(--Gray5); color: var(--white); } #app table .more-btn .theme--light.v-icon { color: var(--Blue1); } #app .v-pagination li button { background: var(--Gray4); } #app .v-pagination li button.v-pagination__item--active { background: var(--Blue4) !important; background-color: var(--Blue4) !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: var(--Blue4) !important; } /* #endregion 基本樣式 */ /* #region 彈跳視窗 */ #app .v-overlay__scrim { opacity: 0.6; background-color: rgb(0 0 0) !important; border-color: rgb(0 0 0) !important; } #app .v-dialog .v-card__title .close-btn { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/close.png) no-repeat center / contain; width: 18px; height: 18px; right: 12px; top: 50%; transform: translateY(-50%); color: var(--white); } #app .v-dialog { border-radius: var(--custom-border-radius); background: var(--Gray7); } #app .v-dialog .v-card__title, #app .v-dialog .v-card__text, #app .v-dialog .v-card__actions, #app .v-dialog > .v-card { background: none; border-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; color:var(--white); } #app .v-dialog .v-card__title, #app .v-dialog .v-card__text, #app .v-dialog .v-card__actions{ padding:12px; } #app .v-dialog .v-card__title, #app .v-dialog.gametype-dialog-component .v-card__title { background: var(--Gray6) !important; background-color: var(--Gray6) !important; color: var(--white); text-shadow: none; line-height: 1; font-size: 16px !important; } #app .v-dialog .v-card__title span { color: var(--white); text-shadow: none; line-height: 1; font-size: 16px !important; } #app .v-dialog .v-card__title button.v-icon, #app .v-dialog.transaction-detail-dialog .v-card__title button{ font-size: 0; min-width: 18px; min-height: 18px; height: 18px; width: 18px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/close.png) no-repeat center / contain; } #app .v-dialog .v-card__actions { display: flex; gap: var(--custom-buttons-box-gap); } #app .v-dialog .v-card__actions button{ margin:0; flex:1; } #app .v-dialog.tab-announcement .tab-category-list > li > p, #app .v-dialog.tab-announcement .item-title, #app .v-dialog.tab-announcement .item-time { /*最新公告*/ color: var(--white); } #app .v-dialog.tab-announcement .announcement-item:nth-child(even) { background-color: #ededed17; } #app .v-dialog.tab-announcement .tab-category-wrap { border:none; } #app .v-dialog.tab-announcement .tab-category-list > li.active { border-bottom: 2px solid var(--Blue1); } /* #endregion 彈跳視窗 */ /* #region 公告 */ #app .v-dialog.announcement { position: relative; padding: 0 0 60px; 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::before { content: none; } #app .v-dialog.announcement .v-card__text { padding: 0px; } #app .v-dialog.announcement .swiper-container { border-radius: 12px; border: 1px solid var(--Blue1); background: var(--Gray7); } #app .v-dialog.announcement .v-card__text .swiper-slide { position: relative; overflow: hidden; border-radius: 12px; padding: 2px; } #app .v-dialog.announcement .v-card__text .swiper-slide::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 12px; border: 2px solid rgba(0, 0, 0, 0); background: #38E1FE border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; content: none; } #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text { border-radius: 12px; position: relative; } #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text::after { content: ""; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.5%, #000 100%); width: 100%; height: 100px; bottom: 0; content: none; } #app .v-dialog.announcement .v-card__text .navigationp-btn { display: 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: 100%; right: 50%; margin-right: -30px; width: 36px; height: 36px; font-size: 0; background: url("/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/announcement/close.png") no-repeat center / contain; background-size: 100% 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.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: 14px; } #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet { width: 6px !important; height: 6px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #FFFFFF !important; } #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #38E1FE !important; } #app .v-dialog.announcement .v-card .v-card__text img { display: block; margin: 0 auto; width: 100%; height: auto; } #app .v-dialog.announcement .v-divider { display: none; } #app .v-dialog.announcement .footer { justify-content: center; } #app .v-dialog.announcement .footer p { display: none; } /* #endregion 公告 */ /* #region 快速轉帳 */ #app .v-dialog.wallet-detail-dialog .spacer { display: none; } #app .v-dialog.wallet-detail-dialog .transfer-amount-container .input-wrapper::before { top: 11px; } #app .v-dialog.wallet-detail-dialog .transfer-out.flex-fill, #app .v-dialog.wallet-detail-dialog .transfer-in.flex-fill { border: 1px solid var(--white); border-radius: var(--custom-border-radius); padding: 8px; text-align: center; position: relative; flex: 1 !important; } #app .v-dialog.wallet-detail-dialog .transfer-arrow { margin: 0 var(--custom-buttons-box-gap); } #app .v-dialog.wallet-detail-dialog .manual-transfer-select-btn-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 3px; } #app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue { border-radius: var(--custom-border-radius) !important; color: var(--white) !important; text-shadow: none; background: var(--Blue4) !important; border: none !important; } /* #endregion 快速轉帳 */ /* #region 登入、註冊彈窗 */ #app .v-dialog.login-dialog, #app .v-dialog.register-dialog, #app .v-dialog.forget-password-dialog { margin: 0; max-height: 100vh; height: 100vh; width: 100vw; max-width: 100vw; background: var(--Gray7); } #app .v-dialog.login-dialog .login-dialog-bg, #app .v-dialog.register-dialog .register-dialog-bg, #app .v-dialog.forget-password-dialog .forget-password-dialog-bg { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/login-bg.png) no-repeat top center / contain; height: 100%; border-radius: 0; } #app .v-dialog.login-dialog .v-card__title::before, #app .v-dialog.register-dialog .v-card__title::before, #app .v-dialog.forget-password-dialog .v-card__title::before { content: ''; position: absolute; display: block; height: 28px; aspect-ratio: 170/60; top: 12px; left: 12px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/logo.png) no-repeat center / contain; } #app .v-dialog.login-dialog .v-card__title, #app .v-dialog.register-dialog .v-card__title, #app .v-dialog.forget-password-dialog .v-card__title { padding: 0; height: 38vw; background:none !important; } #app .v-dialog.login-dialog .v-card__title .close-btn, #app .v-dialog.register-dialog .v-card__title .close-btn, #app .v-dialog.forget-password-dialog .v-card__title .close-btn { top: 18px; font-size: 0; } #app .v-dialog.login-dialog .v-card__title .title, #app .v-dialog.register-dialog .v-card__title .title, #app .v-dialog.forget-password-dialog .v-card__title .title { position: absolute; bottom: 0; left: 16px; font-size: 14px !important; font-weight: 400 !important; color: var(--Gray1); } #app .v-dialog.login-dialog .v-card__text, #app .v-dialog.register-dialog .v-card__text, #app .v-dialog.forget-password-dialog .v-card__text { padding: 0 12px; } #app .v-dialog.login-dialog .v-card__text .container, #app .v-dialog.login-dialog .v-form, #app .v-dialog.register-dialog .v-card__text .container, #app .v-dialog.register-dialog .v-form, #app .v-dialog.forget-password-dialog .v-card__text .container, #app .v-dialog.forget-password-dialog .v-form { padding: 0px; position: relative; } #app .v-dialog.login-dialog .feature-switch-btn > div, #app .v-dialog.register-dialog .feature-switch-btn > div, #app .v-dialog.forget-password-dialog .feature-switch-btn > div { border: 1px solid var(--Gray4); flex: 1; border-radius: var(--custom-border-radius) !important; padding: 10px !important; line-height: 1; } #app .v-dialog.login-dialog .form-wrap .input-wrap, #app .v-dialog.login-dialog .container .input-wrap, #app .v-dialog.register-dialog .form-wrap .input-wrap, #app .v-dialog.register-dialog .container .input-wrap, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap, #app .v-dialog.forget-password-dialog .container .input-wrap, #app .v-dialog.send-mail-dialog .v-input__slot { border-radius: var(--custom-border-radius); border-bottom: 1px solid var(--Gray5); background: var(--Gray6); background-image: none !important; padding-right: 8px; padding-left: 8px; padding-top:4%; } #app .v-dialog.login-dialog .v-input.v-input--checkbox .v-input--selection-controls__input, #app .v-dialog.register-dialog .v-input.v-input--checkbox .v-input--selection-controls__input, #app .v-dialog.forget-password-dialog .v-input.v-input--checkbox .v-input--selection-controls__input { margin-right: 0px; margin-bottom: 2px; } #app .v-dialog.login-dialog .form-wrap .get-otpcode, #app .v-dialog.login-dialog .container .get-otpcode, #app .v-dialog.register-dialog .form-wrap .get-otpcode, #app .v-dialog.register-dialog .container .get-otpcode, #app .v-dialog.register-dialog .form-wrap .input-wrap .tip-box button, #app .v-dialog.register-dialog .form-wrap .input-wrap .tip-box button, #app .v-dialog.forget-password-dialog .form-wrap .get-captcha-btn, #app .v-dialog.register-dialog .get-mobile-verification-code, #app.MemberTransfer .getMobileSendCode { border-radius: var(--custom-border-radius); border: none; background: none !important; color: var(--Blue1) !important; box-shadow: none; } #app .v-dialog.login-dialog .form-wrap .get-otpcode span, #app .v-dialog.login-dialog .container .get-otpcode span, #app .v-dialog.register-dialog .form-wrap .get-otpcode span, #app .v-dialog.register-dialog .container .get-otpcode span, #app .v-dialog.register-dialog .form-wrap .input-wrap .tip-box button span, #app .v-dialog.register-dialog .form-wrap .input-wrap .tip-box button span, #app .v-dialog.forget-password-dialog .form-wrap .get-captcha-btn span, #app .v-dialog.register-dialog .get-mobile-verification-code span, #app.MemberTransfer .getMobileSendCode span{ color: var(--Blue1) !important; } #app .v-dialog.login-dialog .form-wrap .get-otpcode, #app .v-dialog.login-dialog .container .get-otpcode, #app .v-dialog.forget-password-dialog .form-wrap .get-captcha-btn { top: 3px; margin: 0 !important; right: 3px; } #app .v-dialog.login-dialog .other-login button.line-login.v-btn { border-radius: var(--custom-border-radius); background: var(--Blue4); } #app .v-dialog.register-dialog .form-wrap .input-wrap .tip-box { position: absolute; top: 7px; right: 3px; } /* #endregion 登入、註冊彈窗 */ /* #region Footer */ #app #footer::before { content:none; } #app #footer .v-bottom-navigation { border-radius: 16px 16px 0 0; background: var(--Gray5); height: 68px !important; box-shadow: none; border-top:none; } #app #footer.show-financial-dialog .v-bottom-navigation { border-radius: 0; } #app #footer .v-bottom-navigation span { color: var(--Gray1); font-size: 12px; font-weight: 400; } #app #footer.k-component .v-btn i.home, #app #footer.k-component .v-btn.v-btn--active i.home, #app #footer .v-btn i.home, #app #footer .v-btn.v-btn--active i.home { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/home.png); } #app #footer.k-component .v-btn i.chat, #app #footer.k-component .v-btn.v-btn--active i.chat, #app #footer .v-btn i.chat, #app #footer .v-btn.v-btn--active i.chat { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/chat.png); } #app #footer.k-component .v-btn i.promotion, #app #footer.k-component .v-btn.v-btn--active i.promotion, #app #footer .v-btn i.promotion, #app #footer .v-btn.v-btn--active i.promotion { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/promotion.png); } #app #footer.k-component .v-btn i.transaction, #app #footer.k-component .v-btn.v-btn--active i.transaction, #app #footer .v-btn i.transaction, #app #footer .v-btn.v-btn--active i.transaction { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/transaction.png); } #app #footer.k-component .v-btn i.member-center, #app #footer.k-component .v-btn.v-btn--active i.member-center, #app #footer .v-btn i.member-center, #app #footer .v-btn.v-btn--active i.member-center { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/my.png); } #app #footer .v-btn i.financial { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/financial.png) no-repeat center / contain; } #app #footer a[value="MemberCenter"] .has-new-sitemail { display:none; } #app #footer.show-financial-dialog .v-btn i.financial { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/close.png); } #app .v-dialog.financial-dialog .v-card ul li::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/deposit.png) no-repeat center / contain; } #app .v-dialog.financial-dialog .v-card ul li.deposit::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/footer/withdraw.png) no-repeat center / contain; } #app #footer.show-financial-dialog button.v-btn span { font-size: 0 } #app #footer.show-financial-dialog button.v-btn span.v-btn__content::before { color: var(--Blue1); content: 'CLOSE'; font-size: 12px; line-height: 1; } #app.zh-TW #footer.show-financial-dialog button.v-btn span.v-btn__content::before { content: '關閉'; } #app.zh-CN #footer.show-financial-dialog button.v-btn span.v-btn__content::before { content: '关闭'; } #app #footer.k-component .v-btn i, #app #footer .v-btn i.financial, #app #footer .v-btn i, #app .v-dialog.financial-dialog .v-card ul li::before { width: 28px; height: 28px; top: 0; position: relative; padding: 0; } #app #footer .v-btn i.financial::before, #app #footer .v-btn i.financial::after { content: none; } #app .v-dialog.financial-dialog { border-radius: 16px 16px 0 0; background: var(--Gray5); box-shadow: none; padding: 6px; margin: 0 0 68px 0 !important; } #app .v-dialog.financial-dialog .v-card { box-shadow: none; } #app .v-dialog.financial-dialog .v-card ul { filter: none; align-items: center; justify-content: center; gap: 4px; } #app .v-dialog.financial-dialog .v-card ul li { flex: unset; width: 72px; height: 54px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1; font-size: 12px; gap: 3px; padding-bottom: 12px; } #app .v-dialog.financial-dialog .v-card ul, #app .v-dialog.financial-dialog .v-card ul li.deposit { background: none; height: auto; } #app .v-dialog.financial-dialog .v-card ul li span, #app .v-dialog.financial-dialog .v-card ul li::before, #app .v-dialog.financial-dialog .v-card ul li::before { position: relative; top: unset; bottom: unset; left: unset; right: unset; } /* #endregion Footer */ /* #region 首頁 */ #app.Home #logo-bar { padding: 8px; } #app.Home #logo-bar:after, #app.Home #logo-bar .login-btn::before, #app.Home #logo-bar .login-btn::after, #app.Home #logo-bar .signup-btn::before, #app.Home #logo-bar .signup-btn::after, #app.Home #home-navigation .game-tab-box .game-tab li:before { content: none; } #app.Home #logo-bar .online-count, #app.Home #logo-bar .balance, #app.Home #logo-bar .mail-btn, #app.Home #logo-bar a.logo img, #app.Home .account-info-wrap, #app.Home #slider .swiper-pagination, #app.Home .jackpot .line, #app.Home #home-navigation .game-list-block ul li .title-box, #app.Home #custom-float .custom-float-item .text { display: none; } #app.Home #logo-bar a.logo { width: 97px; height: 32px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/logo.png) no-repeat center left / contain; } #app.Home #logo-bar .login-btn, #app.Home #logo-bar .signup-btn { border-radius: var(--custom-border-radius); justify-content: center; min-width: 85px; min-height: 100%; } #app.Home #logo-bar .login-btn { background: var(--Gray4); color: var(--white) !important; } #app.Home #logo-bar .signup-btn { background: var(--Linear); color: var(--Gray6) !important; } #app.Home #home-navigation, #app.Home #home-navigation .game-tab, #app.Home .news-wrap, #app.Home .news-wrap #news { background: none; } #app.Home #slider { padding: 12px 16px 4px 16px; } #app.Home .news-wrap { padding: 0px 16px 0px 32px; } #app.Home .news-wrap::before, #app.Home .news-wrap::after { content: ''; width: 8px; height: 8px; border-radius: 50px; background: var(--Blue1); display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 22px; } #app.Home .news-wrap::after { background: var(--Blue1); opacity: 0.4; animation: pulseCircle 1.8s infinite linear; } @keyframes pulseCircle { 0% { transform: translateY(-50%) scale(1); } 50% { transform: translateY(-50%) scale(2); } 100% { transform: translateY(-50%) scale(1); } } #app.Home .news-wrap #news { color: var(--white); } #app.Home .jackpot-box { position: absolute; z-index: 333; top: 62px; left: 16px; } #app.Home .jackpot-box .jackpot .text { background: var(--Blue1); -webkit-background-clip: text; } #app.Home .jackpot-box .jackpot .number { font-size: 20px; width: auto; } #app.Home .jackpot-box .jackpot-number { text-shadow: 0 1px 2px rgba(52, 237, 135, 0.40); } #app.Home .game-list-top { margin-bottom: var(--custom-buttons-box-gap); } #app.Home .game-tab-box { margin: 12px 0px 12px 16px; padding-right: 16px; max-height:32px; } #app.Home .game-list-block { padding: 12px 16px; } #app.Home #home-navigation .v-text-field.v-text-field--solo.v-input--dense > .v-input__control { min-height: unset; height: 30px; } #app.Home #home-navigation .game-tab-box .v-input.search, #app.Home #home-navigation .game-tab-box .v-text-field__slot, #app.Home #home-navigation .game-tab-box .v-input__append-inner, #app.Home .game-list-funtcion button { border-radius: var(--custom-border-radius); background: var(--Gray5); } #app.Home #home-navigation .game-tab-box .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding: 0; } #app.Home #home-navigation .game-tab-box .game-tab li { white-space: nowrap; min-width: 80px; } #app.Home .game-list-title { display: flex; align-items: center; } #app.Home .game-list-title::before { content: ''; width: 8px; height: 8px; border-radius: 50px; background: var(--Blue1); display: inline-block; margin-right: 4px; } #app.Home .game-list-funtcion button { padding: 6px; height: 100%; } #app.Home .game-list-funtcion button.more { min-width: 70px; } #app.Home .game-list-funtcion button.previous, #app.Home .game-list-funtcion button.next { width: 30px; } #app.Home .game-list-funtcion button, #app.Home .game-list-funtcion button i { font-size: 12px; } #app.Home .game-list-funtcion button i { font-size: 0px; min-width: 12px; min-height: 12px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/game-arrow.png) no-repeat center / contain; } #app.Home .game-list-funtcion button.previous i { transform: rotate(180deg); } #app.Home #home-navigation .game-list-block ul li { height: unset; aspect-ratio: 3 / 4; } #app.Home #home-navigation .game-list-block ul li img { object-fit: cover; object-position: right center; } #app.Home #custom-float { /*浮動功能目錄*/ background: var(--Gray7-o7); border-radius: 6px; border: 1px solid var(--Gray4); } #app.Home #custom-float, #app.Home #custom-float .main-icon, #app.Home #custom-float .custom-float-content.expand-box .custom-float-item { width: 50px; } #app.Home #custom-float .custom-float-content.expand-box .custom-float-item { height: 50px; } #app.Home #custom-float .custom-float-content.expand-box .custom-float-item.award-center { top: 50px; } #app.Home #custom-float .custom-float-content.expand-box .custom-float-item.vip { top: 100px; } #app.Home #custom-float .custom-float-content.expand-box .custom-float-item.app { top: 150px; } #app.Home #custom-float.active { border-bottom: none; border-radius: 6px 6px 0 0; } #app.Home #custom-float .custom-float-item { background: var(--Gray7-o7); border-radius: 0; border-left: 1px solid var(--Gray4); border-right: 1px solid var(--Gray4); } #app.Home #custom-float .custom-float-item:last-child { border-radius: 0 0 6px 6px; border-bottom: 1px solid var(--Gray4); } #app.Home #custom-float .main-icon { height: 24px; margin: 5px 0; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/customFloat-arrow.png) no-repeat center / contain; } #app.Home #custom-float .main-icon.active { transform: rotate(180deg); } #app.Home #custom-float .custom-float-content .custom-float-item .toggle-icon { width: 46px; height: 46px; margin-right: 1px; } #app.Home #custom-float .custom-float-content .custom-float-item.chat .toggle-icon { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/customFloat-chat.png); } #app.Home #custom-float .custom-float-content .custom-float-item.award-center .toggle-icon { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/customFloat-awardCenter.png); } #app.Home #custom-float .custom-float-content .custom-float-item.vip .toggle-icon { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/customFloat-vip.png); } #app.Home #custom-float .custom-float-content .custom-float-item.app .toggle-icon { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/customFloat-app.png); } #app.Home #logo-bar .side-menu-btn { /*側目錄*/ width: 22px; height: 22px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/menu.png) no-repeat center / contain; } #app.Home .side-menu-content { width: 100vw; z-index: 10; } #app.Home .side-menu-content #side-menu-a { background: var(--Gray7); } #app.Home #side-menu-a .close-side-menu { position: absolute; top: 20px; right: 8px; font-size: 0; width: 24px; height: 24px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/close.png) no-repeat center / contain; } #app.Home #side-menu-a .top-games ul .game-item::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/ATG.png) no-repeat center / contain; } #app.Home #side-menu-a .top-games { padding: 14px 8px; } #app.Home #side-menu-a .top-games ul, #app.Home #side-menu-a .horizontal-menu { gap: var(--custom-buttons-box-gap); background: none; } #app.Home #side-menu-a .top-games ul { width: calc(100% - 32px); } #app.Home #side-menu-a .top-games ul .game-item.active::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/ATG-black.png) no-repeat center / contain; border-bottom: none; } #app.Home #side-menu-a .scroll-content { padding: 0 8px; } #app.Home #side-menu-a .horizontal-menu{ margin-bottom:8px; } #app.Home #side-menu-a .horizontal-menu .menu-item { flex-direction: row; gap: 4px; } #app.Home #side-menu-a .scroll-content, #app.Home #side-menu-a .menu, #app.Home #side-menu-a .menu.bg { gap: 0; background: none; } #app.Home #side-menu-a .menu .menu-item { gap: 0; background: none; border-bottom: 1px solid var(--Gray6); padding: 10px 12px; gap: 12px; } #app.Home #side-menu-a .horizontal-menu .menu-item img, #app.Home #side-menu-a .menu .menu-item img, #app.Home #side-menu-a .toggle-wrap .toggle-action:has(.theme) { display: none; } #app.Home #side-menu-a .horizontal-menu .menu-item::before, #app.Home #side-menu-a .menu .menu-item::before { content: ''; display: inline-block; width: 16px; height: 16px; } #app.Home #side-menu-a .horizontal-menu .menu-item.hot::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/hot.png) no-repeat center / contain; } #app.Home #side-menu-a .horizontal-menu .menu-item.favorite::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/like.png) no-repeat center / contain; } #app.Home #side-menu-a .horizontal-menu .menu-item.history::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/log.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.Slot::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/slot.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.Live::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/Live.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.Board::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/Board.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.Fish::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/Fish.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.Sport::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/Sport.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.Lottery::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/Lottery.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.vip::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/vip.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.sitemail::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/sitemail.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.award-center::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/award-center.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.promotion::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/promotion.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.bank::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/bank.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.transaction::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/transaction.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.betRecord::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/betRecord.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.language::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/language.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.password::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/password.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.app::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/app.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.guide::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/guide.png) no-repeat center / contain; } #app.Home #side-menu-a .menu .menu-item.chat::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/chat.png) no-repeat center / contain; } #app.Home #side-menu-a label.toggle-label, #app.Home #side-menu-a .checkbox-input:checked:not(#theme-btn) + label { background: var(--Gray5); box-shadow: var(--custom-box-shadow-3); } #app.Home #side-menu-a .checkbox-input:checked + label .thumb { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/music_a.png); transform: translateX(5px); } #app.Home #side-menu-a .thumb { width: 15px; height: 15px; top: 2px; background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/music.png); transform: translateX(2px); } #app.Home #side-menu-a .toggle, #app.Home #side-menu-a label.toggle-label { width: calc(var(--sideMenu-menu-toggle-size) * 3); } #app.Home #side-menu-a .thumb.theme { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/theme.png); } #app.Home #side-menu-a .checkbox-input:checked + label .thumb.theme { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/theme_a.png); } /* #app.Home #side-menu-a label.toggle-label, #app.Home #side-menu-a .checkbox-input:checked:not(#theme-btn) + label { background: var(--Gray5); box-shadow: var(--custom-box-shadow-3); width: 38px; } #app.Home #side-menu-a .toggle-wrap .toggle-action { color: var(--Gray2); font-size: 14px; font-weight: 400; } #app.Home #side-menu-a .checkbox-input + label .thumb, #app.Home #side-menu-a .checkbox-input:checked + label .thumb { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/music_a.png); width: 15px; height: 15px; top: 2px; left: unset; right: 2px; } #app.Home #side-menu-a .checkbox-input + label .thumb.theme, #app.Home #side-menu-a .checkbox-input:checked + label .thumb.theme { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/sideMenu/theme_a.png); }*/ /* #endregion 首頁 */ /* #region 會員中心 */ #app.MemberCenter .member-center-d .main-action::before { content: none; } #app.MemberCenter hr, #app.MemberCenter .mamber-info-wrap .mascot img { display: none; } #app.MemberCenter .member-center-d { padding-bottom:0px !important; } #app.MemberCenter .mamber-info-wrap { height: auto; padding: 18px 12px !important; } #app.MemberCenter .mamber-info-wrap .mascot { bottom: unset; left: 12px; top:18px; width: 120px; height:80px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/member.png) no-repeat center / contain; } #app.MemberCenter .mamber-info-wrap .mamber-info { width: 100%; padding: 0 0 0 12px; margin-left: 132px; border-left: 1px solid var(--Gray5); } #app.MemberCenter .mamber-info-wrap .AccountName, #app.MemberCenter .mamber-info-wrap .UID, #app.MemberCenter .mamber-info-wrap .vip-btn { position: absolute; } #app.MemberCenter .mamber-info-wrap .AccountName, #app.MemberCenter .mamber-info-wrap .UID { left: 72px; bottom: 18px; transform: translateX(-50%); color: var(--Blue1); } #app.MemberCenter .mamber-info-wrap .vip-btn { font-size: 0; right: 12px; top: 18px; width: 16px; height: 16px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/arrow-blue.png) no-repeat center / contain; } #app.MemberCenter .mamber-info-wrap .vip-btn span { font-size: 0; } #app.MemberCenter .mamber-info-wrap .UID { bottom: 36px; } #app.MemberCenter .mamber-info-wrap .login-time-text, #app.MemberCenter .mamber-info-wrap .login-time { display: block; color: var(--Gray2); } #app.MemberCenter .mamber-info-wrap .login-time-text, #app.MemberCenter .wallet-info { margin-top: 16px; width: 100%; } #app.MemberCenter .wallet-info { border-radius: var(--custom-border-radius); background: var(--Gray7); box-shadow: var(--custom-box-shadow-2); line-height: 1.2; height: auto; padding: 4px 6px; } #app.MemberCenter .main-action { position: relative; /* margin-top: 90px;*/ } #app.MemberCenter .main-action .main-link { position: absolute; height: 70px; top: -80px; width: 100%; left: 0; } #app.MemberCenter .main-action .main-link .action-link { padding: 0; gap: 2px; font-size: 12px; } #app.MemberCenter .main-action .main-link .action-link i { min-width: 26px; min-height: 26px; } #app.MemberCenter .main-action .main-link .action-link.financial i { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/financial.png) no-repeat center / contain; } #app.MemberCenter .main-action .main-link .action-link.withdraw i { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/withdraw.png) no-repeat center / contain; } #app.MemberCenter .main-action .main-link .action-link.award-center i { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/award-center.png) no-repeat center / contain; } #app.MemberCenter .main-action .main-link .action-link.vip i { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/vip.png) no-repeat center / contain; } #app.MemberCenter .main-action .sub-link-group .sub-link.vip:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/vip-1.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.member-infor:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/member-infor.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.mgm:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/mgm.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.agent:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/agent.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.app:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/app.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.withdrawal-account-management:before, #app.MemberCenter .main-action .sub-link-group .sub-link.withdrawal-convenience-store-management:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/withdrawal-account-management.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.withdrawal-electronic-wallet-management:before, #app.MemberCenter .main-action .sub-link-group .sub-link.wallet-center:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/withdrawal-digital-wallet-management.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.bet-record:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/bet-record.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.member-infor:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/member-infor.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.transaction:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/transaction.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.member-transfer:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/member-transfer.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.site-mail:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/site-mail.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.mgm:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/mgm.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.change-password:before, #app.MemberCenter .main-action .sub-link-group .sub-link.change-money-password:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/change-password.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.promotion:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/promotion.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.agent:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/agent.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.announcement-btn:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/announcement-btn.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.set-language:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/set-language.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.faq:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/faq.png); } #app.MemberCenter .main-action .sub-link-group .sub-link.agreement:before { background-image: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/memberCenter/agreement.png); } #app.MemberCenter .member-center-d .sub-link-group a, #app.MemberCenter .member-center-d .sub-link-group .set-language { gap: 12px; } #app.MemberCenter .SignOut-btn { margin: 16px 0 0 0; width: 100%; } #app.MemberCenter .SignOut-btn a { border-radius: var(--custom-border-radius); border: 1px solid var(--Gray4); } #app.MemberCenter .v-dialog.lang-dialog-b { /*請選擇語系彈窗*/ margin: 0; bottom: 0; position: absolute; border-radius: 12px 12px 0 0; background: var(--Gray7); } #app.MemberCenter .v-dialog.lang-dialog-b .v-card { background-color: #ffffff00; color: var(--white); } #app.MemberCenter .v-dialog.lang-dialog-b .v-card__title { padding: 16px; font-size: 16px; font-weight: 400; line-height: 1; } #app.MemberCenter .v-dialog.lang-dialog-b .v-card__title button { position: absolute; right: 16px; top: 16px; width: 18px; height: 18px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/arrow.png) no-repeat center / contain; font-size: 0; transform: rotate(-90deg); } #app.MemberCenter .v-dialog.lang-dialog-b .language-wrap { gap: 6px; padding: 24px 16px 48px 16px; } #app.MemberCenter .v-dialog.lang-dialog-b .language-wrap .lang-list { color: var(--white); font-size: 14px; font-weight: 400; padding: 8px 0; justify-content: flex-start; gap: 6px; } #app.MemberCenter .v-dialog.lang-dialog-b .language-wrap .lang-list::before { width: 26px; height: 26px; } #app.MemberCenter .language-wrap .lang-list.active { border-radius: 0; background: none; position:relative; } #app.MemberCenter .language-wrap .lang-list.active::after { content: ''; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/check.png) no-repeat center / contain; width: 18px; height: 18px; right: -5px; position: absolute; } #app.MemberCenter .v-dialog.lang-dialog-b .v-card__actions { display: none; } /* #endregion 會員中心 */ /* #region 客戶服務 */ #app.OnlineServices .page-content > img, #app.OnlineServices .page-content .services-link b, #app.OnlineServices .page-content .services-link .icon img { display: none; } #app.OnlineServices .page-content { padding: 18px 12px; gap: 12px; } #app.OnlineServices .page-content::before { content: ''; width: 100%; aspect-ratio: 716/372; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/OnlineServices_bg.png) no-repeat center / contain; } #app.OnlineServices .page-content .services-link { border-bottom: 1px solid var(--Gray6); padding: 0 12px 10px 12px; height: auto; } #app.OnlineServices .page-content .services-link .join { border-radius: 4px; border: 1px solid var(--Gray4); color: var(--Blue1); display: flex; padding: 12px 10px; justify-content: center; align-items: center; line-height: 1; background: none; min-width: 130px; margin: 0 0 0 auto; } #app.OnlineServices #online-services .page-content .services-link .icon { flex: unset; margin-right: var(--custom-buttons-box-gap); } #app.OnlineServices .page-content .services-link .icon::before { content: ''; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/line.png) no-repeat center / contain; } #app.OnlineServices .page-content .services-link.Line .icon::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/line.png) no-repeat center / contain; } #app.OnlineServices .page-content .services-link.QQ .icon::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/QQ.png) no-repeat center / contain; } #app.OnlineServices .page-content .services-link.Wechat .icon::before { background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/wechat.png) no-repeat center / contain; } /* #endregion 客戶服務 */ /* #region 優惠專區 */ #app.Promotion .inner { padding: 18px 16px; } #app.Promotion .scroll-content { margin-bottom: 12px; } #app.Promotion .discount { margin: 0; margin-bottom: var(--custom-buttons-box-gap); box-shadow: none; border-radius: 6px; width: 100%; border: none; } #app.PromotionContent #promotion-content { /*優惠詳細頁*/ background: none; color: var(--white); } /* #endregion 優惠專區 */ /* #region 變更密碼 */ #app.ChangePassword .v-card.change-password-main, #app.ChangeMoneyPassword .v-card.change-money-password-main { background: none !important; padding: 28px 16px !important; margin: 0px !important; border-bottom: none; box-shadow: none; } #app.ChangePassword .v-card.change-password-main .v-card__text, #app.ChangeMoneyPassword .v-card.change-money-password-main .v-card__text { padding: 0px !important; } #app.ChangePassword .v-input .v-input__slot, #app.ChangeMoneyPassword .v-input .v-input__slot { border-radius: var(--custom-border-radius); border-bottom: 1px solid var(--Gray5); background: var(--Gray6) !important; background-image: none !important; padding-right: 8px; padding-left: 8px; min-height:52px; } #app.ChangePassword .v-text-field > .v-input__control > .v-input__slot:before, #app.ChangePassword .v-text-field > .v-input__control > .v-input__slot:after, #app.ChangeMoneyPassword .v-text-field > .v-input__control > .v-input__slot:before, #app.ChangeMoneyPassword .v-text-field > .v-input__control > .v-input__slot:after { content: none !important; } #app.ChangePassword .primary--text, #app.ChangeMoneyPassword .primary--text { color: var(--white) !important; } #app.ChangePassword .v-main .v-alert.info, #app.ChangeMoneyPassword .v-main .v-alert.info { background-color: #2196f300 !important; border-color: #2196f300 !important; box-shadow: none; color: var(--Gray1); font-size: 12px; padding: 0; } #app.ChangePassword .v-main .v-alert.info i, #app.ChangeMoneyPassword .v-main .v-alert.info i { font-size: 0px; width: 16px; height: 16px; background: url(/CdnRedirect/Web.Mobile/DN024-01.Mobile/Content/Views/Shared/images/alert.png) no-repeat center / contain; margin-right: 4px; margin-top: 2px; } #app.ChangePassword .btn-group, #app.ChangeMoneyPassword .btn-group { gap: var(--custom-buttons-box-gap); } #app.ChangePassword .btn-group > *, #app.ChangeMoneyPassword .btn-group > * { flex: 1; height: auto; } #app.ChangePassword .btn-group a.cancel-btn, #app.ChangeMoneyPassword .btn-group a.cancel-btn { order: -1; margin-left: 0 !important; } /* #endregion 變更密碼 */ /* #region 用戶協議 */ #app.Agreement .member-center-d .main-action { padding: 0; margin: 16px; border: none; border-radius: 0; background: none; } #app.Agreement .member-center-d .main-action:before { content:none; } #app.Agreement .agreement .main-action .agreementHtml { color:var(--Gray1); } /* #endregion 用戶協議 */ /* #region 財務中心 */ #app.Deposit #deposit .payment-list .v-sheet.active i, #app.Deposit #deposit .type-list button.active i, #app.Deposit #deposit .account-list button.active i { display:none; } #app.Deposit .v-btn:not(.v-btn--round).v-size--x-small, #app.Deposit .v-btn:not(.v-btn--round).v-size--x-small span { color: var(--Blue1); border-color: var(--Gray4); } /* #endregion 財務中心 */ /* #region 線上提款 */ #app.Withdraw .view-account i{ color: var(--Blue1); } #app.Withdraw .withdraw-info-bg .v-card__title, #app.Withdraw .withdraw-info-bg .v-card__text { padding:0; } #app.Withdraw .administration-fee-dialog-btn { border: 1px solid var(--Gray4); padding: 10px !important; border-radius: var(--custom-border-radius); } #app.Withdraw .administration-fee-dialog-btn span, #app.Withdraw .view-account-wrap button span, #app.Withdraw .account-action-btn span { color: var(--Blue1); } /* #endregion 線上提款 */ /* #region 遊戲大廳 */ #app.Lobby main .v-input .v-input__slot, #app.Lobb main .v-select .v-input__slot, #app.LobbyCategory main .v-input .v-input__slot, #app.LobbyCategory main .v-select .v-input__slot { background: var(--Gray6) !important; } /* #endregion 遊戲大廳 */ /* #region 領獎中心 */ #app.AwardCenter .inner { padding: 18px 12px ; } #app.AwardCenter #award-center .inner .item .AwardStatusName { top: 12px; right: 12px; } #app.AwardCenter #award-center .inner .amount { right: 12px; bottom: 12px; line-height: 1; } #app.AwardCenter #award-center .hint { color: var(--white); border-color: var(--white); background: var(--Gray6); } /* #endregion 領獎中心 */ /* #region VIP */ #app.Vip #vip{ background:none; } /* #endregion VIP */ /* #region 投注紀錄 */ #app.BetRecord .theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th { color:var(--white); } #app.BetRecord table .custom-currency, #app.BetRecord table .custom-currency-id { display: flex; align-items: center; } #app.BetRecord table .custom-currency span:not(.more-btn), #app.BetRecord table .custom-currency-id span:not(.more-btn){ flex: 1; } /* #endregion 投注紀錄 */ /* #region 個人資訊 */ #app.MemberInfor .input-wrap { background: var(--Gray7); border-radius: var(--custom-border-radius); padding-left: 45px; padding-top: 15px; } #app.MemberInfor .input-wrap input{ margin-top: 4px; } #app.MemberInfor .form-wrap .input-wrap.select .v-select__slot .v-select__selections { margin-top: unset; margin-left: unset; } #app.MemberInfor .orange--text { color: var(--Blue1) !important; caret-color: var(--Blue1) !important; } #app.MemberInfor #member-infor .fast-login-info { color:var(--white); } #app.MemberInfor #member-infor .btn-bind-sns { border-radius: var(--custom-border-radius); background: var(--Blue4); align-items: center; border: none; } #app.MemberInfor #member-infor .btn-bind-sns span { align-items: center; } /* #endregion 個人資訊 */ /* #region 站內信 */ #app.SiteMail .v-tabs { background: none; padding: 18px 12px 0px 12px; } #app.SiteMail .v-tabs .v-tabs-slider-wrapper { display: none; } #app.SiteMail .mail-container { padding: 18px 12px; } #app.SiteMail .mail-container .v-window-item { padding-right: 0px !important; padding-left: 0px !important; } #app.SiteMail #site-mail .v-card p.text-info { color: var(--Blue1); } #app .v-dialog.send-mail-dialog .container { padding: 0px; } #app .v-dialog.mail-detail-dialog .v-input__slot { background-color: var(--Gray7); } #app .v-dialog.mail-detail-dialog .container .mail-body { background-color: var(--Gray6); } #app .v-dialog.mail-detail-dialog .v-input { margin: 0 12px; } /* #endregion 站內信 */ /* #region 交易紀錄 */ #app.Transaction .v-card__text { padding: 0px; } #app.Transaction table .memo { display: flex; align-items: center; } #app.Transaction table .memo p { flex: 1; } #app .v-dialog.transaction-detail-dialog .v-card__title button span{ display:none; } #app .v-dialog.transaction-detail-dialog .v-data-table { border-radius: 0; } /* #endregion 交易紀錄 */ /* #region 會員轉帳 */ #app.MemberTransfer .v-card__text { padding: 0px; padding-top: 18px; } #app.MemberTransfer .transfer-input-wrap { background: var(--Gray7); border-radius: var(--custom-border-radius); } #app.MemberTransfer .transfer-input-wrap:has(.v-input--is-focused), #app.MemberTransfer .transfer-input-wrap:has(.v-input--is-label-active) { padding-top: 18px; } #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-select__selections { -webkit-text-fill-color: var(--white) !important; color: var(--white) !important; } #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label.v-label--active { opacity:1; } /* #endregion 會員轉帳 */ /* #region 推薦好友 */ #app.MGM #mgm .inner .container .v-card .invite-title .grid h2{ color:var(--Blue1); } /* #endregion 推薦好友 */ /* #region 代理加盟 */ #app.Partner #partner { background:none; } #app.Partner #partner .btn-group { width: 100%; padding: 0; gap:var(--custom-buttons-box-gap); } #app.Partner .partner-bg, #app.Partner #partner .v-card ul.btn-group li { margin: 0; } #app.Partner #partner .v-card ul.btn-group li a { padding: 0; } #app.Partner #partner .agent-html h3 { margin: 8px 0; } /* #endregion 代理加盟 */ /* #region 錢包中心 */ #app.WalletCenter .main-action::before { content:none; } #app.WalletCenter .member-center-d hr { border: 1px solid var(--Gray4); } #app.WalletCenter .main-link{ gap:var(--custom-buttons-box-gap); } #app.WalletCenter .member-center-d .main-action .main-link .action-link i { display: none; } #app.WalletCenter .v-main .v-card:not(.alert-bg):not(.account-card), #app.WalletCenter .v-card__text { padding: 0 !important; } #app.WalletCenter .scroll.hasMaintenanceInfo { overflow:hidden; } #app.WalletCenter .wallet-refresh-icon { color: var(--Blue1); } /* #endregion 錢包中心 */ /* #region 新手教學 */ #app.Guide .accordion-item { border:none !important; } /* #endregion 新手教學 */ /* #region 鎖住最大寬度只能450px */ @media (min-width: 451px) { /* 整條 scrollbar */ ::-webkit-scrollbar { width: 6px; height: 6px; } /* 軌道 */ ::-webkit-scrollbar-track { background: var(--Gray6); border-radius: 10px; } /* 滑塊 */ ::-webkit-scrollbar-thumb { background: var(--Blue4); border-radius: 10px; } /* hover 狀態 */ ::-webkit-scrollbar-thumb:hover { background: var(--Blue1); } 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: 450px !important; } #app .v-overlay { width: 450px; } #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; } #app #page-title, #app .v-bottom-navigation { display: block; } .col-3 { width: 25%; } #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; } #app #footer .v-bottom-navigation .v-btn { top: unset; height: 56px !important; } #app.Home #home-navigation .game-list-block ul li > span { font-size: 18px; } #app #login .switch-page .switch-content { font-size: calc( 0.038*450px); } .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*450px); } .form-wrap .input-wrap, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { padding: calc(0.045*450px) 0 0; height: calc(0.115*450px); font-size: calc(0.035*450px); } .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* 450px) !important; } #app .form-wrap .input-wrap .v-input__append-inner button { top: -16px; } #app .form-wrap #submit { font-size: calc( 0.042*450px); height: calc(0.11*450px); } .form-wrap .input-wrap .v-input__append-inner button { top: calc(-0.015*450px); right: calc(0.03*450px); } .form-wrap .input-wrap .v-text-field__details { left: calc(0.27*450px); top: calc(0.03*450px); } #app #login .logo { margin: 0 auto calc(0.03*450px); height: calc(0.24*450px); width: auto; } #app #login .logo a { margin: auto; } .member-center-g .action-link.big-link:before, .member-center-g .action-link.big-link:after { width: calc(0.11*450px); height: calc(0.11*450px); } .member-center-g:before, #promotion:before, #deposit:before { position: relative; } #app.Home #home-navigation .game-list-block { padding: 16px 16px 50px 16px; } #app.OnlineServices .services-link { max-height: 90px; } #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 .navtab { display: flex; } #app.Promotion .inner .scroll-content .navtab li { flex: 1; display: flex; justify-content: center; align-items: center; } } /* #endregion 鎖住最大寬度只能450px */