/* Minification failed. Returning unminified contents. (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (94,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (102,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (103,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (104,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (117,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (118,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (119,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (127,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (133,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (134,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (135,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (136,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (144,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (161,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-top-light' (166,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (167,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (172,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (195,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (196,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (201,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-white-dark' (206,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (223,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (227,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (231,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (232,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (236,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (237,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (242,16): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (247,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (248,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (271,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (324,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (325,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (338,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (342,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (357,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (358,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (365,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (366,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (381,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (382,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (383,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (415,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (424,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (444,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (453,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (454,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (460,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (468,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (480,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (484,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (488,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (497,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (503,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (504,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (509,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (513,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (518,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (522,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (526,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (527,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (579,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-light' (628,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (662,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (748,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (771,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (783,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (784,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (796,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-color' (801,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-color' (807,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-header' (824,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (826,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (909,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink' (915,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (930,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-right-light' (955,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (974,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink' (987,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-float-color' (1031,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1097,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-light' (1104,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1105,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-pink-color' (1120,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-top' (1121,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1136,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-light-border' (1140,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-top-border' (1196,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-pink-light' (1216,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1267,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1386,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-pink-light' (1395,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1430,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-top-light' (1438,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white-dark' (1455,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1462,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1463,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1470,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1471,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1472,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1481,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1485,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1586,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1590,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1596,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1631,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1639,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (1640,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (1646,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1647,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1651,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (1652,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (1669,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1673,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1674,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1678,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1689,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (1690,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (1696,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1702,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1703,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1708,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1714,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1720,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1728,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (1733,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (1734,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (1769,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1777,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1782,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1783,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1789,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1802,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1879,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (1888,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (1889,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (1902,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1921,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1975,44): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (1976,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (1980,44): run-time error CSS1039: Token not allowed after unary operator: '-custom-orange' (1981,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-orange' (1985,44): run-time error CSS1039: Token not allowed after unary operator: '-custom-red' (1986,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-red' (2009,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2021,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2026,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2031,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2035,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2039,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2040,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2047,98): run-time error CSS1030: Expected identifier, found '[' (2047,103): run-time error CSS1031: Expected selector, found '=' (2047,103): run-time error CSS1025: Expected comma or open brace, found '=' (2053,104): run-time error CSS1030: Expected identifier, found '[' (2053,109): run-time error CSS1031: Expected selector, found '=' (2053,109): run-time error CSS1025: Expected comma or open brace, found '=' (2061,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2066,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2067,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2068,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2072,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2073,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2081,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2082,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2083,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2109,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2131,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-right-light' (2145,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2146,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2154,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2155,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2156,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2167,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2173,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2177,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2183,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2184,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2193,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2229,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2234,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2259,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2260,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2292,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2301,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2302,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2306,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2310,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2314,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2318,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2322,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2323,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2338,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2339,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2345,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2346,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2369,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2378,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-right' (2383,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2384,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2554,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg' (2582,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' */ @charset "UTF-8"; @font-face { font-family: "Barlow"; src: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/fontFamily/Barlow-Regular.TTF") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Barlow"; src: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/fontFamily/Barlow-Bold.TTF") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "FrancoisOne"; src: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/fontFamily/FrancoisOne-Regular.TTF") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Cursed Timer ULiL"; src: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/fontFamily/Cursed Timer ULiL.otf") format("opentype"); } :root { --custom-text-color: #FFFFFF; --custom-text-gray-color: #808080; --custom-text-pink-color: #E1C7C8; --custom-pink-dark: #FF637B; --custom-pink: #FFAFAC; --custom-pink-light: #FFF2F1; --custom-pink-gray: #F7EFEE; --custom-pink-gray-border: #E5D8D9; --custom-pink-light-border: #E5D8D9; --custom-white: #FFFFFF; --custom-white-dark: #FFFDFC; --custom-blue: #02DAD7; --custom-orange: #FFAF10; --custom-red: #FF5C5C; --custom-float-color: #00094CB3; --custom-gradient-right: linear-gradient(270deg, #FF8698 0%, #FFD4B0 99.99%); --custom-gradient-right-light: linear-gradient(180deg, #FFF0E0 0%, #FFE8E3 100%); --custom-gradient-top-light: linear-gradient(180deg, #FFB7B0 0%, #FFF2F1 100%); --custom-gradient-top: linear-gradient(180deg, #FFB9B0 0%, #FF8698 104.17%); --custom-gradient-top-border: linear-gradient(to top, #FFB19D 0%, #FFA4B1 100%); --custom-gradient-pink-light: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), linear-gradient(180deg, rgba(255, 212, 176, 0.10) 0.11%, rgba(255, 134, 152, 0.10) 99.87%); --custom-gradient-header:linear-gradient(270deg, #2D1F34 0%, #101010 99.99%); --custom-gradient-progress-bar: linear-gradient(270deg, #FF8698 32.63%, #FFD4B0 210.5%); --input-common-icon_agent-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_agent.png); --input-common-icon_account-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_account.png); --input-common-icon_password-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_password.png); --input-common-icon_captcha-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_captcha.png); --input-common-icon_mobile-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_mobile.png); --input-common-icon_telegram-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_telegram.png); --input-common-icon_zalo-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_zalo.png); --input-common-icon_calendar-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_calendar.png); --input-common-icon_wechat-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_wechat.png); --input-common-icon_email-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_email.png); --input-common-icon_qq-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_qq.png); --input-common-icon_facebook-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_facebook.png); --input-common-icon_line-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_line.png); --input-common-icon_whatsapp-img: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_whatsapp.png); } /* #region 基本 */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: #808080 !important; } #app.Home *::-webkit-scrollbar { width: 4px; /* 寬度 */ } #app.Home *::-webkit-scrollbar-thumb { background-color: #F2DDDD; border-radius: 10px; } #app.v-application { font-family: Barlow,Roboto,sans-serif; } #app button.v-btn { background: none; background-color: #ffffff00; border-color: var(--custom-text-gray-color); color: var(--custom-text-gray-color); } #app button.theme--light.v-btn.v-btn--has-bg, #app button[type="submit"], #app button.submit-btn, #app table .blue-grey .white--text, #app .file-upload-item .upload_zone span.upload { background: var(--custom-pink-dark); background-color: var(--custom-pink-dark); color: var(--custom-white); border: none; box-shadow: none; } #app button[disabled="disabled"] { opacity: 0.5; } button.swal2-confirm, #app button[type="submit"], #app submit-btn { background: var(--custom-pink-dark) !important; background-color: var(--custom-pink-dark) !important; color: var(--custom-white) !important; border: none !important; } #app button.theme--light.v-btn.v-btn--has-bg span, #app table .blue-grey .white--text, #app button[type="submit"] span, #app button.submit-btn span { color: var(--custom-white) !important; text-shadow: none; } #app button.cancel-btn, #app a.cancel-btn { background: var(--custom-pink-gray); background-color: var(--custom-pink-gray); color: var(--custom-text-gray-color); border: 1px solid var(--custom-pink-gray-border); } #app button.v-btn span, #app button.cancel-btn span, #app a.cancel-btn spam, #app .custom-text-color { color: var(--custom-text-gray-color); } #app .v-input--selection-controls__ripple, #app .v-ripple__container { /* UI庫的點擊背景特效框 */ display: none; } #app .theme--light.v-btn:before { content: none; /* UI庫的點擊背景特效框 */ } #app .theme--light.v-btn:hover:before { content: none; /* UI庫的點擊背景特效框 */ } #app .v-main { background: var(--custom-gradient-top-light) !important; padding: 0px 0px 85px 0px !important; } #app #page-title { background: var(--custom-pink-dark); color: var(--custom-white) !important; font-weight: 700; } #app #page-title .v-icon { color: var(--custom-white) !important; } #app #page-title .back-btn { filter: brightness(0) invert(1); } #app.v-application .white--text, #app.v-application .black--text, #app .v-card, #app .v-card > .v-card__text, #app .v-input, #app .v-input input, #app .v-input textarea, #app .theme--light.v-select, #app .v-select__selections, #app .form-wrap .input-wrap .v-label, #app .form-wrap .input-wrap input, #app .form-wrap .input-wrap.select .v-select__slot .v-select__selections, #app .mx-input::placeholder, #app .v-input.v-input--radio-group i, #app .v-input.v-input--checkbox i, #app.theme--light.v-application { color: var(--custom-text-gray-color) !important; caret-color: var(--custom-text-gray-color) !important; box-shadow: none; } #app .v-card { background: var(--custom-white-dark); border-radius: 8px; } #app .progress { background-color: var(--custom-pink-gray-border); border-radius: 12px; } #app .progress-bar-danger, #app .progress-bar-warning { animation: none; background-image: linear-gradient(270deg, #FF8698 32.63%, #FFD4B0 210.5%); background-color: #ffffff00; box-shadow: none; background-repeat: no-repeat; background-size: 100% 100%; border-radius: inherit; text-align: end; } #app .progress-bar span { color: var(--custom-white) !important; } #app .progress-bar.zero span { color: var(--custom-text-gray-color) !important; } #app .approveStatus .review-successful { border-color: var(--custom-text-gray-color); color: var(--custom-text-gray-color); } #app .v-btn:not(.v-btn--round).v-size--default span { color: var(--custom-text-gray-color); caret-color: var(--custom-text-gray-color); text-shadow: none; } #app .mx-datepicker svg { fill: var(--custom-text-gray-color); } #app .form-wrap .input-wrap, #app .v-input.v-text-field--rounded .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } #app .v-input .v-select__slot i { width: 24px; height: 24px; font-size: 0; background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/arrow-down.png) no-repeat center/contain; margin-top: 8px; } .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset { border: none; } #app .v-input .v-icon.v-icon--dense { font-size: 22px; } #app .upload-limit, #app .upload-limit i { color: var(--custom-pink-dark) !important; } #app .custom-file-upload{ flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #app .custom-file-upload .file-upload-item { width: 48%; } #app .custom-file-upload b { width: 80%; } #app .custom-file-upload .upload_zone { border-radius: 8px; height: 160px; } #app .custom-file-upload .upload { width: 200px; } #app .file-upload-item .upload_zone i { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/upload-img.png') no-repeat center /contain; font-size: 0 !important; width: 36px; height: 36px; } #app .file-upload-item .upload_zone i::after { content: none; } #app .file-upload-item .upload_zone span.upload { width:100% !important; } #app .v-btn:not(.v-btn--round).v-size--default { min-height: 30px; padding: 0 30px; } #app .v-text-field--outlined.v-input--has-state fieldset, #app .v-text-field--outlined.v-input--is-focused fieldset { border: none; } #app.v-application .v-alert.error, #app.v-application .v-alert.error i { color: var(--custom-white) !important; caret-color: var(--custom-white) !important; } #app .v-card:empty { display: none; } .swal2-icon.swal2-success .swal2-success-ring, .swal2-icon.swal2-error { border-width: 2px !important; } .swal2-icon.swal2-success .swal2-success-ring { border: .25em solid var(--custom-blue); } .swal2-icon.swal2-success [class^=swal2-success-line] { background-color: var(--custom-blue); } /*--->小按鈕群統一樣式*/ #app.BetRecord .btn-group, #app.Transaction .btn-group, #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text > div:not(.v-input--checkbox):not(.categories) { gap: 8px; } #app.BetRecord .btn-group button, #app.Transaction .btn-group button #app.BetRecord button.select-btn, #app.BetRecord .game-type-dialog-component button.select-btn, #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text button.v-size--small { color: var(--custom-text-gray-color); border-color: var(--custom-text-gray-color); } #app.BetRecord .btn-group button, #app.Transaction .btn-group button, #app.BetRecord .game-type-dialog-component button.select-btn, #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text button.v-size--small { color: var(--custom-text-gray-color); border-color: var(--custom-text-gray-color); border-radius: 50px; padding: 6px 15px; font-weight: 500; margin-right: 0; line-height: 1; } #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text button.v-size--small { width: calc(25% - 10px); } #app.BetRecord .btn-group button.active, #app.Transaction .btn-group button.active { opacity: 1; color: var(--custom-white); border-color: var(--custom-pink-dark); background: var(--custom-pink-dark); } /*--->頁簽統一樣式*/ #app.AwardCenter .inner, #app.Promotion .inner { padding: 12px; } #app.AwardCenter .inner .scroll-content, #app.Promotion .inner .scroll-content { margin-top: 8px; overflow-y: hidden; } #app.WithdrawAccountManagement .v-tabs, #app.AwardCenter .inner .scroll-content, #app.Promotion .inner .scroll-content { width: unset; border-radius: 50px; height: 44px; margin-bottom: 20px; } #app.AwardCenter .inner .scroll-content .navtab, #app.Promotion .inner .scroll-content .navtab { padding: 0px; } #app.WithdrawAccountManagement .v-tabs .v-tab, #app.AwardCenter .inner .scroll-content .navtab li, #app.Promotion .inner .scroll-content .navtab li { color: var(--custom-text-gray-color) !important; font-weight: 800; min-height: unset; height: 44px; } #app.WithdrawAccountManagement .v-tabs .v-tab.v-tab--active, #app.AwardCenter .inner .scroll-content .navtab li.active, #app.Promotion .inner .scroll-content .navtab li.active { background: var(--custom-pink-dark); border-radius: 50px; color: white !important; font-weight: 800; line-height: 1; display: flex; justify-content: center; align-items: center; } #app.WithdrawAccountManagement .v-tabs .v-tabs-slider-wrapper, #app.AwardCenter .inner .scroll-content .navtab .li.active::after, #app.Promotion .inner .scroll-content .navtab li.active::after { content: none; display: none; } /* #endregion 基本 */ /* #region 彈跳視窗 */ #app .v-dialog { background: var(--custom-white); border-radius: 12px; } #app .v-dialog.tab-announcement .v-card{ border-radius: 12px !important; } #app .v-dialog .v-card__title { background: var(--custom-pink-dark) !important; color: var(--custom-white) !important; padding: 16px 20px; justify-content: left; } #app.v-application .v-dialog .white--text { color: var(--custom-white) !important; } #app .v-dialog .v-card__title span { width: calc(100% - 40px); } #app .v-dialog.announcement > .v-card { background-color: var(--custom-white); border: none; } #app .v-dialog.announcement > .v-card .close-btn { top: 16px; right: 24px; } #app .v-dialog.announcement .v-card__text, #app .announcement .v-input--checkbox .v-label, #app .announcement .v-input--checkbox .v-icon { color: var(--custom-white); } #app .v-dialog .v-card__actions button.theme--light { background: var(--custom-pink-dark); } #app .v-dialog .v-card__actions button.theme--light span { color: var(--custom-white); } #app .v-dialog > .v-card > .v-card__actions { padding: 20px 16px; } #app .v-dialog.common-alert-modal, #app .v-dialog.common-alert-modal .v-card h4 { color: var(--custom-text-gray-color); } #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container input { background: none; box-shadow: none; border: 1px solid var(--custom-text-gray-color); color: var(--custom-text-gray-color); } #app .v-dialog.wallet-detail-dialog button.v-btn.v-btn--has-bg.btn-blue { background: none; border: 1px solid var(--custom-pink-dark); } #app .v-dialog.wallet-detail-dialog button.v-btn.v-btn--has-bg.btn-blue span { color: var(--custom-pink-dark) !important; } #app .v-dialog.v-dialog--persistent .v-card__title i, #app .v-dialog.v-dialog--persistent .v-card__title span { color: var(--custom-white) !important; } #app .v-dialog.tab-announcement .v-card__actions button { background: var(--custom-pink-dark) !important; } #app .v-dialog.announcement .v-input input{ color: var(--custom-white) !important; caret-color: var(--custom-white) !important; } /* #endregion 彈跳視窗 */ /* #region 公告彈窗 */ /* 彈窗背景 */ #app .v-dialog__content--active { backdrop-filter: blur(8px); background-color: rgba(0, 0, 0, 0.4); } #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 .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: var(--custom-pink-light) 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: 50px; height: 50px; font-size: 0; } #app .v-dialog.announcement .v-card.v-sheet.theme--light button::before { content: "✕"; width: 30px; height: 30px; color: var(--custom-white); border: solid #fff 2px; border-radius: 50%; font-size: 15px; font-weight: bold; line-height: 21px; } #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: var(--custom-pink-dark) !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; } @media (max-width: 400px) { /*輪播圖太大，iPhone SE 會出現滾動。*/ #app .v-dialog.announcement .v-card .v-card__actions { padding: 10px 16px 20px 16px; } } /* #endregion 初始輪播圖（彈跳視窗）*/ /* #endregion 公告彈窗 */ /* #region footer */ #app #footer .v-bottom-navigation { box-shadow: none; box-shadow: none; border-radius: 0px; bottom: -1px; } #app #footer .v-bottom-navigation::before { content: ''; position: absolute; width: 100%; height: 0vw; padding-top: 25%; bottom: 0px; background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/footer/bg2.png) no-repeat bottom center / contain; } #app #footer .v-bottom-navigation .v-btn { top: -4.1vmin; height: 12vw !important; background-color: #ffffff00; border: none; } #app #footer .v-btn i, #app #footer .v-btn--active i { height: 24px; width: 24px; margin-top: 0px; } #app #footer .v-btn i.home { background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/footer/home.png) no-repeat center / contain; } #app #footer .v-btn i.promo { background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/footer/promo.png) no-repeat center / contain; } #app #footer .v-btn i.chat { background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/footer/service.png) no-repeat center / contain; } #app #footer .v-btn i.member-center { background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/footer/my.png) no-repeat center / contain; } #app #footer .v-btn i.financial { margin-top: -21px; height: 45px; width: 45px; background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/footer/financial.gif) no-repeat center 10px / contain; } #app #footer .v-bottom-navigation a span, #app #footer .v-bottom-navigation span { color: var(--custom-white); font-weight: 700; line-height: 2; } #app #footer .v-bottom-navigation a[value="Deposit"] span { color: #FF939C; } /* #endregion footer */ /* #region 首頁 */ #app.Home #home { display: flex; flex-direction: column; } #app.Home #app-download, #app.Home #logo-bar, #app.Home .news-wrap { order: -1; } #app.Home #app-download ul { padding: 1.5% 12px; background-color: var(--custom-pink-dark); } #app.Home #app-download ul li.close-btn { background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/close.png") no-repeat center center/contain; } #app.Home #app-download ul li.download-body { flex: 1; } #app.Home #app-download ul li.download-btn { background: var(--custom-white); color: var(--custom-pink-dark) !important; padding: 3px 14px; border-radius: 2px; width: auto; min-width: unset; font-size: 12px; font-style: normal; font-weight: 700; text-shadow: none; } #app.Home #app-download ul li.download-body > div h2 { color: var(--custom-text-color); font-weight: 700; } #app.Home #app-download ul li.download-body > div span { color: var(--custom-text-color); opacity: 0.8; } #app.Home #logo-bar { padding: 1px 12px; background: var(--custom-gradient-header); } #app.Home #logo-bar .online-count, #app.Home #logo-bar .member-level, #app.Home #logo-bar .balance::before, #app.Home #logo-bar .lang { display: none; } #app.Home #logo-bar a { font-weight: 800; height: auto; } #app.Home #logo-bar a.signup-btn { order: -1; background: var(--custom-white); border-radius: 20px; color: var(--custom-pink-dark); padding: 0px 18px; display: flex; align-items: center; } #app.Home #logo-bar .balance { border-radius: 40px; border: 0.8px solid #37323A; background: #2B242E; padding: 3px 8px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 4px; letter-spacing: 0.4px; } #app.Home #logo-bar .balance::before{ content:''; display:inline-block; width:16px; height:16px; background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/balance.png") no-repeat center center/contain; } #app.Home #logo-bar .text-truncate { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 12px; font-weight: 600; } #app.Home #logo-bar .vip-level { width: 16px; height: 16px; font-size: 10px; font-weight: 600; display: flex; align-items: center; justify-content: center; background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/Vip.png") no-repeat center center/contain; } #app.Home #logo-bar .bar-box { display: flex; align-items: center; height:26px; } #app.Home #logo-bar .bar-box::after { content: ''; display: inline-block; width: 25px; height: 25px; margin-left: -8px; background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/bar-box.png) no-repeat center center / contain; } #app.Home #logo-bar .bar-box .progress { height: 12px; width: 110px; } #app.Home #logo-bar .bar-box .progress-bar { height: 100%; background: linear-gradient(180deg, #FFC4CD -20.37%, #AC8DFF 53.7%); box-shadow: 0px -2px 2.5px 0px rgba(0, 0, 0, 0.10) inset; } #app.Home #logo-bar .bar-box .progress-bar span { color: #FFFFFF !important; text-shadow: 0px 0.4px 0.8px rgba(0, 0, 0, 0.25); font-size: 11px; font-weight: 700; display: block; line-height: 1; } #app.Home .news-wrap { background: var(--custom-pink); } #app.Home .news-wrap #news { position: relative; background: none; color: var(--custom-white); padding: 0 12px 0 40px; } #app.Home .news-wrap #news::before { content: ''; position: absolute; height: 100%; width: 16px; left: 12px; background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/news.png") no-repeat left center/contain; } #app.Home #slider { padding: 10px 12px; background: var(--custom-gradient-right-light); } #app.Home .jackpot-box { display: block; z-index: 2; margin-left: 12px; pointer-events: none; } #app.Home .jackpot-box .jackpot { width: auto; flex-direction: row; top: 7px; } #app.Home .jackpot-box .jackpot > div { width: auto !important; } #app.Home .jackpot-box .jackpot .line { display: none; } #app.Home .jackpot-box .jackpot .text { color: var(--custom-pink-dark); font-family: "FrancoisOne"; background: none; -webkit-text-fill-color: unset; font-style: normal; letter-spacing: 1.1px; font-size: 14px; } #app.Home .jackpot-box .jackpot .number { transform: none; padding-top: 4%; } #app.Home .jackpot .number .jackpot-number .real-time-num { margin-left: -1px; } #app.Home .jackpot .number .jackpot-number .real-time-num div { color: var(--custom-pink); font-family: "Cursed Timer ULiL"; font-size: 16px; } #app #custom-float { top: 20vh; padding: 5px; } #app.Home #custom-float .main-icon, #app.Home #custom-float .custom-float-content { background-color: var(--custom-float-color) !important; border-radius: 8px !important; } #app.Home #custom-float .custom-float-content { padding-bottom: 10px; } #app.Home #custom-float .main-icon { background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/float-collapse-1.png") no-repeat center/contain; background-size: 80%; margin-bottom: 16px; } #app.Home #custom-float .main-icon.active { background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/float-expand-1.png") no-repeat center/contain; background-size: 50%; } #app.Home #custom-float .main-icon, #app.Home #custom-float .custom-float-content, #app.Home #custom-float .custom-float-content .custom-float-item, #app.Home #custom-float .custom-float-content .custom-float-item .toggle-icon { width: 50px; min-height: 50px; } #app.Home #custom-float .custom-float-content .custom-float-item { min-height: 70px; } #app.Home #custom-float .custom-float-content.expand-box .custom-float-item.chat { display: none; } #app.Home #custom-float .custom-float-content .custom-float-item { position: relative; top: unset; } #app.Home #custom-float .custom-float-content .custom-float-item .text { font-weight: 700; font-size: 12px; color: var(--custom-white); display: block; width: 100%; text-align: center; padding-top: 50px; } #app.Home #custom-float .custom-float-content, #app.Home #custom-float .custom-float-content .custom-float-item .card { display: none; } #app.Home #custom-float.active .custom-float-content, #app.Home #custom-float .custom-float-content .custom-float-item.show-card .card { display: flex; } #app.Home #custom-float .custom-float-content .custom-float-item.show-card .card { margin-bottom: 6px; } #app.Home #custom-float .custom-float-content .custom-float-item .card { position: relative; top: 0; right: 0; margin-left: -247px; } #app.Home #custom-float .custom-float-content .custom-float-item.award-center { margin-top: -15px; } #app.Home #custom-float .custom-float-content .custom-float-item.award-center .toggle-icon { background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/award-center-1.png") no-repeat center/contain; background-size: 80%; } #app.Home #custom-float .custom-float-content .custom-float-item.vip .toggle-icon { background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/vip-1.png") no-repeat center/contain; background-size: 80%; } #app.Home #custom-float .custom-float-content .custom-float-item.app .toggle-icon { background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/app-1.png") no-repeat center/contain; background-size: 90%; } #app.Home #custom-float .custom-float-content .custom-float-item.ranking .toggle-icon { background: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/ranking-1.png") no-repeat center/contain; background-size: 78%; } #app.Home #custom-float .custom-float-content .custom-float-item.ranking { display:none; } #app.Home #home-navigation { padding-top: 0px !important; } #app.Home #home-navigation .game-tab { padding: 16px 12px calc(25vw - 56px) 16px; gap: 10px; width: 23.08%; top: 0px; box-shadow: none; background: var(--custom-pink-light); box-shadow: 0px 0px 4px 0px rgba(7, 7, 7, 0.10); border-radius: 0px; } #app.Home #home-navigation .game-tab li { flex-direction: column; background: var(--custom-white); color: var(--custom-text-pink-color); position: relative; border-radius: 8px; padding: 0px; font-size: 12px; font-weight: 700; justify-content: center; min-height: unset; height: auto; overflow: hidden; height: calc(12.5% - 8.75px); min-height: unset; } #app.Home #home-navigation .game-tab li.active { background: var(--custom-gradient-top); color: var(--custom-white); } #app.Home #home-navigation .game-tab li::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; background: var(--custom-pink-light-border) border-box; } #app.Home #home-navigation .game-tab li.active::after { background: var(--custom-gradient-top-border) border-box; } #app.Home #home-navigation .game-tab li::before { background-size: contain; background-position: center; width: 24px; height: 24px; margin-top: -6px; } #app.Home #home-navigation .game-tab li a { font-size: 12px; flex: none; justify-content: center; margin-top: 8%; overflow: visible; height: 0; } #app.Home #home-navigation .game-tab li.Hot::before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/hot.png"); } #app.Home #home-navigation .game-tab li.Slot:before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/slot.png"); } #app.Home #home-navigation .game-tab li.Live:before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/live.png"); } #app.Home #home-navigation .game-tab li.Board:before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/board.png"); } #app.Home #home-navigation .game-tab li.Fish:before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/fish.png"); } #app.Home #home-navigation .game-tab li.Sport:before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/sport.png"); } #app.Home #home-navigation .game-tab li.Lottery:before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/lottery.png"); } #app.Home #home-navigation .game-tab li.ESport:before { background-image: url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/esport.png"); } #app.Home #home-navigation .game-list-block { padding: 16px 16px calc(25vw - 56px) 16px; width: 76.92%; right: 0; background: var(--custom-gradient-pink-light); } #app.Home #home-navigation .game-list-block ul li { margin-bottom: 10px; border-radius: 8px; border: 1px solid #E5D8D9; } #app.Home #home-navigation .game-list-block ul li:last-child { margin-bottom: 0; } #app.Home #home-navigation .game-list-block ul:last-child li:last-child { margin-bottom: 0px; } #app.Home #home-navigation .game-list-block ul li > span { background: none; padding: 0; color: var(--custom-pink-dark); font-weight: 700; left: 10px; top: 65%; position: absolute; width: 40%; text-align: center; } #app.Home #home-navigation .game-list-block ul li > span img { height: 45px; width: 45px; top: -50px; left: 50%; transform: translateX(-50%); } #app.Home #home-navigation .game-list-block ul li .btn-go { display: none; } #app.Home #home-navigation .game-list-block ul li .game-bg { width: calc(100% + 2px); height: calc(100% + 2px); top: 0px; right: -1px; background: #E5D8D9 url("/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/home/game-bg.png") no-repeat center center / cover; } #app.Home #home-navigation .game-list-block ul.Hot.active { display: flex; flex-wrap: wrap; gap: 10px; } #app.Home #home-navigation .game-list-block ul.Hot li { width: calc(50% - 5px); border: none; margin-bottom: 0px; padding: 0; } #app.Home #home-navigation .game-list-block ul.Hot li img { width: 100%; height: auto; position: relative; } #app.Home #home-navigation .game-list-block ul.Hot li > span { background: none; width: auto; color: var(--custom-text-gray-color); font-weight: 700; position: relative; text-align: start; line-height: 1; top: 0; } #app.Home #home-navigation .game-list-block ul.Hot li > span img { display: none; } #app.Home #home-navigation .game-list-block ul.Hot li .game-bg { border-radius: 8px; background: none; } @media (max-height: 810px){ #app.Home #home-navigation .game-tab { /*padding: 8px 12px calc(25vw - 64px) 16px;*/ gap: 5px; } #app.Home #home-navigation .game-tab li{ height: calc(12.5% - 4.375px); } #app.Home #home-navigation .game-tab li::before{ width: 20px; height: 20px; } #app.Home #home-navigation .game-list-block{ /*padding: 8px 16px calc(25vw - 64px) 16px;*/ } #app.Home #home-navigation .game-list-block ul li{ margin-bottom: 5px; } #app.Home #home-navigation .game-tab li a{ font-size: 11px; } #app.Home #home-navigation .game-list-block ul.Hot.active{ gap: 5px; } } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card { background: #EDEDED; border-radius: 8px; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title { font-size: 18px !important; font-weight: 700 !important; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title button { height: auto; width: auto; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title span { color: #FFFFFF; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__text { padding:30px 15px !important; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list { counter-reset: rank; padding: 0px; gap: 12px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li { border-radius: 8px; border: 0.2px solid #333; background: #FFF; box-shadow: 0 2px 4px 0 rgba(135, 122, 123, 0.10); padding: 16px 16px 16px 86px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li::before { counter-increment: rank; content: counter(rank); font-weight: 900; font-size: 24px; font-family: Barlow; color: #FFF; width: 70px; height: 70px; display: block; background: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/ranking.png) no-repeat center / contain; padding-top: 30px; white-space: nowrap; text-align: center; position: absolute; left: 16px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span { color: #877A7B; font-family: Barlow; font-size: 15px; font-weight: 400; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li .payout span.currencySymbol { display: none; } /* #endregion 首頁 */ /* #region 遊戲大廳 */ #app.Lobby .grey.lighten-2 { background-color: #ffffff00 !important; background: var(--custom-gradient-pink-light); } #app.Lobby .game-item .v-card__text { font-size: 15px; font-weight: 700; } #app.Lobby .v-chip .v-chip__content { color: var(--custom-white); } /* #endregion 遊戲大廳 */ /* #region 登入註冊頁 */ #app #login .back-btn { z-index: 2; } #app #login .logo { background-image: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/logo.png') !important; background-size: contain !important; } #app #login .logo img { display: none; } #app.Login .v-main, #app.Register .v-main { overflow: hidden; max-height: 100vh; } #app.Login .form-wrap, #app.Register .form-wrap { width: 100%; padding: 24px; } #app.Login .switch-content > .text-h5, #app.Register .switch-content > .text-h5 { display: none; } #app #login { background: var(--custom-gradient-top-light); } #app #login .v-image .v-image__image--contain { filter: brightness(0) invert(1); } #app #login .switch-page .switch-content { background: var(--custom-white-dark); border: none; border-radius: 12px; } #app #login .feature-switch-btn, #app #login .white--text, #app #login .row .white--text, #app #login .form-wrap .v-input--checkbox label, #app #login .form-wrap .v-input--checkbox i, #app #login .v-btn__content, #app #login .form-wrap .radio-group legend, #app #login .form-wrap .radio-group label, #app #login .form-wrap .radio-group i, #app #login .login-btn, #app #login .switch-btn span, #app #login .switch-page .reg-box .go-login { color: var(--custom-text-gray-color) !important; } #app #login .feature-switch-btn .grey, #app #login button#submit { border-radius: 4px !important; background: var(--custom-pink-dark) !important; color: var(--custom-white); } #app #login button.get-otpcode, #app #login .register-switch-btn, #app #login .form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code { border-radius: 4px; border: 1px solid var(--custom-text-gray-color); background: var(--custom-white) !important; color: var(--custom-text-gray-color); } #app #login .form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code { top: 9px; right: 18px; } #app #login button#submit span { color: var(--custom-white) !important; } #app #login .yellow--text { color: var(--custom-pink-dark) !important; } #app #login .switch-page .reg-box .go-login::before { background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_login.png'); } #app #login .switch-page .switch-btn.tab .li.go-register:before { background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Login/icon_gray/icon_register.png'); } #app #login .switch-page .switch-btn.tab .li.go-register { width: 100%; margin-bottom: 0; margin-right: 0px !important; } #app #login .switch-page .switch-btn.tab .li.go-agent { display: none; } #app #login .go-login, #app #login .switch-page .switch-btn.tab .li { line-height: 1.2; } /* #endregion 登入註冊頁 */ /* #region 會員中心 */ #app.MemberCenter .v-card { box-shadow: 0px 4px 6px 0px rgba(255, 99, 123, 0.10) !important; } #app.MemberCenter .v-card.top-info, #app.MemberCenter .page-box-2 { margin-top: 20px !important; } #app.MemberCenter .v-card.top-info .uuid { font-size: 12px; margin-left: 0px !important; } #app.MemberCenter .v-card.top-info .member-info .btn-group { display: none; } #app.MemberCenter .v-card > div { padding: 16px 24px !important; } #app.MemberCenter .v-card .subtitle-1 { padding: 0px !important; font-weight: 700; } #app.MemberCenter .v-card .page-box-1 .col-3 { padding: 8px !important; } #app.MemberCenter .page-box-2 { padding: 12px 16px; } #app.MemberCenter .page-box-2 > .row { gap: 12px; } #app.MemberCenter .page-box-2 > .row > div { padding: 0px 12px; } #app.MemberCenter .page-box-2 .action-link:before { left: 24px; } #app.MemberCenter .page-box-2 .action-link:after { right: 24px; } #app.MemberCenter .page-box-2 > .row > div .action-link.big-link { height: 13vw; } #app.MemberCenter .signOut { background: rgba(255, 99, 123, 0.40); } #app.MemberCenter .member-center-g > div:first-child > div:first-child > p:first-child { display: none; } #app.MemberCenter .member-center-g:before { content: none; } #app.MemberCenter .v-card { border: none; } #app.MemberCenter .v-card, #app.MemberCenter .action-link:not(.big-link), #app.MemberCenter .bar-box p { color: var(--custom-text-gray-color); } #app.MemberCenter .bar-box span { color: var(--custom-pink-dark); } #app.MemberCenter .lang-dialog .subtitle-2 { font-weight: 700; font-size: 16px !important; color: var(--custom-pink-dark); } #app.MemberCenter .lang-dialog button { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; border: none; } #app.MemberCenter .member-info button.v-btn:not(.v-btn--round).v-size--default { min-width: auto; width: auto; padding: 0 10px; } /* #endregion 會員中心 */ /* #region 財務中心 */ #app.Deposit .v-card { padding: 16px !important; } #app.Deposit .v-card__actions { padding: 0px; } #app.Deposit .v-card__actions button, #app.Deposit form button.submit-btn { width: -webkit-fill-available; height: 45px !important; } #app.Deposit .payment-list .v-sheet.active, #app.Deposit .type-list button.active, #app.Deposit .account-list button.active { border: 1px solid var(--custom-pink-dark) !important; } #app.Deposit .type-list button { background: none; } #app.Deposit .v-input .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } #app.Deposit i.v-icon { color: var(--custom-pink-dark) !important; caret-color: var(--custom-pink-dark) !important; } #app.Deposit .mx-input { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } #app.Deposit .mx-input { height: 44px; padding-left: 18px; } #app.Deposit .v-dialog.tw-pay-dialog .v-card { padding: 0px !important; } /* #endregion 財務中心 */ /* #region 站內信 */ #app.SiteMail .v-tab--active { font-weight: 700; color: var(--custom-text-gray-color); } #app.SiteMail .v-tabs-slider { background: var(--custom-pink-dark) !important; border-color: var(--custom-pink-dark) !important; } #app.SiteMail .v-card p { color: var(--custom-text-gray-color); } #app.SiteMail .mail-detail-dialog .v-card__actions button { padding: 0px 12px; width: auto; min-width: auto; } #app.SiteMail .mail-detail-dialog .v-card__actions button, #app.SiteMail .send-mail-dialog .btn-group button { background-color: var(--custom-pink-gray) !important; border: 1px solid var(--custom-pink-gray-border) !important; box-shadow: none; } #app.SiteMail .mail-detail-dialog .v-card__actions button span, #app.SiteMail .send-mail-dialog .btn-group button span { color: var(--custom-text-gray-color) !important; text-shadow: none; } #app.SiteMail .mail-detail-dialog .v-card__actions button.red, #app.SiteMail .send-mail-dialog .btn-group button[type="submit"] { background-color: var(--custom-pink-dark) !important; border: 1px solid var(--custom-pink-dark) !important; } #app.SiteMail .mail-detail-dialog .v-card__actions button.red span, #app.SiteMail .send-mail-dialog .btn-group button[type="submit"] span { color: var(--custom-white) !important; } #app.SiteMail .mail-detail-dialog .mail-body { background: #FFFFFF; box-shadow: none; border: 1px solid var(--custom-text-gray-color); } #app.SiteMail .mail-item.un-read::after { width: 8px; height: 8px; background-color: var(--custom-pink-dark); } #app.SiteMail .v-card.active { opacity: 0.8; } #app.SiteMail .mail-detail-dialog .mail-body { border: 1px solid var(--custom-pink-gray-border); box-shadow: 0px 4px 6px 0px rgba(135, 122, 123, 0.10); } #app .send-mail-dialog .v-input.v-text-field .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); } /* #endregion 站內信 */ /* #region 優惠專區 */ #app.Promotio .inner .scroll-content .navtab { display: flex; flex-wrap: nowrap; overflow: auto; } #app.Promotion .discount { width: 100%; } #app.PromotionContent #promotion-content { background: none; } /* #endregion 優惠專區 */ /* #region VIP */ #app.Vip #vip { background: none; } #app.Vip .v-card { padding: 16px 24px; margin: 12px 0; } #app.Vip .v-card .v-card__text { padding: 0px; } #app.Vip .v-card .member-info .icon { padding-top: 26px; margin-top: -25px; color: var(--custom-text-gray-color); } #app.Vip .v-card .member-info .icon span { line-height: 16px; } #app.Vip .bar-box span { color: var(--custom-pink-dark); } #app.Vip .v-card .btn-group .btn { border-radius: 4px !important; background: var(--custom-pink-dark) !important; color: var(--custom-white); border: none; } #app.Vip .member-info ol > li, #app.Vip .v-card .v-card__title { color: var(--custom-text-gray-color); font-size: 14px; padding: 0px; } #app.Vip .member-info p.account .uuid { font-size: 12px; margin-left: 0px !important; } #app.Vip .v-card p.level-title, #app.Vip .next, #app.Vip .prev { color: var(--custom-pink-dark); font-weight: 700; } #app.Vip .level-title { display: none; } #app.Vip .gift-box { background: none; padding: 0px; display: flex; gap: 8px; margin: -10px 0 12px 0; } #app.Vip .gift-box > div { position: relative; width: 50%; padding-top: 45%; } #app.Vip .gift-box > div button { position: absolute; height: 30px; width: 130px; bottom: 12px; margin: 0px; left: 50%; transform: translateX(-50%); background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/vip/btn-bg.png') no-repeat center /contain !important; } #app.Vip .gift-box > div button[disabled="disabled"] { opacity: 1; background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/vip/disabled-btn-bg.png') no-repeat center /contain !important; } #app.Vip .gift-box .gift { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/vip/day-bg.png') no-repeat -5px -8px /contain; background-size: 105%; } #app.Vip .gift-box .gift button { margin-left: -2px; } #app.Vip .gift-box .week, #app.Vip .gift-box .month { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/vip/week-bg.png') no-repeat -3px -11px /contain; background-size: 105%; } #app.Vip .gift-box .week button, #app.Vip .gift-box .month button { margin-left: 3px; } #app.Vip .bonus-list .bonus-detail.birthday:before { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/vip/birthday.png') no-repeat center /contain; } #app.Vip .bonus-list .bonus-detail.week:before { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/vip/calendar.png') no-repeat center /contain; } #app.Vip .bonus-list .bonus-detail.gift:before { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/vip/coin.png') no-repeat center /contain; } #app.Vip .level-box .left, #app.Vip .level-box .right { font-weight: 800; } /* #endregion VIP */ /* #region 投注紀錄 */ #app.BetRecord .custom-block-text label { color: var(--custom-text-gray-color) !important; } #app.BetRecord .btn-group { gap: 8px; margin: 12px 0 !important; } #app.BetRecord .mx-input { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); min-height: 44px; border-radius: 4px; padding: 6px 14px; padding-left: 18px; } /* #endregion 投注紀錄 */ /* #region 設定銀行帳戶、設定電子錢包 */ #app.WithdrawAccountManagement .v-tabs { margin: 20px 12px; } #app.WithdrawAccountManagement .card-wrap { background: var(--custom-white); padding: 32px !important; margin: 20px 12px; border-radius: 8px; } #app.WithdrawAccountManagement .card-wrap > div { padding: 0px !important; } #app.WithdrawAccountManagement .card-wrap .account-card { position: relative; padding-top: 57.33%; background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/card.png') no-repeat center /contain; } #app.WithdrawAccountManagement .card-wrap .account-card > div { position: absolute; top: 0; color: var(--custom-white) !important; } #app.WithdrawAccountManagement .card-wrap .account-card > div.icon-wrap { top: -14px; left: -10px; } #app.WithdrawAccountManagement .card-wrap .account-card > div.icon-wrap .v-icon { width: 38px; height: 38px; font-size: 0px; background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/check.png') no-repeat center /contain; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text { padding: 7% 10.5% !important; line-height: 0.8; height: 100%; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .card-type, #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .branch-name { display: none; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .account-info p, #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text p.walletAddress { text-align: left !important; padding: 0 10.5%; position: absolute; bottom: 23%; width: 100%; left: 0%; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text p.walletAddress { bottom: 29%; font-size: 16px; overflow: visible; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus { position: absolute; left: 46%; bottom: 11%; height: 26px; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus b { display: none; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus .review-successful { border-color: var(--custom-blue); color: var(--custom-blue); } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus .in-review { border-color: var(--custom-orange); color: var(--custom-orange); } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus .audit-failed { border-color: var(--custom-red); color: var(--custom-red); } #app.WithdrawAccountManagement .card-wrap button.account-action-btn i { font-size: 0; width: 20px; height: 20px; margin-right: 3px; } #app.WithdrawAccountManagement .card-wrap button.account-action-btn:first-child i { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/edit.png') no-repeat center /contain; } #app.WithdrawAccountManagement .card-wrap button.account-action-btn:nth-of-type(2) i { background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/trash.png') no-repeat center /contain; } #app.WithdrawAccountManagement .card-title { font-weight: 800; } #app.WithdrawAccountManagement .tip { color: var(--custom-pink-dark); } #app.WithdrawAccountManagement .tips { background: #F7EFEE; } #app.WithdrawAccountManagement .tips .v-alert--text:before { content: none; } #app.WithdrawAccountManagement .tips .v-alert.theme--light.v-sheet { color: var(--custom-text-gray-color); } #app.WithdrawAccountManagement .tips .text-red, #app.WithdrawAccountManagement .tips a.text-yellow { color: var(--custom-pink-dark); text-decoration: none; } #app.WithdrawAccountManagement .btn-group button[type="submit"] { background: var(--custom-pink-dark); } #app.WithdrawAccountManagement .btn-group button[type="submit"] span { color: var(--custom-white); } #app.WithdrawAccountManagement button.account-action-btn { color: var(--custom-white); border-color: var(--custom-white); } #app.WithdrawAccountManagement .tips .BankTip li{ list-style: decimal; } #app.WithdrawAccountManagement .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: 'Please enter "Bank Code + Branch Code"'; display: inline-block; margin-left: 4px; } #app.zh-TW.WithdrawAccountManagement .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: '請填寫「銀行代碼+分行代碼」'; } /* #endregion 設定銀行帳戶、設定電子錢包 */ /* #region 會員轉帳 */ #app.MemberTransfer button[type="submit"] { background-color: var(--custom-pink-dark) !important; } #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input { color: var(--custom-text-gray-color) !important; caret-color: var(--custom-text-gray-color) !important; -webkit-text-fill-color: var(--custom-text-gray-color) !important; } #app.MemberTransfer .transfer-input-wrap { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } /* #endregion 會員轉帳 */ /* #region 領獎中心 */ #app.AwardCenter .inner .item, #app.AwardCenter .hint { background: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); color: var(--custom-text-gray-color); } #app.AwardCenter .hint .icon-hint { display: none; } #app.AwardCenter .item .amount { margin-top: 24px !important; } #app.AwardCenter .award-center-dialog .v-card__actions button { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; } /* #endregion 領獎中心 */ /* #region 個人資訊 */ #app.MemberInfor .form-wrap .input-wrap .mx-input { border: none; border-radius: 0; } #app.MemberInfor .form-wrap .label-birth { left: 41px; color: var(--custom-text-gray-color); } #app.MemberInfor .Name.input-wrap .label-withdral { display: none; } #app.MemberInfor .form-wrap .input-wrap .v-label, #app.MemberInfor .form-wrap .input-wrap input { padding: 0 15% 0 24px !important; } #app.MemberInfor .form-wrap .input-wrap.select .v-select__slot { padding: 0 8% 0 44px; } #app.MemberInfor .form-wrap .input-wrap input[name="date"] { padding: 25px 15% 0 24px !important; } /* #endregion 個人資訊 */ /* #region 錢包中心 */ #app.WalletCenter .main-action { background: var(--custom-gradient-right-light); border: none; border-radius: 4px; } #app.WalletCenter .right-box-transfer-back, #app.WalletCenter .action-link { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; } #app.WalletCenter .right-box-transfer-back { background: var(--custom-pink-dark); background-color: var(--custom-pink-dark); } #app.WalletCenter .main-link { gap: 10px; } #app.WalletCenter .action-link { border: 1px solid var(--custom-pink-gray-border); color: var(--custom-text-gray-color); background: var(--custom-pink-gray); display: flex; align-items: center; justify-content: center; } #app.WalletCenter .action-link i { display: none; } #app.WalletCenter hr { border: 1px solid var(--custom-pink-dark); filter: none; } #app.WalletCenter .wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue { background: none; border: 1px solid var(--custom-pink-dark); } #app.WalletCenter .wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue span { color: var(--custom-pink-dark) !important; } #app.WalletCenter .v-card .v-card__text .container input { background: none; box-shadow: none; border: 1px solid var(--custom-text-gray-color); color: var(--custom-text-gray-color); } /* #endregion 錢包中心 */ /* #region 代理加盟 */ #app.Partner #partner { background: none } #app.Partner .main-color { background: var(--custom-pink-dark); } #app.Partner .v-card { padding: 16px; margin: 12px; } #app.Partner .v-card ul.btn-group, #app.Partner .agent-html { margin: 0; padding: 8px; } #app.Partner .v-card ul.btn-group { margin: 0; padding: 8px; justify-content: space-between; gap: 10px; } #app.Partner .v-card ul.btn-group li { margin: 0px; } #app.Partner .v-card ul.btn-group li a { border-radius: 4px; padding: 10px; } #app.Partner .agent-html p, #app.Partner .agent-html .table-responsive table, #app.PartnerApply .info-text, #app.PartnerApply .radio-group legend, #app.PartnerApply .radio-group label, #app.PartnerApply .radio-group i { color: var(--custom-text-gray-color); } #app.Partner li.main-color, #app.Partner table td.main-color { color: var(--custom-white) !important; } #app.Partner .v-card ul.btn-group { width: auto; } #app.Partner p { text-align: justify; } #app.PartnerApply #agent-apply { background: none; } #app.PartnerApply .form-wrap .input-wrap { background-color: #ffffff00; border: none; background-image: none !important; height: 40px; padding: 10px 0 0; } #app.PartnerApply .v-input.v-text-field .v-input__slot, #app.PartnerApply .mx-input-wrapper input { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); min-height: 52px; border-radius: 4px; padding: 6px 14px; padding-left: 18px; } #app.PartnerApply .v-input.v-text-field.v-input--is-label-active .v-input__slot, #app.PartnerApply .v-input.v-text-field.v-input--is-focused .v-input__slot { padding: 20px 30px 0px 18px; } #app.PartnerApply .form-wrap .input-wrap .v-input__append-inner button { top: 6px; right: 8px; } #app.PartnerApply .v-input.v-text-field .v-input__slot::before { content: none; } #app.PartnerApply .info-text { margin-top: 20px; } #app.PartnerApply .v-input.radio-group { margin-top: 30px; margin-bottom: -18px; } #app.PartnerApply #agent-apply .form-wrap button[type="submit"] { background-color: var(--custom-pink-dark) !important; border-radius: 4px; height: auto; padding: 10px; } /* #endregion 代理加盟 */ /* #region 線上提款 */ #app.Withdraw button.administration-fee-dialog-btn { color: var(--custom-pink-dark) !important; border: 1px solid var(--custom-pink-dark); } #app.Withdraw button[type="submit"] { color: var(--custom-white) !important; } #app.Withdraw .payment-list > .payment-item span { color: var(--custom-text-gray-color); } #app.Withdraw .payment-list > .payment-item .active { border: 1px solid var(--custom-pink-dark) !important; } #app.Withdraw .payment-list > div .fix { color: var(--custom-white); } #app.Withdraw .v-input:not(.v-input--is-readonly) .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 42px; } /* #endregion 線上提款*/ /* #region 時時返水 */ #app.AnyTimeDiscount .v-card__actions button { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; } /* #endregion 時時返水 */ /* #region 變更密碼、變更提款密碼 */ #app.ChangePassword .v-alert { background-color: var(--custom-pink-dark) !important; border-color: var(--custom-pink-dark) !important; } #app.ChangePassword .v-input .v-input__slot, #app.ChangeMoneyPassword .v-input .v-input__slot { border-radius: 4px; background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); } #app.ChangePassword .theme--light.v-text-field > .v-input__control > .v-input__slot:before, #app.ChangePassword .theme--light.v-text-field > .v-input__control > .v-input__slot:after, #app.ChangeMoneyPassword .theme--light.v-text-field > .v-input__control > .v-input__slot:before, #app.ChangeMoneyPassword .theme--light.v-text-field > .v-input__control > .v-input__slot:after { content: none; } /* #endregion 變更密碼、變更提款密碼 */ /* #region 交易紀錄 */ #app.Transaction .btn-group.transaction-category { justify-content: center !important; margin-top: 4px !important; } #app.Transaction .transaction-content hr { margin-top: 16px !important; } /* #endregion 交易紀錄 */ /* #region 推薦好友 */ #app.MGM .heading p, #app.MGM .inner .container .v-card .invite-title .grid h2 { color: var(--custom-pink-dark); } /* #endregion 推薦好友 */ /* #region 客戶服務 */ #app.OnlineServices .page-content { padding: 15px; } #app.OnlineServices .services-link { background: var(--custom-gradient-right) !important; border-radius: 8px; } #app.OnlineServices .services-link .join { background: var(--custom-pink-dark) !important; background-color: var(--custom-pink-dark) !important; border-radius: 4px; } #app.OnlineServices .page-content > img, #app.OnlineServices .services-link img { display: none; } #app.OnlineServices .services-link.Line .icon::before, #app.OnlineServices .services-link.livechat .icon::before { content: ''; display: block; width: 45px; height: 45px; background: url('/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/line.png') no-repeat center /contain; } /* #endregion 客戶服務 */ /* #region 鎖住最大寬度只能430px */ @media (min-width: 431px) { html, body, body .layout-wrap > * { margin: 0 auto; } body, body .layout-wrap > *, #app #footer .v-bottom-navigation, #app.Home .game-list-block-wrap .hot-swiper-slide, #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content { max-width: 430px !important; } #app .v-overlay { width: 430px; } #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; bottom: 24px; 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*430px); } .form-wrap .input-wrap .v-label, .form-wrap .input-wrap input, #app.Promotion .inner .scroll-content .navtab li, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input { font-size: calc( 0.035*430px); } .form-wrap .input-wrap, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { padding: calc(0.045*430px) 0 0; height: calc(0.115*430px); font-size: calc(0.035*430px); } .v-select.v-input--dense .v-select__selection--comma, #app .register-switch-btn, #app.PartnerApply #agent-apply .form-wrap button[type="submit"], #app #login .switch-page .switch-btn.tab .li.go-register, #app #login .go-login { font-size: calc(0.035* 430px) !important; } #app .form-wrap .input-wrap .v-input__append-inner button { top: -16px; } #app .form-wrap #submit { font-size: calc( 0.042*430px); height: calc(0.11*430px); } .form-wrap .input-wrap .v-input__append-inner button { top: calc(-0.015*430px); right: calc(0.03*430px); } .form-wrap .input-wrap .v-text-field__details { left: calc(0.27*430px); top: calc(0.03*430px); } #app #login .logo { margin: 0 auto calc(0.03*430px); height: calc(0.24*430px); width: auto; } #app #login .logo a { margin: auto; } .member-center-g .action-link.big-link:before, .member-center-g .action-link.big-link:after { width: calc(0.11*430px); height: calc(0.11*430px); } .member-center-g:before, #promotion:before, #deposit:before { position: relative; } #app #page-title { font-size: calc(0.05*430px); } #app.Home #home-navigation .game-tab { padding: 16px 12px 50px 16px; } #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 { border-radius: 50px; background: var(--custom-white); } #app.Promotion .inner .scroll-content .navtab { display: flex; } #app.Promotion .inner .scroll-content .navtab li { flex: 1; display: flex; justify-content: center; align-items: center; } } /* #endregion 鎖住最大寬度只能430px */ /* #region 隱藏USDT存款教學 */ /* #deposit > div.online-deposit-layout > div.mx-3.pa-3.account-list-bg.common-bg.v-card.v-sheet.theme--light > div.text-right { display: none; } */ #app #vip .rule-content img { max-width: 100%; height: auto; } /* #endregion 鎖隱藏USDT存款教學 */ /* #region 首頁 Logo */ #app #home #logo-bar .logo { width: 100px; height: 100%; background-image: url(/CdnRedirect/Web.Mobile/AT099-06.Mobile/Content/Views/Shared/images/logo.png) !important; background-size: contain !important; background-position: center 40%; } #app #home #logo-bar .logo img { display: none; } /* #endregion 首頁 Logo */