/* Minification failed. Returning unminified contents. (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (111,17): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (112,23): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (116,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (120,18): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (124,24): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (125,17): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (129,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (133,17): run-time error CSS1039: Token not allowed after unary operator: '-drak_green_text' (137,28): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (138,24): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (144,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (148,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (152,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (170,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (171,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (172,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (173,38): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (174,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (184,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (185,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (186,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (187,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (192,33): run-time error CSS1030: Expected identifier, found ':' (192,42): run-time error CSS1031: Expected selector, found ')' (192,42): run-time error CSS1025: Expected comma or open brace, found ')' (203,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (214,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (218,35): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (229,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (232,48): run-time error CSS1030: Expected identifier, found '.' (232,64): run-time error CSS1031: Expected selector, found ')' (232,64): run-time error CSS1025: Expected comma or open brace, found ')' (236,28): run-time error CSS1030: Expected identifier, found '.' (236,40): run-time error CSS1031: Expected selector, found ')' (236,40): run-time error CSS1025: Expected comma or open brace, found ')' (267,42): run-time error CSS1030: Expected identifier, found '[' (267,47): run-time error CSS1031: Expected selector, found '=' (267,47): run-time error CSS1025: Expected comma or open brace, found '=' (317,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (333,24): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (335,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (362,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (363,29): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (364,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (377,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (378,22): run-time error CSS1039: Token not allowed after unary operator: '-button_02' (379,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (413,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (415,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (436,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-2' (471,22): run-time error CSS1039: Token not allowed after unary operator: '-button' (489,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-1' (510,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-6' (521,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (527,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (531,22): run-time error CSS1039: Token not allowed after unary operator: '-light_green' (535,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-1' (543,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (544,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (545,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (550,26): run-time error CSS1030: Expected identifier, found '.' (550,34): run-time error CSS1031: Expected selector, found ')' (550,34): run-time error CSS1025: Expected comma or open brace, found ')' (571,22): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (572,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (578,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (579,23): run-time error CSS1039: Token not allowed after unary operator: '-white' (593,28): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (594,24): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (617,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (655,24): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (656,17): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (660,24): run-time error CSS1039: Token not allowed after unary operator: '-pink' (661,17): run-time error CSS1039: Token not allowed after unary operator: '-pink' (665,24): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (666,17): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (676,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (682,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (692,28): run-time error CSS1039: Token not allowed after unary operator: '-gray' (693,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-4' (698,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-01' (711,29): run-time error CSS1046: Expect comma, found '0' (711,33): run-time error CSS1046: Expect comma, found '/' (720,35): run-time error CSS1039: Token not allowed after unary operator: '-gray' (724,33): run-time error CSS1039: Token not allowed after unary operator: '-gray' (728,22): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (729,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (741,33): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (745,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (756,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (758,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (764,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-1' (779,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (815,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (823,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (835,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (842,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (864,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (869,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (870,22): run-time error CSS1039: Token not allowed after unary operator: '-button' (871,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (881,27): run-time error CSS1039: Token not allowed after unary operator: '-white' (956,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (957,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (960,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (961,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (997,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1002,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (1011,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1026,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1027,30): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1028,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1030,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1118,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1128,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1129,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1130,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-2' (1140,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1141,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1142,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1194,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1203,16): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1211,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1220,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1221,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1222,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-2' (1250,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1252,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (1260,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1264,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1265,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1266,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-2' (1286,50): run-time error CSS1030: Expected identifier, found '.' (1286,51): run-time error CSS1030: Expected identifier, found 'loading' (1286,58): run-time error CSS1031: Expected selector, found ')' (1286,58): run-time error CSS1025: Expected comma or open brace, found ')' (1293,17): run-time error CSS1039: Token not allowed after unary operator: '-bk_color' (1294,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (1367,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1368,22): run-time error CSS1039: Token not allowed after unary operator: '-button_02' (1377,22): run-time error CSS1039: Token not allowed after unary operator: '-gary_linder' (1398,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (1402,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (1440,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1459,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (1468,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (1480,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1481,28): run-time error CSS1039: Token not allowed after unary operator: '-drak_blue' (1482,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-01' (1483,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-3' (1513,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1514,28): run-time error CSS1039: Token not allowed after unary operator: '-drak_blue' (1515,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-1' (1516,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-3' (1533,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1557,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1561,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1562,28): run-time error CSS1039: Token not allowed after unary operator: '-gray' (1563,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (1564,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (1573,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1574,30): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1575,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1577,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1583,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1589,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1594,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1595,28): run-time error CSS1039: Token not allowed after unary operator: '-gray' (1596,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (1597,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (1604,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1605,30): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1606,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1608,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1623,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1624,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1625,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1627,19): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1641,28): run-time error CSS1039: Token not allowed after unary operator: '-Not-approved' (1648,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1651,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1652,23): run-time error CSS1039: Token not allowed after unary operator: '-white' (1665,17): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1677,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1687,14): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1698,22): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (1699,28): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (1700,24): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (1729,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1750,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1754,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-3' (1783,18): run-time error CSS1039: Token not allowed after unary operator: '-green' (1787,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1791,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1806,47): run-time error CSS1030: Expected identifier, found '.' (1806,54): run-time error CSS1031: Expected selector, found ')' (1806,54): run-time error CSS1025: Expected comma or open brace, found ')' (1813,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1816,17): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1832,17): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (1847,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1880,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1881,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1884,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1904,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1905,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1906,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1908,19): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1921,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1922,24): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1923,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1975,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1994,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2000,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2025,22): run-time error CSS1039: Token not allowed after unary operator: '-bk_light_yellow' (2029,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-7' (2036,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (2038,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2059,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2077,17): run-time error CSS1039: Token not allowed after unary operator: '-bk_light_yellow' (2081,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (2088,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (2093,30): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (2094,22): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (2095,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-8' (2110,17): run-time error CSS1039: Token not allowed after unary operator: '-bk_light_yellow' (2145,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2146,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2200,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2201,28): run-time error CSS1039: Token not allowed after unary operator: '-stroke_main' (2202,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-01' (2203,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-7' (2257,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2262,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2263,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2264,22): run-time error CSS1039: Token not allowed after unary operator: '-light_green' (2273,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-6' (2283,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2288,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-9' (2292,17): run-time error CSS1039: Token not allowed after unary operator: '-drak_green_text' (2299,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2373,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2384,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (2468,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2473,17): run-time error CSS1039: Token not allowed after unary operator: '-green_02' (2523,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (2532,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2541,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2542,28): run-time error CSS1039: Token not allowed after unary operator: '-light_bule' (2543,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (2708,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg' (2736,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN025-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/DN025-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/DN025-01.Mobile/Content/Views/Shared/fontFamily/Inter-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } :root { --white: #FFFFFF; --yellow: #FFFAEB; --red: #FF8562; --black: #151515; --light_blue: #94C4CC; --light_green: #D6E6D3; --bk_light_yellow: #FAF4E3; --gray: #D9D9D9; --green: #008061; --green_01: #02DAD7; --green_02: #2C9CA2; --green_03: #15ADB4; --drak_blue: #7DA7AD; --dark_blue_01: #073B44; --drak_green_text: #448872; --bk_color: #FAF4E3; --text_color: #6A594E; --stroke_main: #92CCC7; --imput_text: rgba(106, 89, 78, 0.60); --exclamation-mark: #FFAF10; --Not-approved: #FF5C5C; --pink: #FF5C5C; --greenblue: #279AA1; --wallet_bg: #0289A1; --custom-01: linear-gradient(177deg, #92CAA3 2.42%, #0289A1 97.84%); --custom-linear-gradient-color-1: linear-gradient(90deg, #0289A1 1.66%, #4AA9A2 50.6%, #0289A1 99.86%); --custom-linear-gradient-color-2: linear-gradient(90deg, rgba(255, 240, 198, 0.00) 0%, #FFF8D0 50.32%, rgba(255, 240, 198, 0.00) 100%); --custom-linear-gradient-color-3: linear-gradient(112deg, #636363 3.9%, #2D2D2D 59.18%, #000 98.83%); --custom-linear-gradient-color-4: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #FFF; --custom-linear-gradient-color-5: linear-gradient(180deg, #FFFAEB 0%, #F5EFE0 100%); --custom-linear-gradient-color-6: linear-gradient(0deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%), radial-gradient(120.46% 87.5% at 27.5% -15%, #4AA9A2 39.98%, #0289A1 100%); --custom-linear-gradient-color-7: linear-gradient(90deg, #0289A1 -7.32%, #4AA9A2 27.87%, #0289A1 64.7%); --custom-linear-gradient-color-8: linear-gradient(66deg, rgba(255, 255, 255, 0.00) 70.85%, #FFF 90.18%), linear-gradient(180deg, rgba(255, 255, 255, 0.00) -54.69%, rgba(79, 250, 244, 0.50) 2.1%, #139EA9 58.89%), linear-gradient(177deg, #92CAA3 2.42%, #00CFE6 97.84%); --custom-linear-gradient-color-9: linear-gradient( to top, rgba(15, 118, 136, 1) 0%, rgba(15, 118, 136, 0) 50%, rgba(146, 204, 199, 0) 50%, rgba(146, 204, 199, 1) 100% ); --button: linear-gradient(90deg, #0289A1 1.66%, #4AA9A2 50.6%, #0289A1 99.86%); --button_02: radial-gradient(120.46% 87.5% at 27.5% -15%, #4AA9A2 39.98%, #0289A1 100%); --gary_linder: radial-gradient(120.46% 87.5% at 27.5% -15%, #ACACAC 39.98%, #828282 100%); --custom-box-shadow-1: 0 -1px 0 0 rgba(0, 0, 0, 0.40) inset; --custom-box-shadow-2: 0 0 4px 0 rgba(0, 0, 0, 0.25); --custom-box-shadow-3: 2px 2px 4px 0 rgba(0, 0, 0, 0.20); --custom-box-shadow-4: 0 2px 2px 0 #CCC inset; --custom-box-shadow-5: 0 -2.6px 4px 0 #9BF8FF inset, 0 3px 4px 0 #FFF inset, 0 1px 4px 0 rgba(0, 0, 0, 0.25); --custom-box-shadow-6: 0 2px 4px 0 rgba(0, 0, 0, 0.25); --custom-box-shadow-7: 0 4.136px 4.136px 0 rgba(230, 255, 7, 0.25) inset, 0 2.068px 4.136px 0 rgba(255, 255, 255, 0.40) inset, 0 -2.068px 4.136px 0 rgba(5, 77, 135, 0.80) inset, 0 2.068px 4.136px 0 rgba(0, 0, 0, 0.25); --custom-box-shadow-8: 0 0 8px 0 #3BE3FF; --custom-buttons-box-gap: 8px; --custom-border-radius: 8px; } /* #region 基本樣式 */ body, #vip, .v-application { font-family: 'Inter',"Helvetica Neue", Helvetica, Arial, sans-serif !important; } .theme--light.v-application, .theme--light.v-card, .theme--light.v-sheet, .v-application .black--text, .theme--light.v-data-table, .v-application a, .mx-datepicker input, .v-select__selection.v-select__selection--comma, .theme--light.v-card > .v-card__text, .v-radio .v-icon, .v-radio .v-label, #vip .v-card p.level-title, #vip .v-card .v-card__title, #app.MemberCenter .white--text, #app.MemberCenter .grey--text.text--darken-4, #app .account-action-btn span, #mgm .inner .container .heading, #promotion .inner .scroll-content .navtab li, #award-center .inner .scroll-content .navtab li, #app.Partner .agent-html .table-responsive table, #app.Partner .agent-html p, #online-services .page-content .services-link .text, #online-services .page-content .services-link .text b, #app .common-alert-modal.v-dialog .v-card h4, #app.MemberCenter .member-center .row > div .action-link { color: var(--text_color) !important; } #app .v-alert.info--text { /*loading*/ color: var(--light_blue) !important; caret-color: var(--light_blue) !important; } #app .v-alert.info--text:before { background-color: var(--light_blue); } #app .v-alert.info--text .v-progress-circular__overlay { stroke: var(--light_blue); } .swal2-icon.swal2-warning { border-color: var(--exclamation-mark); color: var(--exclamation-mark); } #app .hint.isLoaded { color: var(--gray); } .v-application .yellow--text { color: var(--drak_green_text) !important; } .v-application .primary { background-color: var(--greenblue) !important; border-color: var(--greenblue) !important; } #app .error--text, .v-application .red--text, .form-wrap .input-wrap .require .v-input__control label:before { color: var(--red) !important; } #app .swiper-pagination-bullet { background: var(--gray) !important; } #app .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--light_blue) !important; } a, .v-application .text-decoration-underline { text-decoration: none !important; } .theme--light.v-divider { border-color: rgba(106, 89, 78, 0.50); } .v-application .subtitle-1, .v-application .subtitle-2 { font-weight: 500 !important; } .v-alert:not(.v-sheet--tile) { border-radius: var(--custom-border-radius) !important; border-bottom-left-radius: var(--custom-border-radius) !important; border-top-left-radius: var(--custom-border-radius) !important; border-bottom-right-radius: var(--custom-border-radius) !important; border-top-right-radius: var(--custom-border-radius) !important; } .form-wrap .input-wrap, .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot, .v-text-field--filled.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense > .v-input__control > .v-input__slot, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap, #app .v-dialog.wallet-detail-dialog .input-wrapper input { /*input*/ border-radius: var(--custom-border-radius) !important; border: 1px solid var(--light_blue) !important; background: var(--white); background-color: var(--white) !important; padding: 0 12px; box-shadow:none; } .form-wrap .input-wrap:has(input:disabled), .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot:has(input:disabled) { background: var(--custom-linear-gradient-color-4); background-color: transparent !important; } .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot:has(fieldset){ border: none !important; } .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded):not(.primary--text):not(.error--text) > .v-input__control > .v-input__slot fieldset { border: 1px solid var(--light_blue) !important; } .v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot{ box-shadow:none; } .form-wrap .input-wrap .v-label, .form-wrap .input-wrap .v-label.v-label--active, .theme--light.v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label { color: var(--imput_text) !important; } #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label { -webkit-text-fill-color: var(--imput_text) !important; } .form-wrap .input-wrap input, .form-wrap .input-wrap .v-select__selection.v-select__selection--comma, .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot input, .theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-select__selections { color: var(--text_color) !important; } .form-wrap .input-wrap .v-text-field__slot:has(.v-label--active) { transform: translateY(4px); } .form-wrap .input-wrap:has(.error--text) { margin: 0 auto 32px; } .form-wrap .input-wrap .v-text-field__details { left: 0; bottom: 0; transform: translateY(100%); } .form-wrap .input-wrap .v-text-field__details .v-messages .v-messages__message { background: none; padding: 0; margin: 0; border-radius:0; } .form-wrap .input-wrap .v-text-field__details .v-messages .v-messages__message::before { display: none; } .form-wrap .input-wrap.password .v-input__append-inner button { opacity: 1; right: 8px; width: fit-content; height: fit-content; top: -27%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/eyeOn.png) no-repeat center / contain; margin-top: -2px; } .form-wrap .input-wrap.password:has(input[type="password"]) .v-input__append-inner button { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/eyeOff.png) no-repeat center / contain; } .form-wrap .input-wrap .v-input__append-inner button { right: 2px; } .form-wrap .input-wrap.select .v-select__slot .v-input__append-inner { margin-right: -16px; } .v-input__icon{ width:unset; min-width:unset; } .v-select i { font-size: 0px !important; width: 16px; height: 16px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/select.png) no-repeat center / contain; } .v-radio .v-icon { font-size: 18px; } .v-input.search i { font-size: 0px !important; width: 16px !important; height: 16px !important; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/search.png) no-repeat center /contain; } .v-input.search .v-input__append-inner { margin-right: -12px; } .form-wrap .input-wrap.password .v-input__append-inner i { font-size: 0px; } .form-wrap .input-wrap.check_code.tip-box { background: none; border: none !important; background-color: transparent !important; } .v-input.v-input--checkbox .v-label { color: var(--text_color) !important; } .v-input.v-input--checkbox i { font-size: 0px; width: 16px; height: 16px; margin: 4px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/checkbox.png) no-repeat center / contain; } .v-input.v-input--checkbox.v-input--is-label-active i { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/checkbox_a.png) no-repeat center /contain; } .mx-datepicker input { border-color: var(--light_blue); box-shadow: none; border-radius: var(--custom-border-radius); min-height: 40px; } .mx-datepicker .mx-icon-calendar svg{ display:none; } .form-wrap .input-wrap .mx-icon-calendar{ display:block; } .mx-datepicker .mx-icon-calendar::before { content: ''; display: block; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/date.png) no-repeat center /contain; } .custom-file-upload .file-upload-item { width: 100%; } .custom-file-upload .file-upload-item b { width: 80%; } .custom-file-upload .file-upload-item .upload_zone { border-radius: var(--custom-border-radius); border: 1px dashed var(--imput_text); background: var(--white); height: 160px; } .file-upload-item .upload_zone i.v-icon { font-size: 0 !important; width: 32px; height: 32px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/image-upload.png) no-repeat center /contain; margin-bottom: 28px; } .custom-file-upload .file-upload-item .upload_zone span.upload { border-radius: var(--custom-border-radius); background: var(--button_02); color: var(--white); font-weight: 400; } button.main-color, form button.main-color, button[type="submit"], #app .login-dialog .form-wrap #submit, #app .login-dialog .container #submit, #app .register-dialog .form-wrap #submit, #app .register-dialog .container #submit, #app .v-dialog .v-card__actions button, .swal2-actions button, form button.administration-fee-dialog-btn, #withdraw-account-management button, #app.MemberCenter .box-4 a, #app .v-dialog.send-mail-dialog .btn-group button, #app.ChangePassword .btn-group button, #app.ChangePassword .btn-group a, #app.ChangeMoneyPassword .btn-group button, #app.ChangeMoneyPassword .btn-group a, #app.MGM .v-card__actions button, #app.MemberInfor button.cancel-btn, #app.WalletCenter .main-link .action-link, #app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue, #app.Partner .btn-group li, #app.OnlineServices #online-services .page-content .services-link .join { /*按鈕*/ position: relative; height: unset !important; min-height: 36px !important; font-size: 14px !important; font-weight: 500; padding: 0 !important; background: none !important; border-radius: var(--custom-border-radius) !important; box-shadow: none !important; color: var(--white) !important; z-index: 0; flex: 1; text-shadow: none !important; } form button.main-color::before, button[type="submit"]::before, #app .login-dialog .form-wrap #submit::before, #app .login-dialog .container #submit::before, #app .register-dialog .form-wrap #submit::before, #app .register-dialog .container #submit::before, #app .v-dialog .v-card__actions button::before, #app.MemberInfor button.cancel-btn::before { content: '' !important; display: block; width: 100%; height: 20px; position: absolute !important; bottom: -1px !important; background-color: transparent !important; background: var(--custom-linear-gradient-color-2) !important; z-index: -1; box-shadow: none; filter: blur(7px); opacity: 1 !important; top: unset !important; } button.main-color::after, form button.main-color::after, button[type="submit"]::after, #app .login-dialog .form-wrap #submit::after, #app .login-dialog .container #submit::after, #app .register-dialog .form-wrap #submit::after, #app .register-dialog .container #submit::after, #app .v-dialog .v-card__actions button::after, .swal2-actions button::after, form button.administration-fee-dialog-btn::after, #withdraw-account-management button::after, #app.MemberCenter .box-4 a::after, #app .v-dialog.send-mail-dialog .btn-group button::after, #app.ChangePassword .btn-group button::after, #app.ChangePassword .btn-group a::after, #app.ChangeMoneyPassword .btn-group button::after, #app.ChangeMoneyPassword .btn-group a::after, #app.MGM .v-card__actions button::after, #app.MemberInfor button.cancel-btn::after, #app.WalletCenter .main-link .action-link::after, #app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue::after, #app.Partner .btn-group li::after, #app.OnlineServices #online-services .page-content .services-link .join::after { content: ''; display: block; position: absolute; border-radius: inherit; background: var(--button) !important; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; box-shadow: none !important; } form button.main-color::after, button[type="submit"]::after, #app .login-dialog .form-wrap #submit::after, #app .login-dialog .container #submit::after, #app .register-dialog .form-wrap #submit::after, #app .register-dialog .container #submit::after, #app .v-dialog .v-card__actions button::after, #app.MemberCenter .box-4 a::after, #app.MemberInfor button.cancel-btn::after { box-shadow: var(--custom-box-shadow-1) !important; } button.main-color[disabled="disabled"]::after, form button.main-color[disabled="disabled"]::after, button[type="submit"][disabled="disabled"]::after, #app .login-dialog .form-wrap #submit[disabled="disabled"]::after, #app .login-dialog .container #submit[disabled="disabled"]::after, #app .register-dialog .form-wrap #submit[disabled="disabled"]::after, #app .register-dialog .container #submit[disabled="disabled"]::after, #app .v-dialog .v-card__actions button[disabled="disabled"]::after, .swal2-actions button[disabled="disabled"]::after, form button.administration-fee-dialog-btn[disabled="disabled"]::after, #withdraw-account-management button[disabled="disabled"]::after, #app.MemberCenter .box-4 a[disabled="disabled"]::after, #app .v-dialog.send-mail-dialog .btn-group button[disabled="disabled"]::after, #app.ChangePassword .btn-group button[disabled="disabled"]::after, #app.ChangePassword .btn-group a[disabled="disabled"]::after, #app.ChangeMoneyPassword .btn-group button[disabled="disabled"]::after, #app.ChangeMoneyPassword .btn-group a[disabled="disabled"]::after, #app.MGM .v-card__actions button[disabled="disabled"]::after { background: var(--custom-linear-gradient-color-6) !important; } .v-btn__content { line-height: 1; } button span, form button span, #app.Partner .btn-group li a, #app .v-dialog .v-card__actions button span{ color: var(--white) !important; } .theme--light.v-btn.v-btn--disabled, .theme--light.v-btn.v-btn--disabled .v-btn__loading, .theme--light.v-btn.v-btn--disabled .v-icon { color: var(--white) !important; } #app .v-main { /*頁面*/ background: var(--light_green) !important; } #app #page-title { background: var(--custom-linear-gradient-color-1); font-weight: 500; text-shadow: none; } #app .v-main .v-card:not(.alert-bg), #app.WalletCenter .member-center-d .main-action { padding: 12px !important; background: var(--custom-linear-gradient-color-5); border-radius: var(--custom-border-radius); border: 1px solid var(--light_blue); box-shadow: none !important; } #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; } #app .v-main .v-form, #app .v-main .v-card .v-card__title, #app .v-main .v-card .v-card__text { padding: 0 !important; } .v-alert.no-data, #award-center .hint { background: var(--exclamation-mark) !important; color: var(--white) !important; border: none !important; justify-content: flex-start !important; } .v-alert.no-data .warning--text { color: var(--white) !important; caret-color: var(--white) !important; } .v-alert.no-data i, #award-center .hint .icon-hint { font-size: 0 !important; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/warning.png) no-repeat center /contain !important; } .v-tabs-slider-wrapper .v-tabs-slider, #promotion .inner .scroll-content .navtab li.active:after, #app.AwardCenter #award-center .inner .scroll-content .navtab li.active:after { background-color: var(--green_01) !important; border-color: var(--green_01) !important; } #app .account-card { /*銀行卡片*/ border: none !important; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/card.png) no-repeat center /contain !important; width: 100%; height: unset; aspect-ratio: 688 / 380; box-shadow: none; padding: 3% 9% !important; } #app .v-main .v-card.account-card { padding: 3% 9% !important; } #app .v-dialog .v-card.account-card .v-card__text, #app .v-dialog .v-card.account-card .v-card__actions { padding: 0px !important; } #app .account-card .card-text { color:var(--white) !important; } #app .account-card .icon-wrap { top: 12px; right: 12px; left: unset; background: none; } #app .account-card .icon-wrap i { font-size: 0px; width: 100%; height: 100%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/card-check.png) no-repeat center /contain; } #app .account-card .card-text .text-h6 { margin-bottom: -3%; margin-top: 7%; } #app .account-card .card-text .account-info .text-h5 { margin-top: 16% !important; text-align: left !important; margin-bottom: 5% !important; } #app .account-card .card-text .account-info .approveStatus { margin-left: 38%; justify-content: flex-start; } #app .account-card .card-text .account-info .approveStatus span { border-width: 1px; } #app .account-card .card-text .account-info .approveStatus span.review-successful { border-color: var(--green_01); color: var(--green_01); } #app .account-card .card-text .account-info .approveStatus span.audit-failed { border-color: var(--pink); color: var(--pink); } #app .account-card .card-text .account-info .approveStatus span.in-review { border-color: var(--exclamation-mark); color: var(--exclamation-mark); } #app .account-card .mask { border-radius: 20px; } #app .account-action-btn { padding: 8px 12px !important; line-height: 1; margin-left: var(--custom-buttons-box-gap); font-size: 12px !important; min-height: unset !important; } #app .account-action-btn::after { background: var(--white) !important; border-radius: 50px; } #app .account-action-btn i{ font-size: 12px !important; } #app .progress { /*進度條*/ border-radius: 50px; background-color: var(--gray); box-shadow: var(--custom-box-shadow-4); } #app .progress.active .progress-bar { background-image: none !important; background: var(--custom-01) !important; animation: none; border-radius: 50px; text-align: right; } #app .progress.active .progress-bar span { margin-right: 5px; } .theme--light.v-data-table, #app .v-data-table.transaction-list { /*表格*/ background-color: #5d252500; border: 1px solid rgb(0 0 0 / 0%) !important; } .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:last-child, .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:last-child, .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), .theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th, .v-data-table tr { border-bottom: 1px solid var(--gray); } .v-data-table tr td + td { border-left: 1px solid var(--gray); } table tr th { background: var(--greenblue); color: var(--white) !important; text-align: center; } .v-application table tr th.text-left, .v-application--is-ltr .v-data-table > .v-data-table__wrapper > table > tbody > tr > th, .v-application--is-ltr .v-data-table > .v-data-table__wrapper > table > tfoot > tr > th, .v-application--is-ltr .v-data-table > .v-data-table__wrapper > table > thead > tr > th { text-align: center !important; } table tr th + th { border-left: 2px solid var(--yellow); } table tr td { background: var(--white); } /* #endregion 基本樣式 */ /* #region 彈跳視窗 */ #app .v-dialog { margin-right: 18px; margin-left: 18px; } #app .v-dialog .v-card { border-radius: var(--custom-border-radius) !important; overflow: hidden; background: var(--custom-linear-gradient-color-5); } #app .v-dialog .v-card__title, #app .v-dialog.lang-dialog .subtitle-2 { position: relative; background: var(--custom-linear-gradient-color-1); justify-content: center; padding: 16px 32px !important; } #app .v-dialog .v-card__title, #app .v-dialog .v-card__title span, #app .v-dialog .v-card__title .title, #app .v-dialog.lang-dialog .subtitle-2 { font-weight: 500; line-height: 1; font-size: 16px !important; font-weight: 500 !important; box-shadow: none; margin: 0; color: var(--white); text-shadow: none; } #app .v-dialog .v-card__title button { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; font-size: 0px; width: 16px; height: 16px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/close.png) no-repeat center center/contain; } #app .swal2-modal #app .v-dialog .v-card__text, #app .v-dialog .v-card__actions { padding: 16px !important; } #app .v-dialog .v-card__text .v-card__actions { padding: 0px !important; } #app .v-dialog .v-card__text form { margin: 16px 0; } #app .v-dialog .v-card__actions { padding-top: 0px !important; } #app .v-dialog.announcement .v-card__actions, #app .v-dialog.tab-announcement .v-card__actions { /*announcement、tab-announcementg*/ background: var(--light_blue); padding: 8px 12px !important; } #app .v-dialog.announcement .v-card__actions, #app .v-dialog.announcement .v-card__actions label, #app .v-dialog.tab-announcement .v-card__actions, #app .v-dialog.tab-announcement .v-card__actions label { color: var(--white) !important; } #app .v-dialog.tab-announcement .tab-content-wrap { padding: 8px 0px; } #app .v-dialog.tab-announcement .tab-content-wrap .announcement-item { padding: 12px 16px; } #app .v-dialog.tab-announcement .announcement-item:nth-child(even) { background: var(--white); } .swal2-content, #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(--text_color); } #app .v-dialog.news-dialog .v-card__actions { /*news-dialog*/ display: none; } #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 { /*login-dialog、 register-dialog、forget-password-dialog*/ padding: 32px 16px !important; } #app .v-dialog.login-dialog .v-card__text .container, #app .v-dialog.register-dialog .v-card__text .container, #app .v-dialog.forget-password-dialog .v-card__text .container { padding: 0px !important; } #app .v-dialog.login-dialog .white--text, #app .v-dialog.register-dialog .white--text, #app .v-dialog.forget-password-dialog .white--text { color: var(--text_color) !important; } #app .v-dialog.login-dialog .feature-switch-btn .grey, #app .v-dialog.register-dialog .feature-switch-btn .grey { border-radius: var(--custom-border-radius) !important; background: var(--button); color: var(--white) !important; } #app .v-dialog.login-dialog .v-form, #app .v-dialog.register-dialog .v-form, #app .v-dialog.forget-password-dialog .v-form { padding: 0; } #app .v-dialog.forget-password-dialog .form-wrap .input-wrap { background-color:var(--white); } #app .v-dialog.login-dialog .form-wrap .input-wrap.select i, #app .v-dialog.register-dialog .form-wrap .input-wrap.select i, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap.select i { font-size: 0px !important; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/select.png) no-repeat center /contain; } #app .v-dialog.login-dialog .form-wrap .input-wrap.account, #app .v-dialog.register-dialog .form-wrap .input-wrap.account, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap.account { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/user.png) !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap.password, #app .v-dialog.register-dialog .form-wrap .input-wrap.password, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap.password { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/lock.png) !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap.Mobile, #app .v-dialog.register-dialog .form-wrap .input-wrap.Mobile, #app .v-dialog.login-dialog .form-wrap .input-wrap.formProperty, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap.Mobile { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/phone.png) !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap.check_code, #app .v-dialog.register-dialog .form-wrap .input-wrap.check_code, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap.check_code { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/input/verify.png) !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap.birthday { padding-top: 0vw; } #app .v-dialog.login-dialog .form-wrap .input-wrap, #app .v-dialog.register-dialog .form-wrap .input-wrap, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap { background-repeat: no-repeat; background-position: 8px center !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap .v-label, #app .v-dialog.login-dialog .form-wrap .input-wrap input, #app .v-dialog.register-dialog .form-wrap .input-wrap .v-label, #app .v-dialog.register-dialog .form-wrap .input-wrap input, #app .v-dialog.register-dialog .v-select__slot, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap .v-label, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap input, #app .v-dialog.login-dialog .form-wrap .input-wrap.select .v-select__slot { padding-left: 30px !important; } #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; } #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.login-dialog .form-wrap .get-otpcode, #app .v-dialog.login-dialog .container .get-otpcode, #app .v-dialog.login-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 { background: var(--light_blue); background-color: var(--light_blue) !important; border: none; box-shadow: none; border-radius: var(--custom-border-radius); color: var(--white); } #app .v-dialog.login-dialog .form-wrap .input-wrap.check_code.tip-box, #app .v-dialog.register-dialog .form-wrap .input-wrap .tip-box, #app .v-dialog.login-dialog .form-wrap .input-wrap .tip-box { position: absolute; top: 0; right: 0; padding: 2.5px; margin: 0; } #app .v-dialog.forget-password-dialog .form-wrap .get-captcha-btn, #app .v-dialog.login-dialog .form-wrap .get-captcha-btn { position: absolute; top: 0; right: 0; margin: 2.5px !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap.check_code.tip-box button, #app .v-dialog.register-dialog .form-wrap .input-wrap .tip-box button, #app .v-dialog.forget-password-dialog .form-wrap .input-wrap .tip-box button { position: relative; top: unset !important; right: unset !important; margin: 0 !important; } #app .v-dialog.register-dialog .text-body-2 { padding-left: 0px !important; } #app .v-dialog.register-dialog .go-homepage-btn { font-size: 12px; color: var(--text_color, #6A594E); margin-top: 16px; } #app .v-dialog.login-dialog .v-card__title .title.active::after { background:var(--red); } #app .v-dialog.forget-password-dialog .input-wrap { padding: 3.5vw 12px 0 12px; } #app .v-dialog.common-dialog .v-card__text .rich-text-content { /*用戶協議*/ padding: 8px !important; background: var(--white); max-height: 60vh; overflow-y: auto; } #app .v-dialog.common-dialog hr, #app .v-dialog.common-dialog .v-card__actions .spacer { display: none; } #app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue { /*wallet-detail-dialog*/ height: 44px !important; } #app .v-dialog.wallet-detail-dialog .manual-transfer-card { border-radius: var(--custom-border-radius); border: 1.4px solid var(--light_blue); background: var(--white); padding: 8px; color: var(--text_color); margin: 0 !important; position:relative; } #app .v-dialog.wallet-detail-dialog .manual-transfer-select-btn-icon { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } #app .v-dialog.lang-dialog .subtitle-2 { width: calc(100% + 16px); margin: -8px -8px 8px -8px; } #app .common-alert-modal.v-dialog .v-card{ border:none; } #app .v-dialog.announcement { /*announcement*/ box-shadow: none; } #app .v-dialog.announcement .v-card__title { position:static; } #app .v-dialog.announcement .v-card__title span, #app .v-dialog.announcement .v-card__actions .footer p, #app .v-dialog.announcement .swiper-pagination, #app .v-dialog.announcement hr { display: none; } #app .v-dialog.announcement .v-card__title, #app .v-dialog.announcement .v-card, #app .v-dialog.announcement .v-card__actions { background: none; } #app .v-dialog.announcement .v-card__title button, #app .v-dialog.announcement .v-card__actions .footer .v-input--checkbox { position: absolute; left: 50%; transform: translateX(-50%); } #app .v-dialog.announcement .v-card__actions { padding-bottom: 55px !important; } #app .v-dialog.announcement .v-card__title button { bottom: 12px; top: unset; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/close.png) no-repeat center center / contain; } #app .v-dialog.announcement .v-card__actions .footer .v-input--checkbox { bottom: 35px; } #app .v-dialog.announcement .swiper-slide { border-radius: 12px; } #app .v-dialog.announcement .swiper-slide .v-card__text { position: relative; overflow: hidden; padding: 0; border-radius: 12px; } #app .v-dialog.announcement .v-card .v-card__text img { display: block; margin: 0 auto; width: 100%; height: auto; } /* #endregion 彈跳視窗 */ /* #region 財務中心 */ #app.Deposit .payment-list, #app.Deposit #deposit .account-list, #app.Deposit form .btn-group { display: flex; flex-wrap: wrap; gap: var(--custom-buttons-box-gap); } #app.Deposit .payment-list { overflow-x: scroll; flex-wrap: nowrap !important; padding-bottom: 2px; } #app.Deposit .payment-list > div { border-radius: var(--custom-border-radius) !important; background: var(--white); box-shadow: var(--custom-box-shadow-2) !important; margin: 0 !important; min-width: calc(25% - 8px * 3 / 4); width: calc(25% - 8px * 3 / 4); } #app.Deposit #deposit .account-list button, #app.Deposit #deposit .account-list button.active, #app.Deposit form .btn-group > div { border-radius: var(--custom-border-radius); border: 1px solid var(--light_blue); background: var(--white); padding: 6px 12px !important; margin: 0; } #app.Deposit #deposit .account-list button { width: calc(50% - 8px / 2); min-width: calc(50% - 8px / 2); justify-content: center; } #app.Deposit form .btn-group > div { width: calc(100% / 3 - 8px * 2 / 3); min-width: calc(100% / 3 - 8px * 2 / 3); line-height: 1; } #app.Deposit #deposit .account-list button > div { margin: auto; } #app.Deposit #deposit .payment-list .v-sheet.active{ border: none !important; } #app.Deposit #deposit .payment-list .v-sheet.active i, #app.Deposit #deposit .account-list button.active i{ display: none; } #app.Deposit #deposit .payment-list .v-sheet.active::after, #app.Deposit #deposit .account-list button.active::after { content: ''; position: absolute; display: block; width: 24px; height: 24px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/check.png) no-repeat center / contain; } #app.Deposit #deposit .payment-list .v-sheet.active::after{ top:0; right:0; } #app.Deposit #deposit .account-list button.active::after { right: 0; top: 50%; transform: translateY(-50%); } #app.Deposit form .btn-group > div.main-color { background: var(--light_blue); text-shadow:none; } #app.Deposit .subtitle-1 { font-weight: 500 !important; } #app.Deposit .grey--text .red--text { color:var(--text_color) !important; } /* #endregion 財務中心 */ /* #region 線上提款 */ #app.Withdraw .payment-list { display: flex; flex-wrap: wrap; gap: var(--custom-buttons-box-gap); overflow-x: scroll; flex-wrap: nowrap !important; padding-bottom: 2px; justify-content: flex-start !important; } #app.Withdraw .payment-list > div { position:relative; border-radius: var(--custom-border-radius) !important; background: var(--white); box-shadow: var(--custom-box-shadow-2) !important; margin: 0 !important; min-width: calc(25% - 8px * 3 / 4); width: calc(25% - 8px * 3 / 4); flex: unset; } #app.Withdraw .payment-list > div.active { border: none !important; font-weight: 500; } #app.Withdraw .payment-list > div.active::after { content: ''; position: absolute; display: block; width: 24px; height: 24px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/check.png) no-repeat center / contain; top:0; right:0; } #app.Withdraw .administration-fee-dialog-btn { padding: 8px 12px !important; } #app.Withdraw .view-account-wrap > button { background: var(--light_blue); border:none; color:var(--white); } #app.Withdraw .account-card .card-text .account-info .text-h5 { /* margin-top: 12% !important;*/ } /* #endregion 線上提款 */ /* #region 遊戲大廳 */ #app.Lobby #lobby-game-list .row { gap: var(--custom-buttons-box-gap); } #app.Lobby #lobby-game-list .game-item { border-radius: var(--custom-border-radius) !important; background: var(--white); box-shadow: var(--custom-box-shadow-2) !important; margin: 0 !important; width: calc(100% / 3 - 8px * 2 / 3); min-width: calc(100% / 3 - 8px * 2 / 3); border: none; padding: 8px !important; } #app.Lobby #lobby-game-list .game-item .game-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* #endregion 遊戲大廳 */ /* #region Vip */ #app.Vip #vip { background:none; } #app.Vip .v-main .v-card:not(.alert-bg):not(:has(.loading)) { background: var(--white); padding: 20px !important; margin: 12px; } #app.Vip .v-card .member-info .icon { color: var(--bk_color); background: var(--red); border-radius: 4px; width: auto; height: auto; padding: 0px 8px; line-height: 1; } #app.Vip .v-card .member-info .icon * { display: inline-block !important; font-size: 13px !important; font-weight: 700 !important; } #app.Vip .v-card .member-info ol, #app.Vip .v-card .member-info ol li { height: 25px; padding-left: 27px; flex: 1; font-size: 15px; } #app.Vip .v-card .member-info ol li { display: flex; align-items: center; width: 100%; } #app.Vip .v-card .member-info ol li.last, #app.Vip .v-card .member-info ol .vip, #app.Vip .carousel-3d-controls { display: none; } #app.Vip .v-main .v-card:not(.alert-bg).gift-box { padding: 0 !important; border: none !important; background: none !important; display: flex; justify-content: space-between; } #app.Vip .gift-box .gift, #app.Vip .gift-box .week { width: calc(50% - 8px / 2); aspect-ratio: 360 / 320; } #app.Vip .gift-box button { position: relative; width: 100%; height: 100%; background-color: transparent !important; box-shadow: none; } #app.Vip .gift-box .gift button { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vip/gift.png) no-repeat center / contain; } #app.Vip .gift-box .gift button[disabled="disabled"] { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vip/gift_disabled.png) no-repeat center / contain; } #app.Vip .gift-box .week button { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vip/week.png) no-repeat center / contain; } #app.Vip .gift-box .week button[disabled="disabled"] { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vip/week_disabled.png) no-repeat center / contain; } #app.Vip .gift-box button span { border-radius: var(--custom-border-radius); background: var(--button_02); padding: 8px 12px; line-height: 1; position: absolute; width: 80%; bottom: 14px; } #app.Vip .gift-box button[disabled="disabled"] span { background: var(--gary_linder); } #app.Vip .bonus-list .bonus-detail.birthday::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.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/DN025-01.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/DN025-01.Mobile/Content/Views/Shared/images/vip/coin.png) no-repeat center / contain; } #app.Vip .level-box #vip-carousel .carousel-3d-slide { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vip/card.png) no-repeat center / cover; border-radius: 20px; } #app.Vip .level-box #vip-carousel .carousel-3d-slide { color: var(--black); } #app.Vip .level-box #vip-carousel .carousel-3d-slide .top .icon { color: var(--black); background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vip/vip_bg.png) no-repeat center / contain; height: 87px; padding-top: 22px; } #app.Vip .level-box #vip-carousel .carousel-3d-slide .top .icon p { font-size: 12px; } #app.Vip .level-box #vip-carousel .carousel-3d-slide .top .icon span { font-size: 20px; line-height: 0.8; } #app.Vip .description-box .v-card__text { overflow-x: auto; } /* #endregion Vip */ /* #region 會員中心 */ #app.MemberCenter #page-title { display: block; } #app.MemberCenter .member-center::before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/memberCenter_bg.png) no-repeat center / cover !important; background-attachment: fixed; z-index: -1; height: unset; } #app.MemberCenter .v-main .v-card:not(.alert-bg) { background: var(--white); margin: 12px; box-shadow: none !important; margin-top: 12px !important; } #app.MemberCenter .member-center .profile-wrap .profile { content: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/member.png); margin-bottom: -12px; } #app.MemberCenter .text-h5, #app.MemberCenter .text-h6 { font-weight: 700; } #app.MemberCenter .member-center .profile-wrap .member-level { border-radius: 4px; background: var(--red); top: 0; display:flex; width: fit-content; left: 50%; transform: translateX(-50%); } #app.MemberCenter .member-center .profile-wrap .member-level span { background: var(--custom-linear-gradient-color-5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:13px; } #app.MemberCenter .member-center .row > div { padding-bottom: 0px; } .member-center .row > div .action-link.big-link:after { border-radius: var(--custom-border-radius); border: 1px solid var(--drak_blue); background: var(--custom-01); box-shadow: var(--custom-box-shadow-3); } #app.MemberCenter .member-center .action-link.financial:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/icon_deposit.png); } #app.MemberCenter .member-center .action-link.withdraw:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/icon_withdraw.png); } #app.MemberCenter .member-center .action-link.promotion:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/icon_promotion.png); } #app.MemberCenter .member-center .action-link.vip:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/icon_vip.png); } #app.MemberCenter .v-main .v-card:not(.alert-bg).box-4 { background: none !important; border: none !important; padding: 0 !important; } #app.MemberCenter .box-4 a { line-height: 3; } #app.MemberCenter .member-center .row > div .action-link.big-link::after { border-radius: var(--custom-border-radius); border: 1px solid var(--drak_blue); background: var(--custom-linear-gradient-color-1); box-shadow: var(--custom-box-shadow-3); } /* #endregion 會員中心 */ /* #region 會員中心 */ #app.Promotion #promotion .inner { padding: 12px; } #app.Promotion #promotion .inner .scroll-content { margin-bottom: 12px; } #app.Promotion #promotion .discount { width: 100%; margin: 0 0 12px 0 ; border: none; box-shadow: none; border-radius: var(--custom-border-radius); } #app.Promotion .promotion-module-action button.main-color { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } #app.PromotionContent #promotion-content{ background: none; } /* #endregion 會員中心 */ /* #region 投注紀錄 */ #app.BetRecord .time-picker-box .text-center { display:none; } #app.BetRecord .time-picker-box .mx-datepicker { margin-top:8px; } #app.BetRecord .btn-group, #app .v-dialog.gametype-dialog-component .d-flex { gap: var(--custom-buttons-box-gap); } #app.BetRecord .btn-group button { border-radius: var(--custom-border-radius); border: 1px solid var(--gray); background: var(--custom-linear-gradient-color-5); color: var(--imput_text); padding: 8px; flex: 1; margin: 0; } #app.BetRecord .btn-group button.active, #app.BetRecord .game-type-dialog-component .select-btn, #app .v-dialog.gametype-dialog-component button.v-size--small { border-radius: var(--custom-border-radius); border: 1.4px solid var(--light_blue); background: var(--white); padding: 8px; color: var(--text_color); margin: 0 !important; } #app.BetRecord .game-type-dialog-component .select-btn span, #app .v-dialog.gametype-dialog-component button.v-size--small span { color: var(--text_color) !important; } /* #endregion 投注紀錄 */ /* #region 交易紀錄 */ #app.Transaction .btn-group{ gap: var(--custom-buttons-box-gap); margin-bottom:12px !important; } #app.Transaction .btn-group button { border-radius: var(--custom-border-radius); border: 1px solid var(--gray); background: var(--custom-linear-gradient-color-5); color: var(--imput_text); padding: 8px; flex: 1; margin: 0; } #app.Transaction .btn-group button.active { border-radius: var(--custom-border-radius); border: 1.4px solid var(--light_blue); background: var(--white); padding: 8px; color: var(--text_color); margin: 0 !important; } /* #endregion 交易紀錄 */ /* #region 站內信 */ #app.SiteMail #site-mail .mail-container{ padding:12px ; } #app.SiteMail .v-window-item { padding: 0 !important; } #app.SiteMail .mail-container .mail-item { border-radius: var(--custom-border-radius) !important; border: 1px solid var(--light_blue) !important; background: var(--white) !important; opacity: 1; padding: var(--custom-border-radius) !important; } #app.SiteMail .mail-container .mail-item .container { padding: 0 ; } #app.SiteMail .mail-container .mail-item .col { display: flex; flex-direction: column; justify-content: center; } #app.SiteMail #site-mail .mail-item.un-read:after { background-color: var(--Not-approved); top:50%; transform:translateY(-50%); } #app.SiteMail .mail-container .v-alert.success--text { border-radius: 20px !important; background: var(--white) !important; box-shadow: none; opacity: 1; color: var(--white) !important; caret-color: var(--white) !important; width: fit-content; line-height: 1; padding: 8px 12px; min-width: unset; margin: auto; } #app.SiteMail .mail-container .v-alert.success--text i{ display:none; } #app.SiteMail .mail-container .v-alert.success--text .v-alert__content { color: var(--light_blue); display: block; width: auto; flex: unset; } #app .v-dialog.mail-detail-dialog .col, #app .v-dialog.send-mail-dialog .col { padding: 0px !important; } #app .v-dialog.mail-detail-dialog .mail-body { background: var(--white); box-shadow: none; height: 55vh; } #app .v-dialog.send-mail-dialog .btn-group { margin-top: 8px !important; } #app .v-dialog.mail-detail-dialog .v-card__actions { gap:var(--custom-buttons-box-gap); } #app .v-dialog.mail-detail-dialog .v-card__actions button { margin: 0px; max-width: unset; } /* #endregion 站內信 */ /* #region 變更密碼、變更提款密碼 */ #app.ChangePassword .v-alert.info { background: var(--exclamation-mark) !important; background-color: var(--exclamation-mark) !important; border-color: var(--exclamation-mark) !important; } #app.ChangePassword .v-input__slot, #app.ChangeMoneyPassword .v-input__slot { min-height: 40px !important; } #app.ChangePassword .v-input__slot input, #app.ChangeMoneyPassword .v-input__slot input { margin: 3px !important; } #app.ChangePassword .v-text-field > .v-input__control > .v-input__slot:after, #app.ChangePassword .v-text-field > .v-input__control > .v-input__slot:before, #app.ChangeMoneyPassword .v-text-field > .v-input__control > .v-input__slot:after, #app.ChangeMoneyPassword .v-text-field > .v-input__control > .v-input__slot:before { content: none; } #app.ChangePassword .v-input, #app.ChangeMoneyPassword .v-input { padding-top: 24px !important; } #app.ChangePassword .v-label, #app.ChangeMoneyPassword .v-label { top: -24px; font-size: 14px; color: var(--text_color) !important; transform: unset !important; } #app.ChangePassword .btn-group button, #app.ChangePassword .btn-group a, #app.ChangeMoneyPassword .btn-group button, #app.ChangeMoneyPassword .btn-group a { flex: unset; } /* #endregion 變更密碼、變更提款密碼 */ /* #region 設定銀行帳戶、設定便利商店 */ #app.WithdrawAccountManagement .card-wrap > div { padding: 12px !important; } #app.WithdrawAccountManagement .upload-limit, #app.WithdrawAccountManagement .upload-limit i, #app.WithdrawAccountManagement .upload-limit span { color: var(--red) !important; } #app.WithdrawAccountManagement .account-card[class*="convenience"] { background: var(--custom-linear-gradient-color-3) !important; border-radius:20px; } #app.WithdrawAccountManagement .account-card[class*="convenience"] .text-h6 { text-align: left !important; margin-top: 10%; margin-bottom: -13%; } #app.WithdrawAccountManagement .account-card[class*="convenience"] .card-linear { padding: 0 !important; } #app.WithdrawAccountManagement .account-card[class*="convenience"]::before { content: ''; position: absolute; display: block; width: 86px; height: 86px; border-radius: 50px; opacity: 1; bottom: 24px; left: unset; right: 24px; top: unset; } #app.WithdrawAccountManagement .account-card[class*="convenience"].type1::before { background: var(--green) url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/ConvenienceStore_711.png) no-repeat center / 65%; } #app.WithdrawAccountManagement .account-card[class*="convenience"].type2::before { background: var(--white) url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/ConvenienceStore_Family.png) no-repeat center / 65%; } #app.WithdrawAccountManagement .account-card[class*="convenience"].type4::before { background: var(--white) url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/ConvenienceStore_HiLife.png) no-repeat center / 70%; } #app.WithdrawAccountManagement .search-link img{ display:none; } #app.WithdrawAccountManagement .search-link::after { content: ''; display: block; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/serach.png) no-repeat center / 70%; } #app.WithdrawAccountManagement .card-wrap:has(.notSet) { margin: 12px; text-align: center; } #app.WithdrawAccountManagement .notSet { border-radius: 20px !important; background: var(--white) !important; box-shadow: none; opacity: 1; color: var(--light_blue) !important; width: fit-content; line-height: 1; padding: 8px 12px; min-width: unset; margin: auto; } /* #endregion 設定銀行帳戶、設定便利商店 */ /* #region 推薦好友 */ #app.MGM #mgm .inner:before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/mgm_banner.png) no-repeat center / cover; } #app.MGM #mgm .inner .container .v-card .invite-title .grid h2 { color: var(--greenblue); } #app.MGM #mgm .inner .container .v-card { margin-bottom: 12px; } #app.MGM .v-card__actions{ padding:0; } /* #endregion 推薦好友 */ /* #region 會員轉帳 */ #app.MemberTransfer #member-transfer .transfer-info li span, #member-transfer .warn-text span { color: var(--red); } #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 { padding: 0 !important; } #app.MemberTransfer .v-input .v-input__slot{ transform: translateY(11px); } #app.MemberTransfer .v-input.v-input--is-label-active .v-input__slot, #app.MemberTransfer .v-input.v-input--is-focused .v-input__slot { transform: translateY(16px); } #app.MemberTransfer .v-select.v-input--dense .v-select__selection--comma { margin: 0; } #app.MemberTransfer .v-input .v-input__slot .v-select__slot .v-input__append-inner { padding: 0; top: -5px; transform: none; } #app.MemberTransfer .v-input.v-input--is-label-active .v-input__slot .v-select__slot .v-input__append-inner, #app.MemberTransfer .v-input.v-input--is-focused .v-input__slot .v-select__slot .v-input__append-inner { top: -10px; } #app.MemberTransfer .v-input button.getMobileSendCode { background: var(--light_blue); background-color: var(--light_blue) !important; border: none; box-shadow: none; border-radius: var(--custom-border-radius); height: calc(11.5vw - 4px) !important; top: unset; transform: none; bottom: -5px; right: -11px; } #app.MemberTransfer .v-input.v-input--is-label-active button.getMobileSendCode, #app.MemberTransfer .v-input.v-input--is-focused button.getMobileSendCode { bottom: 0px; } #app.MemberTransfer button[type="submit"]{ width:100%; } /* #endregion 會員轉帳 */ /* #region 領獎中心 */ #app.AwardCenter .inner .item { border-radius: var(--custom-border-radius) !important; border: 1px solid var(--light_blue) !important; background: var(--white) !important; opacity: 1; padding: var(--custom-border-radius) !important; } #app.AwardCenter .inner .item .AwardStatusName { top: 8px; right: 8px; } #app.AwardCenter .inner .item .amount { margin-top: 30px !important; } #app.AwardCenter .inner .item:not(.received) .AwardStatusName { background: var(--light_blue); border-color: var(--light_blue); color: var(--white); } /* #endregion 領獎中心 */ /* #region 個人資訊 */ #app.MemberInfor .v-input .v-input__slot { transform: translateY(12px); } #app.MemberInfor .v-input .v-input__slot .v-select__slot .v-input__append-inner { margin-top: -10px; margin-right: -26px; } #app.MemberInfor .form-wrap .label-birth { left: calc(15% + 9px); font-size: calc(0.035 * 430px); } #app.MemberInfor .form-wrap .input-wrap.birthday input { border: none; top: -27px; } #app.MemberInfor .form-wrap .input-wrap.birthday:has(label) input{ top:-18px; } #app.MemberInfor .form-wrap .input-wrap.birthday .mx-icon-calendar { display: block; margin-top: 5px; margin-right: -13px; } #app.MemberInfor .v-input.radio-group { margin-top: 0px; padding-left: calc(15% + 9px); } /* #endregion 個人資訊 */ /* #region 錢包中心 */ #app.WalletCenter .member-center-d .main-action::before { content: none; } #app.WalletCenter #WalletCenter-wallet-detail .v-card { padding:0px !important; background:none !important; border:none !important; } #app.WalletCenter .main-link { gap: var(--custom-buttons-box-gap); } #app.WalletCenter .main-link .action-link { justify-content: center; } #app.WalletCenter .main-link .action-link i { display:none; } /* #endregion 錢包中心 */ /* #region 代理加盟 */ #app.Partner #partner { background: none; } #app.Partner .main-color { background: var(--light_blue); text-shadow: none; } #app.Partner #partner .v-card ul.btn-group { width: auto; gap: var(--custom-buttons-box-gap); padding: 0; } #app.Partner #partner .v-card ul.btn-group li { margin: 0; } #app.Partner #partner .v-card ul.btn-group li a { padding: 8px; } /* #endregion 代理加盟 */ /* #region 首頁 */ #app.Home #logo-bar a.logo { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/logo.png); background-size: contain; background-position: center; height: 50px; position: absolute; left: 50%; transform: translateX(-50%); } #app.Home .v-main { background: var(--bk_light_yellow) !important; } #app.Home #logo-bar { background: var(--custom-linear-gradient-color-7); padding: 14px 12px; } #app.Home .function-box ul .account .member-level, #app.Home #logo-bar .member-level { border-radius: 4px; background: var(--red); font-size: 13px; color: var(--white); font-style: normal; margin-right: 4px; } #app.Home #logo-bar .member-level::before{ content:none; } #app.Home #logo-bar .mail-btn::before { width: 24px; height: 24px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/mail.png) no-repeat center / contain; margin-top: -6px; } #app.Home #logo-bar .mail-btn.active::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/mail_a.png) no-repeat center / contain; } #app.Home #logo-bar .text-truncate { color: var(--white) !important; } #app.Home #logo-bar .balance, #app.Home #logo-bar .logo img, #app.Home #logo-bar .member-info, #app.Home #logo-bar .online-count, #app.Home #logo-bar .online-count, #app.Home .jackpot, #app.Home #logo-bar .mail-btn .unread { display: none !important; } #app.Home #logo-bar .action-bar .action-btn, #app.Home .function-box ul .financial-btn span, #app.Home .function-box ul .withdraw-btn span { background: none; padding: 0; color: var(--bk_light_yellow) !important; } #app.Home .function-box { color: var(--text_color) !important; font-size: 15px; font-weight: 500; } #app.Home .function-box .balance, #app.Home .function-box .wallet .not-logged-in-hint { color: var(--imput_text) !important; } #app.Home #logo-bar .account-box { border-radius: 20px; border: 1.4px solid var(--green_01); background: var(--greenblue); box-shadow: var(--custom-box-shadow-8); padding-right:8px; margin-left:unset !important; } #app.Home #logo-bar .account-box.isLogin { margin-left: auto !important; border:none; background:none; box-shadow:none; padding-right:0; } #app.Home #logo-bar .account-box a { background: none; color: var(--bk_light_yellow) !important; box-shadow: none; border: none; min-width: unset; overflow: visible; padding: 4px 2px; } #app.Home #logo-bar .account-box .login-btn::before, #app.Home #logo-bar .account-box .signup-btn::before, #app.Home #logo-bar .account-box .login-btn:after { content: none; } #app.Home #logo-bar .account-box .signup-btn:after { content: "|"; background: none; position: absolute; width: 1px; height: 100%; left: -6px; right: 0; border-radius: 0; border: none; -webkit-mask: unset; mask-composite: unset; } #app.Home .news-wrap { background: none; padding: 8px 12px; } #app.Home .news-wrap #news { border-radius: 50px; background: var(--light_blue); color: var(--white); padding: 6px 6px 6px 6px; } #app.Home .news-wrap #news::before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/news.png) no-repeat center / contain; margin-right: 6px; } #app.Home .function-box { background: none; padding: 0 12px; } #app.Home .function-box ul{ padding:0; } #app.Home .function-box ul .account, #app.Home .function-box ul, #app.Home .function-box ul .financial-btn, #app.Home .function-box ul .withdraw-btn { display: flex; align-items: center; } #app.Home .function-box ul .account .member-level { display:flex; gap:4px; } #app.Home .function-box ul .account .member-level:before { content:none; } #app.Home .function-box ul .account .member-level span { white-space: nowrap; } #app.Home .function-box ul .wallet { display: flex; flex: 1; flex-direction: column; } #app.Home .function-box ul .financial-btn, #app.Home .function-box ul .withdraw-btn { border-radius: 50px; padding: 4px 15px 5px 10px; min-height: 32px; margin-left: var(--custom-buttons-box-gap); border: 1px solid var(--stroke_main); background: var(--custom-01); box-shadow: var(--custom-box-shadow-7); position: relative; overflow: hidden; } #app.Home .function-box ul .financial-btn::before, #app.Home .function-box ul .withdraw-btn::before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 4px; } #app.Home .function-box ul .financial-btn::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/deposit.png) no-repeat center / contain; } #app.Home .function-box ul .withdraw-btn::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/withdraw.png) no-repeat center / contain; } #app.Home .function-box ul .financial-btn::after, #app.Home .function-box ul .withdraw-btn::after { content: ''; display: block; position: absolute; width: 100%; padding-top: 40%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.40) -5.56%, rgba(255, 255, 255, 0.40) 50%); mix-blend-mode: soft-light; border-radius: 40%; left: 0; top: -90%; } #app.Home #home-navigation-wrap .game-tab, #app.Home #home-navigation-wrap .game-list-block { padding: 12px; } #app.Home #home-navigation-wrap .game-tab{ padding-right:8px; } #app.Home #home-navigation-wrap .game-list-block { padding-left: 8px; width: 76%; right: 0; } #app.Home #home-navigation-wrap .game-tab, #app.Home #home-navigation-wrap .game-list-block ul{ display: flex; gap: var(--custom-buttons-box-gap); flex-wrap:wrap; } #app.Home #home-navigation-wrap .game-tab li { border-radius: var(--custom-border-radius); border: 1px solid var(--light_blue); background: var(--light_green); margin:0; max-height:78px; } #app.Home #home-navigation-wrap .game-tab li.active { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/active_bg.png); background-size: 100% 100%; background-repeat: no-repeat; box-shadow: var(--custom-box-shadow-6); } #app.Home #home-navigation-wrap .game-tab li.active :after { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: var(--custom-border-radius); 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-linear-gradient-color-9) border-box; } #app.Home #home-navigation-wrap .game-tab li a { color: var(--drak_green_text) !important; font-size: 15px; line-height: 1; margin-top: 4px; } #app.Home #home-navigation-wrap .game-tab li.active a { color: var(--white) !important; } #app.Home #home-navigation-wrap .game-tab li:before { width: 24px; height: 24px; } #app.Home #home-navigation-wrap .game-tab li.Hot:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/hot.png); } #app.Home #home-navigation-wrap .game-tab li.Hot.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/hot_a.png); } #app.Home #home-navigation-wrap .game-tab li.Slot:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/slot.png); } #app.Home #home-navigation-wrap .game-tab li.Slot.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/slot_a.png); } #app.Home #home-navigation-wrap .game-tab li.Live:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/live.png); } #app.Home #home-navigation-wrap .game-tab li.Live.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/live_a.png); } #app.Home #home-navigation-wrap .game-tab li.Board:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/board.png); } #app.Home #home-navigation-wrap .game-tab li.Board.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/board_a.png); } #app.Home #home-navigation-wrap .game-tab li.Fish:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/fish.png); } #app.Home #home-navigation-wrap .game-tab li.Fish.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/fish_a.png); } #app.Home #home-navigation-wrap .game-tab li.Lottery:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/lottery.png); } #app.Home #home-navigation-wrap .game-tab li.Lottery.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/lottery_a.png); } #app.Home #home-navigation-wrap .game-tab li.Sport:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/sport.png); } #app.Home #home-navigation-wrap .game-tab li.Sport.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/sport_a.png); } #app.Home #home-navigation-wrap .game-tab li.Vpn:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/vpn.png); } #app.Home #home-navigation-wrap .game-tab li.Vpn.active:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/vpn_a.png); } #app.Home #home-navigation-wrap .game-list-block li .maintaining, #app.Home #home-navigation-wrap .game-list-block li .hot-maintaining { border-radius: var(--custom-border-radius); transform: none; } #app.Home #home-navigation-wrap .game-list-block li { border-radius: 12px; height: unset; margin: 0; background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/game-bg-2.png); aspect-ratio: 270 / 284; width: calc(50% - 4px); color: var(--text_color) !important; } #app.Home #home-navigation-wrap .game-list-block li .game-name { font-size: 13px; white-space: nowrap; } #app.Home #home-navigation-wrap .game-list-block li .game-logo-wrap { margin: 0; } #app.Home #home-navigation-wrap .game-list-block li .game-logo-wrap .img-wrap img { filter: none; } #app.Home #home-navigation-wrap .game-list-block li .game-bg-wrap { right: 0px; bottom: 0px; border-radius:inherit; } #app.Home #home-navigation-wrap .game-list-block li .game-bg-wrap img { left: unset; width: 124%; bottom: -12%; right: -13%; height: unset; background-size: contain; background-position: center; } #app.Home #home-navigation-wrap .game-list-block li.index-0 { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home/game-bg-1.png); aspect-ratio: 566 / 256; width: 100%; } #app.Home #home-navigation-wrap .game-list-block li.index-0 .game-logo-wrap { margin: 6% 0 0 3%; } #app.Home #home-navigation-wrap .game-list-block li.index-0 .game-name { font-size: 15px; font-weight: 700; } #app.Home #home-navigation-wrap .game-list-block li.index-0 .game-bg-wrap img { width: 77%; bottom: -27%; right: -7%; } #app.Home #home { display: flex; flex-direction:column; } #app.Home #home-navigation-wrap { height: unset !important; flex: 1; margin-bottom: 20.18vw; } /* #endregion 首頁 */ /* #region Footer */ #app #footer .v-bottom-navigation { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/footer-bg.png) no-repeat center / cover; box-shadow: none; border-radius: 0; overflow: visible; height: 27.18vw !important; padding-top: 7vw; } #app #footer .v-bottom-navigation .v-btn::before { content:none; } #app #footer .v-bottom-navigation .v-ripple__container { /*點擊特效取消*/ display: none; } #app #footer .v-bottom-navigation span { color: var(--white); font-weight: 600; } #app #footer .v-btn[value="Deposit"] span { color: var(--green_02); } #app #footer .v-btn i { height: 24px; width: 24px; background-size: contain; background-position: center; margin-bottom: 4px; } #app #footer .v-btn.v-btn--active i { margin-top: 0; background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home.png); transform: scale(1.4) translateY(-17%); animation:none; } #app #footer .v-btn.v-btn--active i.financial { transform: none; } #app #footer .v-btn i.home { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/home.png); } #app #footer .v-btn i.promo { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/promo.png); } #app #footer .v-btn i.chat { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/service.png); } #app #footer .v-btn i.member-center { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/my.png); } #app #footer .v-btn i.financial { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/financial.png); width: 32px; height: 32px; margin-top: -3vw; } #app #footer .v-btn i.financial:after { content: none; } #app #footer .v-btn .has-new-sitemail { color: var(--red) !important; font-size: 10px; top: 4px; right: -2px; } /* #endregion Footer */ /* #region 客戶服務 */ #app.OnlineServices .page-content { padding: 12px; gap: var(--custom-buttons-box-gap); } #app.OnlineServices .page-content img, #app.OnlineServices .page-content .services-link .icon { display: none; } #app.OnlineServices .page-content .services-link { border-radius: var(--custom-border-radius); border: 1px solid var(--light_bule); background: var(--yellow); padding:12px; } #app.OnlineServices #online-services .page-content .services-link .join { flex: unset; margin-right:0; } /* #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.Home #home-navigation-wrap { margin-bottom: 79px; } #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content { left: 50%; transform: translateX(-50%) !important; } #app #footer .v-bottom-navigation { display: flex; max-height: 102px; padding-top: 53px; height: 102px !important; } #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-top: 4% !important; height: calc(0.115*430px); font-size: calc(0.035*430px); } .v-select.v-input--dense .v-select__selection--comma, #app .register-switch-btn, #app.PartnerApply #agent-apply .form-wrap button[type="submit"], #app #login .switch-page .switch-btn.tab .li.go-register, #app #login .go-login { font-size: calc(0.035* 430px) !important; } #app .form-wrap .input-wrap .v-input__append-inner button { top: -5px; margin-top: -10px; } #app .form-wrap #submit { font-size: calc( 0.042*430px); height: calc(0.11*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; } #app.Home .maintaining:before, #app.Home .hot-maintaining:before, #app.Lobby .maintaining:before { width: 30px; height: 30px; } #app.MemberCenter .member-center::before { max-width: 430px !important; transform: translateX(-50%); left: 50%; } #app.MemberCenter .member-center .row > div .action-link.big-link:before, #app.MemberCenter .member-center .row > div .action-link.big-link:after { width: 48px; height: 48px; } #app.Vip #vip table tr th, #app.Vip #vip table tr td { padding: 10px; } .form-wrap .input-wrap, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { padding: 0 12px !important; padding-top: 4px !important; max-height: 50px; } #app.MemberTransfer .v-input button.getMobileSendCode { height: 40px !important; } #app.MemberTransfer #member-transfer .warn-text { line-height: 3; } #app .v-dialog.login-dialog .v-text-field.v-input--dense { padding-top: 12px; } #app .v-dialog.forget-password-dialog .input-wrap { padding: 16px 12px 0 12px ; } #app .v-dialog.forget-password-dialog .form-wrap .input-wrap .v-input__append-inner button { margin-top: -3px; } #app .v-dialog.forget-password-dialog .v-text-field__details { left:0; } } /* #endregion 鎖住最大寬度只能430px */