/* 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 '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,35): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (127,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (131,17): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (132,23): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (136,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (140,18): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (144,24): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (145,17): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (149,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (153,17): run-time error CSS1039: Token not allowed after unary operator: '-drak_green_text' (157,28): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (158,24): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (164,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (168,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (172,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (190,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (191,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (192,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (193,38): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (194,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (204,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (205,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (206,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (207,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (212,33): run-time error CSS1030: Expected identifier, found ':' (212,42): run-time error CSS1031: Expected selector, found ')' (212,42): run-time error CSS1025: Expected comma or open brace, found ')' (223,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (234,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (238,35): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (250,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (253,48): run-time error CSS1030: Expected identifier, found '.' (253,64): run-time error CSS1031: Expected selector, found ')' (253,64): run-time error CSS1025: Expected comma or open brace, found ')' (257,28): run-time error CSS1030: Expected identifier, found '.' (257,40): run-time error CSS1031: Expected selector, found ')' (257,40): run-time error CSS1025: Expected comma or open brace, found ')' (292,42): run-time error CSS1030: Expected identifier, found '[' (292,47): run-time error CSS1031: Expected selector, found '=' (292,47): run-time error CSS1025: Expected comma or open brace, found '=' (312,57): run-time error CSS1030: Expected identifier, found '.' (312,58): run-time error CSS1030: Expected identifier, found 'v-select__selection--comma' (312,84): run-time error CSS1031: Expected selector, found ')' (312,84): run-time error CSS1025: Expected comma or open brace, found ')' (342,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (358,24): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (360,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (387,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (388,29): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (389,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (402,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (403,22): run-time error CSS1039: Token not allowed after unary operator: '-button_02' (404,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (441,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (443,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (476,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (496,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-2' (534,22): run-time error CSS1039: Token not allowed after unary operator: '-button' (552,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-1' (574,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-6' (582,22): run-time error CSS1039: Token not allowed after unary operator: '-light_green' (586,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-1' (594,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (595,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (596,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (601,26): run-time error CSS1030: Expected identifier, found '.' (601,34): run-time error CSS1031: Expected selector, found ')' (601,34): run-time error CSS1025: Expected comma or open brace, found ')' (622,22): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (623,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (629,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (630,23): run-time error CSS1039: Token not allowed after unary operator: '-white' (644,28): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (645,24): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (668,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (708,24): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (709,17): run-time error CSS1039: Token not allowed after unary operator: '-green_01' (713,24): run-time error CSS1039: Token not allowed after unary operator: '-pink' (714,17): run-time error CSS1039: Token not allowed after unary operator: '-pink' (718,24): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (719,17): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (738,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (744,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (758,28): run-time error CSS1039: Token not allowed after unary operator: '-gray' (759,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-4' (764,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-01' (777,29): run-time error CSS1046: Expect comma, found '0' (777,33): run-time error CSS1046: Expect comma, found '/' (786,35): run-time error CSS1039: Token not allowed after unary operator: '-gray' (790,33): run-time error CSS1039: Token not allowed after unary operator: '-gray' (794,22): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (795,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (807,33): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (811,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (824,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (828,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (830,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (836,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-1' (851,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (885,29): run-time error CSS1030: Expected identifier, found '.' (885,68): run-time error CSS1031: Expected selector, found ')' (885,68): run-time error CSS1025: Expected comma or open brace, found ')' (891,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (899,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (911,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (918,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (940,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (945,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (946,22): run-time error CSS1039: Token not allowed after unary operator: '-button' (947,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (957,27): run-time error CSS1039: Token not allowed after unary operator: '-white' (1032,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1033,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1036,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1037,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1090,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1099,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (1108,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1123,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1124,30): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1125,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1127,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1201,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (1209,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1242,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1252,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1253,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1254,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-2' (1264,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1265,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1266,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1318,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1327,16): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1335,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1344,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1345,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1346,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-2' (1374,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1376,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (1384,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1388,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1389,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1390,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-2' (1410,50): run-time error CSS1030: Expected identifier, found '.' (1410,51): run-time error CSS1030: Expected identifier, found 'loading' (1410,58): run-time error CSS1031: Expected selector, found ')' (1410,58): run-time error CSS1025: Expected comma or open brace, found ')' (1417,17): run-time error CSS1039: Token not allowed after unary operator: '-bk_color' (1418,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (1494,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1495,22): run-time error CSS1039: Token not allowed after unary operator: '-button_02' (1501,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1505,22): run-time error CSS1039: Token not allowed after unary operator: '-gary_linder' (1526,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (1530,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (1569,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1588,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (1597,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (1609,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1610,28): run-time error CSS1039: Token not allowed after unary operator: '-drak_blue' (1611,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-01' (1612,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-3' (1642,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1643,28): run-time error CSS1039: Token not allowed after unary operator: '-drak_blue' (1644,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-1' (1645,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-3' (1662,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1693,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1697,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1698,28): run-time error CSS1039: Token not allowed after unary operator: '-gray' (1699,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (1700,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (1710,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1711,30): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1712,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1714,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1722,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1728,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1733,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1734,28): run-time error CSS1039: Token not allowed after unary operator: '-gray' (1735,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-5' (1736,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (1743,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1744,30): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1745,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1747,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1762,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1763,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1764,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1766,19): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (1780,28): run-time error CSS1039: Token not allowed after unary operator: '-Not-approved' (1787,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1790,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1791,23): run-time error CSS1039: Token not allowed after unary operator: '-white' (1804,17): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1816,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1826,14): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (1837,22): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (1838,28): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (1839,24): run-time error CSS1039: Token not allowed after unary operator: '-exclamation-mark' (1868,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (1889,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1893,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-3' (1922,18): run-time error CSS1039: Token not allowed after unary operator: '-green' (1926,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1930,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1945,47): run-time error CSS1030: Expected identifier, found '.' (1945,54): run-time error CSS1031: Expected selector, found ')' (1945,54): run-time error CSS1025: Expected comma or open brace, found ')' (1952,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1955,17): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (1971,17): run-time error CSS1039: Token not allowed after unary operator: '-greenblue' (1986,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (2019,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2020,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2023,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2029,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (2044,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2045,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2046,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (2048,19): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2061,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2062,24): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2063,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2127,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2146,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2156,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2176,15): run-time error CSS1030: Expected identifier, found '.' (2176,42): run-time error CSS1031: Expected selector, found ')' (2176,42): run-time error CSS1025: Expected comma or open brace, found ')' (2186,15): run-time error CSS1030: Expected identifier, found '.' (2186,42): run-time error CSS1031: Expected selector, found ')' (2186,42): run-time error CSS1025: Expected comma or open brace, found ')' (2202,22): run-time error CSS1039: Token not allowed after unary operator: '-bk_light_yellow' (2206,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-10' (2213,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (2215,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2239,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2258,17): run-time error CSS1039: Token not allowed after unary operator: '-bk_light_yellow' (2262,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (2269,17): run-time error CSS1039: Token not allowed after unary operator: '-imput_text' (2272,31): run-time error CSS1030: Expected identifier, found '.' (2272,41): run-time error CSS1031: Expected selector, found ')' (2272,41): run-time error CSS1025: Expected comma or open brace, found ')' (2277,31): run-time error CSS1030: Expected identifier, found '.' (2277,41): run-time error CSS1031: Expected selector, found ')' (2277,41): run-time error CSS1025: Expected comma or open brace, found ')' (2295,31): run-time error CSS1030: Expected identifier, found '.' (2295,41): run-time error CSS1031: Expected selector, found ')' (2295,41): run-time error CSS1025: Expected comma or open brace, found ')' (2313,31): run-time error CSS1030: Expected identifier, found '.' (2313,41): run-time error CSS1031: Expected selector, found ')' (2313,41): run-time error CSS1025: Expected comma or open brace, found ')' (2338,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (2346,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2359,22): run-time error CSS1039: Token not allowed after unary operator: '-light_green-1' (2374,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-1' (2384,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2385,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2439,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2440,28): run-time error CSS1039: Token not allowed after unary operator: '-stroke_main' (2441,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-01' (2442,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-7' (2495,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2500,31): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2505,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2515,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2516,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue' (2517,22): run-time error CSS1039: Token not allowed after unary operator: '-light_green' (2523,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-6' (2525,28): run-time error CSS1039: Token not allowed after unary operator: '-stroke_main' (2526,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-01' (2536,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2541,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-linear-gradient-color-9' (2545,17): run-time error CSS1039: Token not allowed after unary operator: '-drak_green_text' (2552,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2626,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2637,17): run-time error CSS1039: Token not allowed after unary operator: '-text_color' (2728,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2733,17): run-time error CSS1039: Token not allowed after unary operator: '-green_02' (2788,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (2796,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-buttons-box-gap' (2816,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-border-radius' (2817,28): run-time error CSS1039: Token not allowed after unary operator: '-light_bule' (2818,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (2991,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg' (3019,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (3094,45): run-time error CSS1030: Expected identifier, found '>' (3094,70): run-time error CSS1031: Expected selector, found ')' (3094,70): run-time error CSS1025: Expected comma or open brace, found ')' */ @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/DN031-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/DN031-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/DN031-01.Mobile/CdnRedirect/Web.Mobile/DN031-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; --light_green-1: #1B94A1; --bk_light_yellow: #FAF4E3; --gray: #D9D9D9; --gray-1: #4B4B4B; --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% ); --custom-linear-gradient-color-10: linear-gradient(90deg, #0289A1 0%, #4AA9A2 50%, #0289A1 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 基本樣式 */ html, body { overscroll-behavior: none; overflow: visible; background: rgba(0, 0, 0, .6) } body, #vip, .v-application { font-family: 'Inter',"Helvetica Neue", Helvetica, Arial, sans-serif !important; } #app input:-webkit-autofill, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #ffffff00 inset !important; -webkit-text-fill-color: var(--text_color) !important; -webkit-background-clip: text; -webkit-text-fill-color: #ffffff; transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px #23232329; } .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, #app .v-dialog.wallet-detail-dialog .input-wrapper input { 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, .form-wrap .input-wrap.select .v-select__slot .v-select__selections, .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 !important; 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; } #app .form-wrap .input-wrap .v-input__append-inner button { right: 2px; } #app .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/DN031-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/DN031-01.Mobile/Content/Views/Shared/images/input/eyeOff.png) no-repeat center / contain; } .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/DN031-01.Mobile/Content/Views/Shared/images/input/select.png) no-repeat center / contain; } .v-select.v-input--dense .v-select__selections:not(:has(.v-select__selection--comma)) { margin: 5px 4px 3px 0; } .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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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, #app.Promotion .promotion-module-action .theme--light.v-btn.v-btn--has-bg, #app.Deposit button.submit-btn, #app.Promotion button.btn-progress { /*按鈕*/ 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; } button.main-color span, form button.main-color span, button[type="submit"] span, #app .login-dialog .form-wrap #submit span, #app .login-dialog .container #submit span, #app .register-dialog .form-wrap #submit span, #app .register-dialog .container #submit span, #app .v-dialog .v-card__actions button span, .swal2-actions button span, form button.administration-fee-dialog-btn span, #withdraw-account-management button span, #app.MemberCenter .box-4 a span, #app .v-dialog.send-mail-dialog .btn-group button span, #app.ChangePassword .btn-group button span, #app.ChangePassword .btn-group a span, #app.ChangeMoneyPassword .btn-group button span, #app.ChangeMoneyPassword .btn-group a span, #app.MGM .v-card__actions button span, #app.MemberInfor button.cancel-btn span, #app.WalletCenter .main-link .action-link span, #app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue span, #app.Partner .btn-group li span, #app.OnlineServices #online-services .page-content .services-link .join span, #app.Promotion .promotion-module-action .theme--light.v-btn.v-btn--has-bg span, #app.Deposit button.submit-btn span, #app.Promotion button.btn-progress span, #app.Partner .btn-group li a{ color: var(--white) !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, #app.Deposit button.submit-btn::before, #app.Promotion button.btn-progress::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, #app.Promotion .promotion-module-action .theme--light.v-btn.v-btn--has-bg::after, #app.Deposit button.submit-btn::after, #app.Promotion button.btn-progress::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, #app.Deposit button.submit-btn[disabled="disabled"]::after { background: var(--custom-linear-gradient-color-6) !important; } .v-btn__content { line-height: 1; } #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/DN031-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/DN031-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; white-space: nowrap; } #app .account-card .icon-wrap { top: 0; right: 0; left: unset; background: none; transform: translateX(50%) translateY(-50%); } #app .account-card .icon-wrap i { font-size: 0px; width: 100%; height: 100%; background: url(/CdnRedirect/Web.Mobile/DN031-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; aspect-ratio: 688 / 380; } #app .account-card .branchName-tips { position: absolute; top: -22%; left: 50%; white-space: nowrap; transform: translateX(-50%); } #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 .account-card.third-party-card .card-text .text-h6 { margin-top: 2%; } #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 彈跳視窗 */ .v-overlay__scrim { background-color: rgb(0, 0, 0) !important; border-color: rgb(0, 0, 0) !important; } #app .v-dialog { margin-right: 18px; margin-left: 18px; border-radius: var(--custom-border-radius) !important; } #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/DN031-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__content:has(.v-dialog.announcement.v-dialog--active) { /*announcement、tab-announcementg*/ background-color: rgb(0 0 0 / 24%); } #app .v-dialog.announcement .v-card__actions, #app .v-dialog.tab-announcement .v-card__actions { 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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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.mobile-verification-code .get-mobile-verification-code { top: 50%; transform: translateY(-50%); } #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: 50%; right: 0; padding-top: 0 !important; background-image: none !important; transform: translateY(-50%); height: auto; margin: 0 !important; padding-bottom: 0 !important; padding-right:12px !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.login-dialog .form-wrap .input-wrap .tip-box button { margin: 0 !important; } #app .v-dialog.forget-password-dialog .form-wrap .get-captcha-btn, #app .v-dialog.login-dialog .form-wrap .get-captcha-btn { position: absolute; top: 50%; right: 12px; margin: 0 !important; transform: translateY(-50%); } #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 .login-dialog .login-dialog-bg { height:unset; } #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-card * { text-align: center; } #app .v-dialog.wallet-detail-dialog .manual-transfer-select-btn-icon { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } #app.en-US .v-dialog.wallet-detail-dialog .transfer-amount-container, #app.id-ID .v-dialog.wallet-detail-dialog .transfer-amount-container, #app.pt-BR .v-dialog.wallet-detail-dialog .transfer-amount-container, #app.vi-VN .v-dialog.wallet-detail-dialog .transfer-amount-container { flex-direction: column; } #app.en-US .v-dialog.wallet-detail-dialog .transfer-amount-container button, #app.id-ID .v-dialog.wallet-detail-dialog .transfer-amount-container button, #app.pt-BR .v-dialog.wallet-detail-dialog .transfer-amount-container button, #app.vi-VN .v-dialog.wallet-detail-dialog .transfer-amount-container button{ width: 100% !important; } #app .v-dialog.lang-dialog .subtitle-2 { /*lang-dialog*/ 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 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__actions { position: absolute; right: 44px; top: -7px; } #app .v-dialog.announcement .v-card__actions .footer { width: auto; } #app .v-dialog.announcement .v-card__title { margin-bottom: 12px; } #app .v-dialog.announcement .v-card__title button { min-width: 30px; height: 30px; background: none; color:var(--white) !important; } #app .v-dialog.announcement .v-card__title button::before { content: "✕"; right:0; min-width: 30px; height: 30px; color: var(--custom-white); border: solid #fff 2px; border-radius: 50%; font-size: 15px; font-weight: bold; line-height: 21px; } #app .v-dialog.announcement .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/DN031-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/DN031-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, #app.Vip .gift-box .month { 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/DN031-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/DN031-01.Mobile/Content/Views/Shared/images/vip/gift_disabled.png) no-repeat center / contain; } #app.Vip .gift-box .week button, #app.Vip .gift-box .month button { background: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/vip/week.png) no-repeat center / contain; } #app.Vip .gift-box .week button[disabled="disabled"], #app.Vip .gift-box .month button[disabled="disabled"] { background: url(/CdnRedirect/Web.Mobile/DN031-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; color: var(--white); } #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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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{ position:relative; } #app.MemberCenter .member-center::before { position: fixed; background: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/memberCenter_bg.png) no-repeat center / cover !important; background-attachment: fixed; z-index: -1; width: 100%; height: 100%; } #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/DN031-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/DN031-01.Mobile/Content/Views/Shared/images/icon_deposit.png); } #app.MemberCenter .member-center .action-link.withdraw:before { background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/icon_withdraw.png); } #app.MemberCenter .member-center .action-link.promotion:before { background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/icon_promotion.png); } #app.MemberCenter .member-center .action-link.vip:before { background-image: url(/CdnRedirect/Web.Mobile/DN031-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; } #app.Promotion button.btn-progress{ margin-bottom:12px; } #app.Promotion .promotion-module-action { margin-top: 4px; } /* #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 .btn-group button span, #app.BetRecord .btn-group button.active span, #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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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; color:var(--white) !important; } #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); } #app.MemberInfor .form-wrap .input-wrap.select .v-select__slot { padding-left: 0 !important; } #app.MemberInfor .form-wrap .input-wrap.select .v-select__slot .v-select__selections { margin-left: 0; margin-top: 0px; } #app.MemberInfor .form-wrap .input-wrap.select .v-select__slot .v-label--active { margin-top:4px; } /* #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-bg.v-card{ margin:12px; } #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; } #app.Partner .agent-html { padding-left:0; padding-right:0; padding-top:12px; } /* #endregion 代理加盟 */ /* #region 首頁 */ #app.Home:has(.game-list-block.slide-down) #slider, #app.Home:has(.game-list-block.slide-down) .news-wrap, #app.Home:has(.game-list-block.slide-down) .news-wrap * { height: 0; overflow: hidden; min-height: 0; opacity: 0; pointer-events: none; } #app.Home:has(.game-list-block.slide-down) .function-box { /* margin-top:12px;*/ } #app.Home #logo-bar a.logo { background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/logo.png); background-size: contain; background-position: center; height: 50px; position: absolute; left: 50%; transform: translateX(-50%) scale(1.1) translateY(5%); aspect-ratio: 389 / 194; } #app.Home .v-main { background: var(--bk_light_yellow) !important; } #app.Home #logo-bar { background: var(--custom-linear-gradient-color-10); 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, #app.Home #logo-bar:after { content: none; } #app.Home #logo-bar .mail-btn::before { width: 24px; height: 24px; background: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/home/mail.png) no-repeat center / contain; transform: translateY(-50%); top: 50%; position: relative; } #app.Home #logo-bar .mail-btn.active::before { background: url(/CdnRedirect/Web.Mobile/DN031-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 #vpn-float, #app.Home #logo-bar div.isLogin .member-info { 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 > div:has(.login-btn) { margin-left: 0 !important; } #app.Home #logo-bar .account-box, #app.Home #logo-bar > div:has(.login-btn) { 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, #app.Home #logo-bar > div:has(.login-btn) a { background: none; color: var(--bk_light_yellow) !important; box-shadow: none; border: none; min-width: unset; overflow: visible; position: relative; padding: 0 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, #app.Home #logo-bar > div:has(.login-btn) .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 #logo-bar .lang { position: absolute; right: 12px; } #app.Home #logo-bar .mail-btn { position: absolute !important; right: 61px; } #app.Home #logo-bar .mail-btn .unread { background: var(--red); } #app.Home #logo-bar .lang a { outline: none; } #app.Home #logo-bar .lang span { color: var(--white); } #app.Home #logo-bar .lang .change-language-wrap.show .current-language i{ transform:rotate(180deg); } #app.Home #logo-bar .lang .current-language-text { display:block; } #app.Home #logo-bar .lang .langs-box { border-radius: 10px; background: var(--light_green-1); padding: 8px; width: auto; border:none; } #app.Home #logo-bar .lang .langs-box span { padding: 2px; display: flex; align-items: center; gap:5px; } #app.Home #logo-bar .lang .langs-box span.active { border-radius: 50px; background: var(--gray-1); } #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/DN031-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/DN031-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/DN031-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; padding-top: 0px; } #app.Home #home-navigation-wrap .game-list-block { padding-left: 8px; width: 76%; right: 0; overscroll-behavior: none; overflow: auto; } #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-list-block ul.Hot li { width: calc(100%/3 - var(--custom-buttons-box-gap)*2/3); background-image: none; } #app.Home #home-navigation-wrap .game-list-block ul:not(:last-child) { margin-bottom: var(--custom-buttons-box-gap); } #app.Home #home-navigation-wrap .game-tab { flex-direction: column; flex-wrap: nowrap; padding-right: 8px; } #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 { box-shadow: var(--custom-box-shadow-6); border-radius: 8px; border: 1px solid var(--stroke_main); background: var(--custom-01); } #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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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/DN031-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: 20px; height: unset; margin: 0; background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/home/game-bg-2.png); aspect-ratio: 270 / 284; width: calc(50% - 4px); color: var(--text_color) !important; padding-right:12px; } #app.Home #home-navigation-wrap .game-list-block li .game-name { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 1; } #app.Home #home-navigation-wrap .game-list-block li .game-logo-wrap { margin: 0; padding-right: 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/DN031-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; margin-top: 12px; } /* #endregion 首頁 */ /* #region Footer */ #app #footer .v-bottom-navigation { background: url(/CdnRedirect/Web.Mobile/DN031-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, #app #footer .v-btn[value="Deposit"] span { /*點擊特效取消*/ 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/DN031-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/DN031-01.Mobile/Content/Views/Shared/images/home.png); } #app #footer .v-btn i.promo { background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/promo.png); } #app #footer .v-btn i.chat { background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/service.png); } #app #footer .v-btn i.member-center { background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/my.png); } #app #footer .v-btn i.financial { background-image: url(/CdnRedirect/Web.Mobile/DN031-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[value="Deposit"] { transform: translateY(-22%); background: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/financial.png) no-repeat center / contain; } #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 { gap: var(--custom-buttons-box-gap); padding:0; } #app.OnlineServices .page-content img, #app.OnlineServices .page-content .services-link .icon, #app.OnlineServices .page-content .services-link.livechat{ display: none; } #app.OnlineServices .page-content::before { content: ''; display: block; width: 100%; padding-top: 33.33%; background: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/servise_banner.png) no-repeat center / contain; margin-bottom: 8px; } #app.OnlineServices .page-content .services-link { border-radius: var(--custom-border-radius); border: 1px solid var(--light_bule); background: var(--yellow); padding:12px; margin:0 12px; } #app.OnlineServices .page-content .services-link.Line { order: 1; } #app.OnlineServices #online-services .page-content .services-link .join { flex: unset; margin-right:0; } /* #endregion 客戶服務 */ /* #region 鎖住最大寬度只能450px */ @media (min-width: 451px) { html, body, body .layout-wrap > * { margin: 0 auto; } body, body .layout-wrap > *, #app #footer .v-bottom-navigation, #app.Home .game-list-block-wrap .hot-swiper-slide, #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content { max-width: 450px !important; } #app .v-overlay { width: 450px; } #app #custom-float, #app #vpn-float, #app #activity-float { right: calc(50vw - 215px); margin-bottom: 15px; left: unset !important; } #app .v-main { background-size: cover !important; } #app #page-title, #app .v-bottom-navigation { display: block; } .col-3 { width: 25%; } #app.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: 48px; 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*450px); } .form-wrap .input-wrap .v-label, .form-wrap .input-wrap input, #app.Promotion .inner .scroll-content .navtab li, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input, #app .form-wrap .input-wrap.select .v-select__slot .v-select__selections { font-size: calc( 0.035*450px); } .form-wrap .input-wrap, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { padding-top: 4% !important; height: calc(0.115*450px); font-size: calc(0.035*450px); } .v-select.v-input--dense .v-select__selection--comma, #app .register-switch-btn, #app.PartnerApply #agent-apply .form-wrap button[type="submit"], #app #login .switch-page .switch-btn.tab .li.go-register, #app #login .go-login { font-size: calc(0.035* 450px) !important; } #app .form-wrap .input-wrap .v-input__append-inner button { top: -5px; margin-top: -10px; } #app .form-wrap #submit { font-size: calc( 0.042*450px); height: calc(0.11*450px); } .form-wrap .input-wrap .v-text-field__details { left: calc(0.27*450px); top: calc(0.03*450px); } #app #login .logo { margin: 0 auto calc(0.03*450px); height: calc(0.24*450px); width: auto; } #app #login .logo a { margin: auto; } .member-center-g .action-link.big-link:before, .member-center-g .action-link.big-link:after { width: calc(0.11*450px); height: calc(0.11*450px); } .member-center-g:before, #promotion:before, #deposit:before { position: relative; } #app #page-title { font-size: calc(0.05*450px); } #app.Home #home-navigation .game-tab { padding: 16px 12px 50px 16px; flex-direction: column; flex-wrap: nowrap; } #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: 450px !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.forget-password-dialog .v-text-field.v-input--dense, #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 .v-text-field__details { left:0; } #app #footer .v-btn i.financial { margin-top: 0; } } /* #endregion 鎖住最大寬度只能450px */ /* #region 信用版關閉內容 */ #app.MemberCenter .box-1 hr, #app.MemberCenter .box-1 .container, #app.MemberCenter .box-2 .container div:has(> a[href="#/Transaction"]), #app.MemberCenter .box-2 .container div:has(> a[href="#/AwardCenter"]), #app.MemberCenter .box-3 .container div:has(> div.app), #app #footer a[href="#/Promotion"], #app.Home .function-box .financial-btn, #app.Home .function-box .withdraw-btn, #app.BetRecord .back-query, #app.MemberInfor .withdrawl-tip-main, #app.MemberInfor .label-withdral { display: none !important; } #app #footer a[value="BetRecord"] { display: block; } #app #footer a[value="BetRecord"] i, #app #footer .v-btn.v-btn--active[value="BetRecord"] i { background-image: url(/CdnRedirect/Web.Mobile/DN031-01.Mobile/Content/Views/Shared/images/bet-record.png); } #app #footer a[href="#/Deposit"] { pointer-events: none; } #app.MemberInfor .form-wrap .input-wrap .v-label, #app.MemberInfor .form-wrap .input-wrap input { padding: 0 !important; } #app.MemberInfor .form-wrap .input-wrap.birthday input { padding-top: 25px !important; border-radius: 0; } #app.MemberInfor .form-wrap .label-birth { left: 12px; } #app.MemberInfor .v-input.radio-group { padding-left: 12px; } /* #endregion 信用版關閉內容 */