/* Minification failed. Returning unminified contents. (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (115,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (116,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (124,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (125,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (126,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (139,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (140,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (141,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (149,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (155,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (156,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (157,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (158,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (166,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (183,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-top-light' (188,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (189,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (194,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (217,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (218,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (223,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-white-dark' (228,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (245,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (249,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (253,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (254,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (258,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (259,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (264,16): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (269,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (270,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (293,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (352,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (353,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (366,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (370,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (385,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (386,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (393,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (394,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (409,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (410,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (411,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (443,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (452,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (472,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (481,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (482,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (488,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (496,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (508,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (512,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (516,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (525,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (529,28): run-time error CSS1019: Unexpected token, found '-' (529,28): run-time error CSS1036: Expected expression, found '-' (529,28): run-time error CSS1019: Unexpected token, found '-' (529,28): run-time error CSS1042: Expected function, found '-' (529,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (538,39): run-time error CSS1019: Unexpected token, found '-' (538,39): run-time error CSS1036: Expected expression, found '-' (538,39): run-time error CSS1019: Unexpected token, found '-' (538,39): run-time error CSS1042: Expected function, found '-' (538,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (552,29): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-50' (602,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (612,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (617,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (640,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (644,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (648,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (649,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (730,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-light' (779,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (813,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (918,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1008,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-04' (1020,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1032,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1033,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1045,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-color' (1050,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-color' (1089,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1091,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1133,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-01' (1134,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-01' (1135,27): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-shadow-01' (1179,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-yellow-01' (1201,36): run-time error CSS1039: Token not allowed after unary operator: '-custom-yellow-02' (1202,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-02' (1203,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-02' (1209,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-03' (1210,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-box-shadow-03' (1215,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-shadow-02' (1229,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1290,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (1304,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-05' (1316,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-shadow-03' (1352,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-red-01' (1365,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-float-color' (1409,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1575,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-shadow-04' (1579,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-yellow-03' (1580,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-shadow-04' (1689,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1695,31): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-shadow-05' (1706,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-img-filter-01' (1763,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-red-02' (1828,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1832,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (1946,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-pink-light' (1957,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2002,32): run-time error CSS1019: Unexpected token, found '-' (2002,32): run-time error CSS1036: Expected expression, found '-' (2002,32): run-time error CSS1019: Unexpected token, found '-' (2002,32): run-time error CSS1042: Expected function, found '-' (2002,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2019,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2040,48): run-time error CSS1030: Expected identifier, found '.' (2040,60): run-time error CSS1031: Expected selector, found ')' (2040,60): run-time error CSS1025: Expected comma or open brace, found ')' (2068,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2069,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2076,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2077,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2078,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2087,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2091,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2121,36): run-time error CSS1030: Expected identifier, found '>' (2121,53): run-time error CSS1031: Expected selector, found ')' (2121,53): run-time error CSS1025: Expected comma or open brace, found ')' (2136,38): run-time error CSS1030: Expected identifier, found '>' (2136,55): run-time error CSS1031: Expected selector, found ')' (2136,55): run-time error CSS1025: Expected comma or open brace, found ')' (2140,38): run-time error CSS1030: Expected identifier, found '>' (2140,55): run-time error CSS1031: Expected selector, found ')' (2140,55): run-time error CSS1025: Expected comma or open brace, found ')' (2144,38): run-time error CSS1030: Expected identifier, found '>' (2144,55): run-time error CSS1031: Expected selector, found ')' (2144,55): run-time error CSS1025: Expected comma or open brace, found ')' (2259,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2263,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2269,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2304,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2312,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2313,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2319,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2320,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2324,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2325,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2342,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2346,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2347,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2351,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2362,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2363,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2369,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2375,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2376,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2381,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2387,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2393,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2401,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2406,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2407,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2427,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-06' (2500,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2509,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2514,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2515,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2521,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2706,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2783,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2792,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2793,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2806,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2825,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2879,44): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (2880,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-blue' (2884,44): run-time error CSS1039: Token not allowed after unary operator: '-custom-orange' (2885,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-orange' (2889,44): run-time error CSS1039: Token not allowed after unary operator: '-custom-red' (2890,37): run-time error CSS1039: Token not allowed after unary operator: '-custom-red' (2913,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2925,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2930,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2935,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2939,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2943,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2944,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (2951,98): run-time error CSS1030: Expected identifier, found '[' (2951,103): run-time error CSS1031: Expected selector, found '=' (2951,103): run-time error CSS1025: Expected comma or open brace, found '=' (2957,104): run-time error CSS1030: Expected identifier, found '[' (2957,109): run-time error CSS1031: Expected selector, found '=' (2957,109): run-time error CSS1025: Expected comma or open brace, found '=' (2965,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (2970,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2971,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2972,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (2976,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2977,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2985,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (2986,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (2987,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (3013,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (3035,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-right-light' (3049,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3050,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3058,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (3059,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (3060,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (3071,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3077,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3081,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3087,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (3088,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (3097,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3133,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (3138,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (3163,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (3164,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (3196,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3205,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3206,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3210,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (3214,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (3218,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3222,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (3226,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (3227,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (3242,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3243,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3249,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray' (3250,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-gray-border' (3273,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3282,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-gradient-right' (3287,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3288,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (3450,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg' (3478,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' (4418,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-light' (4419,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-gray-color' (4424,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-pink-dark' (4425,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-text-color' */ @charset "UTF-8"; @font-face { font-family: "Barlow"; src: url("a12e2bed55ce0f694956.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Barlow"; src: url("c7b0f10e6e99c2cb79b5.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "FrancoisOne"; src: url("f62275eb4858df6e9b13.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Cursed Timer ULiL"; src: url("8292fd74ba6ab51e334e.otf") format("opentype"); } :root { --custom-text-color: #FFFFFF; --custom-text-gray-color: #808080; --custom-text-pink-color: #E1C7C8; --custom-pink-dark: #FF637B; --custom-pink: #FFAFAC; --custom-pink-light: #FFF2F1; --custom-pink-gray: #F7EFEE; --custom-pink-gray-border: #E5D8D9; --custom-pink-light-border: #E5D8D9; --custom-white: #FFFFFF; --custom-white-dark: #FFFDFC; --custom-blue: #02DAD7; --custom-orange: #FFAF10; --custom-red: #FF5C5C; --custom-float-color: #00094CB3; --custom-gradient-right: linear-gradient(270deg, #FF8698 0%, #FFD4B0 99.99%); --custom-gradient-right-light: linear-gradient(180deg, #FFF0E0 0%, #FFE8E3 100%); --custom-gradient-top-light: linear-gradient(180deg, #FFB7B0 0%, #FFF2F1 100%); --custom-gradient-top: linear-gradient(180deg, #FFB9B0 0%, #FF8698 104.17%); --custom-gradient-top-border: linear-gradient(to top, #FFB19D 0%, #FFA4B1 100%); --custom-gradient-pink-light: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), linear-gradient(180deg, rgba(255, 212, 176, 0.10) 0.11%, rgba(255, 134, 152, 0.10) 99.87%); --custom-gradient-header: linear-gradient(270deg, #2D1F34 0%, #101010 99.99%); --custom-gradient-progress-bar: linear-gradient(270deg, #FF8698 32.63%, #FFD4B0 210.5%); --input-common-icon_agent-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/1JREFUeNqcV3tMjWEY71SitGbWbSwz5LKMbMmYf9osaW6REULIlFiaW8U62fRHQ6Ot0sRoOo1l7kJkltlYbnONPzB0Q2M1VOv4Pe33tde3833n1Lv99pzzvs/z/N7L8z7v81nsdrubs5abm+sJMQeIBaKASYAHh8XBG+AucA2oycnJ+ePMp8WMGIQ+ENuBvcAQZagdaCFpAOCnjPUAB4CDmMCvfhODNA7iNODLrlNAJfAQDn/odIdBTAeWAcns7gLWQbfCZWI4OgSRwb95nH2bmwsNtr7cpf3sOgbbzU6JYSirTAQ+AYtg9NRtAA1+JA6qGA8X4CdOHXfXKR8m6RNg4kBJpcH2NUQYcA9YDN+lDleMgRiI68BXYDQMu0xWMxNigtgD76Bb52T1byHGAwnQrewjxoCsvIORG4rB9wYOVjNiR+mGmoEs2J0wsAuGaORfH+j91rY6k6T5JqQSZOUktQGpQAqjPQgog85Rg21vgshWgtXNYrVahbyTCcEDSj0OSFeQ7DMQA52XuvFxEFe5nakYLzaYvPAMArzdmYmE9IwBqSdXJS1CT8oVyS5FAt1AEWyGGhy3NqFYIV7CP6UGyvMBL6AQBM0mUfyT5y9tuYFamTYuxNH888hAeRblZRdu0Q3KSIPJPefPKCGW82mXSDNwNlhJgc6apuNloiOBFqBFdaOJonam01wgnkzZYKLTqGYus7fxPOUeF4j3UdpMdOwqcbBJ0HyDOAIEIlorTLLTcYgxcgNg89GEuJdLrsoHSZEw9IJBpwF5Ou9qAmQopLxe9Zz9VCAdmA3UAklOdmUE0CbEN4FNfE/vmxgs5PlEGGylvNHxmKTdZFfC+POOu3KG600MYlneBLJLXq1q4jH7hks/dONNJr+W8pwQ3+afJAPSNKbDUKZM7VHIJlrYJ+93iDiFTaYBcRrlFXdsTTczjgUGOQ7Kn0LgLxPJXDkfynpCntPvLATDueV5fMlUXxIH3qxIOrSozmWetUIhhIr+yjFMgfID4JUSB83KajMkhwPPRJdBVw4fI+lLjqGAujv6rhMffS2/1lImKk4bdLm7GH3BQBCrylXKDfgiRZ5ua2soN2K8/b/SBx2yOrmLYzFDqY+3Aa3oL1C2K5w/i5SJlCj5XvN1mme+ATaXmPVs6C9zWHNhIJnbO0/utgSKLjgSqfdC6bNxUjN0umdZcy8AbsFmpWGxR6dLuYrerYHDLEB7KOJZCKr6dco97y2jAClvt7C/HDrR/Sno10Cc5OQkBi6SeDcc5et0m/h1UcWSSPsISIFuyUA+YSSydwE7HTxtrYxef6ZBtckVzGOt1f9vJ2UCfozUrXxr9VVmK8ti2Ylq/SeOo/ZPgAEARsOYciuFGGUAAAAASUVORK5CYII="); --input-common-icon_account-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAXVBMVEUAAACAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICVwFMKAAAAH3RSTlMAC2YEmf/V3KjD+EJ38jL5toyw7M3nHOBJpFYiyTcUuhYJOgAAAZBJREFUeNq1VdlywyAMBOwVmBx2fQSf/P9nduoBZNP0mHayLzDKymJ1Rbwai5r6ztqun9TyDW2uAEY1f0G7EHAzavNF4TdlbgBdntCKEtBKskEqDZRFzvMr7DWzFleL1Wc8wrCJT9gGkD/5rqBHirks6QUPwnqMU2KIvEtTA3VzicwB5UEv7MaSXNs6lrFZsHbCNX3ajR/n6NKHrqCUZ+jgPsI9QkiHMQTRiJmvoNJt5OdU4abibcFNBr21Fgm6jtYbluBhwm93GCYa3OMtRJzCmRGnRFSY9rNHrIkHMZHgY33Q72eXLGJNPmLDKpJ/t58WBSeKogLCnAoMm4isgO77awlGHIh5aCENsJblChgpjqFZTBSusUMnG4vh9AhZArYyprLA5AWnJ0v4QnBK7h7KQS+c8HMJvQa/TE5wnkt4aooWpTh1c8NNcWyzEVSc5oMwcpsdGrfd7QeMaLhxD6Mwv4kM5MIo5MOVQ/owXGyJ48rgcZV/WQA/rxSGfL6k5C/X3r8WKa/mut5X86v/Bt4BCPgW1bVPkWwAAAAASUVORK5CYII="); --input-common-icon_password-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAB2ElEQVR42tWWoW7DQAyGh0JCQ4ZKx8aq4I31AcoGT+FFRdP3FEWDkfIA056gpOhYYVBR4MpOiuRJIVbO7W3rSZN2Rndyftm//9i++9+HBQ0tnoFAYMDT0rC4DWzNHrlie9a/A3viiCCc6XAsqSgoqFji6DgjCEeefgZWsEMQehzlRY8SRz/57Ci+g6s4IAS2aVcKtgSEA1USbkp1oP5RLjUDwvEqJAWHyWFhP6WhobYqmAI4XMlm4m6I4Vgx8TVZz8pADgi7y5UVQhwFjhHPmnvuWeMZcSb6gGArPgW/jd4eCHxQKCl8EHiIvLYIRytjoY+54I1Pqqhsn7wZ7nskkjp7BGeiPtGZt46TeXMI+zm1wtnKmJFX87bBW6lzRtBy0iAaix5EAdOHDqHRa4vgsgAdQqtXj7CMiK5ZIbSsLlo9LyBLBK/XAaGaceIR0uYpZ9UXBr0GhCJK4IU6YS9zkigQwnXAVyRJmfJrATXlLEBNWYuSBahFUdlkAapsVNgZgCps8+vdAKi/nmkONwJqc7Dt6wZA275sg2WDUCbhSoTNrMGmRgCPjJzwCTsx8hiNgNSQ4pmW94S1PJshlRyj6ZMeo/mD/g9WkYxl6Q/WufyFM38l/t+L/hfscUgY1R+1DwAAAABJRU5ErkJggg=="); --input-common-icon_captcha-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAe1BMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA/oWR8AAAAKHRSTlMAu/vppomSrPEQggYuzyA2aShvmRvWS1l5n3Q9UcXCFg0jYUXK4920I4h4JAAAAYlJREFUeNrNVNmWgjAMpWUVRGRTUHFwv///hZOglrKJT3Mm52jT9DZJb0IM41/JdvcdbgOsv8GtQWLPwn4sQPBvOZOeB1iGYZPT5AMsdt+AA12o9lMw9vMOySkgHYkfJxWdhJvWEgk2+B2s7eb81Hzb4+nK1vujpYD3nnUYxtmnJp+pvYB5WYwnHuxD3NTO0vSBCIRKdyDHHIowo/8cQll2wJCIQDScBh5KvQ0GL1mERCrFiYG2mVZAwevJXqma34FrUyNAI9eEy4uE+UJmRMsxYM0Hshbownwu8CJWloRzn0dH5N0ebAAlsUutEMmmh5pUJRwNmAF+o6SEjOsWZ2yBi/7GEPdX2QFJcdOWbq9DxlldTLi4vhbK6bIrcWzz9bWa4dTllyzxG+mP3VeFkE9+u1KO1LYAzn1bpNjUxYTsm27ASFfR9ccg7/PEiLD0vd+nRvegIYl6Md31qF7tU9N3nU9/H+RTck/WBbdP8Gn2EECmDg0UOTMkF7bHxUZ5mh98iaiK1R8M9l/stSaYejaE2AAAAABJRU5ErkJggg=="); --input-common-icon_mobile-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAACCElEQVR42tVWoY7CQBC9hGTFWlJ1QSBO1GGa1GBIMHwAf9CET0C++4mK+4C6S87yAzgUqcNjajapqeKWx9KllKVAa+CFJm/bvs7Mzs7Mx3v/MMQCCTbIUGhk2Gi2wPAVqR7mWOPgwFrf7T0jN0HKFxUSRAjhQWh4CDRLoHgvxeQxMYGYL+wQQd58QiLCjs/EEE1yfTpaYAnR8NklCjrfvytHV/cIH/IlxJ6uuyQhaN0Wg3JlCp+YYGr+PkYYn6OHAbZHKx3eIKZ1Vm4L5UR6lqSV8c2dZezCks+gNPeJwsjk8LFi7FRpZUg+qeUdo7esJHV+x8LcpjeWjGSvKjhnooiLlREtXBF/+DUgo4W+jT2TaF4R5HZElZXgaIlj+/ZQGF3w6Lg1lTPLb8qaYOEQVFeCkqdnaBcWmiaGPC3IlUQrLKo0aiUYVUzCRtOglWCgFTaWZpp6rQQ9rZBZWmgqWgkKrVB0Lti9y91vSvdp031iu49eCIU9JGHunBl2UAjqR89dHGz5KgxyZMhLxvJVLw7u8mUFDydQ2jIKOsqXs8CO6bIgvo1gbHhKl+8UWNsCgqsW8EX8GMHkxGnjDPKyBbiblFfy1BZ8DXM12EFeNyl3G+3bNmos+tSYYYBPw6dXbVQ2NXq/RaN3jCIRei1GEcewNIdoHJbkK+Nc4BrnOh44OxyJ33vQ/wdUzrC/SfZW8gAAAABJRU5ErkJggg=="); --input-common-icon_telegram-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAflBMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA15HUvAAAAKXRSTlMAB9NnFPrG6qo1IvNWQ5nffgPawn88zyRs7RIMkqT85Pm0Wkv+GzAJBj/Xjm8AAAFlSURBVHjajZTnYsIgFIXZkEQzXbWO2n3e/wVLIKSIicqPLL5w17mXkGjl3DAtpWaG52R6LRSipRYTyJIBheGZoFRk3BQAWyYILYGK0+gDr4CSxoxQkDVN/qsllIgYBp3depBpsJGiCmwympxBhfNL6JmIc41yiAsym8kKySR8jAw1mV01mMshKjoP0Qp9VhX41O5727g7h7K+obg9aP9iC3PwRxXILWlSZOWrt/ZvxloyibWmDSV+JYM9Y2OL4/8u+u3jpb+GLNj4NERi59SQTQQJaCIx+N1svJUL8cwpJAEyQNvi35Oze2gjyJn7Cc529uuAHyNz3vHOb+zt49vAbyPHQwqaXbcjERP8dilIkvmJFOpPScqCFHJlSQt8Hph2tKYmpLL20OpKKrei6yWAryvRTcj3Y3RplG/fCCJRy2GdNIJrKfGopVxz5g+a07d5qvTfpM2HgbG4PzCeGz1PDrF74/APMrAvcZk9fDwAAAAASUVORK5CYII="); --input-common-icon_zalo-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA2FBMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC0flSTAAAAR3RSTlMAB9NnFPoixuqqNXxOLVZDmd/zfoEDky4jEAUSBAZLH1ppZr7kgNyDzaCvmKWUl5aShz9HRixybtK0m/QeimWJnpGGCfv8sdEb4q0AAAGDSURBVHjajZTXmoIwEIVTgAR2VwXUtW7vvffezvu/0ZLQEuBT50YMP9MyZwgxzOM+k64rmc890mwtAcNEqwFpMyDyeeBQ6gTcjwDWriC0A4ScGgc8BDrUZBwBN6aV72IXwjEYBhnUMwgkWEFRAdZYjccgcv8dyJS5Wi7seqApiU5WF9w01tp22YGdmxcd0UVaI0Osf7uw7EF7j8F0DxHquLuo2ONQ5RtCdVWAK2Z9rwrhVp1ziCQ3RNrRUo3Bqi49gpeQPikhNytY/1nRj34SyU+jZdBPHVJeGAJih/sdjV8NKEjqk3Bs6G/Se4cBOZDEBbWg7vfkAyZEk0Qr0Oe094UaZId7HvfeYEMqnJ04qVenErdbQJpbkDdzv97xspn5tQwOZlxLfsHksMrcjYoLLkaFHNnM05CUo1IMHen2j/sn6v3p2fnFfXqWDV05vtougQ1DMPn4KiEY+trcMuRSCEFLypknKS1Ob444U5nzCjKtyDxbGK3ZC2Ox1bPgEpu1Dv8BOmVz2t6Jq2oAAAAASUVORK5CYII="); --input-common-icon_calendar-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA5F3nlAAAAIHRSTlMAq/HlIplcCSgYQ3FSG4BnE8mLbcRH4HUMti/W6lh6OL8Sc3EAAADySURBVHja7ZNbr8IgEISxpctCrfbi/Tr//1e6lGggijGpOS/HeVgy4UuZ3YJS/13rcj6u3TGxzyIM4wokNtG5Eq3Q+aUCqshSzPV4oyoCgYPWeoFeewGsH5YLxOAphKrTjKPdJGDha1PrQCxVZMtn8LWmgI1zzip1de6qVCumyYBbmYXEK+C7IamLDFgHsIS35zegsdYaOdTaNphdrhljTKjmYV6Cg5xGfsJ+/nMxl6nNtMwssTSz/JKdmHbqwJch4xHYhIzbDHiRvcFfnnvGPgNqIpJ0ayJ5LI0Y/rPb8wFYYj/LaJ98hFf5R9gd1E/f0w3WpxzpadBYxQAAAABJRU5ErkJggg=="); --input-common-icon_wechat-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAqFBMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAW4ywJAAAAN3RSTlMABmFs+MTuLwmNqDc7AtMzsSF3fkbb6VtWDLjIgRbgUB3Mk6EYnbwo8hPkJT+/S3LV9YfQGmeX43omXQAAAbVJREFUeNrVlNeagjAQhSkBpIogotiwu/Z+3v/NNgVcivrtrbmZYfghyTnJSNIXjZ/ubAQ6NlY8/IC1FpQh3jLxzjTxm++4AaAp8+zXcQLMeq+whoaJUyysfOhGnZMjDKq1LmDXQA1q/esmMK+UVEx52JsufzaSZEvDDtfKxNBZONDNKuIZ2LNkgUMJVHBnwabv2yxxPWDB3+BUAvtoiEVdupkG4UDmyR7bIihmrgqmWB1m09qK3Sc4qWFuyJjlw/QpTY456NWUoZ4Hq8xalcBLeUpIhWsD04KB7gXgLlm4lbh5JtPfGIP0uC6LUnmCgIXMe5stIYbG8ghpgXPEmjVEDe4aF3fJjW9hVAAtjFnQATadKdaxQsKKd/TlJ6iD56nSEr7xz6QzeAgQGR/1p/blp4/8D5TIVDJM1Z7L8gmvwDVyjQ8z5MOpcwZ8kTAqTO3jw7dMoVl15mwPWIfPfS/RrXJHWLm9hSvfI9iVuRibl3ecXqviZWuE0G+vu4HRwWmcLYX6iOhti3Gpc9BMVZ1esWmO/A+taBhMhFYaPeNn+WN3k7eOw/wOOtXz+bYfDnbf0rp/AdImMfOHot6bAAAAAElFTkSuQmCC"); --input-common-icon_email-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA5F3nlAAAAIHRSTlMA2dyB79UGyDxqjg4Xex31lq1ULCXnhCi0up1ewqRLco8D1T0AAAEGSURBVHja7ZTZtoMgDEUjMlgR1Dp2Pv//lVVrVSrc+9LHnqessEOykgDRT99T1SOovlq5GuAR84sD9QIqHMLZDlCLjYZ02/mortXUYAUFJUCy5yav2IDRmAHHT+6IsabIBWevW90U+wmOedotF8/V7EDqOM4rV4C/OrgHKRPo374SUUYhkOQVSs/GVVIYJErB7HB1hGJx+UED5Fk2zO0f8AzVIs9hbjj9BZYQki5TQ3soGQRPr8P7fQ7SflCqNd2oG5j2gVqgdEdYoLF70Dbbsbx7xWsXFOOSp/s1G8ZdOWvGqMtT3+KaPCG2ghw2/BQs+GIPnUsfJvbIPFLg4tQSVvz7zr6oJz6GGsYQOktwAAAAAElFTkSuQmCC"); --input-common-icon_qq-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAANlBMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIARgmApAAAAEXRSTlMAB2fq0/oiqhTGNfN+VkOZ36hXbjEAAAGZSURBVHjatVTZksMgDAsYc1/6/5/dNDEppN1rZpcXJuBYtpC8bf+8rHaGmMk4bb8IKwHTCuWTsGqA5HT0SvmoXQJMfROmGtC1mg50B5q6x/kAzrdTlRnB3+IMKL7CRIJZIlWAedulNQgzTgNdcTYT2EW5toQ29QseuLYRE1FKTU4i49m7QZYSaueQa63aMcl9hrl4Rheg2JP8sukkVauOwXyAlt7bSH1kEro0gpSFNBLy1KI3XVImWPnDXTXkhQqp0gni2PdX5FkHmptaMhkIE753v7wWnZ9R+ibI9bMGYY3P2jzo2BknQky0ysoJLwq8BDqUuyTCEijQhd1dEtLcgJZmTHqRfkl9bkbowc7vIjX1kM7cpOwBrc18b1rn82YQLU8YH96a0C3xqYvrCYcoaoCbsH0mrosoLpllgVBWSQK7ymwIt3LPZRdtINN02bV7WHAS7rCCKuawQXchJUrU7N0KD3MdpHsd9mERlYrZ5cNfq7kOu67+/cSuxwCwPxgA50jR2/cjRYZU+X5I/Xzs/WKQ/mI0/8n6AOxvE/1VLcJnAAAAAElFTkSuQmCC"); --input-common-icon_facebook-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAOVBMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICZmC0sAAAAEnRSTlMA+Aiq6hTJ2WYfkzcnRFZ6vW73zSLpAAABiUlEQVR42rVU7ZKkMAgUkkA+Rs30+z/smeh4Bt2t2tq7/LEqdoBuoKfpP58UnXgiLy6mb2CL4HJk+QI2K0AulsAcSnQE6PwA47z9iHy5iNvDzBYXBLSaW14JEgxO4cs9TfHQAckCfWSZFHLNk+FvuNBDJY984QsyeVNW77W+01QIf7krVlsbqWvS12laoafOUDbUqIsd/IZhxUd5QRwDvvHuuKSyfSLkqAdkBJSWIWXRnpUJO9MIZ4RupbGDSu2M3ZHR2cyBXNOlJg58jSSwPWnAlz/1K0eRHkOXFldbhJf66lwfigC/v8fAJYNasCREtIdi0DNw5nbBIZS9fR+gSZ3xOqugTvOT2pDJcOvWihDXVfYR+JAx8mQP1Ma6rc0gjxE8zfMuT53nMkS6t3DU8WzhbSjCDnTH83MobmM2Ai9jZgd3BF4G167CABxWoS1XeAaOy9XXNTwB7bp2A3jdgTcD2C0lGmB4sJTDpBY+BQ9eHk3qtL0ctxbWZW1Wqe9SfmOkP7Dmf3L+AE3UEumYpq3IAAAAAElFTkSuQmCC"); --input-common-icon_line-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAOVBMVEUAAACAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDuno4OAAAAE3RSTlMABX/68cn/2RVWRreVC6dpNeghhTJ7WQAAAeFJREFUeNq1Ve2S2zAIREiAvgG9/8O2VuJz4lynnc7c/nFmsgJWZtfw01g6KcWYaOqCPyIU4hdQCfAtqjCnqZZDyKYzMUv9rlxnFh3whaHC3D+KZuKI4XYWI1O+8YTd4APmLG/MQCzfqlzC9Nqnsz94YVh3Zu82woPp3F/0crQ9vyGl5CLuidC2Mot8aRfGfbrz8f/6jeME990FWc7m5fGzOk97ETKjH7WCcIEHiHX39wJvKB4PpjI9lXEahz63z9uRBTASP5Qqzz1KhQ/UPfw8Op7P7A0qDghqpmCatREOaJ53peeIBoCpQksLsndMVb1IbDigJgSw55CJM0DyFZovyNIxEkoRKhZgeQLInDYxcgBgyU8iYoqJKsU0ByxhgMDxIsquaOGoKMhUiYoBLJdNvFprKtBjJGuIkqccFfsATbpbX2IyUTDsmqutAqvkglhhEI1TzHlNynjfeYDO5bzor2dom3/hYkzW6xVuM2C+8SjD+QqvpYDcWHRdnXHzNv99zSCosDd82NkazwzvaxbkFLK0eYyHR9UZB5yL+26FjbGsJbC2zX+3wjbXpWN694gZ7uY67Zq/iDF1C5ddxz0ATsGVNNwC4BYp+rdIuUKqhHtIjf+OvY1/DNJ7NP/0Z+AXU5cW9B8Gd04AAAAASUVORK5CYII="); --input-common-icon_whatsapp-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAOVBMVEVHcEyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICZmC0sAAAAEnRSTlMABmb30jbqIKhVE8aX3n1BuUgB4YtkAAABgElEQVR42rVU6W6GMAyjTe8Dit//YUcvVgrfxKSNP5WKwbGdZFn++dHcCEWkhOH6B5j1GB5vP8A2AZDh0jHmJDcEiO0BxgIQORsueAQCm3HOg9bplq0E7yacgJJ3GqkgLkjmIR5VagE/8gSoD25ohTDoBRVeneDnDyThW7vAWmw8ZN5LWCFOnxFzHRvRuq1IM3tEd96DZ0GpXAjM6jl8qxfEyn9NvQ5zFATdvjCVgRdH480AU9/0E9hb8fbGbZpmWY+CP0qdi5RNt4JbzhqZqVZd8oUqJ6GGlLLrLN6YFwa6AG2JdSNVkpC7m4GNOrOGUrqyWRJUkFfq02JdaTkhrIirAAU9iuk2LcsOyrQyIXeJ46IOQ7enn5W2FGiTbZ6q4U8two7kg949A88IW1O0TiIYPTQ0H5qit1mL4ZjtIFmdw2zY6Ky4pHFogA985wlRXhr3HIUemQ2516s7l1G4D5ezKRp5G6734/p6ATyvlOVhpbxfUu/X3i8W6S9W8588X4SXFK2a0/y9AAAAAElFTkSuQmCC"); /*改版首頁*/ --custom-red-01: #8D2018; --custom-red-02: #3D1916; --custom-white-01: #FFFEFA; --custom-yellow-01: #FFF5D5; --custom-yellow-02: #FFDB66; --custom-yellow-03: #FF0; --custom-gradient-01: linear-gradient(180deg, #FB536C 27.73%, #FF667D 76.59%, #FF8E9F 100%); --custom-gradient-02: linear-gradient(270deg, #C7914D 11.49%, #FFF3CC 54.5%); --custom-gradient-03: linear-gradient(180deg, #FFCE2E 18.14%, #CC9C00 82.09%); --custom-gradient-04: linear-gradient(180deg, #FAD7DE -8.21%, #F594A0 100%); --custom-gradient-05: linear-gradient(180deg, #FF637B 0%, #993B4A 100%); --custom-gradient-06: linear-gradient(90deg, #cfbdff -24.55%, #ac8dff 46.66%); --custom-box-shadow-01: 0 0 3.754px 0 rgba(255, 255, 255, 0.60), 0 -0.938px 0.938px 0 rgba(255, 255, 255, 0.90) inset, 0 0.938px 1.877px 0 #7B0013 inset; --custom-box-shadow-02: -0.2px -0.2px 0 0 rgba(255, 255, 255, 0.70), 0 0.2px 0 0 rgba(255, 255, 255, 0.80), 0 1px 1px 0 #B24C55, 0 -1px 1px 0 #9A7600 inset, 0 1px 1px 0 #9A7600 inset; --custom-box-shadow-03: 0 -2px 2.5px 0 rgba(0, 0, 0, 0.10) inset; --custom-text-shadow-01: 0 0.938px 0.938px #A33656; --custom-text-shadow-02: 0 0.4px 0.8px rgba(0, 0, 0, 0.25); --custom-text-shadow-03: 0 -0.3px 0 #fff, 0 0.3px 0 #fff, -0.3px 0 0 #fff, 0.3px 0 0 #fff, -0.3px -0.3px 0 #fff, 0.3px -0.3px 0 #fff, -0.3px 0.3px 0 #fff, 0.3px 0.3px 0 #fff; --custom-text-shadow-04: 0 1px 1px rgba(94, 9, 9, 0.50); --custom-text-shadow-05: 0 2px 4px rgba(0, 0, 0, 0.45); --custom-img-filter-01: drop-shadow(0 2px 4px rgba(0,0,0,0.4)) drop-shadow(0 6px 12px rgba(0,0,0,0.2)); } /* #region 基本 */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: #808080 !important; } #app.Home *::-webkit-scrollbar { width: 4px; /* 寬度 */ } #app.Home *::-webkit-scrollbar-thumb { background-color: #F2DDDD; border-radius: 10px; } #app.v-application { font-family: Barlow,Roboto,sans-serif; } #app button.v-btn { background: none; background-color: #ffffff00; border-color: var(--custom-text-gray-color); color: var(--custom-text-gray-color); } #app button.theme--light.v-btn.v-btn--has-bg, #app button[type="submit"], #app button.submit-btn, #app table .blue-grey .white--text, #app .file-upload-item .upload_zone span.upload { background: var(--custom-pink-dark); background-color: var(--custom-pink-dark); color: var(--custom-white); border: none; box-shadow: none; } #app button[disabled="disabled"] { opacity: 0.5; } button.swal2-confirm, #app button[type="submit"], #app submit-btn { background: var(--custom-pink-dark) !important; background-color: var(--custom-pink-dark) !important; color: var(--custom-white) !important; border: none !important; } #app button.theme--light.v-btn.v-btn--has-bg span, #app table .blue-grey .white--text, #app button[type="submit"] span, #app button.submit-btn span { color: var(--custom-white) !important; text-shadow: none; } #app button.cancel-btn, #app a.cancel-btn { background: var(--custom-pink-gray); background-color: var(--custom-pink-gray); color: var(--custom-text-gray-color); border: 1px solid var(--custom-pink-gray-border); } #app button.v-btn span, #app button.cancel-btn span, #app a.cancel-btn spam, #app .custom-text-color { color: var(--custom-text-gray-color); } #app .v-input--selection-controls__ripple, #app .v-ripple__container { /* UI庫的點擊背景特效框 */ display: none; } #app .theme--light.v-btn:before { content: none; /* UI庫的點擊背景特效框 */ } #app .theme--light.v-btn:hover:before { content: none; /* UI庫的點擊背景特效框 */ } #app .v-main { background: var(--custom-gradient-top-light) !important; padding: 0px 0px 85px 0px !important; } #app #page-title { background: var(--custom-pink-dark); color: var(--custom-white) !important; font-weight: 700; } #app #page-title .v-icon { color: var(--custom-white) !important; } #app #page-title .back-btn { filter: brightness(0) invert(1); } #app.v-application .white--text, #app.v-application .black--text, #app .v-card, #app .v-card > .v-card__text, #app .v-input, #app .v-input input, #app .v-input textarea, #app .theme--light.v-select, #app .v-select__selections, #app .form-wrap .input-wrap .v-label, #app .form-wrap .input-wrap input, #app .form-wrap .input-wrap.select .v-select__slot .v-select__selections, #app .mx-input::placeholder, #app .v-input.v-input--radio-group i, #app .v-input.v-input--checkbox i, #app.theme--light.v-application { color: var(--custom-text-gray-color) !important; caret-color: var(--custom-text-gray-color) !important; box-shadow: none; } #app .v-card { background: var(--custom-white-dark); border-radius: 8px; } #app .progress { background-color: var(--custom-pink-gray-border); border-radius: 12px; } #app .progress-bar-danger, #app .progress-bar-warning { animation: none; background-image: linear-gradient(270deg, #FF8698 32.63%, #FFD4B0 210.5%); background-color: #ffffff00; box-shadow: none; background-repeat: no-repeat; background-size: 100% 100%; border-radius: inherit; text-align: end; } #app .progress-bar span { color: var(--custom-white) !important; } #app .progress-bar.zero span { color: var(--custom-text-gray-color) !important; } #app .approveStatus .review-successful { border-color: var(--custom-text-gray-color); color: var(--custom-text-gray-color); } #app .v-btn:not(.v-btn--round).v-size--default span { color: var(--custom-text-gray-color); caret-color: var(--custom-text-gray-color); text-shadow: none; } #app .mx-datepicker svg { fill: var(--custom-text-gray-color); } #app .form-wrap .input-wrap, #app .v-input.v-text-field--rounded .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } #app .v-input .v-select__slot i { width: 24px; height: 24px; font-size: 0; background: url("e027e3e96044220a5407.png") no-repeat center/contain; margin-top: 8px; } .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset { border: none; } #app .v-input .v-icon.v-icon--dense { font-size: 22px; } #app .upload-limit, #app .upload-limit i { color: var(--custom-pink-dark) !important; } #app .custom-file-upload{ flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #app .custom-file-upload .file-upload-item { width: 48%; } #app .custom-file-upload b { width: 80%; position: relative; } #app .file-upload-item .upload_zone .upload-note{ position: absolute; width: 100%; color: #ff637b; } #app .custom-file-upload .upload_zone { border-radius: 8px; height: 160px; } #app .custom-file-upload .upload { width: 200px; } #app .file-upload-item .upload_zone i { background: url("b2ff15230d004678b659.png") no-repeat center /contain; font-size: 0 !important; width: 36px; height: 36px; } #app .file-upload-item .upload_zone i::after { content: none; } #app .file-upload-item .upload_zone span.upload { width:100% !important; } #app .v-btn:not(.v-btn--round).v-size--default { min-height: 30px; padding: 0 30px; } #app .v-text-field--outlined.v-input--has-state fieldset, #app .v-text-field--outlined.v-input--is-focused fieldset { border: none; } #app.v-application .v-alert.error, #app.v-application .v-alert.error i { color: var(--custom-white) !important; caret-color: var(--custom-white) !important; } #app .v-card:empty { display: none; } .swal2-icon.swal2-success .swal2-success-ring, .swal2-icon.swal2-error { border-width: 2px !important; } .swal2-icon.swal2-success .swal2-success-ring { border: .25em solid var(--custom-blue); } .swal2-icon.swal2-success [class^=swal2-success-line] { background-color: var(--custom-blue); } /*--->小按鈕群統一樣式*/ #app.BetRecord .btn-group, #app.Transaction .btn-group, #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text > div:not(.v-input--checkbox):not(.categories) { gap: 8px; } #app.BetRecord .btn-group button, #app.Transaction .btn-group button #app.BetRecord button.select-btn, #app.BetRecord .game-type-dialog-component button.select-btn, #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text button.v-size--small { color: var(--custom-text-gray-color); border-color: var(--custom-text-gray-color); } #app.BetRecord .btn-group button, #app.Transaction .btn-group button, #app.BetRecord .game-type-dialog-component button.select-btn, #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text button.v-size--small { color: var(--custom-text-gray-color); border-color: var(--custom-text-gray-color); border-radius: 50px; padding: 6px 15px; font-weight: 500; margin-right: 0; line-height: 1; } #app.BetRecord .v-dialog.gametype-dialog-component .v-card__text button.v-size--small { width: calc(25% - 10px); } #app.BetRecord .btn-group button.active, #app.Transaction .btn-group button.active { opacity: 1; color: var(--custom-white); border-color: var(--custom-pink-dark); background: var(--custom-pink-dark); } /*--->頁簽統一樣式*/ #app.AwardCenter .inner, #app.Promotion .inner { padding: 12px; } #app.AwardCenter .inner .scroll-content, #app.Promotion .inner .scroll-content { margin-top: 8px; overflow-y: hidden; } #app.WithdrawAccountManagement .v-tabs, #app.AwardCenter .inner .scroll-content, #app.Promotion .inner .scroll-content { width: unset; border-radius: 50px; height: 44px; margin-bottom: 20px; } #app.AwardCenter .inner .scroll-content .navtab, #app.Promotion .inner .scroll-content .navtab { padding: 0px; } #app.WithdrawAccountManagement .v-tabs .v-tab, #app.AwardCenter .inner .scroll-content .navtab li, #app.Promotion .inner .scroll-content .navtab li { color: var(--custom-text-gray-color) !important; font-weight: 800; min-height: unset; height: 44px; } #app.WithdrawAccountManagement .v-tabs .v-tab.v-tab--active, #app.AwardCenter .inner .scroll-content .navtab li.active, #app.Promotion .inner .scroll-content .navtab li.active { background: var(--custom-pink-dark); border-radius: 50px; color: white !important; font-weight: 800; line-height: 1; display: flex; justify-content: center; align-items: center; } #app.WithdrawAccountManagement .v-tabs .v-tabs-slider-wrapper, #app.AwardCenter .inner .scroll-content .navtab .li.active::after, #app.Promotion .inner .scroll-content .navtab li.active::after { content: none; display: none; } /* #endregion 基本 */ /* #region 彈跳視窗 */ #app .v-dialog { background: var(--custom-white); border-radius: 12px; } #app .v-dialog.tab-announcement .v-card{ border-radius: 12px !important; } #app .v-dialog .v-card__title { background: var(--custom-pink-dark) !important; color: var(--custom-white) !important; padding: 16px 20px; justify-content: left; } #app.v-application .v-dialog .white--text { color: var(--custom-white) !important; } #app .v-dialog .v-card__title span { width: calc(100% - 40px); } #app .v-dialog.announcement > .v-card { background-color: var(--custom-white); border: none; } #app .v-dialog.announcement > .v-card .close-btn { top: 16px; right: 24px; } #app .v-dialog.announcement .v-card__text, #app .announcement .v-input--checkbox .v-label, #app .announcement .v-input--checkbox .v-icon { color: var(--custom-white); } #app .v-dialog .v-card__actions button.theme--light { background: var(--custom-pink-dark); } #app .v-dialog .v-card__actions button.theme--light span { color: var(--custom-white); } #app .v-dialog > .v-card > .v-card__actions { padding: 20px 16px; } #app .v-dialog.common-alert-modal, #app .v-dialog.common-alert-modal .v-card h4 { color: var(--custom-text-gray-color); } #app .v-dialog.wallet-detail-dialog { border: 1px solid var(--97, #F0CD75); background: #FFEFEF; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.25); } #app .v-dialog.wallet-detail-dialog .v-card { background: #FFEFEF; } #app .v-dialog.wallet-detail-dialog .v-card .v-card__title { border-bottom: 1px solid var(--97, #F0CD75); } #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container { align-items: start !important; } #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container .transfer-out .text, #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container .transfer-in .text { color: #A3A3A3; font-family: Barlow; font-size: 12px; } #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container .manual-transfer-display-name-center { color: var(--color-grey-50, #808080); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; margin-bottom: 8px; } #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container .transfer-in .manual-transfer-display-name-center { font-weight: bolder; } #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container .manual-transfer-balance { padding: 4px 4px; background: #FFE0E5; color: #6C6C6C; font-size: 14px; font-weight: 500; } #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container .transfer-arrow-warp { position: relative; display: flex; width: 80px; height: 44px; justify-content: center; align-items: center; flex-shrink: 0; } #app .v-dialog.wallet-detail-dialog .v-card .transfer-flow-container .transfer-arrow-warp .transfer-arrow { position: absolute; transform: translateY(35px); color: transparent; width: 35px; height: 35px; background: url("e3826bf6fc0226bd96b4.png") no-repeat center / contain; } #app .v-dialog.wallet-detail-dialog .v-card .v-card__text { padding: 20px !important; } #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container{ padding: 0; } #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container input { background: #FFF8F8; box-shadow: none; border: 1px solid #E8C0C6; color: var(--custom-text-gray-color); margin-bottom: 8px; } #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .input-wrapper::before { display: none; } #app .v-dialog.wallet-detail-dialog button.v-btn.v-btn--has-bg.btn-blue { background: none; border: 1px solid var(--custom-pink-dark); width: 93px; } #app .v-dialog.wallet-detail-dialog button.v-btn.v-btn--has-bg.btn-blue span { color: var(--custom-pink-dark) !important; } #app .v-dialog.wallet-detail-dialog .v-card .v-card__actions.flex-wrap.justify-end { justify-content: center !important; } #app .v-dialog.wallet-detail-dialog .v-card .v-card__actions .spacer { display: none; } #app .v-dialog.wallet-detail-dialog button.confirmTransfer-btn { background: #FFEFEF; border-radius: 7px; border: 1px solid #FF637B; } #app .v-dialog.wallet-detail-dialog button.confirmTransfer-btn span { color: #FF637B; } #app .v-dialog.v-dialog--persistent .v-card__title i, #app .v-dialog.v-dialog--persistent .v-card__title span { color: var(--custom-white) !important; } #app .v-dialog.tab-announcement .v-card__actions button { background: var(--custom-pink-dark) !important; } #app .v-dialog.announcement .v-input input{ color: var(--custom-white) !important; caret-color: var(--custom-white) !important; } #app .v-dialog.financial-dialog { margin: 0 0 77px 0 !important; align-self: end; background: none; box-shadow: none; } #app .financial-dialog .v-card { overflow-y: hidden; } #app .v-dialog.wallet-detail-dialog .v-card > div, #app .v-dialog.wallet-detail-dialog .v-card .v-card__text { padding: 20px !important; } #app .v-dialog.wallet-detail-dialog .v-card > .v-card__title { padding: 16px 20px !important; } #app .v-dialog.financial-dialog .v-card, #app .v-dialog.financial-dialog .v-card .v-card__text, #app .v-dialog .v-card.financial-dialog { padding: 0 !important; } #app .v-dialog:not(.financial-dialog):not(.wallet-detail-dialog) .v-card > .v-card__text { padding: 20px !important; } /* #endregion 彈跳視窗 */ /* #region 公告彈窗 */ /* 彈窗背景 */ #app .v-dialog__content--active { backdrop-filter: blur(8px); background-color: rgba(0, 0, 0, 0.4); } #app .v-dialog.announcement { position: relative; padding: 0 0 60px; background: transparent; background-size: 100% 100%; border: none; box-shadow: none; margin-top: 10vh; } #app .v-dialog.announcement .v-card { border: none; background: transparent; box-shadow: none; } #app .v-dialog.announcement .v-card::before { content: none; } #app .v-dialog.announcement .v-card__text { padding: 0px; } #app .v-dialog.announcement .v-card__text .swiper-slide { position: relative; overflow: hidden; border-radius: 12px; padding: 2px; } #app .v-dialog.announcement .v-card__text .swiper-slide::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 12px; border: 2px solid rgba(0, 0, 0, 0); background: var(--custom-pink-light) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; content:none; } #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text { border-radius: 12px; position: relative; } #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text::after { content: ""; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.5%, #000 100%); width: 100%; height: 100px; bottom: 0; content: none; } #app .v-dialog.announcement .v-card__text .navigationp-btn { display: none; } #app .v-dialog.announcement .v-card .v-card__title { border: none; background: transparent; box-shadow: none; padding: 0; } #app .v-dialog.announcement .v-card .v-card__title button { position: absolute; top: 100%; right: 50%; margin-right: -30px; width: 50px; height: 50px; font-size: 0; } #app .v-dialog.announcement .v-card.v-sheet.theme--light button::before { content: "✕"; width: 30px; height: 30px; color: var(--custom-white); border: solid #fff 2px; border-radius: 50%; font-size: 15px; font-weight: bold; line-height: 21px; } #app .v-dialog.announcement .v-card .v-card__title span { display: none; } #app .v-dialog.announcement .v-card .v-card__title button:active { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } #app .v-dialog.announcement .v-card .swiper-pagination-bullets { bottom: 14px; } #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet { width: 6px !important; height: 6px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #FFFFFF !important; } #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--custom-pink-dark) !important; } #app .v-dialog.announcement .v-card .v-card__text img { display: block; margin: 0 auto; width: 100%; height: auto; } #app .v-dialog.announcement .v-divider { display: none; } #app .v-dialog.announcement .footer { justify-content: center; } #app .v-dialog.announcement .footer p { display: none; } @media (max-width: 400px) { /*輪播圖太大，iPhone SE 會出現滾動。*/ #app .v-dialog.announcement .v-card .v-card__actions { padding: 10px 16px 20px 16px; } } /* #endregion 初始輪播圖（彈跳視窗）*/ /* #endregion 公告彈窗 */ /* #region footer */ #app #footer .v-bottom-navigation { box-shadow: none; box-shadow: none; border-radius: 0px; bottom: -1px; } #app #footer .v-bottom-navigation::before { content: ''; position: absolute; width: 100%; height: 0vw; padding-top: 25%; bottom: 0px; background: url("d2fb9c7fde3f2eb5f85a.jpg") no-repeat bottom center / contain; } #app #footer .v-bottom-navigation .v-btn { top: -7.1vmin; height: 21vw !important; background-color: #ffffff00; border: none; position: relative; flex: 1; } #app #footer .v-bottom-navigation .v-btn[value="Deposit"] { flex: 2; } #app #footer .v-bottom-navigation .v-btn:not(:last-child)::after { content: ''; display: block; position: absolute; height: 100%; aspect-ratio: 70 / 160; box-shadow: none; background: url("3ec7992ad3680dc0f7e6.avif") no-repeat center / contain; right: 0; transform: translateX(50%); } #app #footer .v-btn i, #app #footer .v-btn--active i { height: 34px; width: 34px; margin-top: 0px; } #app #footer .v-btn i.home { background: url("c4aeed75d6579b728787.avif") no-repeat center / contain; } #app #footer .v-btn i.promo { background: url("c1d649daa2fb902622c5.avif") no-repeat center / contain; } #app #footer .v-btn i.chat { background: url("954b365560d81127409e.avif") no-repeat center / contain; } #app #footer .v-btn i.member-center { background: url("eabe7510693f53105530.avif") no-repeat center / contain; } #app #footer .v-btn i.financial { margin-top: -38px; width: 72px; height: 72px; background: url("15c046632197ce81b479.png") no-repeat center / contain; /* background: url("3056ade6b888e55bd8fa.gif") no-repeat center / contain;*/ } #app #footer .v-bottom-navigation a span, #app #footer .v-bottom-navigation span { color: var(--custom-white); font-weight: 600; line-height: 2; } /* #region #footer 財務彈窗 */ #app .v-dialog.financial-dialog .v-card .v-card__text{ position: relative; z-index: 5 !important; } #app .v-dialog.financial-dialog .v-card ul li.walletCenter { order: -1; bottom: 0; /* ⚡️ 自動適應：365px時約7px，440px時約37px */ left: calc(46.15vw - 161.5px); clip-path: polygon(0% 48%, 100% 0%, 100% 100%, 0% 100%); padding-top: 38px; padding-left: 18px; transform: rotate(-32deg) translate(14px, 14px); } #app .v-dialog.financial-dialog .v-card ul li.withdraw { bottom: 0; /* ⚡️ 自動適應：365px時約7px，440px時約37px */ right: calc(46.15vw - 161.5px); clip-path: polygon(0% 0%, 100% 48%, 100% 100%, 0% 100%); padding-top: 38px; padding-right: 18px; transform: rotate(31deg) translate(-13px, 14px); } /* 🔒 安全鎖：當寬度大於你鎖定的 440px 最大寬度時，固定數值不再無限放大 */ @media (min-width: 441px) { #app .v-dialog.financial-dialog .v-card ul li.walletCenter { left: 37px; } #app .v-dialog.financial-dialog .v-card ul li.withdraw { right: 37px; } } /* #endregion footer */ /* #region 首頁 */ #app.Home #activity-float { bottom: 100px; } #app.Home .world-cup-float { bottom: 190px; } #app.Home #world-cup { width: 75px; height: 75px; background: url("042a04dee679dbd18b04.png") center / contain no-repeat; } .zh-TW#app.Home #world-cup { background: url("9022c73e7ab41905db19.png") center / contain no-repeat; } #app.Home #world-cup span:not(.close) { position: relative; font-size: 20px; padding: 2px; line-height: 1; margin-bottom: 10px; background: linear-gradient(180deg, #FFD941 26.48%, #E5B001 80.87%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; } #app.Home #world-cup span:not(.close)::before { content: ''; position: absolute; background: black; opacity: 0.7; display: block; width: 100%; height: 100%; border-radius: 3px; z-index: -1; top: 0; left: 0; } #app.Home #home { display: flex; flex-direction: column; background: var(--custom-gradient-04); overflow: hidden; } #app.Home #app-download, #app.Home #logo-bar, #app.Home .news-wrap { order: -1; } #app.Home #app-download ul { padding: 1.5% 12px; background-color: var(--custom-pink-dark); } #app.Home #app-download ul li.close-btn { background: url("61df8e81e041405ef9a8.png") no-repeat center center/contain; } #app.Home #app-download ul li.download-body { flex: 1; } #app.Home #app-download ul li.download-btn { background: var(--custom-white); color: var(--custom-pink-dark) !important; padding: 3px 14px; border-radius: 2px; width: auto; min-width: unset; font-size: 12px; font-style: normal; font-weight: 700; text-shadow: none; } #app.Home #app-download ul li.download-body > div h2 { color: var(--custom-text-color); font-weight: 700; } #app.Home #app-download ul li.download-body > div span { color: var(--custom-text-color); opacity: 0.8; } #app.Home #logo-bar { position: relative; padding: 0px 14px; margin: 10px 6px; background: url("cc1f31cd95ddd7b925f0.png") no-repeat center / contain; aspect-ratio: 756 / 136; height: auto; border-radius: 0; width: calc(100% - 12px); min-height: unset; max-height: unset; } #app.Home #logo-bar .logo { width: 30%; background: url("be7c194174ef8a37910d.png") no-repeat center / contain; aspect-ratio: 230 / 104; margin-top: 1%; } #app.Home #logo-bar .online-count, #app.Home #logo-bar .member-level, #app.Home #logo-bar .balance::before, #app.Home #logo-bar .lang, #app.Home #logo-bar .logo img { display: none; } #app.Home #logo-bar a { font-weight: 800; height: auto; } #app.Home #logo-bar a.signup-btn { order: -1; background: var(--custom-white); border-radius: 20px; color: var(--custom-pink-dark); padding: 0px 18px; display: flex; align-items: center; } #app.Home #logo-bar a.login-btn { padding: 0px 18px; border-radius: 20px; background: linear-gradient(270deg, #FEEBEB -1.33%, #FEA9B6 56.65%, #BB86FF 114.62%); position: relative; } #app.Home #logo-bar a.login-btn::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 20px; border: 1px solid transparent; background: linear-gradient( to left, #FF8698 0%, #FFD4B0 100% ) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app.Home #logo-bar .account-box { gap: 0px; margin-bottom: -1%; } #app.Home #logo-bar .balance { border-radius: 40px; padding: 4px 10px 1px 10px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 4px; letter-spacing: 0.4px; background: var(--custom-gradient-01); box-shadow: var(--custom-box-shadow-01); text-shadow: var(--custom-text-shadow-01); } #app.Home #logo-bar .balance::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url("6387fe0a668238cb5b7b.png") no-repeat center center/contain; } #app.Home #logo-bar .balance::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; border: 2px solid transparent; background: linear-gradient(to bottom, #FFFEFA 0%, #F2E1AB 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app.Home #logo-bar .text-truncate { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 12px; font-weight: 600; } #app.Home #logo-bar .vip-level { width: 18px; height: 18px; font-size: 9px; margin-top: 2px; font-weight: 600; display: flex; align-items: center; justify-content: center; color: var(--custom-yellow-01); background: url("c0a86ef1deb7262cc324.png") no-repeat center center/contain; } #app.Home #logo-bar .bar-box { display: flex; align-items: center; height: 26px; } #app.Home #logo-bar .bar-box::after { content: ''; display: inline-block; width: 25px; height: 25px; margin-left: -8px; background: url("7cc74bd51bf341688dfd.png") no-repeat center center / contain; } #app.Home #logo-bar .bar-box .progress { height: 12px; width: 100%; border: 1px solid var(--custom-yellow-02); background: var(--custom-gradient-02); box-shadow: var(--custom-box-shadow-02); } #app.Home #logo-bar .bar-box .progress-bar { height: 100%; text-align: center; background: var(--custom-gradient-03); box-shadow: var(--custom-box-shadow-03); } #app.Home #logo-bar .bar-box .progress-bar span { color: #FFFFFF !important; text-shadow: var(--custom-text-shadow-02); font-size: 10px; font-weight: 700; display: block; line-height: 1; } #app.Home .news-wrap { background: none; margin: -4px 12px 0px 12px; } #app.Home .news-wrap #news { position: relative; color: var(--custom-white); padding: 0 12px 0 40px; background: url("1387001fa2b7d4e22251.avif") no-repeat left center/contain; aspect-ratio: 732/58; height: auto; } #app.Home .news-wrap #news::before { content: ''; position: absolute; height: 100%; width: 16px; left: 12px; background: url("63ce86207c010d0a15c2.avif") no-repeat left center/contain; } #app.Home #slider { position: relative; margin: 6px 6px 0px 6px; background: none; } #app.Home #slider::before { position: absolute; width: 100%; height: 100%; display: block; background: url("52094ba1006cde38bdcf.png") no-repeat right -1px / contain; z-index: 2; } #app.Home .onlineNumber-box { display: block; z-index: 2; margin-left: 6px; pointer-events: none; } #app.Home .jackpot-box { display: none; } #app.Home .jackpot-box .jackpot, #app.Home .onlineNumber-box .onlineNumber { width: auto; flex-direction: row; top: 4px; } #app.Home .jackpot-box .jackpot > div, #app.Home .onlineNumber-box .onlineNumber > div { width: auto !important; } #app.Home .jackpot-box .jackpot .line, #app.Home .onlineNumber-box .onlineNumber .line { display: none; } #app.Home .jackpot-box .jackpot .text, #app.Home .onlineNumber-box .onlineNumber .text { color: var(--custom-pink-dark); font-family: "FrancoisOne"; background: none; -webkit-text-fill-color: unset; font-style: normal; letter-spacing: 1.1px; font-size: 0px; position: relative; } #app.Home .jackpot-box .jackpot .text::before, #app.Home .onlineNumber-box .onlineNumber .text::before { font-size: 14px; content: 'JACKPOT'; background: var(--custom-gradient-05); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; } #app.Home .jackpot-box .jackpot .text::after, #app.Home .onlineNumber-box .onlineNumber .text::after { position: absolute; font-size: 14px; content: 'JACKPOT'; text-shadow: var(--custom-text-shadow-03); color: white; width: auto; white-space: nowrap; left: 0; z-index: -1; top: 0; height: auto; } #app.Home .onlineNumber-box .onlineNumber .text::before, #app.Home .onlineNumber-box .onlineNumber .text::after { content: 'Online'; } .zh-TW#app.Home .onlineNumber-box .onlineNumber .text::before, .zh-TW#app.Home .onlineNumber-box .onlineNumber .text::after { content: '在線人數'; } #app.Home .jackpot-box .jackpot .number { transform: none; } #app.Home .onlineNumber-box .onlineNumber .number { transform: none; } #app.Home .jackpot .number .jackpot-number .real-time-num, #app.Home .onlineNumber .number .online-number .real-time-num { margin-left: -1px; } #app.Home .jackpot .number .jackpot-number .real-time-num div, #app.Home .onlineNumber .number .online-number .real-time-num div { color: var(--custom-red-01); font-family: "Cursed Timer ULiL"; font-size: 16px; } #app #custom-float { top: 20vh; padding: 5px; } #app.Home #custom-float .main-icon, #app.Home #custom-float .custom-float-content { background-color: var(--custom-float-color) !important; border-radius: 8px !important; } #app.Home #custom-float .custom-float-content { padding-bottom: 10px; } #app.Home #custom-float .main-icon { background: url("ab5785750baf8e62df3d.png") no-repeat center/contain; background-size: 80%; margin-bottom: 16px; } #app.Home #custom-float .main-icon.active { background: url("7a86ec7a758ce4806592.avif") no-repeat center/contain; background-size: 50%; } #app.Home #custom-float .main-icon, #app.Home #custom-float .custom-float-content, #app.Home #custom-float .custom-float-content .custom-float-item, #app.Home #custom-float .custom-float-content .custom-float-item .toggle-icon { width: 50px; min-height: 50px; } #app.Home #custom-float .custom-float-content .custom-float-item { min-height: 70px; } #app.Home #custom-float .custom-float-content.expand-box .custom-float-item.chat { display: none; } #app.Home #custom-float .custom-float-content .custom-float-item { position: relative; top: unset; } #app.Home #custom-float .custom-float-content .custom-float-item .text { font-weight: 700; font-size: 12px; color: var(--custom-white); display: block; width: 100%; text-align: center; padding-top: 50px; white-space: nowrap; display: flex; justify-content: center; } .zh-TW#app.Home #custom-float .custom-float-content .custom-float-item.ranking { min-height: 90px; } #app.Home #custom-float .custom-float-content .custom-float-item.vip .text, #app.Home #custom-float .custom-float-content .custom-float-item.app .text { font-size: 0; } #app.Home #custom-float .custom-float-content .custom-float-item.vip .text::before, #app.Home #custom-float .custom-float-content .custom-float-item.app .text::before, #app.Home #custom-float .custom-float-content .custom-float-item.ranking .text::before { font-size: 12px; } #app.Home #custom-float .custom-float-content .custom-float-item.vip .text::before { content: "VIP"; } .zh-TW#app.Home #custom-float .custom-float-content .custom-float-item.vip .text::before { content: "VIP專區"; } #app.Home #custom-float .custom-float-content .custom-float-item.app .text::before { content: "APP"; } .zh-TW#app.Home #custom-float .custom-float-content .custom-float-item.app .text::before { content: "APP下載"; } /*#app.Home #custom-float .custom-float-content .custom-float-item.ranking .text::before { font-size: 12px; white-space: pre; content: "World Cup"; white-space: nowrap; } .zh-TW#app.Home #custom-float .custom-float-content .custom-float-item.ranking .text::before { font-size: 12px; white-space: pre; content: "世界盃\A爭霸戰"; }*/ #app.Home #custom-float .custom-float-content, #app.Home #custom-float .custom-float-content .custom-float-item .card { display: none; } #app.Home #custom-float.active .custom-float-content, #app.Home #custom-float .custom-float-content .custom-float-item.show-card .card { display: flex; } #app.Home #custom-float .custom-float-content .custom-float-item.show-card .card { margin-bottom: 6px; } #app.Home #custom-float .custom-float-content .custom-float-item .card { position: relative; top: 0; right: 0; margin-left: -247px; } #app.Home #custom-float .custom-float-content .custom-float-item.award-center { margin-top: -15px; } #app.Home #custom-float .custom-float-content .custom-float-item.award-center .toggle-icon { background: url("94c83352d15cfdb70b69.avif") no-repeat center/contain; background-size: 80%; } #app.Home #custom-float .custom-float-content .custom-float-item.vip .toggle-icon { background: url("66c78f81261e6d557224.avif") no-repeat center/contain; background-size: 80%; } #app.Home #custom-float .custom-float-content .custom-float-item.app .toggle-icon { background: url("2077f887d9f8237bbe25.avif") no-repeat center/contain; background-size: 90%; } #app.Home #custom-float .custom-float-content .custom-float-item.ranking .toggle-icon { background: url("f09564d650de063eee8c.avif") no-repeat center/contain; background-size: 78%; } #app.Home #custom-float .custom-float-content .custom-float-item.ranking { /* display:none; */ } #app.Home #home-navigation-wrap { padding-bottom: calc(25vw - 66px); } #app.Home #home-navigation { padding-top: 0px !important; } #app.Home #home-navigation .game-tab { padding: 12px 10px 12px 12px; gap: 6px; width: 82px; top: 0px; box-shadow: none; background: none; border-radius: 0px; height: 100%; } #app.Home #home-navigation .game-tab::-webkit-scrollbar { display: none; } #app.Home #home-navigation .game-tab li { flex-direction: column; background: url("1e376d8eb8a55776c4ae.avif") no-repeat center / contain; position: relative; padding: 0px; font-size: 12px; font-weight: 700; justify-content: center; overflow: hidden; height: auto; min-height: unset; aspect-ratio: 113 / 120; flex: none; } /* #app.Home #home-navigation .game-tab li.Sport a { font-size: 0; } #app.Home #home-navigation .game-tab li.Sport a::before { font-size: 12px; content: 'World Cup'; } .zh-TW#app.Home #home-navigation .game-tab li.Sport a::before { content: '世界盃'; }*/ #app.Home #home-navigation .game-tab li.active { background: url("6a466a8a1e5d7fa96d32.avif") no-repeat center/contain; } #app.Home #home-navigation .game-tab li a { font-size: 12px; flex: none; justify-content: center; margin-top: 8%; overflow: visible; height: 0; color: #FFF; text-shadow: var(--custom-text-shadow-04) } #app.Home #home-navigation .game-tab li.active a { color: var(--custom-yellow-03); text-shadow: var(--custom-text-shadow-04) } #app.Home #home-navigation .game-tab li::before { margin-top: -7px; } #app.Home #home-navigation .game-tab li.Hot::before { background-image: url("0e03b79c4c07e05b6a03.avif"); } #app.Home #home-navigation .game-tab li.active.Hot::before { background-image: url("ce1ea6c2df7a50520b2e.avif"); } #app.Home #home-navigation .game-tab li.Slot:before { background-image: url("ebb0a92b90a661954cea.avif"); } #app.Home #home-navigation .game-tab li.active.Slot:before { background-image: url("b1143345a855f6e00198.png"); } #app.Home #home-navigation .game-tab li.Live:before { background-image: url("94b0f0e7084619393d43.avif"); } #app.Home #home-navigation .game-tab li.active.Live:before { background-image: url("9a26c68cca5f44a96e9c.png"); } #app.Home #home-navigation .game-tab li.Board:before { background-image: url("a61bbeee3c5b27658ae3.avif"); } #app.Home #home-navigation .game-tab li.active.Board:before { background-image: url("ceee45b5ab8b86edc2a4.png"); } #app.Home #home-navigation .game-tab li.Fish:before { background-image: url("0767f6890076f82e0dfc.avif"); } #app.Home #home-navigation .game-tab li.active.Fish:before { background-image: url("0fbd85b5af72263cd224.png"); } #app.Home #home-navigation .game-tab li.Sport:before { background-image: url("b10b4a69ec27dd2a809f.avif"); } #app.Home #home-navigation .game-tab li.active.Sport:before { background-image: url("8774c53c53be222a9b19.png"); } #app.Home #home-navigation .game-tab li.Lottery:before { background-image: url("407bdc8631a2e1e378b5.avif"); } #app.Home #home-navigation .game-tab li.active.Lottery:before { background-image: url("5bd76f63b2049a07260c.png"); } #app.Home #home-navigation .game-tab li.ESport:before { background-image: url("156ff842d1d09041d8c9.png"); } #app.Home #home-navigation .game-tab li.active.ESport:before { background-image: url("71de4d9ac5b56a870635.png"); } #app.Home #home-navigation .game-tab li.Arcade:before { background-image: url("3fcc7a9b1821302e9469.avif"); } #app.Home #home-navigation .game-tab li.active.Arcade:before { background-image: url("9b2c9d22e76902e6a52d.png"); } #app.Home #home-navigation .game-list-block { padding: 12px 12px 12px 0px; width: calc(100% - 82px); right: 0; background: none; height: 100%; } #app.Home #home-navigation .game-list-block ul li { margin-bottom: 0px; border-radius: 8px; border: none; aspect-ratio: 536/220; height: auto; margin-bottom: 10px; } #app.Home #home-navigation .game-list-block ul li:last-child { margin-bottom: 0; } #app.Home #home-navigation .game-list-block ul:last-child li:last-child { margin-bottom: 0px; } #app.Home #home-navigation .game-list-block ul li > span { background: none; padding: 0; color: var(--custom-white); font-weight: 700; left: 10px; position: absolute; width: 40%; text-align: center; text-shadow: var(--custom-text-shadow-05); transform: translateY(-50%); top: calc(50% + 35px); } #app.Home #home-navigation .game-list-block ul li > span img { height: 60px; width: 60px; top: -65px; left: 50%; transform: translateX(-50%); filter: var(--custom-img-filter-01); } #app.Home #home-navigation .game-list-block ul li .btn-go { display: none; } #app.Home #home-navigation .game-list-block ul li .game-bg { width: 100%; height: 100%; top: 0px; right: 0px; background: url("1879ec9a37171870be98.avif") no-repeat center center / contain; } #app.Home #home-navigation .game-list-block ul.Hot.active { display: flex; flex-wrap: wrap; gap: 10px; } #app.Home #home-navigation .game-list-block ul.Hot li { width: calc(50% - 5px); height: auto; aspect-ratio: 280 / 280; border: none; margin-bottom: 20px; padding: 0; position: relative; overflow: visible; margin-bottom: -5px; } #app.Home #home-navigation .game-list-block ul.Hot li img { width: 100%; height: auto; aspect-ratio: 280 / 280; position: relative; border-radius: 10px; } #app.Home #home-navigation .game-list-block ul.Hot li:after { content: ''; position: absolute; z-index: 1; top: 0px; width: 100%; height: auto; aspect-ratio: 280 / 280; display: block; background: url("001cc4c6ae6779891429.avif") no-repeat center center / contain; } #app.Home #home-navigation .game-list-block ul.Hot li > span { font-weight: 700; line-height: 1; color: var(--custom-red-02); font-size: 12px; position: absolute; bottom: -20px; top: unset; width: 100%; left: 0; text-align: center; padding: 4px 6px; text-shadow: none; display: none; } #app.Home #home-navigation .game-list-block ul.Hot li > span img { display: none; } @media (max-height: 810px) { #app.Home #home-navigation .game-tab { /*padding: 8px 12px calc(25vw - 64px) 16px;*/ gap: 5px; } #app.Home #home-navigation .game-tab li { /* height: calc(12.5% - 4.375px);*/ } #app.Home #home-navigation .game-tab li::before { width: 20px; height: 20px; } #app.Home #home-navigation .game-list-block { /*padding: 8px 16px calc(25vw - 64px) 16px;*/ } #app.Home #home-navigation .game-list-block ul li { margin-bottom: 5px; } #app.Home #home-navigation .game-tab li a { font-size: 11px; } #app.Home #home-navigation .game-list-block ul.Hot.active { gap: 5px; } } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card { background: #EDEDED; border-radius: 8px; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title { font-size: 18px !important; font-weight: 700 !important; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title button { height: auto; width: auto; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title button i{ color: var(--custom-white); } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title span:not(.v-btn__content) { color: var(--custom-white); font-size: 0px !important; line-height: 1; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title span:not(.v-btn__content)::before { font-size: 18px !important; content: 'Code King DUO Cup'; } .vi-VN#app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title span:not(.v-btn__content)::before { content: 'Code King DUO Cup'; } .zh-TW#app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title span:not(.v-btn__content)::before { font-size: 18px !important; content: "碼王爭DUO賽"; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__text { padding:15px !important; } #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__text::before { content: '10/20 ~11/20'; display: block; color: #333333; font-size: 16px; font-weight: 500; margin-bottom: 12px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list { counter-reset: rank; padding: 0px; gap: 12px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li { border-radius: 8px; border: 0.2px solid #333; background: #FFF; box-shadow: 0 2px 4px 0 rgba(135, 122, 123, 0.10); padding: 16px 16px 16px 86px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li::before { counter-increment: rank; content: counter(rank); font-weight: 900; font-size: 24px; font-family: Barlow; color: #FFF; width: 70px; height: 70px; display: block; background: url("cd1feceeb70299a8e3c7.png") no-repeat center / contain; padding-top: 30px; white-space: nowrap; text-align: center; position: absolute; left: 16px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span { color: #877A7B; font-family: Barlow; font-size: 15px; font-weight: 400; line-height:1.5; } .vi-VN#app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span b { letter-spacing: -1px; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b, #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.bet b { font-size: 0; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b::before { font-size: 15px; content: 'Ranking Rewards'; } .zh-TW#app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b::before { content: '排名獎勵'; } .vi-VN#app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b::before { content: 'Phần thưởng'; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.bet b::before { font-size: 15px; content: 'Total Wagered'; } .zh-TW#app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.bet b::before { content: '累積投注'; } .vi-VN#app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.bet b::before { content: 'Tổng cược'; } #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li .payout span.currencySymbol { display: none; } /* #endregion 首頁 */ /* #region 遊戲大廳 */ #app.Lobby .grey.lighten-2 { background-color: #ffffff00 !important; background: var(--custom-gradient-pink-light); } #app.Lobby .game-item .v-card__text, #app.FishCasino .game-item .game-name { font-size: 15px; font-weight: 700; display: none; } #app.Lobby .v-chip .v-chip__content { color: var(--custom-white); } /* #endregion 遊戲大廳 */ /* #region 登入註冊頁 */ #app #login .back-btn { z-index: 2; } #app #login .logo { width: 100%; } #app #login .logo a { margin: auto; } #app.Login .v-main, #app.Register .v-main { overflow: hidden; max-height: 100vh; } #app.Login .form-wrap, #app.Register .form-wrap { width: 100%; padding: 24px; } #app.Login .switch-content > .text-h5, #app.Register .switch-content > .text-h5 { display: none; } #app #login { background:url("c970fcbf80dbd5383ea6.jpg") no-repeat center / cover; } #app #login .v-image .v-image__image--contain { filter: brightness(0) invert(1); } #app #login .switch-page .switch-content { height: auto; max-height: 100%; border-radius: 8px; border: 1px solid var(--97, #F0CD75); background: #FFEFEF; box-shadow: 0 -1px 0 0 rgba(236, 148, 148, 0.50), 0 4px 4px 0 rgba(168, 83, 83, 0.25), 0 1px 1px 0 rgba(134, 79, 50, 0.50); } #app #login .feature-switch-btn, #app #login .white--text, #app #login .row .white--text, #app #login .form-wrap .v-input--checkbox label, #app #login .form-wrap .v-input--checkbox i, #app #login .v-btn__content, #app #login .form-wrap .radio-group legend, #app #login .form-wrap .radio-group label, #app #login .form-wrap .radio-group i, #app #login .login-btn, #app #login .switch-btn span, #app #login .switch-page .reg-box .go-login { color: var(--custom-text-gray-color) !important; } #app #login .form-wrap .input-wrap.account { background-image: url("f2454361b0978f27e190.png"); } #app #login .form-wrap .input-wrap.password { background-image: url("fcf6e2654c942c5f9687.png"); } #app #login .form-wrap .input-wrap { margin-bottom: 25px; padding-left: 12px; border-radius: 7px; border: 1px solid #E8C0C6; background-color: #FFF8F8; background-size: 34px 34px; background-position-x: 18px; } #app #login .form-wrap .input-wrap:has(.error--text) { border-color: #FF2E4A; } #app #login .form-wrap .input-wrap .v-text-field__details { overflow: visible; } #app #login .form-wrap .input-wrap .v-text-field__details .v-messages .v-messages__message { position: relative; bottom: -41px; left: -100px; background: none; } #app #login .form-wrap .input-wrap.check_code .v-text-field__details .v-messages .v-messages__message { bottom: -9px; left: -83.5px; } #app #login .form-wrap .input-wrap .v-text-field__details .v-messages .v-messages__message::before{ display: none; } #app #login .feature-switch-btn .grey, #app #login button#submit { border-radius: 4px !important; background: var(--custom-pink-dark) !important; color: var(--custom-white); } #app #login button.get-otpcode, #app #login .register-switch-btn, #app #login .form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code { border-radius: 4px; border: 1px solid var(--custom-text-gray-color); background: var(--custom-white) !important; color: var(--custom-text-gray-color); } #app #login .form-wrap .input-wrap.mobile-verification-code .get-mobile-verification-code { top: 9px; right: 18px; } #app #login button#submit span { color: var(--custom-white) !important; } #app #login .yellow--text { color: var(--custom-pink-dark) !important; } #app #login .switch-page .reg-box .go-login::before { background-image: url("707387751d98346c0332.png"); } #app #login .switch-page .switch-btn.tab .li.go-register:before { background-image: url("dd28b9adb02f8fe9700d.png"); } #app #login .switch-page .switch-btn.tab .li.go-register { width: 100%; margin-bottom: 0; margin-right: 0px !important; } #app #login .switch-page .switch-btn.tab .li.go-agent { display: none; } #app #login .go-login, #app #login .switch-page .switch-btn.tab .li { line-height: 1.2; } #app #login .form-wrap div .input-wrap.Line { margin-bottom: 12px; } #app #login .form-wrap div:has(>.input-wrap.Line)::after { content:'LINE ID only supports lowercase English letters, numbers, and . - _'; display: block; width: 100%; font-size: .875rem !important; font-family: Roboto, sans-serif !important; padding-left: 12px !important; padding-bottom: 12px !important; padding-right: 8px !important; font-weight: 400; line-height: 1.25rem; letter-spacing: .0178571429em !important; text-align: justify; } #app.zh-TW #login .form-wrap div:has(>.input-wrap.Line)::after { content: 'LINE ID 僅支援英文小寫、數字及 . - _'; } #app.zh-CN #login .form-wrap div:has(>.input-wrap.Line)::after { content: 'LINE ID 仅支持英文小写、数字及 . - _'; } #app.vi-VN #login .form-wrap div:has(>.input-wrap.Line)::after { content: 'LINE ID chỉ hỗ trợ chữ thường tiếng Anh, chữ số và . - _'; } /* #endregion 登入註冊頁 */ /* #region 會員中心 */ #app.MemberCenter .v-card { box-shadow: 0px 4px 6px 0px rgba(255, 99, 123, 0.10) !important; } #app.MemberCenter .v-card.top-info, #app.MemberCenter .page-box-2 { margin-top: 20px !important; } #app.MemberCenter .v-card.top-info .uuid { font-size: 12px; margin-left: 0px !important; } #app.MemberCenter .v-card.top-info .member-info .btn-group, #app.MemberCenter .v-card.top-info .member-info .icon p, #app.MemberCenter .v-card.top-info .member-info .icon span { display: none; } #app.MemberCenter .v-card.top-info .member-info .icon { width: 30%; margin: auto; } #app.MemberCenter .v-card.top-info .member-info.vip-level-0 .icon { background: url("5de9bc3334907fb7f7c2.png") no-repeat center / contain; } #app.MemberCenter .v-card.top-info .member-info.vip-level-1 .icon { background: url("ad62ec6a52955492a9d0.png") no-repeat center / contain; } #app.MemberCenter .v-card.top-info .member-info.vip-level-2 .icon { background: url("c3ee30c721283fedec25.png") no-repeat center / contain; } #app.MemberCenter .v-card.top-info .member-info.vip-level-3 .icon { background: url("2d4a4dd3c399a91b6187.png") no-repeat center / contain; } #app.MemberCenter .v-card.top-info .member-info.vip-level-4 .icon { background: url("e3b96a5bf84b50ee5f41.png") no-repeat center / contain; } #app.MemberCenter .v-card.top-info .member-info.vip-level-5 .icon { background: url("7e26164863ff3f8fb05d.png") no-repeat center / contain; } #app.MemberCenter .v-card.top-info .member-info.vip-level-6 .icon { background: url("a58d44244e5982310a68.png") no-repeat center / contain; } #app.MemberCenter .v-card > div { padding: 16px 24px !important; } #app.MemberCenter .v-card .subtitle-1 { padding: 0px !important; font-weight: 700; } #app.MemberCenter .v-card .page-box-1 .col-3 { padding: 8px !important; } #app.MemberCenter .page-box-2 { padding: 12px 16px; } #app.MemberCenter .page-box-2 > .row { gap: 12px; } #app.MemberCenter .page-box-2 > .row > div { padding: 0px 12px; } #app.MemberCenter .page-box-2 .action-link:before { left: 24px; } #app.MemberCenter .page-box-2 .action-link:after { right: 24px; } #app.MemberCenter .page-box-2 > .row > div .action-link.big-link { height: 13vw; } #app.MemberCenter .signOut { background: rgba(255, 99, 123, 0.40); } #app.MemberCenter .member-center-g > div:first-child > div:first-child > p:first-child { display: none; } #app.MemberCenter .member-center-g:before { content: none; } #app.MemberCenter .v-card { border: none; } #app.MemberCenter .v-card, #app.MemberCenter .action-link:not(.big-link), #app.MemberCenter .bar-box p { color: var(--custom-text-gray-color); } #app.MemberCenter .bar-box span { color: var(--custom-pink-dark); } #app.MemberCenter .lang-dialog .subtitle-2 { font-weight: 700; font-size: 16px !important; color: var(--custom-pink-dark); } #app.MemberCenter .lang-dialog button { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; border: none; } #app.MemberCenter .member-info button.v-btn:not(.v-btn--round).v-size--default { min-width: auto; width: auto; padding: 0 10px; } /* #endregion 會員中心 */ /* #region 財務中心 */ #app.Deposit .v-card { padding: 16px !important; } #app.Deposit .v-card__actions { padding: 0px; } #app.Deposit .v-card__actions button, #app.Deposit form button.submit-btn { width: -webkit-fill-available; height: 45px !important; } #app.Deposit .payment-list .v-sheet.active, #app.Deposit .type-list button.active, #app.Deposit .account-list button.active { border: 1px solid var(--custom-pink-dark) !important; } #app.Deposit .type-list button { background: none; } #app.Deposit .v-input .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } #app.Deposit i.v-icon { color: var(--custom-pink-dark) !important; caret-color: var(--custom-pink-dark) !important; } #app.Deposit .mx-input { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } #app.Deposit .mx-input { height: 44px; padding-left: 18px; } #app.Deposit .v-dialog.tw-pay-dialog .v-card { padding: 0px !important; } /* #endregion 財務中心 */ /* #region 站內信 */ #app.SiteMail .v-tab--active { font-weight: 700; color: var(--custom-text-gray-color); } #app.SiteMail .v-tabs-slider { background: var(--custom-pink-dark) !important; border-color: var(--custom-pink-dark) !important; } #app.SiteMail .v-card p { color: var(--custom-text-gray-color); } #app.SiteMail .mail-detail-dialog .v-card__actions button { padding: 0px 12px; width: auto; min-width: auto; } #app.SiteMail .mail-detail-dialog .v-card__actions button, #app.SiteMail .send-mail-dialog .btn-group button { background-color: var(--custom-pink-gray) !important; border: 1px solid var(--custom-pink-gray-border) !important; box-shadow: none; } #app.SiteMail .mail-detail-dialog .v-card__actions button span, #app.SiteMail .send-mail-dialog .btn-group button span { color: var(--custom-text-gray-color) !important; text-shadow: none; } #app.SiteMail .mail-detail-dialog .v-card__actions button.red, #app.SiteMail .send-mail-dialog .btn-group button[type="submit"] { background-color: var(--custom-pink-dark) !important; border: 1px solid var(--custom-pink-dark) !important; } #app.SiteMail .mail-detail-dialog .v-card__actions button.red span, #app.SiteMail .send-mail-dialog .btn-group button[type="submit"] span { color: var(--custom-white) !important; } #app.SiteMail .mail-detail-dialog .mail-body { background: #FFFFFF; box-shadow: none; border: 1px solid var(--custom-text-gray-color); } #app.SiteMail .mail-item.un-read::after { width: 8px; height: 8px; background-color: var(--custom-pink-dark); } #app.SiteMail .v-card.active { opacity: 0.8; } #app.SiteMail .mail-detail-dialog .mail-body { border: 1px solid var(--custom-pink-gray-border); box-shadow: 0px 4px 6px 0px rgba(135, 122, 123, 0.10); } #app .send-mail-dialog .v-input.v-text-field .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); } /* #endregion 站內信 */ /* #region 優惠專區 */ #app.Promotio .inner .scroll-content .navtab { display: flex; flex-wrap: nowrap; overflow: auto; } #app.Promotion .discount { width: 100%; } #app.PromotionContent #promotion-content { background: none; } /* #endregion 優惠專區 */ /* #region VIP */ #app.Vip .progress-bar-danger, #app .progress-bar-warning { background-image: var(--custom-gradient-06); } #app.Vip #vip { background: none; } #app.Vip .v-card { padding: 16px 24px; margin: 12px 0; } #app.Vip .v-card .v-card__text { padding: 0px; } #app.Vip .v-card .v-card__text.member-info { height: 80px; display: flex; align-items: center; position: relative; } #app.Vip .v-card .v-card__text.member-info::before { content: ''; display: block; width: 80px; height: 80px; left: 0; top: 0; position: absolute; } #app.Vip .v-card.vip0 .v-card__text.member-info::before { background: url("5ff718c26f0aa4019d5c.png") no-repeat center / contain; } #app.Vip .v-card.vip1 .v-card__text.member-info::before { background: url("3c3607208fb654ac0f33.png") no-repeat center / contain; } #app.Vip .v-card.vip2 .v-card__text.member-info::before { background: url("8d242ae9150ca8076776.png") no-repeat center / contain; } #app.Vip .v-card.vip3 .v-card__text.member-info::before { background: url("b2a427b4b7a066548d52.png") no-repeat center / contain; } #app.Vip .v-card.vip4 .v-card__text.member-info::before { background: url("67883bb299d64eb31bb9.png") no-repeat center / contain; } #app.Vip .v-card.vip5 .v-card__text.member-info::before { background: url("07e0fcaaf7439e91a73a.png") no-repeat center / contain; } #app.Vip .v-card.vip6 .v-card__text.member-info::before { background: url("446b5183c1fbe72ee73a.png") no-repeat center / contain; } #app.Vip .v-card .v-card__text.member-info ol { width: 100%; padding-left: 92px; } #app.Vip .v-card .v-card__text.member-info ol .vip { font-family: Barlow; } #app.Vip .v-card .member-info .icon { padding-top: 26px; margin-top: -25px; color: var(--custom-text-gray-color); display:none; } #app.Vip .v-card .member-info .icon span { line-height: 16px; } #app.Vip .bar-box span { color: var(--custom-pink-dark); } #app.Vip .v-card .btn-group .btn { border-radius: 4px !important; background: var(--custom-pink-dark) !important; color: var(--custom-white); border: none; } #app.Vip .member-info ol > li, #app.Vip .v-card .v-card__title { color: var(--custom-text-gray-color); font-size: 14px; padding: 0px; } #app.Vip #vip-carousel { width: calc(100% + 6%); margin-left: -3%; } #app.Vip #vip-carousel .carousel-3d-container, #app.Vip #vip-carousel .carousel-3d-slider, #app.Vip #vip-carousel .carousel-3d-slide { width: 100% !important; height: unset !important; min-height: unset !important; max-height: unset !important; aspect-ratio: 677/434; } #app.Vip #vip-carousel .carousel-3d-slide { padding: 8% 0 0 57%; } #app.Vip #vip-carousel .carousel-3d-slide { background: url("17d5736981452e1043b9.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.left-1, #app.Vip #vip-carousel .carousel-3d-slide.right-1, #app.Vip #vip-carousel .carousel-3d-slide .top .icon { display: none; } #app.Vip #vip-carousel .carousel-3d-slide::before { content: ''; width: 50%; height: unset; position: absolute; left: 5%; top: 2%; aspect-ratio: 1 / 1; } #app.Vip #vip-carousel .carousel-3d-slide.vip0::before { background: url("5de9bc3334907fb7f7c2.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip1::before { background: url("ad62ec6a52955492a9d0.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip2::before { background: url("c3ee30c721283fedec25.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip3::before { background: url("2d4a4dd3c399a91b6187.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip4::before { background: url("e3b96a5bf84b50ee5f41.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip5::before { background: url("7e26164863ff3f8fb05d.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip6::before { background: url("a58d44244e5982310a68.png") no-repeat center / contain; } #app.Vip #vip-carousel .slide-title { color: #4D4242; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 1; height: auto; padding-left: 0; } #app.Vip #vip-carousel .slide-title::before { content: ''; display: inline-block; width: 28px; height: 28px; } #app.Vip #vip-carousel .slide-title .level-num{ margin-left:2px; } #app.Vip #vip-carousel .carousel-3d-slide.vip0 .slide-title::before { background: url("5ff718c26f0aa4019d5c.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip1 .slide-title::before { background: url("3c3607208fb654ac0f33.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip2 .slide-title::before { background: url("8d242ae9150ca8076776.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip3 .slide-title::before { background: url("b2a427b4b7a066548d52.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip4 .slide-title::before { background: url("67883bb299d64eb31bb9.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip5 .slide-title::before { background: url("07e0fcaaf7439e91a73a.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide.vip6 .slide-title::before { background: url("446b5183c1fbe72ee73a.png") no-repeat center / contain; } #app.Vip #vip-carousel .carousel-3d-slide .top { justify-content: flex-start; white-space: nowrap; } #app.Vip #vip-carousel .carousel-3d-slide .bottom, #app.Vip #vip-carousel .carousel-3d-slide .bottom .left, #app.Vip #vip-carousel .carousel-3d-slide .bottom .right { display: flex; flex-direction: column; } #app.Vip #vip-carousel .carousel-3d-slide .bottom p { color: #4D4242; font-size: 11px; font-weight: 700; order:-1; text-align:left; } #app.Vip #vip-carousel .carousel-3d-slide .bottom span { border-radius: 20px; border: 1px solid #9696D3; background: linear-gradient(180deg, #57517A -25%, #636684 110.42%); box-shadow: 0 0 8px 0 #23223F inset; height: 24px; width: 120px; color: #FFF; font-size: 11px; font-weight: 700; font-style:normal; } #app.Vip #vip-carousel .carousel-3d-slide .bottom i { display: inline-block; margin-right: 4px; font-style: normal; } #app.Vip #vip-carousel .carousel-3d-controls a { font-size: 0; width: 32px !important; height: 32px !important; background: url("ee62fee1067ef67e2c98.png") no-repeat center / contain; opacity: 1; } #app.Vip #vip-carousel .carousel-3d-controls a.prev { left: -1%; } #app.Vip #vip-carousel .carousel-3d-controls a.next { right: -1%; transform: rotate(180deg); } #app.Vip .member-info p.account .uuid { font-size: 12px; margin-left: 0px !important; } #app.Vip .v-card p.level-title, #app.Vip .next, #app.Vip .prev { color: var(--custom-pink-dark); font-weight: 700; } #app.Vip .level-title { display: none; } #app.Vip .gift-box { background: none; padding: 0px; display: flex; gap: 8px; margin: -10px 0 12px 0; } #app.Vip .gift-box > div { position: relative; width: 50%; padding-top: 45%; } #app.Vip .gift-box > div button { position: absolute; height: 30px; width: 130px; bottom: 12px; margin: 0px; left: 50%; transform: translateX(-50%); background: url("dbd63d78b8bb4288e5b1.png") no-repeat center /contain !important; } #app.Vip .gift-box > div button[disabled="disabled"] { opacity: 1; background: url("f68c0425b94175b491aa.png") no-repeat center /contain !important; } #app.Vip .gift-box .gift { background: url("b6c97087efce26471220.png") no-repeat -5px -8px /contain; background-size: 105%; } #app.Vip .gift-box .gift button { margin-left: -2px; } #app.Vip .gift-box .week, #app.Vip .gift-box .month { background: url("02099c700f61feb46c7a.png") no-repeat -3px -11px /contain; background-size: 105%; } #app.Vip .gift-box .week button, #app.Vip .gift-box .month button { margin-left: 3px; } #app.Vip .bonus-list .bonus-detail.birthday:before { background: url("18aa54fdee187b09178c.png") no-repeat center /contain; } #app.Vip .bonus-list .bonus-detail.week:before { background: url("f9c00faa983f91f2da7b.png") no-repeat center /contain; } #app.Vip .bonus-list .bonus-detail.gift:before { background: url("2b33b925f356447c8b21.png") no-repeat center /contain; } #app.Vip .level-box .left, #app.Vip .level-box .right { font-weight: 800; } /* #endregion VIP */ /* #region 投注紀錄 */ #app.BetRecord .custom-block-text label { color: var(--custom-text-gray-color) !important; } #app.BetRecord .btn-group { gap: 8px; margin: 12px 0 !important; } #app.BetRecord .mx-input { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); min-height: 44px; border-radius: 4px; padding: 6px 14px; padding-left: 18px; } /* #endregion 投注紀錄 */ /* #region 設定銀行帳戶、設定電子錢包 */ #app.WithdrawAccountManagement .v-tabs { margin: 20px 12px; } #app.WithdrawAccountManagement .card-wrap { background: var(--custom-white); padding: 32px !important; margin: 20px 12px; border-radius: 8px; } #app.WithdrawAccountManagement .card-wrap > div { padding: 0px !important; } #app.WithdrawAccountManagement .card-wrap .account-card { position: relative; padding-top: 57.33%; background: url("579eccd06301dc52addc.png") no-repeat center /contain; } #app.WithdrawAccountManagement .card-wrap .account-card > div { position: absolute; top: 0; color: var(--custom-white) !important; } #app.WithdrawAccountManagement .card-wrap .account-card > div.icon-wrap { top: -14px; left: -10px; } #app.WithdrawAccountManagement .card-wrap .account-card > div.icon-wrap .v-icon { width: 38px; height: 38px; font-size: 0px; background: url("23c2ddd5d0259765ec63.png") no-repeat center /contain; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text { padding: 7% 10.5% !important; line-height: 0.8; height: 100%; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .card-type, #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .branch-name { display: none; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .account-info p, #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text p.walletAddress { text-align: left !important; padding: 0 10.5%; position: absolute; bottom: 23%; width: 100%; left: 0%; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text p.walletAddress { bottom: 29%; font-size: 16px; overflow: visible; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus { position: absolute; left: 46%; bottom: 11%; height: 26px; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus b { display: none; } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus .review-successful { border-color: var(--custom-blue); color: var(--custom-blue); } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus .in-review { border-color: var(--custom-orange); color: var(--custom-orange); } #app.WithdrawAccountManagement .card-wrap .account-card > div.v-card__text .approveStatus .audit-failed { border-color: var(--custom-red); color: var(--custom-red); } #app.WithdrawAccountManagement .card-wrap button.account-action-btn i { font-size: 0; width: 20px; height: 20px; margin-right: 3px; } #app.WithdrawAccountManagement .card-wrap button.account-action-btn:first-child i { background: url("15049e46778a14448131.png") no-repeat center /contain; } #app.WithdrawAccountManagement .card-wrap button.account-action-btn:nth-of-type(2) i { background: url("5dd22c5112ecdb1e2d87.png") no-repeat center /contain; } #app.WithdrawAccountManagement .card-title { font-weight: 800; } #app.WithdrawAccountManagement .tip { color: var(--custom-pink-dark); } #app.WithdrawAccountManagement .tips { background: #F7EFEE; } #app.WithdrawAccountManagement .tips .v-alert--text:before { content: none; } #app.WithdrawAccountManagement .tips .v-alert.theme--light.v-sheet { color: var(--custom-text-gray-color); } #app.WithdrawAccountManagement .tips .text-red, #app.WithdrawAccountManagement .tips a.text-yellow { color: var(--custom-pink-dark); text-decoration: none; } #app.WithdrawAccountManagement .btn-group button[type="submit"] { background: var(--custom-pink-dark); } #app.WithdrawAccountManagement .btn-group button[type="submit"] span { color: var(--custom-white); } #app.WithdrawAccountManagement button.account-action-btn { color: var(--custom-white); border-color: var(--custom-white); } #app.WithdrawAccountManagement .tips .BankTip li{ list-style: decimal; } #app.WithdrawAccountManagement .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: 'Please enter "Bank Code + Branch Code"'; display: inline-block; margin-left: 4px; } #app.zh-TW.WithdrawAccountManagement .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: '請填寫「銀行代碼+分行代碼」'; } /* #endregion 設定銀行帳戶、設定電子錢包 */ /* #region 會員轉帳 */ #app.MemberTransfer button[type="submit"] { background-color: var(--custom-pink-dark) !important; } #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input { color: var(--custom-text-gray-color) !important; caret-color: var(--custom-text-gray-color) !important; -webkit-text-fill-color: var(--custom-text-gray-color) !important; } #app.MemberTransfer .transfer-input-wrap { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 52px; } /* #endregion 會員轉帳 */ /* #region 領獎中心 */ #app.AwardCenter .inner .item, #app.AwardCenter .hint { background: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); color: var(--custom-text-gray-color); } #app.AwardCenter .hint .icon-hint { display: none; } #app.AwardCenter .item .amount { margin-top: 24px !important; } #app.AwardCenter .award-center-dialog .v-card__actions button { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; } /* #endregion 領獎中心 */ /* #region 個人資訊 */ #app.MemberInfor .form-wrap .input-wrap .mx-input { border: none; border-radius: 0; } #app.MemberInfor .form-wrap .label-birth { left: 41px; color: var(--custom-text-gray-color); } #app.MemberInfor .Name.input-wrap .label-withdral { display: none; } #app.MemberInfor .form-wrap .input-wrap .v-label, #app.MemberInfor .form-wrap .input-wrap input { padding: 0 15% 0 24px !important; } #app.MemberInfor .form-wrap .input-wrap.select .v-select__slot { padding: 0 8% 0 44px; } #app.MemberInfor .form-wrap .input-wrap input[name="date"] { padding: 25px 15% 0 24px !important; } /* #endregion 個人資訊 */ /* #region 錢包中心 */ #app.WalletCenter .main-action { background: var(--custom-gradient-right-light); border: none; border-radius: 4px; } #app.WalletCenter .right-box-transfer-back, #app.WalletCenter .action-link { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; } #app.WalletCenter .right-box-transfer-back { background: var(--custom-pink-dark); background-color: var(--custom-pink-dark); } #app.WalletCenter .main-link { gap: 10px; } #app.WalletCenter .action-link { border: 1px solid var(--custom-pink-gray-border); color: var(--custom-text-gray-color); background: var(--custom-pink-gray); display: flex; align-items: center; justify-content: center; } #app.WalletCenter .action-link i { display: none; } #app.WalletCenter hr { border: 1px solid var(--custom-pink-dark); filter: none; } #app.WalletCenter .wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue { background: none; border: 1px solid var(--custom-pink-dark); } #app.WalletCenter .wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue span { color: var(--custom-pink-dark) !important; } #app.WalletCenter .v-card .v-card__text .container input { background: none; box-shadow: none; border: 1px solid var(--custom-text-gray-color); color: var(--custom-text-gray-color); } /* #endregion 錢包中心 */ /* #region 代理加盟 */ #app.Partner #partner { background: none } #app.Partner .main-color { background: var(--custom-pink-dark); } #app.Partner .v-card { padding: 16px; margin: 12px; } #app.Partner .v-card ul.btn-group, #app.Partner .agent-html { margin: 0; padding: 8px; } #app.Partner .v-card ul.btn-group { margin: 0; padding: 8px; justify-content: space-between; gap: 10px; } #app.Partner .v-card ul.btn-group li { margin: 0px; } #app.Partner .v-card ul.btn-group li a { border-radius: 4px; padding: 10px; } #app.Partner .agent-html p, #app.Partner .agent-html .table-responsive table, #app.PartnerApply .info-text, #app.PartnerApply .radio-group legend, #app.PartnerApply .radio-group label, #app.PartnerApply .radio-group i { color: var(--custom-text-gray-color); } #app.Partner li.main-color, #app.Partner table td.main-color { color: var(--custom-white) !important; } #app.Partner .v-card ul.btn-group { width: auto; } #app.Partner p { text-align: justify; } #app.PartnerApply #agent-apply { background: none; } #app.PartnerApply .form-wrap .input-wrap { background-color: #ffffff00; border: none; background-image: none !important; height: 40px; padding: 10px 0 0; } #app.PartnerApply .v-input.v-text-field .v-input__slot, #app.PartnerApply .mx-input-wrapper input { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); min-height: 52px; border-radius: 4px; padding: 6px 14px; padding-left: 18px; } #app.PartnerApply .v-input.v-text-field.v-input--is-label-active .v-input__slot, #app.PartnerApply .v-input.v-text-field.v-input--is-focused .v-input__slot { padding: 20px 30px 0px 18px; } #app.PartnerApply .form-wrap .input-wrap .v-input__append-inner button { top: 6px; right: 8px; } #app.PartnerApply .v-input.v-text-field .v-input__slot::before { content: none; } #app.PartnerApply .info-text { margin-top: 20px; } #app.PartnerApply .v-input.radio-group { margin-top: 30px; margin-bottom: -18px; } #app.PartnerApply #agent-apply .form-wrap button[type="submit"] { background-color: var(--custom-pink-dark) !important; border-radius: 4px; height: auto; padding: 10px; } /* #endregion 代理加盟 */ /* #region 線上提款 */ #app.Withdraw button.administration-fee-dialog-btn { color: var(--custom-pink-dark) !important; border: 1px solid var(--custom-pink-dark); } #app.Withdraw button[type="submit"] { color: var(--custom-white) !important; } #app.Withdraw .payment-list > .payment-item span { color: var(--custom-text-gray-color); } #app.Withdraw .payment-list > .payment-item .active { border: 1px solid var(--custom-pink-dark) !important; } #app.Withdraw .payment-list > div .fix { color: var(--custom-white); } #app.Withdraw .v-input:not(.v-input--is-readonly) .v-input__slot { background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); padding-left: 18px; min-height: 42px; } /* #endregion 線上提款*/ /* #region 時時返水 */ #app.AnyTimeDiscount .v-card__actions button { height: 36px; min-width: 64px; padding: 0 16px; border-radius: 4px; } /* #endregion 時時返水 */ /* #region 變更密碼、變更提款密碼 */ #app.ChangePassword .v-alert { background-color: var(--custom-pink-dark) !important; border-color: var(--custom-pink-dark) !important; } #app.ChangePassword .v-input .v-input__slot, #app.ChangeMoneyPassword .v-input .v-input__slot { border-radius: 4px; background-color: var(--custom-pink-gray); border: 1px solid var(--custom-pink-gray-border); } #app.ChangePassword .theme--light.v-text-field > .v-input__control > .v-input__slot:before, #app.ChangePassword .theme--light.v-text-field > .v-input__control > .v-input__slot:after, #app.ChangeMoneyPassword .theme--light.v-text-field > .v-input__control > .v-input__slot:before, #app.ChangeMoneyPassword .theme--light.v-text-field > .v-input__control > .v-input__slot:after { content: none; } /* #endregion 變更密碼、變更提款密碼 */ /* #region 交易紀錄 */ #app.Transaction .btn-group.transaction-category { justify-content: center !important; margin-top: 4px !important; } #app.Transaction .transaction-content hr { margin-top: 16px !important; } /* #endregion 交易紀錄 */ /* #region 推薦好友 */ #app.MGM .heading p, #app.MGM .inner .container .v-card .invite-title .grid h2 { color: var(--custom-pink-dark); } /* #endregion 推薦好友 */ /* #region 客戶服務 */ #app.OnlineServices .page-content { padding: 15px; } #app.OnlineServices .services-link { background: var(--custom-gradient-right) !important; border-radius: 8px; } #app.OnlineServices .services-link .join { background: var(--custom-pink-dark) !important; background-color: var(--custom-pink-dark) !important; border-radius: 4px; } #app.OnlineServices .page-content > img, #app.OnlineServices .services-link img { display: none; } #app.OnlineServices .services-link.Line .icon::before, #app.OnlineServices .services-link.livechat .icon::before { content: ''; display: block; width: 45px; height: 45px; background: url("1d1f1bd967bad03510a6.png") no-repeat center /contain; } /* #endregion 客戶服務 */ /* #region 鎖住最大寬度只能440px */ @media (min-width: 441px) { 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: 440px !important; } #app .v-overlay { width: 440px; } #app #custom-float, #app #vpn-float, #app #activity-float { right: calc(50vw - 215px); margin-bottom: 15px; left: unset !important; } #app .v-main { background-size: cover !important; } #app #page-title, #app .v-bottom-navigation { display: block; } .col-3 { width: 25%; } #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content { left: 50%; transform: translateX(-50%) !important; } #app #footer .v-bottom-navigation { display: flex; } #app #footer .v-bottom-navigation .v-btn { top: unset; bottom: 24px; height: 56px !important; } #app.Home #home-navigation .game-list-block ul li > span { font-size: 18px; } #app #login .switch-page .switch-content { font-size: calc( 0.038*440px); } .form-wrap .input-wrap .v-label, .form-wrap .input-wrap input, #app.Promotion .inner .scroll-content .navtab li, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input { font-size: calc( 0.035*440px); } .form-wrap .input-wrap, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { padding: calc(0.045*440px) 0 0; height: calc(0.115*440px); font-size: calc(0.035*440px); } .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* 440px) !important; } #app .form-wrap .input-wrap .v-input__append-inner button { top: -16px; } #app .form-wrap #submit { font-size: calc( 0.042*440px); height: calc(0.11*440px); } .form-wrap .input-wrap .v-input__append-inner button { top: calc(-0.015*440px); right: calc(0.03*440px); } .form-wrap .input-wrap .v-text-field__details { left: calc(0.27*440px); top: calc(0.03*440px); } #app #login .logo { margin: 0 auto calc(0.03*440px); height: calc(0.24*440px); 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*440px); height: calc(0.11*440px); } .member-center-g:before, #promotion:before, #deposit:before { position: relative; } #app #page-title { font-size: calc(0.05*440px); } #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 #home-navigation-wrap { padding-bottom: 42px; } } /* #endregion 鎖住最大寬度只能440px */ /* #region 隱藏USDT存款教學 */ /* #deposit > div.online-deposit-layout > div.mx-3.pa-3.account-list-bg.common-bg.v-card.v-sheet.theme--light > div.text-right { display: none; } */ #app #vip .rule-content img { max-width: 100%; height: auto; } /* #endregion 鎖隱藏USDT存款教學 */ /* #region 端午節主題 */ .DragonBoat #app.Home #logo-bar::before { content: ''; position: absolute; width: 54px; aspect-ratio: 108 / 222; z-index: -1; background: url("2abb6fe773a93fd47b32.png") no-repeat center / contain; left: 122px; top: -32px; } .DragonBoat #app.Home #logo-bar a.logo::before { content: ''; height: 45px; margin: 3px 0 0 5px; aspect-ratio: 206/84; display: inline-block; background: url("9a86084e9b9b417fbdf6.png") no-repeat center/contain; } .DragonBoat #app.Home #logo-bar a img { display: none; } .DragonBoat #app.Home .news-wrap { background: #C5C560; z-index: 3; width: calc(100% - 24px); } .DragonBoat #app.Home #slider::before, .DragonBoat #app.Home #slider::after{ content:''; position:absolute; z-index:2; } .DragonBoat #app.Home #slider::before { width: 67px; aspect-ratio: 320 / 320; background: url("d8a352e8e576a25a3887.gif") no-repeat center / contain; left: -13px; bottom: -7px; } .DragonBoat #app.Home #slider::after { width: 120px; aspect-ratio: 320 / 320; background: url("816a740db9b7071c6d47.gif") no-repeat center / contain; right: -36px; top: -18px; } .DragonBoat #app #footer { position: fixed; bottom: 0; left: 50%; width: 100vw; aspect-ratio: 780 / 264; transform: translateX(-50%); z-index: 2; } .DragonBoat #app #footer::before { content: ''; position: absolute; z-index: 1; width: 84px; height: unset; aspect-ratio: 282 / 282; background: url("bdba2e2f43ab30b9f6aa.gif") no-repeat center / contain; bottom: 74%; right: 35%; transform: translate(50%, 50%); } .DragonBoat #app #footer::after { content: ''; position: absolute; z-index: 0; width: 100%; height: unset; aspect-ratio: 780 / 264; background: url("4d120090c457bad7a5e5.png") no-repeat center / contain; bottom: 0px; } .DragonBoat #app #footer .v-bottom-navigation::after { content: ''; position: absolute; z-index: -1; width: 100%; height: unset; aspect-ratio: 780 / 264; background: url("6a6d48c6ca81620b88c6.png") no-repeat center / contain; bottom:0; } .DragonBoat #app #footer .v-btn i.financial { transform: translateY(6px); background: url("9cfea29e1f19bfc5b58c.gif") no-repeat center / contain; } /* #endregion 端午節主題 */ /* #region 中秋節主題 */ .Moon #app.Home #logo-bar{ min-height: 100px; padding-bottom: 10px; } .Moon .layout-wrap > div:first-child { padding-bottom: 10%; } .Moon #home #activity-float { bottom: 135px; } .Moon #home #vpn-float { bottom: 240px !important; } .Moon #app.Home #home-navigation .game-tab { padding: 16px 0px calc(25vw - 26px) 16px; } .Moon #app.Home #home-navigation .game-list-block { padding: 16px 16px calc(25vw - 26px) 16px; } .Moon #app.Home #logo-bar { background: #05051A url("499e5a999885b802d217.png") no-repeat top center / 100% 100%; overflow: visible; /* Safari 巢狀 flex 對 width:auto 不 stretch，會縮成內容寬 → 用明確 100% */ width: 100%; margin: 0 0 10px; border-radius: 0; } /* 頁首滿月與飄落花瓣 */ .Moon #app.Home #logo-bar::before { content: ''; position: absolute; /* 不用 inset 簡寫，iOS Safari 14.5 以下不支援會整段忽略 */ top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url("91efad20ee5a2453d8d7.gif") no-repeat 18% 0% / auto 88px; opacity: 0.92; pointer-events: none; } /* 下方粉色卡片：上圓角 18px，圓角在 logo-bar 底緣之前收完，兩側才不會露出 #home 粉色方角 */ .Moon #app.Home #logo-bar::after { content: ''; position: absolute; left: 0; right: 0; bottom: -14px; height: 34px; z-index: -1; /* 與 #home 內容區粉色漸層同色，直角底緣才不會在兩側有色差 */ background: linear-gradient(180deg, #FAD7DE 0%, #F9C8D0 100%); border-radius: 18px 18px 0 0; pointer-events: none; } /* 跑馬燈拉到 logo-bar（含粉色卡片偽元素）之上，卡片才能往下疊而不遮住跑馬燈 */ .Moon #app.Home .news-wrap { z-index: 4; top: -15px; } /* 輪播區右上桂花枝：#slider 拉高剛好蓋過跑馬燈(4) / logo-bar(3)， 但 jackpot / 在線人數再墊高一階，避免被輪播圖蓋住 */ .Moon #app.Home #slider { overflow: visible; position: relative; z-index: 5; } .Moon #app.Home .jackpot-box, .Moon #app.Home .onlineNumber-box { position: relative; z-index: 6; } .Moon #app.Home #slider::after { content: ''; position: absolute; z-index: 44; width: 175px; /* 明確 height，不靠 aspect-ratio（iOS 15 以下不支援） */ height: 175px; background: url("06076a5d2d0ec6e9cc8a.gif") no-repeat center / contain; right: -60px; top: -60px; transform: rotate(90deg); pointer-events: none; } .Moon #app #footer { position: fixed; bottom: 0; left: 50%; width: calc(100vw + 2px); aspect-ratio: 780 / 264; transform: translateX(-50%); z-index: 2; } .Moon #app #footer .v-bottom-navigation::before { padding-top: 24%; background: url("f9a8044c64f97e82e95e.png") no-repeat bottom center / contain; pointer-events: none } .Moon #app #footer .v-btn i.financial { position: relative; isolation: isolate; overflow: visible; background: url("082378958fa273985dd4.png") no-repeat center / contain; } /* 環內兔子抱月餅 */ .Moon #app #footer .v-btn i.financial::before { position: absolute; display: block; width: 60px; height: 60px; left: 50%; top: 46%; transform: translate(-50%, -50%); content: ''; background: url("8f092ec24d91fbbb49b9.gif") no-repeat center / contain; z-index: 2; pointer-events: none; } /* 環下金色翅膀 */ .Moon #app #footer .v-btn i.financial::after { position: absolute; display: block; width: 112px; /* 明確 height，不靠 aspect-ratio（iOS 15 以下不支援）；112 * 60/132 ≈ 51 */ height: 51px; left: 50%; bottom: -4px; transform: translateX(-50%); content: ''; background: url("5dc540b24e67a6a9417d.png") no-repeat center / contain; z-index: -1; pointer-events: none; } @media (min-width: 441px) { .Moon .layout-wrap > div:first-child{ padding-bottom: 0%; } .Moon #app.Home #home-navigation .game-tab{ padding: 16px 0px 16px 16px; } .Moon #app.Home #home-navigation .game-list-block{ padding: 16px 16px 16px 16px; } .Moon #app.Home #home-navigation-wrap { padding-bottom: 99px; } } /* #endregion 中秋節主題 */ /* #region 萬聖節主題 */ .Halloween #app.Home #logo-bar { min-height: 100px; padding-bottom: 10px; } /* 蓋掉站台預設 logo 背景圖，改由 ::before 顯示萬聖節 logo */ .Halloween #app.Home #logo-bar a.logo { background: none; } .Halloween #app.Home #logo-bar a.logo::before { content: ''; width: 116px; height: 52px; flex: none; margin: 0 0 0 5px; display: inline-block; background: url("9f23c0b1586160cb3abc.avif") no-repeat center / contain; } .Halloween #app.Home #logo-bar a img { display: none; } .Halloween .layout-wrap > div:first-child { padding-bottom: 10%; } .Halloween #home #activity-float { bottom: 135px; } .Halloween #home #vpn-float { bottom: 240px !important; } .Halloween #app.Home #home-navigation .game-tab { padding: 16px 0px calc(25vw - 26px) 16px; } .Halloween #app.Home #home-navigation .game-list-block { padding: 16px 16px calc(25vw - 26px) 16px; } .Halloween #app.Home #logo-bar { /* 動態南瓜頭疊在 HeaderBg 之上；下方粉色卡片 ::after 會蓋住它的下半身，只露出上半 */ background: url("048d8cdf036c2c15ad52.webp") no-repeat 98px 54px / 48px 48px, #1A1208 url("2e259fd46071dedcf8b4.avif") no-repeat top center / 100% 100%; overflow: visible; /* Safari 巢狀 flex 對 width:auto 不 stretch，會縮成內容寬 → 用明確 100% */ width: 100%; margin: 0 0 10px; border-radius: 0; } /* 頁首動態蝙蝠 */ .Halloween #app.Home #logo-bar::before { content: ''; position: absolute; width: 160px; height: 160px; z-index: -1; background: url("bf04521e4764c9804caf.webp") no-repeat center / contain; left: 61px; top: -44px; pointer-events: none; } /* 下方粉色卡片：上圓角 18px，圓角在 logo-bar 底緣之前收完，兩側才不會露出 #home 粉色方角 */ .Halloween #app.Home #logo-bar::after { content: ''; position: absolute; left: 0; right: 0; bottom: -14px; height: 34px; z-index: -1; /* 與 #home 內容區粉色漸層同色，直角底緣才不會在兩側有色差 */ background: linear-gradient(180deg, #FAD7DE 0%, #F9C8D0 100%); border-radius: 18px 18px 0 0; pointer-events: none; } /* 跑馬燈拉到 logo-bar（含粉色卡片偽元素）之上，卡片才能往下疊而不遮住跑馬燈 */ .Halloween #app.Home .news-wrap { z-index: 4; top: -15px; } .Halloween #app #footer { position: fixed; bottom: 0; left: 50%; width: calc(100vw + 2px); aspect-ratio: 780 / 264; transform: translateX(-50%); z-index: 2; } .Halloween #app #footer .v-bottom-navigation::before { padding-top: 24%; background: url("d2e5011a2e7daca1d14a.avif") no-repeat bottom center / contain; pointer-events: none } /* 存提：72x72 圖示框內依設計稿座標疊三層：金環(3,0 66x67)、動態南瓜頭(4,-4 64x64)、金色翅膀(3,40 66x30，在最上層) */ .Halloween #app #footer .v-btn i.financial { position: relative; top: -3px; isolation: isolate; overflow: visible; background: url("401787e05290f8ad163b.avif") no-repeat 3px 0 / 66px 67px; } .Halloween #app #footer .v-btn i.financial::before { position: absolute; display: block; width: 64px; height: 64px; left: 4px; top: -4px; content: ''; background: url("2df6a093559979717a45.webp") no-repeat center / contain; z-index: 2; pointer-events: none; } .Halloween #app #footer .v-btn i.financial::after { position: absolute; display: block; width: 66px; height: 30px; opacity: 1; left: 3px; top: 40px; bottom: auto; transform: none; content: ''; background: url("d62f317107d328750896.avif") no-repeat center / contain; z-index: 3; pointer-events: none; } @media (min-width: 441px) { .Halloween .layout-wrap > div:first-child { padding-bottom: 0%; } .Halloween #app.Home #home-navigation .game-tab { padding: 16px 0px 16px 16px; } .Halloween #app.Home #home-navigation .game-list-block { padding: 16px 16px 16px 16px; } .Halloween #app.Home #home-navigation-wrap { padding-bottom: 99px; } } /* #endregion 萬聖節主題 */ /* #region 聖誕節主題 */ .Christmas #app.Home #logo-bar { min-height: 70px; } .Christmas #app.Home .news-wrap #news { background: #F32B07; border-radius: 0; } .Christmas #app.Home #slider::after { content: ''; display: block; position: absolute; width: 101px; height: 101px; aspect-ratio: 1 / 1; background: url("8ea7d89d2433010f811a.gif") no-repeat center / contain; right: -33px; top: -26px; z-index: 1; } .Christmas .layout-wrap > div:first-child { padding-bottom: 10%; } .Christmas #home #activity-float { bottom: 160px; } .Christmas #home #vpn-float { bottom: 265px !important; } .Christmas #app.Home #home-navigation .game-tab, .Christmas #app.Home #home-navigation .game-list-block { padding: 16px 16px calc(25vw - 7px) 16px; } .Christmas #app.Home #logo-bar::before { content: ''; position: absolute; width: 50px; height: 50px; z-index: -1; background: url("a0473e0045f0764c1559.gif") no-repeat center / contain; left: 116px; } .Christmas #app #footer { position: fixed; bottom: 0; left: 50%; width: calc(100vw + 2px); aspect-ratio: 780 / 264; transform: translateX(-50%); z-index: 2; } .Christmas #app #footer::before { content: ''; position: absolute; background: url("379fb9a0fcc859bfe6f6.gif") no-repeat center / contain; top: -2.5vw; left: 2vw; pointer-events: none; width: 19vw; height: 19vw; z-index: 11; aspect-ratio: 1/1; } .Christmas #app #footer::after { content: ''; position: absolute; background: url("94efb430d64afc73baf1.gif") no-repeat center / cover; top: -0.8vw; content: ''; pointer-events: none; right: 0.1vw; z-index: 11; width: 16vw; height: 16vw; aspect-ratio: 1/1; } .Christmas #app #footer .v-bottom-navigation::before { padding-top: 36%; background: url("5348a4ddb3eae2ccd2ab.png") no-repeat bottom center / contain; pointer-events: none } .Christmas #app #footer .v-btn i.financial { transform: translateY(4px) scale(1); background: url("506e8d574f59b826e4e3.gif") no-repeat center / contain; } .Christmas #app #footer .v-bottom-navigation a[value="Deposit"] span { color: #212121; } /* #endregion 聖誕節主題 */ /* #region 新年主題 */ /*logo-bar*/ .NewYear #app.Home #logo-bar { position:relative; background: #A83030; } .NewYear #app.Home #logo-bar::before { content: ''; position: absolute; width: 68px; height: 68px; top: -15%; left: 32%; background: url("29da754c65bb96375cbd.gif") no-repeat center/contain; } .NewYear #app.Home #logo-bar::after { content: ''; position: absolute; width: 72px; height: 72px; top: -40%; left: 49%; background: url("258427057db74694de4d.gif") no-repeat center/contain; } .NewYear #app.Home #logo-bar a.logo::before { content: ''; height: 45px; margin: 3px 0 0 5px; aspect-ratio: 206/84; display: inline-block; background: url("ec7f823199baab7419a2.png") no-repeat center/contain; } .NewYear #app.Home #logo-bar a img { display: none; } /*marquee*/ .NewYear #app.Home .news-wrap { background: linear-gradient( to right, #FFB3A2, #FFD683, #F5C591 ); } /*slider*/ .NewYear #app.Home #slider { position: relative; } .NewYear #app.Home #slider::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; width: 70px; height: 70px; background: url("b0f8e31ce6037cf55180.gif") no-repeat center/contain; } .NewYear #app.Home #slider::after { content: ""; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100px; height: 100px; transform: rotate(195.59deg) translate(39px, -10px) scaleY(-1); background: url("eb9867684de079b94b02.gif") no-repeat center/contain; } /* footer*/ .NewYear #app #footer .v-bottom-navigation::before { pointer-events: none; height: 40vw; background: url("c0d9cfe2a99636f679dd.png") no-repeat bottom center / contain; } .NewYear #app #footer .v-bottom-navigation::after { content: ""; position: absolute; width: 71%; height: 54px; pointer-events: none; background: url("5f74687993faa25457a0.gif") no-repeat left top / auto 110%, url("5f74687993faa25457a0.gif") no-repeat right top / auto 110%; } .NewYear #app #footer .v-bottom-navigation::after { transform: scaleX(1) translateX(2px); } .NewYear #app #footer .v-btn i.financial { width: 54px; height: 54px; transform: translateY(7px) scale(1.1); background: url("0e101cf2ebb5f76d5e6a.gif") no-repeat center / contain; } /* 360px ～ 440px：成長快 */ @media (max-width: 441px) { .NewYear #app #footer .v-bottom-navigation::after { bottom: calc(10px + 15.9vw); } } /* 440px ～ 768px：成長慢 */ @media (min-width: 441px) { .NewYear #app #footer .v-bottom-navigation::after { bottom: calc(68px + 1.6vw); } } /* #region 排行榜*/ .NewYear #app .v-dialog.ranking-dialog.common-dialog { background: transparent; overflow: visible; } .NewYear #app .v-dialog.ranking-dialog.common-dialog::after { content: ""; position: absolute; z-index: -1; width: 130%; height: 100%; top: 0; left: -20vw; background-image: url("b6062769f90e15ce8b59.png"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card { background: transparent; } .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title { position: relative; background-color: transparent !important; } .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title > span{ position: absolute; z-index: 1; top: 85px; text-align: end; font-size: 30px; } .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title span.main-title { transform: translateX(7px); color: transparent; } .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title button { position: absolute; z-index: 1; right: 0; } .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__text { position: relative; } .NewYear #app .ranking-dialog.common-dialog .wrapper { z-index: 2; padding-top: 110px; min-height: 400px; } .NewYear #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li { background: linear-gradient(#FFFFFF,#FFFCDF); box-shadow: none; border: none; color: #333333; } .NewYear #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li::before { background: linear-gradient(#FFFDDA,#FAF0AD); border: #FBF2B280 3px solid; border-radius: 50%; color: #FF880E; } .NewYear #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li { position: relative; border: none; } .NewYear #app.Home .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li::after { display: block; position: absolute; content: "TOP"; color: #FF880E; top: 30px; left: 16px; font-weight: bolder; font-size: 14px; width: 70px; height: auto; text-align: center; line-height: 1; z-index: 1; } @media (min-width: 441px) { .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title > span{ top: 30px; } .NewYear #app .v-dialog.ranking-dialog.common-dialog::after { width: 130%; height: 100%; max-height: 940px; top: 0; left: -85px; background-size: 100% 100%; } .NewYear #app .ranking-dialog.common-dialog .wrapper { height: 59vh; padding-top: 80px; } } /* 414 × 896 */ @media (max-width: 414px) and (min-height: 880px) { .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title > span { top: 55px; } } /* 超高螢幕手機 */ @media (max-width: 440px) and (min-height: 900px) { .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title > span { top: 90px; } } /* 矮螢幕手機 */ @media (max-width: 390px) and (max-height: 700px) { .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title > span { top: 80px; right: 17px; } } /* 最小尺寸 */ @media (max-width: 360px) { .NewYear #app.Home .v-dialog.ranking-dialog.common-dialog .v-card .v-card__title > span { top: 83px; right: 7px; } } @media (max-width: 390px) and (max-height: 750px) { .NewYear #app .ranking-dialog.common-dialog .wrapper { padding-top: 105px; height: 70vh; } } @media (max-width: 412px) and (min-height: 800px) { .NewYear #app .ranking-dialog.common-dialog .wrapper { padding-top: 130px; height: 70vh; } } @media (max-width: 440px) and (min-height: 900px) { .NewYear #app .ranking-dialog.common-dialog .wrapper { padding-top: 140px; height: 70vh; } } /* #endregion 排行榜*/ /* #endregion 新年主題 */ #app #home-navigation .game-list-block ul li .label { top: 0; left: 0; } #app #home-navigation .game-list-block ul li .label .is-hot { background: linear-gradient(180deg, #F24A82 0%, #C71F57 100%); padding: 7px 13px; } #app #home-navigation .game-list-block ul li .label .text { font-size: 20px; font-weight: bolder; } /* #region 父親節主題 */ .FathersDay #app.Home #logo-bar { padding-right: 35px; background: none; } .FathersDay #app.Home #logo-bar::before { content: ''; position: absolute; top: -10px; left: -6px; right: -6px; bottom: 0; z-index: -1; pointer-events: none; background: url("b7148a35cd2b51bcd47c.png") no-repeat top center / cover; transform: scale(1.02); } .FathersDay #app.Home #logo-bar::after { content: ''; position: absolute; top: -14px; right: -5px; left: auto; bottom: auto; width: 58px; height: 97px; z-index: 2; pointer-events: none; background: url("575b0c83d34fb1e26309.gif") no-repeat center / contain; pointer-events: none; } .FathersDay #app.Home #logo-bar .logo { position: relative; background: url("7e99e60aa8b864e0da1a.png") no-repeat center / contain; } .FathersDay #app.Home #logo-bar .logo::before { content: ''; position: absolute; top: -10px; left: -6px; width: 20px; height: 18.318px; background: url("5afd9a685806c57c49ed.png") no-repeat center / contain; } .FathersDay #app.Home #logo-bar .logo::after { content: ''; position: absolute; top: 67%; left: 47%; width: 40%; aspect-ratio: 49 / 21; height: auto; background: url("c8d3935a7724b245c95a.png") no-repeat center / contain; } .FathersDay #app #footer .v-btn i.financial { transform: translateY(4px) scale(1); background: url("52daca8d1464be0ec0cb.png") no-repeat center / contain; } /* #endregion 父親節主題 */ /* #region UgsSlot大廳 */ #app .sub-category-wall .brand-item { background: var(--custom-pink-light); color: var(--custom-text-gray-color); border: none; } #app .sub-category-wall .brand-item.active { background: var(--custom-pink-dark); color: var(--custom-text-color); } /* #endregion UgsSlot大廳 */ /* #region 雙十節主題 */ .DoubleTenthDay #app.Home #logo-bar { min-height: 100px; padding-bottom: 10px; } .DoubleTenthDay .layout-wrap > div:first-child { padding-bottom: 10%; } .DoubleTenthDay #home #activity-float { bottom: 135px; } .DoubleTenthDay #home #vpn-float { bottom: 240px !important; } .DoubleTenthDay #app.Home #home-navigation .game-tab { padding: 16px 0px calc(25vw - 26px) 16px; } .DoubleTenthDay #app.Home #home-navigation .game-list-block { padding: 16px 16px calc(25vw - 26px) 16px; } .DoubleTenthDay #app.Home #logo-bar { background: url("def89224b1fd5b70fc3a.gif") no-repeat top center / 100% 100%; overflow: visible; /* Safari 巢狀 flex 對 width:auto 不 stretch，會縮成內容寬 → 用明確 100% */ width: 100%; margin: 0 0 10px; border-radius: 0; } /* 下方粉色卡片：上圓角 18px，圓角在 logo-bar 底緣之前收完，兩側才不會露出 #home 粉色方角 */ .DoubleTenthDay #app.Home #logo-bar::after { content: ''; position: absolute; left: 0; right: 0; bottom: -14px; height: 34px; z-index: -1; /* 與 #home 內容區粉色漸層同色，直角底緣才不會在兩側有色差 */ background: linear-gradient(180deg, #FAD7DE 0%, #F9C8D0 100%); border-radius: 18px 18px 0 0; pointer-events: none; } /* 跑馬燈拉到 logo-bar（含粉色卡片偽元素）之上，卡片才能往下疊而不遮住跑馬燈 */ .DoubleTenthDay #app.Home .news-wrap { z-index: 4; top: -15px; } /* 輪播區右上桂花枝：#slider 拉高剛好蓋過跑馬燈(4) / logo-bar(3)， 但 jackpot / 在線人數再墊高一階，避免被輪播圖蓋住 */ .DoubleTenthDay #app.Home #slider { overflow: visible; position: relative; z-index: 5; } .DoubleTenthDay #app.Home .jackpot-box, .DoubleTenthDay #app.Home .onlineNumber-box { position: relative; z-index: 6; } .DoubleTenthDay #app.Home #slider::after { content: ''; position: absolute; z-index: 44; width: 120px; height: 170px; background: url("74372bb2ba3771f09531.png") no-repeat center / contain; right: -8px; top: -85px; pointer-events: none; } .DoubleTenthDay #app #footer { position: fixed; bottom: 0; left: 50%; width: calc(100vw + 2px); aspect-ratio: 780 / 264; transform: translateX(-50%); z-index: 2; } .DoubleTenthDay #app #footer .v-bottom-navigation::before { padding-top: 24%; background: url("77612bda1fbb91e76cba.png") no-repeat bottom center / contain; pointer-events: none } .DoubleTenthDay #app #footer .v-btn i.financial { position: relative; isolation: isolate; overflow: visible; background: url("ad7a466c02764c4dc569.png") no-repeat center / contain; } @media (min-width: 441px) { .DoubleTenthDay .layout-wrap > div:first-child { padding-bottom: 0%; } .DoubleTenthDay #app.Home #home-navigation .game-tab { padding: 16px 0px 16px 16px; } .DoubleTenthDay #app.Home #home-navigation .game-list-block { padding: 16px 16px 16px 16px; } .DoubleTenthDay #app.Home #home-navigation-wrap { padding-bottom: 99px; } } /* #endregion 雙十節主題 */