/* Minification failed. Returning unminified contents. (185,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (201,32): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (213,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (274,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (286,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (291,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (292,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (298,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (299,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (303,30): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (304,32): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (312,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (313,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (317,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (349,36): run-time error CSS1030: Expected identifier, found '.' (349,56): run-time error CSS1031: Expected selector, found ')' (349,56): run-time error CSS1025: Expected comma or open brace, found ')' (367,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (368,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (369,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-7' (370,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-5' (376,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (385,22): run-time error CSS1039: Token not allowed after unary operator: '-light-radial-gradient-2' (386,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (401,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (411,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (416,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (420,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (487,26): run-time error CSS1039: Token not allowed after unary operator: '-light-radial-gradient-3' (488,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (504,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (506,30): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (507,32): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (513,30): run-time error CSS1039: Token not allowed after unary operator: '-light-radial-gradient-2' (518,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (533,34): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (579,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (580,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (581,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (585,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (589,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (590,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-green' (591,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (596,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (597,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (606,32): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (607,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-1' (608,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (616,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (617,30): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (618,36): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke' (634,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (800,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (859,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (885,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (891,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (898,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (902,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (907,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (909,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-13' (962,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (963,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (964,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (965,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-12' (986,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (1080,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (1092,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (1101,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-navy-primary' (1122,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (1126,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (1153,17): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (1160,24): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (1165,28): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (1169,24): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1170,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1175,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1221,31): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-7' (1222,18): run-time error CSS1039: Token not allowed after unary operator: '-light-drop-shadow' (1228,22): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-7' (1229,18): run-time error CSS1039: Token not allowed after unary operator: '-light-drop-shadow' (1233,34): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-7' (1234,18): run-time error CSS1039: Token not allowed after unary operator: '-light-drop-shadow' (1247,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1248,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1249,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (1250,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-14' (1251,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (1258,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (1276,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1278,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1280,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1319,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o-1' (1320,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (1325,59): run-time error CSS1030: Expected identifier, found '.' (1325,70): run-time error CSS1031: Expected selector, found ')' (1325,70): run-time error CSS1025: Expected comma or open brace, found ')' (1330,37): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1331,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1340,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-10' (1344,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o-1' (1348,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1349,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (1352,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-16' (1362,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (1366,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1367,23): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1372,24): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1373,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1387,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (1388,23): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (1398,24): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (1411,45): run-time error CSS1030: Expected identifier, found '[' (1411,50): run-time error CSS1031: Expected selector, found '=' (1411,50): run-time error CSS1025: Expected comma or open brace, found '=' (1415,45): run-time error CSS1030: Expected identifier, found '[' (1415,50): run-time error CSS1031: Expected selector, found '=' (1415,50): run-time error CSS1025: Expected comma or open brace, found '=' (1420,16): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (1468,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1472,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1507,22): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-9' (1514,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-16' (1520,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (1544,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (1561,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (1565,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1566,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (1567,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-11' (1568,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (1573,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (1582,24): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1589,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-1' (1594,28): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-2' (1595,22): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-3' (1596,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-11' (1597,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-4' (1602,24): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (1607,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-o' (1613,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-1' (1622,17): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (1643,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1732,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1733,35): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1734,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1735,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-4' (1741,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1745,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1746,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-6' (1751,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1752,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (1753,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-15' (1758,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-o' (1763,29): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1764,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1769,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1779,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1797,28): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-2' (1798,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-8' (1799,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-4' (1800,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-4' (1801,22): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-3' (1806,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-4' (1816,20): run-time error CSS1030: Expected identifier, found '.' (1816,38): run-time error CSS1031: Expected selector, found ')' (1816,38): run-time error CSS1025: Expected comma or open brace, found ')' (1840,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-3' (1841,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (1865,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1866,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-4' (1867,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1873,35): run-time error CSS1030: Expected identifier, found '[' (1873,40): run-time error CSS1031: Expected selector, found '=' (1873,40): run-time error CSS1025: Expected comma or open brace, found '=' (1904,35): run-time error CSS1030: Expected identifier, found '[' (1904,40): run-time error CSS1031: Expected selector, found '=' (1904,40): run-time error CSS1025: Expected comma or open brace, found '=' (1923,35): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (1934,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1935,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1936,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o-1' (1937,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1951,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (1974,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (2013,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (2014,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2015,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2031,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2036,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2065,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o-1' (2066,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2067,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2068,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2095,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2128,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2129,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-4' (2130,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2150,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2161,39): run-time error CSS1030: Expected identifier, found '>' (2161,61): run-time error CSS1031: Expected selector, found ')' (2161,61): run-time error CSS1025: Expected comma or open brace, found ')' (2171,43): run-time error CSS1030: Expected identifier, found '>' (2171,65): run-time error CSS1031: Expected selector, found ')' (2171,65): run-time error CSS1025: Expected comma or open brace, found ')' (2216,121): run-time error CSS1031: Expected selector, found '\' (2254,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (2256,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (2257,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (2258,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (2306,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2307,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (2334,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2335,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2355,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-1' (2359,32): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-1' (2379,33): run-time error CSS1039: Token not allowed after unary operator: '-vh' (2425,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (2426,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (2427,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2431,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (2447,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-yellow' (2454,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (2471,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2472,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2473,22): run-time error CSS1039: Token not allowed after unary operator: '-light-radial-gradient' (2474,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-9' (2474,49): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (2479,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2480,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2481,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-1' (2482,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-9' (2482,49): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-8' (2487,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient' (2502,22): run-time error CSS1039: Token not allowed after unary operator: '-light-red' (2554,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-2' (2555,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-4' (2578,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-navy-dark' (2621,22): run-time error CSS1039: Token not allowed after unary operator: '-light-drop-shadow-3' (2632,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2642,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2725,38): run-time error CSS1030: Expected identifier, found '#theme-btn' (2725,48): run-time error CSS1031: Expected selector, found ')' (2725,48): run-time error CSS1025: Expected comma or open brace, found ')' (2736,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-3' (2737,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (2751,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2752,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (2759,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2787,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2788,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2789,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-4' (2799,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (2800,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2801,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (2809,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2814,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-10' (2815,26): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-7' (2819,26): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-9' (2951,20): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (2954,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-9' (2964,21): run-time error CSS1030: Expected identifier, found '#app' (2964,30): run-time error CSS1031: Expected selector, found ')' (2964,30): run-time error CSS1025: Expected comma or open brace, found ')' (2968,10): run-time error CSS1030: Expected identifier, found '#app' (2968,19): run-time error CSS1031: Expected selector, found ')' (2968,19): run-time error CSS1025: Expected comma or open brace, found ')' (3004,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3005,22): run-time error CSS1039: Token not allowed after unary operator: '-light-radial-gradient-1' (3005,54): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-5' (3006,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-5' (3016,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3018,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient' (3019,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (3025,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-6' (3029,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-6' (3037,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-7' (3045,36): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-1' (3046,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-8' (3047,26): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-6' (3057,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (3075,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3076,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-10' (3089,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (3099,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-1' (3103,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-17' (3206,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (3220,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3223,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-10' (3233,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3235,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient' (3237,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3242,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3252,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-07' (3266,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3280,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-07' (3294,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (3304,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3309,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3328,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3337,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-11' (3338,26): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-10' (3348,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3350,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3351,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (3375,30): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3376,32): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (3422,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (3461,26): run-time error CSS1039: Token not allowed after unary operator: '-green-o1' (3465,30): run-time error CSS1039: Token not allowed after unary operator: '-green-o1' (3469,26): run-time error CSS1039: Token not allowed after unary operator: '-green-o2' (3487,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3589,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3617,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3654,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3709,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-3' (3717,33): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o-1' (3719,37): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3859,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3913,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (3933,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (3934,26): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-12' (3935,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (3936,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3950,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3952,30): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (3953,32): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (3975,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3975,52): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (3977,39): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3981,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-3' (3982,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (3983,29): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4010,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4016,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-cyan-bright' (4031,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-6' (4071,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-cyan-bright' (4075,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-green' (4079,39): run-time error CSS1039: Token not allowed after unary operator: '-light-color-green' (4084,39): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-3' (4098,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (4099,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (4110,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (4115,39): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4135,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-11' (4139,39): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4143,39): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4147,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4151,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4155,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4159,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4173,32): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4178,26): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (4201,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (4203,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4204,35): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-2' (4205,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-12' (4213,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4242,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (4254,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (4291,32): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4338,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (4344,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (4380,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (4381,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (4382,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-1' (4395,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4396,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (4397,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4412,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (4433,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4438,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4450,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4467,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4472,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4477,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (4484,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4485,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-3' (4486,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (4487,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4521,17): run-time error CSS1039: Token not allowed after unary operator: '-light-red' (4546,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (4573,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4577,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4578,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4610,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (4622,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (4625,36): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (4632,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (4695,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4696,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4697,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4735,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4749,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4750,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (4751,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-12' (4752,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (4760,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4778,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (4780,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4781,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (4782,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-12' (4791,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4792,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-3' (4793,35): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4799,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4821,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (4822,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-3' (4823,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (4824,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (4831,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (4981,32): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (4982,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-3' (4983,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (4985,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (4997,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (5014,24): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (5029,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5039,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5043,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5048,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (5049,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5050,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5081,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (5082,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5111,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (5116,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5124,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (5128,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-3' (5132,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5163,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (5231,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5232,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-3' (5233,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5235,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (5248,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5252,24): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (5255,20): run-time error CSS1030: Expected identifier, found '.' (5255,38): run-time error CSS1031: Expected selector, found ')' (5255,38): run-time error CSS1025: Expected comma or open brace, found ')' (5274,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (5282,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (5283,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5284,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5285,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5286,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-10' (5290,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (5295,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5295,48): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5301,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-2' (5302,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-11' (5307,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-1' (5325,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-cyan-bright' (5370,46): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (5370,81): run-time error CSS1039: Token not allowed after unary operator: '-light-color-cyan-bright' (5397,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (5398,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5399,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o-1' (5400,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5404,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5409,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-green' (5414,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5427,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5432,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5448,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5454,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5467,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5479,26): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (5480,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5481,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5511,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5569,61): run-time error CSS1030: Expected identifier, found '.' (5569,65): run-time error CSS1031: Expected selector, found ')' (5569,65): run-time error CSS1025: Expected comma or open brace, found ')' (5573,61): run-time error CSS1030: Expected identifier, found '.' (5573,65): run-time error CSS1031: Expected selector, found ')' (5573,65): run-time error CSS1025: Expected comma or open brace, found ')' (5647,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (5652,44): run-time error CSS1030: Expected identifier, found '.' (5652,61): run-time error CSS1031: Expected selector, found ')' (5652,61): run-time error CSS1025: Expected comma or open brace, found ')' (5677,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5687,18): run-time error CSS1039: Token not allowed after unary operator: '-light-drop-shadow-2' (5691,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5701,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-yellow' (5705,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-black-o' (5706,30): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-3' (5708,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (5711,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5722,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5732,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5740,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (5741,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (5749,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (5820,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5834,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5847,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5851,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (5877,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (5879,79): run-time error CSS1039: Token not allowed after unary operator: '-light-color-navy-dark' (5889,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (5891,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (5896,18): run-time error CSS1039: Token not allowed after unary operator: '-light-drop-shadow-1' (5908,35): run-time error CSS1039: Token not allowed after unary operator: '-light-color-cyan-bright' (5936,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (5951,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5952,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5953,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (5978,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (5980,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (5981,24): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (5987,16): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (5999,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (6054,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (6072,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6089,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (6092,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (6093,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (6097,101): run-time error CSS1030: Expected identifier, found '[' (6097,106): run-time error CSS1031: Expected selector, found '=' (6097,106): run-time error CSS1025: Expected comma or open brace, found '=' (6101,105): run-time error CSS1030: Expected identifier, found '[' (6101,110): run-time error CSS1031: Expected selector, found '=' (6101,110): run-time error CSS1025: Expected comma or open brace, found '=' (6109,107): run-time error CSS1030: Expected identifier, found '[' (6109,112): run-time error CSS1031: Expected selector, found '=' (6109,112): run-time error CSS1025: Expected comma or open brace, found '=' (6113,107): run-time error CSS1030: Expected identifier, found '[' (6113,112): run-time error CSS1031: Expected selector, found '=' (6113,112): run-time error CSS1025: Expected comma or open brace, found '=' (6152,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (6156,101): run-time error CSS1030: Expected identifier, found '[' (6156,106): run-time error CSS1031: Expected selector, found '=' (6156,106): run-time error CSS1025: Expected comma or open brace, found '=' (6175,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (6183,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6187,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (6191,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (6195,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (6250,17): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (6251,22): run-time error CSS1039: Token not allowed after unary operator: '-light-red-2' (6256,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-5' (6257,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-8' (6261,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (6269,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (6283,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-7' (6291,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (6292,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-9' (6306,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (6322,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-o' (6402,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (6404,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (6405,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (6417,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6418,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (6419,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-14' (6424,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (6447,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (6449,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (6450,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (6465,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (6470,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (6480,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (6507,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (6508,30): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-o-1' (6509,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-black-o-1' (6524,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-o-2' (6560,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-13' (6564,22): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-8' (6565,28): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-8' (6614,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-5' (6622,25): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6636,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6675,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (6691,22): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-10' (6692,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (6723,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (6724,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (6735,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (6737,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (6738,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (6771,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-cyan-bright' (6776,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-5' (6786,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6787,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6811,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (6832,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (6857,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-5' (6864,17): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (6925,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (6935,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (6936,32): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (6937,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (6947,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (7049,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7050,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o-1' (7051,16): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (7071,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (7075,30): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (7076,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (7086,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (7087,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (7088,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (7112,38): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7113,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7114,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7118,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (7120,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7121,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7122,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7143,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (7162,17): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (7166,28): run-time error CSS1039: Token not allowed after unary operator: '-light-red-1' (7171,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (7175,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue' (7183,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-5' (7187,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-5' (7192,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7269,29): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (7277,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (7285,30): run-time error CSS1039: Token not allowed after unary operator: '-light-color-navy-dark' (7310,25): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-3' (7311,30): run-time error CSS1039: Token not allowed after unary operator: '-light-radial-gradient-3' (7312,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7334,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7336,34): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (7337,36): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (7343,34): run-time error CSS1039: Token not allowed after unary operator: '-light-color-navy-dark' (7351,95): run-time error CSS1039: Token not allowed after unary operator: '-light-color-navy-dark' (7377,42): run-time error CSS1039: Token not allowed after unary operator: '-light-drop-shadow-1' (7391,41): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (7407,22): run-time error CSS1039: Token not allowed after unary operator: '-light-radial-gradient-3' (7408,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7431,45): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (7463,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (7464,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (7473,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-6' (7477,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (7485,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7486,32): run-time error CSS1039: Token not allowed after unary operator: '-light-color-green' (7487,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (7492,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (7497,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (7501,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7505,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (7511,34): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-2' (7512,28): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (7517,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (7522,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-6' (7526,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (7534,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-7' (7548,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (7556,21): run-time error CSS1039: Token not allowed after unary operator: '-light-gray-5' (7592,32): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (7691,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-05' (7697,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7698,22): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-o' (7709,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7711,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (7712,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (7745,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (7746,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (7747,28): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (7756,21): run-time error CSS1039: Token not allowed after unary operator: '-light-text_color' (7760,36): run-time error CSS1039: Token not allowed after unary operator: '-light-color-orange' (7796,44): run-time error CSS1030: Expected identifier, found '.' (7796,59): run-time error CSS1031: Expected selector, found ')' (7796,59): run-time error CSS1025: Expected comma or open brace, found ')' (7806,29): run-time error CSS1030: Expected identifier, found '.' (7806,50): run-time error CSS1031: Expected selector, found ')' (7806,50): run-time error CSS1025: Expected comma or open brace, found ')' (7812,79): run-time error CSS1039: Token not allowed after unary operator: '-light-color-navy-dark' (7813,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (7817,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (7831,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (7836,21): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (7855,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2' (7856,28): run-time error CSS1039: Token not allowed after unary operator: '-text3' (7856,41): run-time error CSS1039: Token not allowed after unary operator: '-light-color-sky-blue' (7869,34): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (7870,26): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white-1' (7875,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (7907,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-white' (8019,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (8021,22): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-11' (8032,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (8034,26): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient' (8035,28): run-time error CSS1039: Token not allowed after unary operator: '-light-linear-gradient-transparent' (8053,17): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (8058,17): run-time error CSS1039: Token not allowed after unary operator: '-light-color-blue-4' (8063,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1' (8238,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg' */ @font-face { font-family: "SairaSemiCondensedBold"; src: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/fontFamily/SairaCondensed-Bold.ttf") format("truetype"); /* 可选：定义字体的其他属性，如字体权重、字体样式等 */ font-weight: normal; font-style: normal; } @font-face { font-family: "Barlow"; src: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/fontFamily/Barlow-Regular.TTF") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Barlow"; src: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/fontFamily/Barlow-Bold.TTF") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/fontFamily/NotoSansTC-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/fontFamily/NotoSansTC-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Inter"; src: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/fontFamily/NotoSansTC-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Afacad"; src: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/fontFamily/Afacad-Bold.TTF") format("truetype"); font-weight: 800; font-style: normal; } :root { /*DN025 遺留顏色*/ /* --icon-green-02: #025867; --icon-green-03: #4AA9A2; --icon-green-05: #00ACCA; --icon-green-07: #85BDC7; --gray-11: #859490; --green-o1: #6AB59BB2; --green-o2: #6AB59BD9; --light-text_color: #6A594E; --light-bg-header: linear-gradient(190deg, #4AA9A2 7.48%, #0289A1 92.22%); --light-button: linear-gradient(90deg, #0289A1 1.66%, #4AA9A2 50.6%, #0289A1 99.86%); --light-siderbar-active-stroke: #92CCC7; --light-Inside-paymant-stroke: #ABD3CF; --light-box-shadow: 1px 1px 4px 0 rgba(5, 41, 62, 0.40); --light-box-shadow-2: 1px 2px 4px 0 rgba(59, 91, 140, 0.20); --light-box-shadow-3: 0 1px 4px 0 #8D8D8D inset; --light-box-shadow-4: 0 1px 1px 0 rgba(2, 88, 103, 0.20), -0.304px -0.304px 0.507px 0 rgba(122, 243, 249, 0.80) inset; --light-box-shadow-5: 0 75px 21px 0 rgba(0, 0, 0, 0.00), 0 48px 19px 0 rgba(0, 0, 0, 0.01), 0 27px 16px 0 rgba(0, 0, 0, 0.04), 0 12px 12px 0 rgba(0, 0, 0, 0.07), 0 3px 7px 0 rgba(0, 0, 0, 0.08); --light-box-shadow-6: 0 2px 0 #B6B6B6; --light-box-shadow-7: drop-shadow(0 -0.973px 0 #D5D7D9); --light-box-shadow-8: 0 2px 4px 0 rgba(65, 82, 102, 0.20) inset; --light-box-shadow-9: 0 1px 4px 0 rgba(162, 162, 162, 0.25), 0 4px 4px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 8px 0 rgba(237, 233, 207, 0.80) inset; --light-box-shadow-10: 0 0 4px 0 rgba(0, 0, 0, 0.25); --light-custom-linear-gradient-color-5: linear-gradient(180deg, #F5F9FF -0.27%, #D6E0DF 100.27%); --light-custom-linear-gradient-color-9: linear-gradient(180deg, #FFF 0%, #DDDACF 100%); --light-color-sky-blue: #84C5E9; --light-color-cyan-bright: #69FFFF; --light-color-navy-dark: #0C1429; --light-color-navy-primary: #1E2B76;*/ } /* #region 加入主畫面（彈跳視窗）*/ #app .v-dialog.addHomeScreen { max-height: unset; margin: 0 10px; box-shadow: none; padding: 2px 0; } #app .v-dialog.addHomeScreen .chat-tail { display: none !important; } #app .v-dialog.addHomeScreen .v-card { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/AndroidChrome-bg.png) no-repeat center top / contain; width: calc(100vw - 16px); margin: 0 8px; height: min-content; aspect-ratio: 760 / 164; flex-direction: row; padding: 3.5vw 10px 0 8px; flex: none; min-height: unset; filter: none; box-shadow: none; border: none; gap: 4px; } #app .v-dialog.addHomeScreen.safari .v-card { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/iOSSafari-bg.png) no-repeat center top / contain; aspect-ratio: 760 / 167; padding: 0 10px 3.5vw 8px; min-height: 82.5px; } /* ---> iphone6、7、8 iOS 太老舊不支援aspect-ratio*/ @supports (aspect-ratio: 1 / 1) { #app .v-dialog.addHomeScreen.safari .v-card { min-height: 88px; } } @supports (aspect-ratio: 1 / 1) { @media screen and (max-width: 400px) { #app .v-dialog.addHomeScreen.safari .v-card { min-height: 82.5px; } } } #app .v-dialog.addHomeScreen .v-card::before { content: ""; display: block; min-width: 42px; height: 42px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/logo.png) no-repeat center top / contain; position: relative; border-radius: 0; border: none; -webkit-mask: none !important; mask: none !important; -webkit-mask-composite: initial !important; mask-composite: initial !important; } #app .v-dialog.addHomeScreen .v-card__text { font-size: 14px; padding: 0; display: flex; align-items: center; } #app .v-dialog.addHomeScreen .v-card__text .icon { font-size: 0; display: inline-block; width: 24px; height: 24px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/AndroidChrome-icon.png) no-repeat center top / contain; margin: 0px -2px; } #app .v-dialog.addHomeScreen.safari .v-card__text .icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/iOSSafari-icon.png) no-repeat center top / contain; margin: 0 2px; } #app .v-dialog.addHomeScreen .v-card .v-card__actions { width: auto; padding: 0; gap: 4px; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button { font-size: 12px; font-weight: 500; padding: 6px 8px; min-height: unset; min-width: unset; width: fit-content; height: fit-content; margin: 0 !important; border-radius: var(--border-radius-1); background: linear-gradient(to bottom, rgba(81, 188, 235, 1) 0%, rgba(27, 102, 208, 1) 100%) !important; color: #FFFFFF !important; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: inherit; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(to top, #1D4597 0%, #7BD5FF 100%) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app .v-dialog.addHomeScreen .v-card__actions button:nth-child(2) { background: linear-gradient(to bottom, rgba(23, 100, 171, 1) 0%, rgba(17, 65, 100, 1) 100%) !important; color: #D7D7D7 !important; } #app .v-dialog.addHomeScreen .v-card__actions button:nth-child(2)::after { background: linear-gradient(to top, #192C53 0%, #1D4597 100%) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } @media screen and (max-width: 400px) { #app .v-dialog.addHomeScreen { margin: 0 5px; } #app .v-dialog.addHomeScreen .v-card::before { min-width: 38px; height: 38px; } #app .v-dialog.addHomeScreen .v-card__text { font-size: 11px; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button { font-size: 11px; font-weight: 400; padding: 7px; line-height: 1; } } /* light-mode */ #app .v-dialog.addHomeScreen .v-card { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/AndroidChrome-bg.png) no-repeat center top / contain; aspect-ratio: 760 / 172; margin: 0 8px; width: calc(100vw - 16px); padding: 3.5vw 10px 0 8px; } #app .v-dialog.addHomeScreen.safari .v-card { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/iOSSafari-bg.png) no-repeat center bottom / contain; aspect-ratio: 760 / 168; padding: 0vw 10px 3.5vw 8px; } @supports (aspect-ratio: 1 / 1) { #app .v-dialog.addHomeScreen.safari .v-card { min-height: 88.5px; } } @supports (aspect-ratio: 1 / 1) { @media screen and (max-width: 400px) { #app .v-dialog.addHomeScreen.safari .v-card { min-height: 83px; } } } #app .v-dialog.addHomeScreen .v-card::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/logo.png) no-repeat center top / contain; } #app .v-dialog.addHomeScreen .v-card__text { color: var(--light-gray) !important; } #app .v-dialog.addHomeScreen .v-card__text .icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/AndroidChrome-icon.png) no-repeat center top / contain; } #app .v-dialog.addHomeScreen.safari .v-card__text .icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/iOSSafari-icon.png) no-repeat center bottom / contain; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button { background: var(--light-bg-header) !important; color: #FFFFFF !important; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button::after { background: var(--light-color-white) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app .v-dialog.addHomeScreen .v-card .v-card__actions button:nth-child(2) { background: var(--light-bg-header) !important; color: var(--light-color-white) !important; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button:nth-child(2)::after { background: var(--light-color-white) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } /* #endregion 加入主畫面（彈跳視窗）*/ /* #region 用戶協議 */ #app.Agreement .member-center-d .main-action { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .agreement p { color: var(--light-gray); } /* #endregion 用戶協議 */ /* #region 個人資訊 */ #app #member-infor .v-form .input-wrap { height: fit-content; border: none; margin: 0px; padding: 0px; } #app #member-infor .v-form .input-wrap { background: none; } #app #member-infor .v-form .input-wrap .v-select__slot { padding: 0px; } #app #member-infor .v-form .input-wrap .v-select__slot .v-select__selections { margin: 0; } #app.MemberInfor .v-menu__content.menuable__content__active { margin-top: 68px; } #app.MemberInfor .input-wrap.birthday:has(label) { margin-top: 20px !important; } #app.MemberInfor .v-form > div:has(.input-wrap.birthday) { margin-top: 26px; } #app.MemberInfor .input-wrap.birthday label { top: -22px; left: 0; } #app.MemberInfor .v-select .v-select__selection--disabled { color: white; } #app #member-infor .label-withdral.tip { display: none; } #member-infor .btn-bind-sns { border-radius: var(--border-radius-2); color: var(--light-color-blue) !important; border-bottom: 1px solid var(--light-gray-7) !important; background: var(--light-custom-linear-gradient-color-5) !important; box-shadow: none !important; border: none; } #member-infor .btn-bind-sns .icon-action { color: var(--light-color-blue) !important; } /* #endregion 個人資訊*/ /* #region 新手教學 */ #app #guide .accordion-item { background: var(--light-radial-gradient-2); border-radius: var(--border-radius); position: relative; border: none !important; } #app #guide .accordion-item::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: var(--light-linear-gradient-transparent) border-box; } #app #guide .accordion-item-title h4 { color: #84C5E9; font-weight: 500; font-size: 16px; } #app #guide .accordion-item { background: var(--light-index-bg); ; } #app #guide .accordion-item::before { background: var(--light-color-white); } #app #guide .accordion-item-title h4 { color: var(--light-gray); } /* #endregion 新手教學 */ /* #region 優惠專區 */ #app.Promotion #promotion .inner .scroll-content .navtab li { flex: 1; } #app.Promotion #promotion .inner .scroll-content .navtab li:before, #app.Promotion #promotion .inner .scroll-content .navtab li.active:after { content: none; } #app #promotion-content .content { display: flex; flex-direction: column-reverse; } #app .promotion-module-dialog .v-card__title .v-icon { position: absolute; top: 5px; right: 15px; width: 40px; height: 40px; font-size: 0; background: url("/CdnRedirect/Web.Portal/DN029-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png") no-repeat center top; background-size: 100% 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } #app .promotion-module-dialog .v-card__title .v-icon: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 #promotion .inner .scroll-content .navtab { max-width: -webkit-fill-available; overflow-x: auto; min-width: -webkit-fill-available; overflow-y: hidden; } #app #promotion-v2 { padding-top: 7.5vh; } #app #promotion-v2 .inner { padding: 0px; margin: 12px 10px; } #app #promotion-v2 .categories, #app #promotion-v2 .swiper-slide .discount { position: relative; height: auto; color: #ccd1ff; background: var(--light-radial-gradient-3) !important; border-radius: var(--border-radius-1); padding: 8px 16px; margin: 0; margin-bottom: 8px !important; z-index: 0; } #app #promotion-v2 .categories::before, #app #promotion-v2 .swiper-slide .discount::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: var(--border-radius-1); border: 1px solid rgba(0, 0, 0, 0); background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app #promotion-v2 .categories .navtab-scroll ul li { background: var(--light-radial-gradient-2); color: #84c5e9; position: relative; border: 1px solid transparent !important; background-clip: padding-box !important; border-radius: var(--border-radius); margin: 6px 5px; padding: 2px 24px; } #app #promotion-v2 .categories .navtab-scroll ul li::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: var(--light-linear-gradient-transparent) border-box; border: none; } #app #promotion-v2 .categories .navtab-scroll { margin-bottom: 0; } #app #promotion-v2 .categories .navtab-scroll ul { padding-left: 0; } #app #promotion-v2 .categories .navtab-scroll ul li.swiper-pagination-bullet-active { color: #1971a2; } #app #promotion-v2 .swiper-slide .discount { border: none; padding: 1px; width: 100%; } #app #promotion-v2 .swiper-slide .discount a { border-radius: 7px; overflow: hidden; display: block; } #app #promotion-v2 .swiper-slide .discount a img { width: 100%; } #app #promotion-v2 #page-title { position: fixed; top: 0; left: 0; right: 0; z-index: 999; } /*--->light-mode*/ #app.Promotion #promotion .discount { width: 100%; } #app.Promotion #promotion-content .promotion-module-apply-btn { color: var(--light-color-white) !important; background: var(--light-button) !important; border-radius: var(--border-radius-1); } #app.Promotion #promotion-content { color: var(--light-gray); } #app #promotion .inner .scroll-content .navtab li.active { background: var(--light-bg-header); border: 1px solid var(--light-color-green) !important; color: var(--light-color-white) !important; } #app #promotion-v2 .categories, #app #promotion-v2 .swiper-slide .discount { border: 1px solid var(--light-color-white); background: var(--light-index-bg-o9) !important; } #app #promotion-v2 .categories::before, #app #promotion-v2 .swiper-slide .discount::before { content: none; } #app #promotion-v2 .categories .navtab-scroll ul li { border: 1px solid var(--light-Inside-paymant-stroke) !important; background: var(--light-color-white-1); color: var(--icon-green-02) !important; } #app #promotion-v2 .categories .navtab-scroll ul li::before { content: none; } #app #promotion-v2 .categories .navtab-scroll ul li.swiper-pagination-bullet-active { color: var(--light-color-white) !important; background: var(--light-bg-header); border: 1px solid var(--light-siderbar-active-stroke); } /* #endregion 優惠專區 */ /* #region 綁定銀行帳戶提示文字 */ #app #withdraw-account-management .tips ol { list-style: decimal; padding-left: 20px; } #app #withdraw-account-management .tips ul { list-style: disc; padding-left: 15px; } #app #withdraw-account-management .tips ul a { color: var(--light-color-orange); } /* #endregion 綁定銀行帳戶提示文字 */ .vi-VN #custom-float .custom-float-content .custom-float-item .card { gap: 10px; } .vi-VN #custom-float .custom-float-content .custom-float-item h3 { font-size: 12px; } .vi-VN #custom-float .custom-float-content .custom-float-item.award-center .toggle-icon { --custom-float-a-icon_award-center: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/components/CustomFloat/A/vi-vn/award-center.png); } @media (min-width: 660px) { .zh-TW#app.Home #world-cup { position: fixed; right: calc((100vw - 375px) / 2 - 60px); transform: translateX(100%); } } :root { --light-color-black-o: rgba(0, 0, 0, 0.40); --light-color-black-o-1: rgba(0, 0, 0, 0.60); --light-red: #ED2A2A; --light-red-1: #F53434; --light-red-2: #FAD0C4; --light-color-orange: #FF8562; --light-color-yellow: #FFEA00; --light-gray: #5D616B; --light-gray-1: #C1C1C1; --light-gray-2: #CECECE; --light-gray-3: #A2A2A2; --light-gray-4: #BFBFBF; --light-gray-5: #5D6B67; --light-gray-6: #5D656B; --light-gray-7: #D5D6D8; --light-gray-8: #AEB5C2; --light-gray-9: #646464; --light-gray-10: #84A7C7; --light-color-white: #FFFFFF; --light-color-white-1: #FBFDFF; --light-color-white-2: #F4FAFF; --light-color-white-o: #FFFFFF80; --light-color-white-o-1: rgba(239, 247, 255, 0.60); --light-color-white-o-2: rgba(255, 255, 255, 0.60); --light-color-yellow: #FFF67D; --light-color-blue: #39639B; --light-color-blue-1: #6F84A2; --light-color-blue-2: #0E51A7; --light-color-blue-3: #BCDFFF; --light-color-blue-4: #B9C6D9; --light-color-blue-5: #4089F7; --light-color-blue-6: #6C9BDA; --light-color-blue-7: #3983B7; --light-color-blue-8: #C3E8FF; --light-color-blue-9: #EDF4FB; --light-color-blue-10: #C6DDF4; --light-color-blue-o: rgba(239, 247, 255, 0.90); --light-color-blue-o-1: rgba(215, 235, 255, 0.90); --light-color-green: #0289A1; --light-linear-gradient: linear-gradient(180deg, #FFF 8.7%, #CDCDCD 19.7%, #FDFDFD 30.71%, #FFF 62.96%, #DCDBDB 74.41%, #E1E0E0 80.14%, #D5D5D5 85.87%); /*銀色邊框*/ --light-linear-gradient-1: linear-gradient(180deg, #FFF 0%, #F8FEFA 12.98%, #8AAEC4 89.42%, #5D86A0 100%); --light-linear-gradient-2: linear-gradient(90deg, #1D5BAE 0%, #04295E 100%); --light-linear-gradient-3: linear-gradient(7deg, #073577 -25.95%, #1A7FF6 102.36%); --light-linear-gradient-4: linear-gradient(0deg, #055CAF 25%, #36A1F8 100%); --light-linear-gradient-5: linear-gradient(180deg, #F5F5F5 0%, #B9E2FF 100%); --light-linear-gradient-6: linear-gradient(197deg, #39639B 8.55%, #708DB5 88.89%); --light-linear-gradient-7: linear-gradient(350deg, #39639B 37.96%, #548EBD 63.41%); --light-linear-gradient-8: linear-gradient(90deg, rgba(152, 190, 243, 0.40) -1.4%, rgba(158, 212, 241, 0.40) 49.37%); --light-linear-gradient-9: linear-gradient(197deg, #AACEFF 8.55%, #789DD1 88.89%); --light-linear-gradient-10: linear-gradient(180deg, #1564C2 0.02%, #2D7BD7 99.98%); --light-linear-gradient-11: linear-gradient(90deg, #D8E9FD 17.68%, #FFFFFF 30.32%, #FFFFFF 67.4%, #A5CCE9 99.9%); --light-linear-gradient-12: linear-gradient(180deg, #E7F2FF -0.27%, #ADC6E8 100.27%); --light-linear-gradient-13: linear-gradient(270deg, #94C6FB -1.23%, #032B81 101.99%); --light-linear-gradient-14: linear-gradient(190deg, #E4F0FF 7.48%, #BCDFFF 92.22%); --light-linear-gradient-15: linear-gradient(90deg, #FFDA18 2.74%, #FF7B7B 82.53%, #FFFFFFDFF 100%); --light-linear-gradient-16: linear-gradient(90deg, #DF18FF 2.74%, #ED7BFF 51.37%, #F9D2FF 100%); --light-linear-gradient-17: linear-gradient(180deg, #FFFFFF 0%, #CDCDCD 14%, #FDFDFD 29%, #CEF7FF 70%, #F1F1F1 100%); --light-linear-gradient-18: linear-gradient(90deg, #FFDA18 2.74%, #FF7B7B 82.53%, #FFFDFF 100%); --light-radial-gradient: radial-gradient(41.28% 30.77% at 50% 3.85%, #FFFFFF 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(177deg, #FFDE98 2.42%, #FFC54B 18.48%, #D2930E 72.61%, #9B6705 95.54%); --light-radial-gradient-1: radial-gradient(17.5% 10.6% at 50.13% 89.4%, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%); --light-box-shadow: 0 2px 2px 0 rgba(33, 19, 6, 0.61) inset; --light-box-shadow-1: 1px 2px 2px 0 rgba(4, 6, 72, 0.60); --light-box-shadow-2: 0 1px 0.5px 0 rgba(108, 153, 186, 0.80) inset; --light-box-shadow-3: 0 2px 4px 0 rgba(4, 6, 72, 0.50); --light-box-shadow-4: 2px 2px 2px 0 rgba(0, 0, 0, 0.40) inset; --light-box-shadow-5: 3px 3px 2px 1px rgba(82, 86, 97, 0.40) inset, 1px 1px 2px 0 rgba(5, 23, 94, 0.40); --light-box-shadow-6: 0 1px 4px 2px rgba(132, 151, 230, 0.20) inset; --light-box-shadow-7: 0 2px 2px 0 rgba(1, 6, 23, 0.50) inset; --light-box-shadow-8: 0 2px 2px 0 rgba(108, 153, 186, 0.80) inset; --light-box-shadow-9: 0 2px 2px 0 rgba(2, 32, 102, 0.80); --light-box-shadow-10: 1px 1px 2px 0 rgba(5, 23, 94, 0.40); --light-box-shadow-11: 0 2px 4px 0 rgba(65, 82, 102, 0.20) inset; --light-box-shadow-12: 1px 1px 4px 0 rgba(5, 41, 62, 0.40); --light-box-shadow-13: 0 3px 6px 0 rgba(4, 68, 162, 0.65); --light-box-shadow-14: 1px 2px 4px 0 rgba(59, 91, 140, 0.20); --light-box-shadow-15: 0 4px 15px 0 rgba(25, 35, 61, 0.50); --light-box-shadow-16: 0.975px 1.95px 3.9px 0 rgba(59, 91, 140, 0.20); --light-drop-shadow: drop-shadow(0 -1px 0 #98C5E8); --light-drop-shadow-1: drop-shadow(0px -1px 0px #000); --light-drop-shadow-2: drop-shadow(1px 2px 4px rgba(59, 91, 140, 0.20)); --light-drop-shadow-3: drop-shadow(1px 0 1px rgba(26, 69, 129, 0.50)); --light-linear-gradient-transparent: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); /* NEW 重複10次 */ --border-radius: 6px; --border-radius-1: 8px; --border-radius-2: 4px; /* 圖片 */ --member-center-agent-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/agent.png); --member-center-agreement-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/agreement.png); --member-center-any-time-discount-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/any-time-discount.png); --member-center-app-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/app.png); --member-center-award-center-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/award-center.png); --member-center-bet-record-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/bet-record.png); --member-center-change-password-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/change-password.png); --member-center-deposit-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/financial.png); --member-center-faq-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/faq.png); --member-center-member-transfer-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/member-transfer.png); --member-center-promotion-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/promotion.png); --member-center-set-language-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/set-language.png); --member-center-site-mail-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/site-mail.png); --member-center-transaction-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/transaction.png); --member-center-vip-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/vip.png); --member-center-withdraw-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/withdraw.png); --member-center-withdrawal-account-management-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/withdrawal-account-management.png); --member-center-withdrawal-convenience-store-management-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/withdrawal-convenience-store-management.png); --member-center-withdrawal-digital-wallet-management-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/withdrawal-digital-wallet-management.png); --member-center-withdrawal-electronic-wallet-management-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/withdrawal-digital-wallet-management.png); --member-center-member-infor-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/member-infor.png); --member-center-change-money-password-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/change-password.png); --member-center-wallet-center-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/withdrawal-account-management.png); --vip-gift-img: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/gift.png); --vip-week-img: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/week.png); --vip-week-img: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/week.png); --vip-birthday-img: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/birthday.png); --member-center-transfer-icon: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/transfer-2.png); } /* #region 基本樣式 */ #app #vpn-float { display: none; } #app .side-menu-content .scroll-content { padding: 0 12px 15px 12px; } html { background: #000000; } html, body, .v-application { font-family: "Inter","sans-serif"; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: var(--light-gray) !important; } .v-overlay--active .v-overlay__scrim { opacity: 0.6 !important; } .v-application { background: transparent !important; } .v-application .ma-3 { margin: 12px 10px !important; } #app #app:not(.Home) .v-main, #app.Home #home-navigation .swiper-slide.common .common-list { padding-bottom: 28vw !important; } #app.Home #home-navigation .game-tab { padding-bottom: 0vw !important; } #app.Home #home-navigation .game-tab > li:last-child { margin-bottom: 28vw !important; } #app.Home .v-main { padding-bottom: 0 !important; } .v-main:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url("/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-2/components/HomeNavigationComponent/bg.jpg") no-repeat center !important; z-index: 0; background-size: cover; } .form-wrap .input-wrap, #agent-apply .form-wrap .input-wrap { border: none; border-bottom: 1px solid transparent; border-radius: 0 !important; background-image: none !important; } #app.PartnerApply #agent-apply .info-text { padding: 0 !important; } .form-wrap #submit { color: #fff !important; background: var(--light-linear-gradient-transparent) !important; } .form-wrap .v-input--checkbox label, .form-wrap .v-input--checkbox i { color: #fff !important; } .v-messages__message { line-height: 1; } #agent-apply .v-label, #agent-apply .v-label.v-label--active, #agent-apply [role="radiogroup"] .v-label { left: 0px !important; } #agent-apply .v-input__control > .v-input__slot:before, #agent-apply .v-input__control > .v-input__slot:after, #agent-apply .v-messages__message { display: none; } #agent-apply .v-input__icon--append i { margin: 0 35px 15px 0; color: var(--input-common-input-main-color); } #agent-apply .v-text-field__slot input, #agent-apply .v-select__slot input { padding-left: 65px; color: var(--input-common-input-main-color); } #agent-apply .mx-input { background-color: transparent; padding: 0 24px 0 65px; border: none; color: var(--input-common-input-main-color); } #agent-apply .mx-input-wrapper i { color: var(--input-common-input-main-color); } #app .v-main #page-title, #app.MemberCenter .v-main .member-center-title { color: var(--light-color-white); background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/page-bg.png) no-repeat center / cover; box-shadow: var(--light-box-shadow-13); min-height: 60px; display: flex; align-items: center; justify-content: center; line-height: 1; font-weight: 400; } #app #page-title:after { content: none; } #app.MemberCenter .mamber-info-wrap, #app.MemberCenter .member-center-d .main-action, #app #withdraw-account-management .card-wrap, #app #withdraw-account-management .tips, #app #withdraw-account-management #set-account .main-bg, #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light, #app #deposit .account-list-bg, #app #deposit .company-deposit-layout .company-deposit-list-bg, #app #deposit .company-deposit-layout .company-deposit-account-list-bg, #app #deposit .online-deposit-layout .online-deposit-apply-bg, #app #deposit .company-deposit-layout .company-deposit-apply-bg, #app #award-center .inner .item, #app #vip .vip-member-info, #app #vip .bonus-list .bonus-item, #app.Withdraw .withdraw-account-b-style, #app.Withdraw #withdraw .withdraw-info-bg.withdraw-account-b-style, #app.Withdraw #withdraw .v-text-field--outlined.withdraw-b-input-style fieldset, #app.Withdraw .v-dialog.select-account-style .v-card.common-bg, #app #bet-record .time-picker-box, #app #bet-record .game-picker-box, #app #bet-record .result-sheet > div, #app #bet-record .not-data-box, #app.Transaction .v-alert.no-data, #app #bet-record .total-sheet, #app #transaction .transaction-content .v-card__text > div, #app.Transaction .transaction-detail-dialog .v-data-table, #app.SiteMail .mail-item, #app #change-password .change-password-main, #app #change-money-password .change-money-password-main, #app #member-infor .member-infor-main, #app.WalletCenter .member-center-d .main-action, #app.Promotion #promotion .discount, #app.PromotionProgress .promo-progress, #app #partner .v-card, #app.PartnerApply .container, #app #member-transfer .common-bg, #app.AnyTimeDiscount .v-alert.no-data, #app.PromotionContent #promotion-content .content .promotion-content, #app.Promotion .v-alert.no-data, #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li { /*頁面區塊*/ border-radius: var(--border-radius-1); background: var(--light-color-blue-o) !important; border: 1px solid var(--light-color-white) !important; box-shadow: var(--light-box-shadow-12); padding: 12px !important; } #app.MemberCenter .member-center-d .main-action::before, #app #withdraw-account-management .card-wrap::before, #app #withdraw-account-management .tips::before, #app #withdraw-account-management #set-account .main-bg::before, #app #withdraw-account-management .withdraw-account-management-content .hint::before { content: none; } #app #bet-record .not-data-box, #app.Transaction .v-alert.no-data, #app.AnyTimeDiscount .v-alert.no-data, #app.SiteMail .v-alert.no-data .v-alert__content, #app.Promotion .v-alert.no-data .v-alert__content { /*沒資料*/ height: 50vh; margin: 0 !important; opacity: 1; padding-top: 27.5vh !important; color: var(--light-color-blue-4) !important; font-size: 14px !important; position: relative; text-align:center; } #app #bet-record .not-data-box::after, #app.Transaction .v-alert.no-data::after, #app.AnyTimeDiscount .v-alert.no-data::after, #app.SiteMail .v-alert.no-data .v-alert__content::after, #app.Promotion .v-alert.no-data .v-alert__content::after { content: ""; display: block; height: 50%; width: 118px; position: absolute; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/no-data.png) center bottom / contain no-repeat; top: 30%; left: 50%; transform: translateX(-50%) translateY(-50%); } #app.Transaction .v-alert.no-data i, #app.AnyTimeDiscount .v-alert.no-data i, #app.SiteMail .v-alert.no-data i, #app.Promotion .v-alert.no-data i{ display: none; } #app.Transaction .v-alert.no-data .v-alert__content { padding-top: 27.5vh !important; text-align: center; } #app .news-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 3; padding-left: 30px; background: rgba(12, 18, 22, 0.8); padding: 0 5px; } #app #news { padding-left: 30px; } @keyframes zoomInOut { 0% { transform: scale(1); /* 原始大小 */ } 50% { transform: scale(1.2); /* 放大到120% */ } 100% { transform: scale(1); /* 恢復原始大小 */ } } #app .account-info-wrap { position: relative; margin-bottom: 10px; } #app .account-info-wrap > * { position: relative; z-index: 1; } .theme--light.v-text-field--filled > .v-input__control > .v-input__slot, .theme--light.v-text-field--filled:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover { background: transparent; } .theme--light.v-input.v-text-field--rounded input, .theme--light.v-select .v-select__selections { border-bottom: 1px solid #fff; } .theme--light.v-select .v-select__selections input { border: none; } .v-text-field--rounded > .v-input__control > .v-input__slot { padding: 0 10px; } .v-btn.primary--text { background: var(--light-linear-gradient-transparent) !important; } #app .common-alert-modal.v-dialog .v-card h4 { text-align: center; } #app .modal-content .v-card { background: rgba(0, 0, 0); } #app .modal-content .v-card__title { background: var(--light-linear-gradient-transparent); } .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) { background: transparent; } .v-dialog .v-card { background: rgba(31, 49, 67, 0.6); border: 1px solid var(--light-color-navy-primary); } .theme--light.v-card > .v-card__text, .theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea, .theme--light.v-label, .theme--light.v-select .v-select__selections, .theme--light.v-select .v-select__selection, .theme--light.v-messages, .theme--light.v-card .black--text, #app .v-data-table tr td, .theme--light.v-card, #app .walletcenter-wallet-text, #app .walletcenter-balance-text, #app.WalletCenter .member-center-d .main-action .main-link .action-link, #app.Partner .agent-html *, #app.MemberTransfer #member-transfer .common-bg, #app.MemberTransfer #member-transfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { color: var(--light-gray-5) !important; } #app.MemberTransfer #member-transfer #transfer-form-wrap .transfer-input-wrap .v-label { -webkit-text-fill-color: var(--light-gray-5) !important; } .v-input--checkbox .v-icon.v-icon--dense { font-size: 0; } .theme--light.v-text-field > .v-input__control > .v-input__slot:before { border-color: #fff; } #app .grey--text { color: #41536e !important; } #app .green--text { color: #aefea0 !important; } #app .yellow--text, #app .red--text, #app .branchName-tips, #app #withdraw-account-management .approveStatus span.audit-failed, #app #withdraw-account-management .tips .v-alert__content span, .swal2-icon.swal2-warning, #app.MemberTransfer #member-transfer .transfer-info li span, #app.MemberTransfer #member-transfer .warn-text span { color: var(--light-red-1) !important; } .swal2-icon.swal2-error, #app .branchName-tips, .swal2-icon.swal2-warning, #app.v-application .error { border-color: var(--light-red-1) !important; } .swal2-icon.swal2-error [class^=swal2-x-mark-line], #app.v-application .error { background-color: var(--light-red-1) !important; } #app.v-application .theme--light.v-card .error .v-icon { border-color: var(--light-color-white) !important; color: var(--light-color-white) !important; } #app .blue--text, #app #withdraw-account-management .review-successful { color: var(--light-color-blue) !important; } #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:last-child, #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:last-child, #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), #app .v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th, #app .v-data-table tr td + td { border-color: transparent !important; color: #fff; } #app #page-title .back-btn, #app .member-center-d .member-center-title .to-home, #app.PartnerApply #agent-apply #page-title .v-icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/arrow.png) no-repeat center / contain; width: 32px; height: 32px; top: 50%; transform: translateY(-50%); font-size: 0; left: 15px; } #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 .progress-bar span { padding-left: 4px; } #app.MemberCenter .member-center-d hr, #app.Withdraw .withdraw-account-b-style hr, #app #bet-record .result-sheet hr, #app.WalletCenter .member-center-d hr { /*頁面分隔線*/ border: 0.35px solid var(--light-gray-7); filter: var(--light-drop-shadow); margin: 10px 0; width: -webkit-fill-available; } #app #award-center .inner .item::after { /*頁面分隔線*/ background: var(--light-gray-7); filter: var(--light-drop-shadow); } #app #bet-record .total-sheet .total-block:not(:last-child) { /*頁面分隔線*/ border-right: 1px solid var(--light-gray-7); filter: var(--light-drop-shadow); } #app .v-alert.loading, #app .alert-bg .v-alert, #app.Lobby .v-alert, #app.FishCasino .v-alert, #app #withdraw-account-management .withdraw-account-management-content .hint, #app #award-center .inner .hint, #app.SiteMail .v-alert.no-data { display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius); border: 1px solid var(--light-color-white); background: var(--light-color-blue-o) !important; box-shadow: var(--light-box-shadow-14); color: var(--light-color-blue-4) !important; } #app .alert-bg .v-alert *, #app.Lobby .v-alert *, #app.FishCasino .v-alert *, #app #withdraw-account-management .withdraw-account-management-content .hint * { color: var(--light-color-blue-4) !important; } #app #award-center .hint .icon-hint, #app #withdraw-account-management .withdraw-account-management-content .hint .icon-hint::before { content: ""; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/SealWarning_3.png) center / contain no-repeat; width: 20px; height: 20px; display: inline-block; } #app #change-password .change-password-main .v-alert, #app #member-infor .member-infor-main .v-alert, #app .member-infor-main .fast-login-info, #app .member-infor-main .withdrawl-tip-main, #app .v-dialog.wallet-detail-dialog .maintenance-info, #app #WalletCenter-wallet-detail .maintenance-info { border: 1px solid var(--light-color-blue) !important; background: none !important; color: var(--light-color-blue) !important; padding: 16px 16px 16px 57px; border-radius: var(--border-radius); text-align: left; justify-content: left !important; position: relative; } #app #change-password .change-password-main .v-alert i, #app .member-infor-main .fast-login-info i, #app .member-infor-main .fast-login-info i, #app .member-infor-main .withdrawl-tip-main i{ display: none; } #app #change-password .change-password-main .v-alert::before, #app #member-infor .member-infor-main .v-alert::before, #app .member-infor-main .fast-login-info::before, #app #member-infor .withdrawl-tip:before, #app .v-dialog.wallet-detail-dialog .maintenance-info::before, #app #WalletCenter-wallet-detail .maintenance-info::before { position: absolute; content: ""; top: 50%; left: 16px; transform: translateY(-50%); height: 25px; width: 25px; background-size: contain !important; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/SealWarning.png); } .theme--light.v-card .v-data-table { background: none; margin: 0 !important; box-shadow: none !important; border: none !important; } #app table { background: var(--light-color-blue-o-1); border-radius:var(--border-radius-1); overflow:hidden; } #app table thead, #app.Partner .agent-html .table-responsive table tr:has(td.main-color) { background: var(--light-linear-gradient-3); } #app table thead th { border-bottom: 0.8px solid var(--light-color-white); color: var(--light-color-white); } #app table tbody *{ border:none; position:relative; } #app table tbody tr:nth-child(odd) { background: var(--light-color-blue-10); } #app table tbody tr:nth-child(even) { background: var(--light-color-blue-o-1); } #app .v-dialog table { border: 1px solid var(--light-color-white); border-radius: var(--border-radius-1); } #app .v-dialog .v-data-table { box-shadow: var(--light-box-shadow-16) !important; } .v-application .v-data-table .blue-grey.darken-1 { background: transparent; background-color: transparent !important; border-color: transparent !important; } .v-progress-circular__overlay { stroke: var(--icon-green-02); } .v-application .primary--text { color: var(--light-color-blue) !important; caret-color: var(--light-color-blue) !important; } .theme--light.v-text-field > .v-input__control > .v-input__slot:before, #app .theme--light.v-card .v-icon { border-color: var(--light-color-blue) !important; color: var(--light-color-blue) !important } #app .v-alert--text:before { content: none; } .v-main:before { background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/bg.png") no-repeat center !important; background-size: cover !important; } .v-application .info--text, .theme--light.v-card .black--text { color: var(--light-gray) !important; caret-color: var(--light-gray) !important; } #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:last-child, #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:last-child, #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), #app .common-dialog .v-data-table table > thead > tr:last-child > th, #app .v-data-table tr td + td { border-color: var(--light-gray) !important; } #app .input-wrap.password button { opacity: 1; } #app .input-wrap.password button i { font-size: 0; min-height: 24px; min-width: 24px; } #app .input-wrap.password .v-input:has(input[type="password"]) button i { background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/eyeOff.png") no-repeat center / contain; } #app .input-wrap.password .v-input:has(input[type="text"]) button i { background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/eyeOn.png") no-repeat center / contain; } #app .mx-datepicker svg { fill: var(--light-gray-5); } #app .account-card .icon-wrap { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/check.png) no-repeat center / contain; width: 12% !important; top: -5% !important; left: -2% !important; aspect-ratio: 1 / 1; height: auto; } #app .account-card { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/card-bg.png) no-repeat center / contain !important; min-height: unset; aspect-ratio: 652 / 398; height: unset; container-type: size; padding:0; } #app .account-card.bank-1, #app .account-card.digitalWallet-1{ background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/card-bg-1.png) no-repeat center / contain !important; } #app .account-card.bank-2, #app .account-card.digitalWallet-2 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/card-bg-2.png) no-repeat center / contain !important; } #app .account-card.bank-3, #app .account-card.digitalWallet-3 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/card-bg-3.png) no-repeat center / contain !important; } #app .account-card.bank-4, #app .account-card.digitalWallet-4 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/card-bg-4.png) no-repeat center / contain !important; } #app .account-card .v-card__text { min-height: unset; height: 100%; padding: 14cqh 10cqw 0cqw 10cqw !important; } #app .account-card .account-number-title, #app .account-card .account-name-main { color: var(--light-color-white); } #app .account-card .card-linear { background: var(--light-color-white); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); margin: 0 !important; position: absolute; bottom: 25%; padding: 0 !important; } #app .account-card .approveStatus { margin: 0 !important; position: absolute; bottom: 15%; padding: 0 !important; left: 10cqw; } #app .account-card .account-name-main::after { content: none; } #app .account-card .store-info { text-align:right; } #app .account-card .store-icon { position: absolute; margin: 0 !important; top: 37cqh; transform: scale(1.8); } #app .progressbar, #app .progress { background: var(--light-gray-9); border-radius: 50px; height: 8px; } #app .progress-striped .progress-bar-danger { border-radius: 32px; background: var(--light-linear-gradient-16); animation: none; } #app .progress-striped .progress-bar-warning { border-radius: 32px; background: var(--light-linear-gradient-transparent); animation: none; } #app .progress-striped span{ display:none; } /* #endregion 基本樣式 */ /* #region form共用設定 */ #app .v-form .v-text-field__slot, #app .v-form .v-select__slot { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } #app .v-form label { padding: 0 !important; position: relative !important; margin-bottom: 6px; transform: translateY(0px); font-size: 14px; top: 0; color: var(--light-gray) !important; font-weight: 500; line-height:1; } #app .v-form label.v-label--active { opacity: 1; } #app .v-form input, #app .v-form textarea, #transfer-form-wrap .transfer-input-wrap input, #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container .input-wrapper input, #app .mx-datepicker input, #app.SiteMail .mail-detail-dialog .v-card__title .v-input__slot, #app.SiteMail .mail-detail-dialog .v-card .container.isEditing .mail-body, .swal2-input { border-radius: var(--border-radius-2); padding: 6px 16px !important; margin-top: 0px; min-height: 38px; border: 1px solid var(--light-color-white); background: var(--light-color-blue-o); box-shadow: var(--light-box-shadow-11); color: var(--light-gray-5); min-height: 40px; } #app .v-form .v-input__append-outer { color: var(--light-color-sky-blue); top: 34px; } #app .v-form input:focus, #app .v-form textarea:focus, .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { border-color: var(--light-color-white); } #app .v-form input .placeholder, #app .v-form textarea .placeholder, #app .input-wrap .placeholder { font-weight: 400; color: var(--light-gray-1); } #app .v-form .v-input--is-disabled input, #app .v-form .v-input--is-disabled textarea { border: 1px solid var(--light-gray-2) !important; background: var(--light-gray-3) !important; box-shadow: var(--light-box-shadow-11) !important; color: var(--light-gray-4) !important; } #app .v-form .v-input.error--text input, #app .v-form .v-input.error--text textarea { border-color: var(--light-red-1); } #app .v-form .v-select .v-select__selections .v-select__selection--disabled { color: var(--light-color-white-o); } #app .v-dialog .v-form .account-rule, #app .v-dialog .v-form .password-rule, #app.PartnerApply #agent-apply .info-text { color: var(--light-color-blue-1) !important; } #app .v-form .v-text-field__details .v-messages__message { background: none; padding: 0; border-radius: 0; margin-left: 0px; margin-top: 0px; color: var(--light-red-1) !important; font-weight: 400; } #app .v-form .v-input__append-inner img { height: calc(100% - 29px); width: auto; top: auto; bottom: 1.3px; right: 68px; } #app .v-form .v-input__append-inner button, #app.PartnerApply #agent-apply .form-wrap .input-wrap .v-input__append-inner button { top: auto; bottom: 0px; right: 12px; opacity: 1; } #app.PartnerApply #agent-apply .form-wrap .input-wrap .v-input__append-inner button i { color: var(--light-color-blue) !important; } #app .v-form .v-text-field__details { position: static; min-height: auto; } #app .v-form .v-text-field__details .v-messages { min-height: auto; } #app .v-form .v-text-field__details .v-messages__wrapper { text-align: start; } #app .v-form .v-text-field__details .v-messages__message::before { display: none; } #app .v-form .v-input.v-input--checkbox i, #app .v-input.small-checkbox i { color: transparent !important; margin-bottom:-4px; } #app .v-form .v-input.v-select i { color: transparent !important; font-size: 16px; margin-bottom: 0px; } #app .v-form .v-input.v-input--checkbox i::after, #app.BetRecord .v-dialog .v-card__text .v-input--selection-controls__input i::after, #app .v-input.small-checkbox i::after { background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/uncheck.png") center / 130% no-repeat; opacity: 1; } #app .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after, #app.BetRecord .v-dialog .v-card__text .v-input--is-label-active .v-input--selection-controls__input i::after, #app .v-input.small-checkbox.v-input--is-label-active i::after { background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/check.png") center / 130% no-repeat; } #app .v-form .v-input.v-select i::after { background-image: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/select.png"); background-position: center; background-size: contain; background-repeat: no-repeat; background-size: 80%; transition: none; opacity: 1; } #app .v-form .v-input .v-input__control .v-select__slot .v-input__append-inner { position: absolute; right: 8px; bottom: 8px; } #app .v-form .v-select__slot .v-select__selections { padding: 0px; width: 100%; border: none; } #app .v-form .v-select__slot .v-select__selections .v-select__selection--comma { position: absolute; z-index: 1; margin: 5px 4px 3px 16px; } #app .v-form .v-text-field.v-text-field--enclosed .v-text-field__details, #app .v-form .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding: 0px; } #app .v-form .v-text-field > .v-input__control > .v-input__slot:after, #app .v-form .v-text-field > .v-input__control > .v-input__slot:before { content: none; } #app .v-form .v-select__slot input { box-shadow: none; color: var(--light-color-white) !important; -webkit-text-fill-color: var(--light-color-white) !important; border-radius: var(--border-radius); background: var(--light-linear-gradient-4); border: none; } #app .v-form .v-select__slot .v-select__selection, #app .v-form .v-select__slot input::placeholder { color: var(--light-color-white) !important; } #app .v-menu__content { border-radius: var(--border-radius); border: 1px solid var(--light-color-blue-6); } #app .v-menu__content .v-select-list { border-radius: var(--border-radius); background: var(--light-color-blue-o); box-shadow: var(--light-box-shadow-15); } #app .mx-datepicker.disabled input { color: var(--light-color-white-o); background: #18192770; } #app .file-upload-item .upload_zone { border: 1px dashed var(--light-color-blue); border-radius:var(--border-radius); } #app .file-upload-item .upload_zone .v-icon.cloud-upload-icon, #app .file-upload-item .upload_zone .upload { color: var(--light-color-blue); } #app .file-upload-item .upload_zone .upload { border: none; font-size: 14px; font-weight: 500; } /*--->light-mode*/ #app .v-form .v-input__append-outer { color: var(--light-color-white); } #app .v-form .v-input.v-input--checkbox i::after, #app.BetRecord .v-dialog .v-card__text .v-input--selection-controls__input i::after, #app .v-input.small-checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/Checkbox.png) center / 80% no-repeat; border-radius: 0; transform: none; } #app .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after, #app.BetRecord .v-dialog .v-card__text .v-input--is-label-active .v-input--selection-controls__input i::after, #app .v-input.small-checkbox.v-input--is-label-active i::after { background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/Checkbox_a.png") center / 80% no-repeat; } #app .mx-datepicker.disabled input { border: 1px solid var(--light-gray-2) !important; box-shadow: var(--light-box-shadow-8) !important; -webkit-text-fill-color: var(--light-gray-4) !important; color: var(--light-gray-4) !important; background: var(--light-gray-3) !important; } #app .v-form .v-select .v-select__selections .v-select__selection--disabled { color: var(--light-gray-4) !important; } #app .v-form .v-select .v-select__selections .v-select__selection--disabled { } /* #endregion form共用設定 */ /* #region 按鈕共用 */ /* 按鈕共用 >>> 彈窗按鈕*/ #app .v-dialog .v-card__actions button, #app .v-dialog .v-card .form-wrap #submit, #app .v-dialog:has(.rich-text-content) .v-card__actions button, #app .v-dialog.news-dialog .v-card__actions .close-news-btn #app .v-dialog.common-alert-modal .v-card .v-card__actions button.primary, #app .v-dialog.select-account-style #withdraw .v-btn.withdraw-b-btn, #app > div.v-dialog__content.v-dialog__content--active .v-dialog.select-account-style .v-card__actions > button, #app .v-dialog.news-dialog .footer .close-news-btn, #app.Home .v-dialog.ranking-dialog .v-card__actions button { /*淺色漸層*/ font-size: 14px !important; text-shadow: none; font-weight: 700; height: 45px !important; min-height: 45px; margin-top: 40px !important; box-shadow: none; border-radius: var(--border-radius); background: var(--light-linear-gradient-4) !important; color: var(--light-color-white) !important; width: -webkit-fill-available; flex: 1; border: none; } #app .v-dialog.login-dialog .v-card .form-wrap button#submit, #app .v-dialog.register-dialog .v-card .form-wrap button#submit { /*深色漸層*/ background: var(--light-linear-gradient-3) !important; box-shadow: var(--light-box-shadow-3); } #app .v-dialog .v-card__actions button span { white-space: nowrap; text-overflow: ellipsis; max-width: -webkit-fill-available; overflow: hidden; display: inline-block; } /* 按鈕共用 >>> 頁面長按鈕*/ #app.MemberCenter .SignOut-btn, #app #withdraw .withdraw-account-b-main .v-btn.withdraw-b-btn, #app.Withdraw #withdraw .withdraw-info-bg.withdraw-account-b-style .v-btn.withdraw-b-btn, #app #withdraw-account-management .withdraw-account-management-content button.btn-primary, #app.PartnerApply #agent-apply .form-wrap #submit, #app.MemberTransfer #transfer-form-wrap button[type="submit"], #app #promotion-content .promotion-module-apply-btn { margin: 16px 0 !important; width: 100% !important; min-height: 50px; font-weight: 700; border: none; box-shadow: none; border-radius: var(--border-radius); background: var(--light-linear-gradient-4) !important; color: var(--light-color-white) !important; height: auto; min-height: 40px; } /* 按鈕共用 >>> 頁面按鈕(送出)*/ #app .v-main .btn-group:has(button[type="submit"]) button, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(2), #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(1), #app #withdraw-account-management #set-account .v-form .btn-group .submit-btn, #app #change-password .change-password-main form button.submit-btn, #app #change-money-password .change-money-password-main form button.submit-btn, #app #member-infor .member-infor-main button.submit-btn, #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light > div > form > div.d-flex.justify-center.mt-2 > button, #app .main-color.v-btn, #app .web-login.v-btn, #any-time-discount .any-time-discount-main button.v-btn, #app #online-services .join, #app #online-services .services-link::after, #app #deposit .online-deposit-apply-bg form .submit-btn, #app #deposit .company-deposit-layout .v-card__actions button, .swal2-styled.swal2-confirm, #app .set-new-password-main .v-btn, #app .empty-password-bg .v-btn, #app #member-infor .common-bg .v-btn { border-radius: var(--border-radius); background: var(--light-linear-gradient-4); border: 1px solid transparent; color: var(--light-color-white); font-size: 14px; font-weight: 500; min-width: 140px; min-height: 40px; text-shadow: none; border: none; } #app .v-main .btn-group:has(button[type="submit"]) button span, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(2) span, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(1) span, #app #withdraw-account-management #set-account .v-form .btn-group .submit-btn span, #app #change-password .change-password-main form button.submit-btn span, #app #change-money-password .change-money-password-main form button.submit-btn span, #app #member-infor .member-infor-main button.submit-btn span, #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light > div > form > div.d-flex.justify-center.mt-2 > button span, #app .main-color.v-btn span, #app .web-login.v-btn span, #any-time-discount .any-time-discount-main button.v-btn span, #app #online-services .join span, .swal2-styled.swal2-confirm span, #app #deposit .company-deposit-layout .v-card__actions button { color: var(--light-color-white) !important; } #app.MemberTransfer #transfer-form-wrap button[type="submit"] span { -webkit-text-fill-color: var(--light-color-white); } /* 按鈕共用 >>> 頁面按鈕(取消)*/ #app #withdraw-account-management #set-account .v-form .btn-group .cancel-btn, #app #change-password .change-password-main form a.cancel-btn, #app #change-money-password .change-money-password-main form a.cancel-btn, #app #member-infor .member-infor-main .cancel-btn, #app .set-new-password-main .v-btn, #app .empty-password-bg .v-btn, #app #member-infor .common-bg .v-btn.cancel-btn { border-radius: var(--border-radius); border: 1px solid var(--light-color-blue); background: var(--light-color-blue-o-1); color: var(--light-color-blue); order: -1; min-width: 140px; min-height: 40px; } #app #withdraw-account-management #set-account .v-form .btn-group .cancel-btn span, #app #change-password .change-password-main form a.cancel-btn span, #app #change-money-password .change-money-password-main form a.cancel-btn span, #app #member-infor .member-infor-main .cancel-btn span, #app #withdraw-account-management #set-account .v-form .btn-group .cancel-btn span, #app #change-password .change-password-main form a.cancel-btn span, #app #change-money-password .change-money-password-main form a.cancel-btn span, #app #member-infor .member-infor-main .cancel-btn.cancel-btn span { color: var(--light-color-blue) !important; } #app .web-login.v-btn { background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/submitBtn_right.png") no-repeat center !important; background-size: 100% 100% !important; color: #FFFFFF !important; } .swal2-actions { gap: 8px; } .swal2-actions button { margin: 0 !important; width: calc(50% - 4px) !important; max-width: unset !important; border-radius: 8px !important; } #app .web-login.v-btn { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/submitBtn_right.png) no-repeat center !important; background-size: 100% 100% !important; color: var(--icon-green-02) !important; } /*--->單個短按鈕(樣式2)*/ #app #withdraw .withdraw-account-b-main .v-btn.withdraw-b-btn { margin: 16px 15px !important; width: calc(100% - 30px) !important; } /*--->兩個一排*/ #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group, #app #withdraw-account-management #set-account .v-form .btn-group, #app #change-password .change-password-main form .btn-group, #app #change-money-password .change-money-password-main form .btn-group { justify-content: space-between !important; } #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button, #app #withdraw-account-management #set-account .v-form .btn-group button, #app #change-password .change-password-main form .v-btn, #app #change-money-password .change-money-password-main form .v-btn { margin: 0 !important; width: calc(50% - 10px); min-width: 150px; min-height: 44px; font-weight: 700; text-shadow: none; } /*--->類別按鈕*/ #app #withdraw .payment-list, #app #deposit .payment-list, #app #award-center .inner .scroll-content .navtab, #app.BetRecord #bet-record .v-input--radio-group--row, #app #transaction .transaction-content .v-card__text .transaction-category, #app.SiteMail .v-tabs-bar .v-tabs-bar__content, #app.Promotion #promotion .inner .scroll-content .navtab { /*容器*/ border: none !important; background: var(--light-color-blue-o) !important; border-radius: var(--border-radius) !important; color: var(--light-color-blue); padding: 1px !important; display: flex; gap: 8px; justify-content: flex-start; width: -webkit-fill-available; } #app #withdraw .payment-list > div, #app #deposit .payment-list > div, #app #award-center .inner .scroll-content .navtab li, #app #bet-record .v-input--radio-group--row .v-radio, #app #transaction .transaction-content .v-card__text .transaction-category button, #app.SiteMail .v-tabs-bar .v-tabs-bar__content .v-tab, #app.Promotion #promotion .inner .scroll-content .navtab li { /*容器內未選中*/ background: none; border-radius: var(--border-radius) !important; margin: 0 !important; box-shadow: none !important; background-color: transparent !important; border: none !important; color: var(--light-color-blue); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0; margin: 0 !important; text-shadow: none; font-weight: 700; margin: 0; line-height: 1; min-height: 48px; } #app .v-dialog.login-dialog .container .feature-switch-btn > div, #app .v-dialog.register-dialog .container .feature-switch-btn > div, #app .v-dialog.social-login-dialog .feature-switch-btn > div, #app.Lobby .brand-list .brand-item, #app .v-dialog.select-wallet-dialog .v-card .v-card__text .container .row .col .select-wallet, #app #deposit .account-list-bg .account-list > button, #app #deposit .company-deposit-layout .type-list button, #app #deposit .company-deposit-layout .account-list button, #app #deposit .account-list-bg .account-list > button, #app #deposit .online-deposit-apply-bg .btn-group > div, #app #vip .vip-member-info .bonus-wrap .bonus-item .button, #app.Withdraw #withdraw .withdraw-info-bg .withdraw-sub-btn, #app.BetRecord .v-dialog button.v-size--small, #app .right-box-transfer-back, #app .ranking-dialog.common-dialog .action-list span { /*沒有容器未選中*/ background: var(--light-color-blue-o-1) !important; border-radius: var(--border-radius) !important; color: var(--light-color-blue); border: 1px solid var(--light-color-blue) !important; align-items: center; justify-content: center; text-shadow: none; line-height: 1; font-weight: 700; margin: 0; opacity: 1; } #app .v-dialog.login-dialog .container .feature-switch-btn > div span, #app .v-dialog.register-dialog .container .feature-switch-btn > div span, #app .v-dialog.social-login-dialog .feature-switch-btn > div span, #app.Lobby .brand-list .brand-item span, #app .v-dialog.select-wallet-dialog .v-card .v-card__text .container .row .col .select-wallet span, #app #deposit .account-list-bg .account-list > button span, #app #deposit .company-deposit-layout .type-list button span, #app #deposit .company-deposit-layout .account-list button span, #app #withdraw .payment-list > div span, #app #deposit .payment-list > div span, #app #deposit .account-list-bg .account-list > button span, #app #deposit .online-deposit-apply-bg .btn-group > div span, #app #bet-record .v-input--radio-group--row .v-radio label, #app.BetRecord .v-dialog button.v-size--small span, #app #transaction .transaction-content .v-card__text .transaction-category button span, #app.SiteMail .v-tabs-bar .v-tabs-bar__content .v-tab span { color: var(--light-color-blue); font-weight: 700; overflow: hidden; text-overflow: ellipsis; max-width: -webkit-fill-available; white-space: normal; word-break: break-word; text-align: center; } #app .v-dialog.login-dialog .container .feature-switch-btn > div.grey, #app .v-dialog.register-dialog .container .feature-switch-btn > div.grey, #app .v-dialog.social-login-dialog .feature-switch-btn > div.active, #app.Lobby .brand-list .brand-item.active, #app #withdraw .payment-list > div.active, #app #deposit .payment-list > div.active, #app #deposit .account-list-bg .account-list > button.active, #app #deposit .online-deposit-apply-bg .btn-group > div.main-color, #app #deposit .company-deposit-layout .type-list button.active, #app #deposit .company-deposit-layout .account-list button.active, #app #award-center .inner .scroll-content .navtab li.active, #app #vip .vip-member-info .bonus-wrap .bonus-item .button.active, #app #bet-record .v-input--radio-group--row .v-radio.v-item--active, #bet-record .game-type-dialog-component .select-btn, #app #transaction .transaction-content .v-card__text .transaction-category button.active, #app.SiteMail .v-tabs-bar .v-tabs-bar__content .v-tab.v-tab--active:not(:last-child), #app .v-dialog.lang-dialog-b .language-wrap .lang-list.active, #app.Promotion #promotion .inner .scroll-content .navtab li.active, #app.Promotion .inner button, #app.Partner #partner .v-card ul.btn-group li, #app.MemberTransfer #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn, #app .ranking-dialog.common-dialog .action-list span.active { /*active*/ border: none !important; border-radius: var(--border-radius) !important; background: var(--light-linear-gradient-4) !important; color: var(--light-color-white) !important; text-shadow: none; } #app .v-dialog.login-dialog .container .feature-switch-btn > div.grey span, #app .v-dialog.register-dialog .container .feature-switch-btn > div.grey span, #app .v-dialog.social-login-dialog .feature-switch-btn > div.active span, #app.Lobby .brand-list .brand-item.active span, #app #withdraw .payment-list > div.active span, #app #deposit .payment-list > div.active span, #app #deposit .account-list-bg .account-list > button.active span, #app #deposit .online-deposit-apply-bg .btn-group > div.main-color span, #app #deposit .company-deposit-layout .type-list button.active span, #app #deposit .company-deposit-layout .account-list button.active span, #app #bet-record .v-input--radio-group--row .v-radio.v-item--active label, #bet-record .game-type-dialog-component .select-btn span, #app #transaction .transaction-content .v-card__text .transaction-category button.active span, #app.SiteMail .v-tabs-bar .v-tabs-bar__content .v-tab.v-tab--active:not(:last-child) span, #app .right-box-transfer-back span, #app.Partner #partner .v-card ul.btn-group li span{ color: var(--light-color-white) !important; } #app #withdraw .payment-list, #app #deposit .payment-list, #app #deposit .account-list-bg .account-list, #app #deposit .company-deposit-layout .company-deposit-list-bg .type-list, #app #deposit .company-deposit-layout .company-deposit-account-list-bg .account-list, #app #award-center .inner .scroll-content .navtab, #app.SiteMail .v-tabs-bar .v-tabs-bar__content, #app.SiteMail .mail-detail-dialog .v-card__actions, #app #member-infor .common-bg div:has(>button[type="submit"]), #app.Partner #partner .v-card ul.btn-group, #app .v-dialog.common-alert-modal .v-card__actions:has(.fast-going-wrap), #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions { /*多個一排*/ display: flex; gap: 8px; justify-content: flex-start; width: -webkit-fill-available; } #app #member-infor .common-bg div:has(>button[type="submit"]) button, #app.Partner #partner .v-card ul.btn-group li, #app .v-dialog.common-alert-modal .v-card__actions:has(.fast-going-wrap) >*{ /*兩個一排*/ width: calc(100% / 2 - 8px / 2) !important; flex: unset; padding: 8px; min-width: unset; } #app #withdraw .payment-list > div, #app #deposit .payment-list > div, #app #deposit .account-list-bg .account-list > button, #app #deposit .company-deposit-layout .type-list button, #app #deposit .company-deposit-layout .account-list button, #app #award-center .inner .scroll-content .navtab li, #app #transaction .transaction-content .v-card__text .transaction-category button, #app.SiteMail .v-tabs-bar .v-tabs-bar__content a, #app.SiteMail .mail-detail-dialog .v-card__actions button { /*三個一排*/ width: calc(100% / 3 - 16px / 3); flex: unset; padding: 8px; min-width: unset; } #app #deposit .online-deposit-apply-bg .btn-group > div { /*四個一排*/ width: calc(100% / 4 - 24px / 4); padding: 8px; min-width: unset; } /* 錢包轉點按鈕 */ #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button { margin: 0 !important; width: calc(50% - 10px); min-width: 130px; min-height: 44px; font-weight: 700; text-shadow: none; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.cancel-btn, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.cancel-btn, #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.submit-btn, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.submit-btn,\ { font-size: 14px; text-shadow: none; font-weight: 700; height: 45px; border-radius: var(--border-radius); background: var(--light-linear-gradient-3) !important; box-shadow: var(--light-box-shadow-3); color: var(--light-color-white) !important; border: none; } #app #member-infor .member-infor-main .cancel-btn { margin-right: 15px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/submitBtn_1.png) center no-repeat !important; background-size: 100% 100% !important; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions .flip-reversed { transform: none; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions .flip-reversed .v-btn__content { transform: none; } /* #endregion end 按鈕共用 */ /* #region */ #app .online-count { display: none !important; } #app .set-new-password-main, #app .empty-password-bg, #app .any-time-discount-main, #app #member-infor .common-bg { background: var(--light-linear-gradient-transparent); border: 1px solid #2cd0ff !important; -moz-border-radius: var(--border-radius-1); -webkit-border-radius: var(--border-radius-1); border-radius: var(--border-radius-1); } #app #member-transfer { padding-bottom: 70px; } #app #member-transfer .transfer-input-wrap { height: auto; padding: 0; background-color: transparent; border: none; border-radius: 0; margin: 0; z-index: 1; } #app #member-transfer .v-text-field__details { z-index: 1; } #app #transfer-form-wrap .transfer-input-wrap .v-text-field__details .v-messages .v-messages__message { padding: 0; background: none; } #app #member-transfer .warn-text { margin-bottom: 20px; } #app #member-transfer .transfer-input-wrap .v-input__control > .v-input__slot { position: relative; overflow: visible; } #app #member-transfer .transfer-input-wrap .v-input__append-inner, #app #member-transfer .transfer-input-wrap .v-input__append-outer { top:unset; transform:none; padding:0; } #app #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn, #app #member-transfer .transfer-input-wrap .v-input__append-outer .v-btn { height: 20px; min-width: 0; padding: 5px; font-size: 13px; border-radius: var(--border-radius); background: var(--light-linear-gradient-transparent); color: #fff; box-shadow: none; margin: 0; } #app.MemberTransfer .v-input button.getMobileSendCode { bottom: 0; top: unset; position: absolute; right: 16px; transform: translateY(-5px); } #app #member-transfer .transfer-input-wrap .v-input__slot input, #app #member-transfer .transfer-input-wrap .v-input__slot textarea { padding-right: 110px; } #app #member-transfer #transfer-form-wrap .transfer-input-wrap .v-label { padding: 0 !important; transform: translateY(0) !important; color: #fff !important; opacity: 1; } #app .any-time-discount-main .v-data-table { border: 1px solid var(--light-color-white) !important; border-radius: var(--border-radius); overflow: hidden; } #app .any-time-discount-main .grey--text { color: #fff !important; } #app .any-time-discount-main .v-data-table__wrapper .thead .blue-grey { background: #132f47 !important; } #app .any-time-discount-main .v-data-table__wrapper > table > thead > tr:last-child > th, #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tfoot > tr > td:not(.v-data-table__mobile-row), #app .any-time-discount-main .v-data-table td { border: none !important; } #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row) { border-bottom: 1px solid var(--light-gray-1) !important; } #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tfoot > tr > td:not(.v-data-table__mobile-row) { border-top: 1px solid var(--light-gray-1) !important; } #app .any-time-discount-main .v-data-table tfoot .text-right:last-child { text-align: left !important; } #app .any-time-discount-main .v-data-table__wrapper tr:nth-child(even) { background: none; } #app.ChangePassword .v-btn, #app.ChangeMoneyPassword .v-btn { border-color: #fff; } #app, #app .v-application--wrap { min-height: calc(100 * var(--vh)); } #app .go-homepage-btn { display: block; } #app .balance:before { display: none; } .live-icon { position: fixed; top: 17vh; right: 0; } .live-icon img { width: 70px; height: auto; } .v-application .sign-out-modal .grey.lighten-2 { background-color: #0d203d !important; border-color: unset !important; } .v-dialog .v-card.sign-out-modal { border: 1px solid #43e6ff; background: #0d203d; } #app .sign-out-modal .grey--text { color: #fff !important; } .v-pagination__navigation .v-icon { color: rgba(0, 0, 0, 0.54) !important; } /* light-mode*/ #app .set-new-password-main, #app .empty-password-bg, #app .any-time-discount-main, #app #member-infor .common-bg { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); border: 1px solid var(--light-color-white) !important; } #app .any-time-discount-main .grey--text { color: var(--light-gray) !important; } /* #endregion */ /* #region header */ #app #logo-bar .account-info { display: none; } #app #logo-bar .balance span { padding-bottom: 1px; } #app #logo-bar .balance span, #app #logo-bar .text-truncate { color: var(--light-color-yellow); font-family: Inter; font-weight: 400; } #app #logo-bar { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/header-bg.png) no-repeat center / cover; box-shadow: var(--light-box-shadow-3); padding: 0px 8px; } #app #logo-bar::after { display: none; } #app #logo-bar .login-btn::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/signin.png) no-repeat center / 130%; } #app #logo-bar .signup-btn::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/signup.png) no-repeat center / 130%; } #app #logo-bar .login-btn { color: var(--light-color-white); border-radius: var(--border-radius); background: var(--light-radial-gradient); box-shadow: var(--light-box-shadow-9), var(--light-box-shadow); } #app #logo-bar .signup-btn { color: var(--light-color-blue); border-radius: var(--border-radius); background: var(--light-linear-gradient-1); box-shadow: var(--light-box-shadow-9), var(--light-box-shadow-8); } #app #logo-bar .login-btn::after, #app #logo-bar .signup-btn::after { background: var(--light-linear-gradient) border-box; border: 0.5px solid transparent; } #app #logo-bar .side-menu-btn { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/menu.png) no-repeat center / contain; min-width: 32px; height: 32px; } #app #logo-bar .mail-btn::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/header/mail.png) no-repeat center / 130%; } #app #logo-bar .mail-btn .unread { background: var(--light-red); } #app #logo-bar .member-info { height: -webkit-fill-available; } #app #logo-bar .member-level { height: 140%; aspect-ratio: 105 / 48; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip0.png) no-repeat center / contain; } #app #logo-bar .member-level[level="vip1"] { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip1.png) no-repeat center / contain; } #app #logo-bar .member-level[level="vip2"] { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip2.png) no-repeat center / contain; } #app #logo-bar .member-level[level="vip3"] { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip3.png) no-repeat center / contain; } #app #logo-bar .member-level[level="vip4"] { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip4.png) no-repeat center / contain; } #app #logo-bar .member-level[level="vip5"] { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip5.png) no-repeat center / contain; } #app #logo-bar .member-level[level="vip6"] { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip6.png) no-repeat center / contain; } #app #logo-bar .member-level[level="vip7"] { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip7.png) no-repeat center / contain; } #app #logo-bar .member-level span, #app #logo-bar .member-level::after { font-size: 0; } #app #logo-bar .balance .coin, #app #logo-bar .balance .add-btn { display: none; } #app #logo-bar .balance { background: var(--light-linear-gradient-2); box-shadow: var(--light-box-shadow-4); } #app #logo-bar .balance::before, #app #logo-bar .balance::after { content: ''; display: inline-block; height: 14px; width: 14px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/refreash.png) no-repeat center / 130%; } #app #logo-bar .balance::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/money.png) no-repeat center / 130%; } /* #endregion header */ /* #region footer */ #app #footer:before { content: none; } #app #footer .v-bottom-navigation { background: var(--light-color-navy-dark); backdrop-filter: blur(30px); border: none; } #app.Home .layout #footer { height: 75px; } #app #footer .v-btn .has-new-sitemail { display: none; } #app .v-dialog.financial-dialog { margin: 0 0 20vw 0 !important; } #app #footer:not(.show-financial-dialog) .v-bottom-navigation button.active:not([value=Promotion]):not([value=Home]) span { color: #FFFFFF; } #app #footer.k-component .v-bottom-navigation { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/footer-bg.png) no-repeat center bottom / contain; aspect-ratio: 780 / 264; backdrop-filter: none; height: auto !important; width: 100%; padding: 8vw 5.5vw 0 5.5vw; margin-bottom: -4vw; box-shadow: none; } #app #footer.k-component .v-bottom-navigation > * { position:relative; } #app #footer.k-component .v-bottom-navigation > *:not(:last-child)::after { content: ''; display: block; position: absolute; height: 30%; width: 1px; background: rgba(229, 240, 255, 0.50); filter: var(--light-drop-shadow-3); right: 0px; border-radius: 15px; } #app #footer .v-bottom-navigation .v-btn__content { gap: 0px; } #footer .v-bottom-navigation a span, #footer .v-bottom-navigation span { color: var(--light-color-white) !important; } .vi-VN #footer .v-bottom-navigation a span, .vi-VN #footer .v-bottom-navigation span { font-size: .55rem; } #app #footer:not(.show-financial-dialog) .v-bottom-navigation button.active:not([value=Promotion]):not([value=Home]) span { color: var(--light-color-white) !important; } #app #footer.k-component .v-btn i.promotion { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/promotion.png); } #app #footer.k-component .v-btn.v-btn--active i.promotion { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/promotion-a.png); } #app #footer.k-component .v-btn i.chat{ background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/servise.png); } #app #footer.k-component .v-btn.v-btn--active i.chat { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/servise-a.png); } #app #footer.k-component .v-btn i.transaction{ background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/transaction.png); } #app #footer.k-component .v-btn.v-btn--active i.transaction { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/transaction-a.png); } #app #footer.k-component .v-btn i.member-center { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/my.png); } #app #footer.k-component .v-btn.v-btn--active i.member-center { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/my-a.png); } #app #footer.k-component .v-btn i.home, #app #footer.k-component .v-btn.v-btn--active i.home { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/home.png); } #app #footer.k-component .v-btn i.financial::before, #app #footer.k-component .v-btn--active i.financial::before, #app #footer.k-component .v-btn i.financial::after, #app #footer.k-component .v-btn--active i.financial::after { content: none; } #app #footer .v-btn i.financial { border: none; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/logo.png) no-repeat center / contain; background-color: transparent; transform: scale(1.4) translateX(-2px); } .v-dialog.financial-dialog .v-card { box-shadow: none !important; border-color: transparent !important; } .v-dialog.financial-dialog .v-card__text { box-shadow: none; border-color: transparent; overflow: visible !important; } .v-dialog.financial-dialog .v-card ul { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/deposit_bg.png) no-repeat center / contain; } .v-dialog.financial-dialog .v-card ul li.deposit { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/withdraw_bg.png) no-repeat center right / contain; } .v-dialog.financial-dialog .v-card ul li.deposit::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/deposit.png) no-repeat center / 130%; } .v-dialog.financial-dialog .v-card ul li::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/footer/withdrawal.png) no-repeat center / 130%; } /* #endregion footer */ /* #region side-menu 側目錄 */ #app #side-menu-a .scroll-content .menu .menu-item.guide, #app #side-menu-a .top-games ul .game-item.atg, #app #side-menu-a .toggle-action:has(#theme-btn), #app #home-navigation .swiper-slide.common .common-list .game-item .game-name-box b { display: none; } #app #side-menu-a .top-games ul .game-item.atg2 { display: flex; } #app #side-menu-a { background: var(--light-linear-gradient-3); box-shadow: var(--light-box-shadow-3); } #app #side-menu-a .close-side-menu { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/announcement/close.png) no-repeat center / contain; font-size: 0; width: 32px; height: 32px; top: 35px; right: 12px; transform: translateY(-50%); } #app #side-menu-a .top-games ul { border-radius: var(--border-radius); background: var(--light-color-blue-o); padding: 1px; width: auto; max-width: calc(100% - 40px); } #app #side-menu-a .top-games ul .game-item { color: var(--light-color-blue); border: none; position: relative; padding-left: 40px; flex: 1; overflow: hidden; white-space: normal; line-height: 1; } .vi-VN#app #side-menu-a .top-games ul .game-item { line-height: 1; font-size: 11px; justify-content: flex-start; } #app #side-menu-a .top-games ul .game-item::before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; left: 12px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/ATG.png) no-repeat center / contain; } #app #side-menu-a .top-games ul .game-item.active { color: var(--light-color-white); border-radius: var(--border-radius); background: var(--light-linear-gradient-4); } #app #side-menu-a .top-games ul .game-item.active::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/ATG-white.png) no-repeat center / contain; } #app #side-menu-a .menu.bg, #app #side-menu-a .horizontal-menu .menu-item, #app #side-menu-a .menu .menu-item { color: var(--light-color-blue); border-radius: var(--border-radius); background: var(--light-color-blue-o); } #app #side-menu-a .menu.bg .menu-item { background:none; } #app #side-menu-a .horizontal-menu .menu-item.disabled { background: var(--light-color-white); opacity: 0.6; } #app #side-menu-a label.toggle-label { background: var(--light-linear-gradient-10); box-shadow: var(--light-box-shadow-7); } #app #side-menu-a .checkbox-input:checked:not(#theme-btn) + label { background: var(--light-custom-linear-gradient-color-9); } #app #side-menu-a .thumb { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/soundsOff.png) no-repeat center / contain; } #app #side-menu-a .checkbox-input:checked + label .thumb { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/soundsOn.png) no-repeat center / contain; } #app #side-menu-a .thumb.theme { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/lightOn.png) no-repeat center / contain; } #app #side-menu-a .checkbox-input:checked + label .thumb.theme { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/lightOff.png) no-repeat center / contain; } #app #side-menu-a .horizontal-menu .menu-item img, #app #side-menu-a .menu .menu-item img { display: none; } #app #side-menu-a .horizontal-menu .menu-item::before, #app #side-menu-a .menu .menu-item::before { content: ''; width: 18px; height: 18px; display: inline-block; } #app #side-menu-a .horizontal-menu .menu-item.hot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/hot.png) no-repeat center / contain; } #app #side-menu-a .horizontal-menu .menu-item.favorite::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/like.png) no-repeat center / contain; } #app #side-menu-a .horizontal-menu .menu-item.history::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/history.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Favorite::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/like-2.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Favorite::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/like-2.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Slot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/slot.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Slot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/slot.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Live::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/live.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Board::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/board.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Fish::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/fish.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Sport::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/sport.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.Lottery::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/lottery.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.VPN::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/vpn.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.vip::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/vip.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.sitemail::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/sitemail.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.award-center::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/award-center.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.promotion::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/promotion.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.bank::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/bank.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.transaction::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/transaction.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.betRecord::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/betRecord.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.language::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/language.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.password::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/password.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.app::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/app.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.guide::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/guide.png) no-repeat center / contain; } #app #side-menu-a .menu .menu-item.chat::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/sideMenu/chat.png) no-repeat center / contain; } #app #side-menu-a .toggle-action{ color:var(--light-color-white); } #app #side-menu-a .checkbox-input:checked:not(#theme-btn) + label { background: var(--light-linear-gradient-9); box-shadow:none; } /* #endregion side-menu 側目錄 */ /* #region 首頁 */ #app.Home #home { display: flex; flex-direction: column; } html.light-mode:has(#app.Home) { overflow: hidden; } body:has(#app.Home) { overflow: hidden; position: fixed; width: 100%; height: 100%; } #app.Home .layout-wrap { flex-direction: column; display: flex; flex: 1 1 auto; flex-wrap: nowrap; min-width: 0; } #app.Home .layout #home.v2 { position: static; flex: 1; padding: 0; height: 0; } #app.Home #home:before { display: none; } #app.Home #home #home-navigation-wrap.l-component { padding-bottom: 0px; flex-grow: 1; height: unset !important; overflow: hidden; } #app.Home #home #slider-banner.l-component { position: relative; border: none; border-radius: var(--border-radius-1); background: var(--light-radial-gradient-1), var(--light-linear-gradient-5); box-shadow: var(--light-box-shadow-5); } #app.Home #home #slider-banner.l-component::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--border-radius-1); border: 2px solid transparent; background: var(--light-linear-gradient) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app.Home #home #slider-banner.l-component .jackpot .line { background: var(--light-linear-gradient-6); } #app.Home #home #slider-banner.l-component .jackpot .text { background: var(--light-linear-gradient-6); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; } #app.Home #home #slider-banner.l-component .jackpot .number .jackpot-number .real-time-num div { background: var(--light-linear-gradient-7); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #app.Home #home #slider-banner.l-component .news-wrap { border-radius: 50px; border-top: 1px solid var(--light-color-blue-1); background: var(--light-linear-gradient-8); box-shadow: var(--light-box-shadow-6); } #app.Home #home #slider-banner.l-component .news-wrap::before, #app.Home #home #slider-banner.l-component .news-wrap::after { content: none; } #app.Home #home #slider-banner.l-component .news-wrap #news { padding-left: 22px; color: var(--light-color-blue); height: 24px } #app.Home #home #slider-banner.l-component .news-wrap #news::before { position: absolute; content: ""; height: 20px; transform: scale(1) !important; animation: none; left: 0px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/news.png) no-repeat center / contain; top: 1.5px; width: 20px; } /* 首頁 >>> 遊戲類別 */ #app.Home #home-navigation .game-tab li { border-radius: var(--border-radius-1); box-shadow: var(--light-box-shadow-10); aspect-ratio: 140 / 94; flex: unset; height: unset; min-height: unset; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/tab-bg.png) no-repeat center bottom / contain; } #app.Home #home-navigation .game-tab li:after { content:none; } #app.Home #home-navigation .game-tab li span { color: var(--light-color-blue); } #app.Home #home-navigation .game-tab li.swiper-pagination-bullet-active { /* background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/tab-img-bg-a.png) no-repeat center / cover, radial-gradient(44.62% 11.56% at 49.54% 105.88%, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%), linear-gradient(180deg, #FFF 0%, #1774D1 36.84%, #1A3E94 83.44%), linear-gradient(0deg, rgba(220,234,243,.8) 0.02%, rgba(142,172,220,.8) 100%), linear-gradient(177deg, #94C6FB 2.42%, #395798 97.84%);*/ background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/tab-bg-a.png) no-repeat center bottom / contain; background-color: transparent !important; } #app.Home #home-navigation .game-tab li.swiper-pagination-bullet-active span { color: var(--light-color-white-1); } #app.Home #home-navigation .game-tab li.swiper-pagination-bullet-active:after { background: var(--light-linear-gradient-17) border-box; } #app.Home #home-navigation .game-tab li + li { margin-top: 0; } #app.Home #home-navigation .game-tab { gap: 8px; height: 100% !important; max-height: 100% !important; overflow-y: auto; bottom: unset; } #app.Home #home-navigation .home-navigation-swiper { height: 100%; } #app.Home #home-navigation .game-tab.F li.Favorite:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/like.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Favorite:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/like-a.png); } #app.Home #home-navigation .game-tab.F li.Hot:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/hot.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Hot:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/hot-a.png); } #app.Home #home-navigation .game-tab.F li.Slot:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/slot.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Slot:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/slot-a.png); } #app.Home #home-navigation .game-tab.F li.Live:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/live.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Live:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/live-a.png); } #app.Home #home-navigation .game-tab.F li.Board:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/board.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Board:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/board-a.png); } #app.Home #home-navigation .game-tab.F li.Fish:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/fish.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Fish:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/fish-a.png); } #app.Home #home-navigation .game-tab.F li.Sport:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/sport.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Sport:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/sport-a.png); } #app.Home #home-navigation .game-tab.F li.VPN:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/vpn.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.VPN:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/vpn-a.png); } #app.Home #home-navigation .game-tab.F li.Lottery:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/lottery.png); } #app.Home #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Lottery:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/lottery-a.png); } /* 首頁 >>> 遊戲內容列表 */ #app.Home #home-navigation-wrap.l-component .common-list .game-img-box .label { left: 1px; top: 1px; } #app.Home #home-navigation .swiper-slide.common .common-list .custom-group { padding: 0; display: none !important; } #app.Home #home-navigation .swiper-slide.common .common-list .custom-group .custom-item .hot-text { background: var(--light-linear-gradient-transparent); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #app.Home #home-navigation .swiper-slide.common .common-list .custom-group .custom-item img { max-width: 71%; position: absolute; right: 6px; bottom: 6px; } #app.Home #home-navigation .swiper-slide.common .common-list .game-item { border-radius: var(--border-radius-1); background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/game-item-bg.png) no-repeat center / cover; overflow: unset; box-shadow: var(--light-box-shadow-10); } #app.Home #home-navigation .swiper-slide.common .common-list .game-item::before { content: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--border-radius-1); border: 1px solid transparent; background: var(--light-linear-gradient) border-box; z-index: -1; background: var(--light-color-white); } #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-image, #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-bg { border-radius: var(--border-radius-1); top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); } #app.Home #home-navigation .swiper-slide.common .common-list .game-item.PrgReal .game-name-box::after { content: 'Please enable VPN before playing'; font-size: 12px; color: var(--icon-green-07); margin-top: -2px; } .zh-TW#app.Home #home-navigation .swiper-slide.common .common-list .game-item.PrgReal .game-name-box::after { content: '遊戲前請先開啟VPN'; } .zh-CN#app.Home #home-navigation .swiper-slide.common .common-list .game-item.PrgReal .game-name-box::after { content: '游戏前请先开启VPN'; } #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-image { border-radius: var(--border-radius-1); top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); } #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-bg{ display:none; } #app.Home #home-navigation .swiper-slide.common .common-list .game-item.PrgReal .game-name-box::after { content: 'Please enable VPN before playing'; font-size: 12px; color: var(--icon-green-07); margin-top: -2px; } .zh-TW#app.Home #home-navigation .swiper-slide.common .common-list .game-item.PrgReal .game-name-box::after { content: '遊戲前請先開啟VPN'; } .zh-CN#app.Home #home-navigation .swiper-slide.common .common-list .game-item.PrgReal .game-name-box::after { content: '游戏前请先开启VPN'; } #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-name-box span, #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-name-box b { color: var(--light-color-blue); -webkit-text-fill-color: unset; } #app.Home #home-navigation .swiper-slide:not(#Favorite):not(#Hot).common .common-list .game-item::before { content: ''; display: block; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/game-item-bg.png) center / 120% no-repeat; z-index: 0; border-radius: var(--border-radius-1); top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--light-color-white); } #app.Home #home-navigation-wrap.l-component .common-list .game-img-box .label { left: 1px; top: 1px; } #app.Home #home-navigation-wrap.l-component .common-list .label .btn-like { background-image: none; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/like_a.png) center / contain no-repeat; } /* 首頁 >>> 遊戲內容列表(最愛、熱門) */ #app.Home #home-navigation .swiper-slide.common .common-list.hot { grid-template-columns: repeat(2, 1fr); gap: 8px; } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item { border-radius: var(--border-radius); border: none; background: none; height: 119.2px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; background: var(--light-linear-gradient-11); box-shadow: var(--light-box-shadow-10); } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--border-radius); border: 1px solid transparent; background: var(--light-color-white) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ z-index:2; } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box { position: relative; width: 100%; border-radius: 8px 8px 0 0 !important; background: none; height: 78%; overflow: hidden; } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px 8px 0 0 !important; border: 1px solid transparent; background: var(--light-color-white) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ z-index: 1; } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box img { height: calc(100% - 2px); width: calc(100% - 2px); object-fit: cover; position: absolute; top: 1px; left: 1px; transform: scale(1); transform-origin: center; } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-logo-wrap { position: absolute; top: 15px; right: -2px; width: 40px; z-index: 1; } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item img { display: block; width: 100%; margin-bottom: 1px; } #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-name { position: static; height: auto; width: 100%; padding: 6px 0; text-align: center; overflow: hidden; text-align: center; text-overflow: ellipsis; font-family: "Inter", sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-transform: uppercase; font-weight: 500; color: var(--light-color-blue); line-height: 1; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/game-item-title-bg.png) center / cover no-repeat; } /* 首頁 >>> 浮圖 */ #app.Home #vpn-float { bottom: 166px !important; } #app.Home #activity-float .SignInEvent::before { content: ''; display: block; width: 100%; height: 90px; background: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/components/ActivityFloatComponent/SignInEvent/zh-TW/signinevent-service.png) no-repeat center / contain; } #app.Home #activity-float .SignInEvent img { display: none; } #app.Home #activity-float { margin-right: 10px; } #app.Home #custom-float { padding: 0px 10px; width: 66px; } #app.Home #custom-float .main-icon, #app.Home #custom-float .custom-float-content .custom-float-item, #app.Home #custom-float .custom-float-content .custom-float-item .toggle-icon { width: 46px; } #app.Home #custom-float .main-icon { border-radius: 50px; height: 46px; background: var(--green-o1) url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/CustomFloat.png) center / 60% no-repeat; } #app.Home #custom-float .main-icon.active { background: var(--green-o1) url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/arrow.png) center / 60% no-repeat; } #app.Home #custom-float .custom-float-content.expand-box .custom-float-item { background: var(--green-o2); } #app.Home #custom-float .custom-float-content .custom-float-item:first-child { border-radius: 50px 50px 0 0; } #app.Home #custom-float .custom-float-content .custom-float-item:last-child { border-radius: 0 0 50px 50px; } #app.Home #custom-float .custom-float-content .custom-float-item .text { background-clip: unset; -webkit-text-fill-color: unset; background: none; font-size: 9px; font-style: normal; font-weight: 700; color: var(--light-color-white); position: absolute; bottom: 0px; transform: translateX(-50%); left: 50%; white-space: nowrap; } #app.Home #custom-float .custom-float-content .custom-float-item:last-child { height: 72px; } #app.Home #custom-float .custom-float-content .custom-float-item:last-child .text { bottom: 12px; } #app.Home #custom-float .custom-float-content .custom-float-item .toggle-icon { } #app.Home #custom-float .custom-float-content .custom-float-item.app .toggle-icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/AppDownload.png) center / 60% no-repeat; } #app.Home #custom-float .custom-float-content .custom-float-item.anyTimeDiscount .toggle-icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/AnyTimeDiscount.png) center / 70% no-repeat; } #app.Home #custom-float .custom-float-content .custom-float-item.jackpot .toggle-icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/Jackpot.png) center / 70% no-repeat; } #app.Home #world-cup { width: 75px; height: 75px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/sportLobby.png) center / contain no-repeat; } .zh-TW#app.Home #world-cup { margin-right: 10px; width: 75px; height: 75px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/sportLobby_zhTW.png) center / contain no-repeat; } #app.Home #world-cup span:not(.close) { position: relative; font-family: Afacad; font-size: 20px; padding: 2px; line-height: 1; margin-bottom: 10px; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #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 #activity-float { margin-right: 10px; } /* 首頁 >>> app下載 */ #app #app-download ul { background: linear-gradient(90deg, #052543 0%, #134DA4 100%); } #app #app-download h2 { color: #00DBFF; } #app #app-download span { color: #68AEDB; } #app #app-download ul li.download-body { padding-left: 1%; width: calc(100% - 100px); } #app #app-download ul li.download-body > div { padding-left: 4%; } #app #app-download ul li.download-btn { min-width: auto; color: #fff; font-size: 1rem; padding: 0.3rem 0.5rem; white-space: nowrap; border-radius: var(--border-radius); border: 0.5px #37D8F8; background: radial-gradient(129.75% 100% at 51.64% 0%, #4CDFFF 0%, #537EDE 100%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } #app #app-download ul li.close-btn { width: 35px; height: 100%; background: url("/CdnRedirect/Web.Portal/DN029-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png") no-repeat center top; background-size: contain; } #app #app-download ul li.download-body img { -moz-box-shadow: 0px 0px 10px 0 rgba(129, 183, 255, 1); -webkit-box-shadow: 0px 0px 10px 0 rgba(129, 183, 255, 1); box-shadow: 0px 0px 10px 0 rgba(129, 183, 255, 1); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; height: 100%; max-width: unset; } /* #endregion 首頁 */ /* #region 排行榜 */ #app .v-dialog.ranking-dialog { border-radius: var(--border-radius-1); } #app .v-dialog.ranking-dialog .v-card { border-radius: 8px !important; border: none; } #app .ranking-dialog.common-dialog .v-card .v-card__title { padding: 8px 16px !important; align-items: center; position: relative; font-weight: 500; border: none; font-size:0; } #app .ranking-dialog.common-dialog .v-card .v-card__title::after { content: 'Ranking'; font-size: 1.25rem; } .zh-CN#app .ranking-dialog.common-dialog .v-card .v-card__title::after { content: '神话榜'; } .zh-TW#app .ranking-dialog.common-dialog .v-card .v-card__title::after { content: '神話榜'; } #app .ranking-dialog.common-dialog .v-card .v-card__title button { position: absolute; right: 12px; } #app .ranking-dialog.common-dialog .v-card .v-card__title button i { background: none !important; color: var(--light-color-white) !important; font-size: 20px !important; font-weight: 500; } #app .v-dialog.ranking-dialog .v-card__text { padding: 16px !important; } #app .ranking-dialog.common-dialog .v-card__text .wrapper { overflow: auto; height: auto; min-height: unset; } #app .ranking-dialog.common-dialog .board-list { min-height: unset; height: auto; gap: 0; padding: 24px; position: relative; } #app .v-dialog.ranking-dialog .board-list span { width: 100%; position: relative; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/jackpot/type-bg.png) no-repeat center / contain; border: none; aspect-ratio: 498 / 182; padding: unset; height: unset; } #app .v-dialog.ranking-dialog .board-list span b, #app .v-dialog.ranking-dialog .board-list span b::before, #app .v-dialog.ranking-dialog .board-list span b::after { position: absolute; top: -2%; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; white-space: nowrap; font-size: 28px; } #app .v-dialog.ranking-dialog .board-list span b{ font-size:0; } #app .v-dialog.ranking-dialog .board-list span b::after { /*漸層色主體*/ content: "Slot Ranking"; background: var(--light-linear-gradient-3); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #app .v-dialog.ranking-dialog .board-list span b::before { /*白框*/ content: "Slot Ranking"; text-shadow: 0 4px 4px var(--light-color-blue-o-1); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--light-color-white); } .zh-CN#app .v-dialog.ranking-dialog .board-list span b::before, .zh-CN#app .v-dialog.ranking-dialog .board-list span b::after { content: "电子爆水榜"; } .zh-TW#app .v-dialog.ranking-dialog .board-list span b::before, .zh-TW#app .v-dialog.ranking-dialog .board-list span b::after { content: "電子爆水榜"; } #app .v-dialog.ranking-dialog .board-list span img { display: none; } #app .v-dialog.ranking-dialog .leaderboard-list-marquee { min-height: 50vh; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap, #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list { overflow: visible !important; background: transparent !important; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list { padding: 6px; gap: 15px; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li{ box-shadow:none; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span, #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span b { color: #5D616B; font-weight: 600; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span.bet, #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span.payout { color: #4089F7; font-weight: 600; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b{ font-size:0; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b::after { content: 'Bonus'; font-size: 16px; } .zh-CN#app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b::after { content: '神话奖金'; } .zh-TW#app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span.payout b::after { content: '神話獎金'; } #app .ranking-dialog.common-dialog .list-wrap { margin-top: 16px; } #app .ranking-dialog.common-dialog .action-list { padding: 0 6px; margin-bottom: 15px; gap: 2px; } #app .ranking-dialog.common-dialog .action-list span { padding: 10px 20px; font-weight: 500; } #app .ranking-dialog.common-dialog .action-list span.week, #app .v-dialog.ranking-dialog .action-list i.back { display: none; } #app .v-dialog.ranking-dialog .v-card__actions button { border-radius: 0; font-size: 14px; } /* #endregion 排行榜 */ /* #region 彈跳彈窗 */ #app .common-dialog .v-card .v-card__title { justify-content: center; border-bottom: 1px solid #41729f; } #app .common-dialog .v-card .v-card__title .title-close-btn { position: absolute; top: 5px; right: 4px; width: 40px; height: 40px; font-size: 0; background: url("/CdnRedirect/Web.Portal/DN029-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png") no-repeat center top; background-size: 100% 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } #app .common-dialog .v-card .v-card__title .title-close-btn: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.common-alert-modal .v-card__actions .fast-going-wrap { padding: 0 !important; } #app .v-dialog.common-alert-modal .v-card__actions .fast-going-wrap .v-input { position: absolute; bottom: 50px; } /*彈窗背景*/ #app .wallet-detail-dialog.common-dialog { border-radius: var(--border-radius-1); } #app .common-dialog .v-card .v-data-table { background: transparent; } #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:last-child, #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:last-child, #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), #app .common-dialog .v-data-table table > thead > tr:last-child > th, #app .v-data-table tr td + td { border-color: #41536e !important; } #app .common-dialog .v-card .v-card__actions .v-btn:before, #app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button:before, #any-time-discount .any-time-discount-main button.v-btn:before { display: none; } #app > div.v-dialog__content.v-dialog__content--active .gametype-dialog-component div.v-card__actions > button { margin-left: auto; margin-right: 0; } #app .common-dialog .v-card .v-card__actions .v-btn:active, #app > div.v-dialog__content.v-dialog__content--active div.v-card__actions > button:active, #any-time-discount .any-time-discount-main button.v-btn: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 .feature-switch-btn > div { position: relative; border: 1px solid transparent !important; background-clip: padding-box !important; overflow: visible; } #app .v-dialog .feature-switch-btn > div::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: var(--light-linear-gradient-transparent) border-box; } #app .v-dialog__content--active { backdrop-filter: blur(2px); } #app .v-dialog { margin: 24px 16px; } #app .v-dialog .v-card, #app .v-dialog.tip-dialog .v-card, #app .ranking-dialog.common-dialog .v-card { height: auto; align-items: center; justify-content: center; z-index: 0; filter: blur(0px); background: var(--light-color-blue-o); box-shadow: var(--light-box-shadow-12); color: var(--light-gray); border-radius: var(--border-radius-1); border: none; padding: 0; } #app .v-dialog .v-card::before, #app .v-dialog.tip-dialog .v-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: var(--border-radius-1); border: 2px solid rgba(0, 0, 0, 0); background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app .v-dialog .v-card > div { width: 100%; overflow: auto; max-height: 80vh; } #app .v-dialog .v-card__text { padding: 24px 16px; font-size: 16px; } #app .v-dialog .v-card__text .container { padding: 0px !important; } #app .v-dialog .v-card .v-card__title { padding: 8px 16px; border-radius: var(--border-radius-1) var(--border-radius-1) 0 0; margin: 0; border-bottom: 2px solid var(--light-color-white); text-align: left !important; font-weight: 700; text-shadow: none; background: var(--light-linear-gradient-3) !important; color: var(--light-color-white); border-color: var(--light-color-white) !important; } #app .v-dialog .v-card .v-card__title span { color: white; font-weight: 700; -webkit-text-stroke: 0px; font-size: 16px; } #app .v-dialog .v-card .v-card__title .title, #app .v-dialog .v-card .v-card__title .title span { color: #fff; font-family: "Inter" !important; font-size: 16px !important; text-shadow: none; white-space: nowrap; overflow: hidden; flex: 1; text-overflow: ellipsis; text-align: left !important; } #app .v-dialog .v-card .v-card__title .close-btn, #app .v-dialog .v-card .v-card__title .v-icon { margin-left: auto; position: static; border-radius: var(--border-radius); color: #fff; font-size: 12px; width: 24px; height: 24px; background: #1f3c48; color: var(--light-color-cyan-bright); } #app .v-dialog .v-card .v-card__actions .spacer { display: none; } #app .v-dialog .v-card .v-card__text .container .v-form { padding: 0; font-size: 14px; font-weight: 700; } #app .v-dialog .v-card .v-card__text .container .row * { color: var(--light-gray-6) !important; font-weight: 400; } #app .v-dialog .v-card .v-card__text .v-form #submit span { margin:auto; } #app .v-dialog .v-card .v-card__text .v-form .input-wrap { background: none; border: none; height: fit-content; margin: 0; padding: 0; } #app .v-dialog .v-form .v-input.v-input--checkbox .v-input--selection-controls__input { margin: -10px 8px 0 0; } #app .v-dialog .v-form .go-homepage-btn { display: none; } #app .v-dialog .v-form .account-rule, #app .v-dialog .v-form .password-rule { margin-top: -2px; padding-left: 0px !important; font-size: 12px !important; } #app .v-dialog .v-input--selection-controls__ripple, #app .v-dialog .v-ripple__container { /*display: none;*/ } /*tab announcement*/ #app .v-dialog.tab-announcement .v-card__title .close-btn { position: absolute; top: auto; transform: none; color: var(--light-color-cyan-bright) !important; } #app .v-dialog.tab-announcement .announcement-item .icon-pin { color: var(--light-color-green); } #app .v-dialog.tab-announcement .tab-category-list > li.active { border-bottom: 2px solid var(--light-color-green); } #app .v-dialog.tab-announcement .tab-category-wrap { border-bottom: 1px solid var(--light-color-blue-3); padding: 0 16px; } #app .v-dialog.tab-announcement .tab-content-wrap, #app .v-dialog.tab-announcement .detail-content { padding: 16px 16px 0 16px; } #app .v-dialog.tab-announcement .announcement-item:hover { background: transparent; } #app .v-dialog.tab-announcement .announcement-item:nth-child(even) { border-radius: var(--border-radius-1); background: var(--light-color-blue-o); } #app .v-dialog.tab-announcement .hint { color: #fff; } #app .v-dialog.tab-announcement .tab-category-list > li > p, #app .v-dialog.tab-announcement .tab-category-list > li.active > p, #app .v-dialog.tab-announcement .item-title, #app .v-dialog.tab-announcement .item-time { color: var(--light-gray-5); } #app .v-dialog.tab-announcement .title-container { padding: 0 0 12px; border-bottom: 1px solid var(--light-gray); } #app .v-dialog.tab-announcement .detail-title { font-size: 1rem; color: #fff; } #app .v-dialog.tab-announcement .detail-time { color: #BDD4FF; font-size: 14px; } #app .v-dialog.tab-announcement .detail-body { color: #fff; } /*tab announcement-light mode*/ #app .v-dialog.tab-announcement .hint { background: none; color: var(--gray-11) !important; } #app .v-dialog.tab-announcement .tab-category-wrap { border-bottom: 1px solid var(--light-color-white); } #app .v-dialog.tab-announcement .title-container { border-bottom: 1px solid var(--light-color-white); } #app .v-dialog.tab-announcement .detail-title { color: var(--light-gray); } #app .v-dialog.tab-announcement .detail-time { color: var(--light-gray); } #app .v-dialog.tab-announcement .detail-body { color: var(--light-gray); } #app .v-dialog.tab-announcement .footer .theme--light.v-label { color: var(--light-gray); } #app .v-dialog.tab-announcement .v-input.v-input--checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/Checkbox.png) center / 80% no-repeat; border-radius: 0; transform: none; } #app .v-dialog.tab-announcement .v-input.v-input--checkbox.v-input--is-label-active i::after { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/Checkbox_a.png) center / 80% no-repeat; } #app .v-dialog.v-dialog.select-account-style .v-card.common-bg { border: 2px solid var(--light-color-white) !important; padding: 0 !important; } #app .v-dialog.tip-dialog .v-card { background: var(--light-index-bg-o9); border: none; } #app .v-dialog .v-card::before, #app .v-dialog.tip-dialog .v-card::before { content: none; } #app .v-dialog .v-card .v-card__title .close-btn, #app .v-dialog .v-card .v-card__title .v-icon, #app .v-dialog.tab-announcement .v-card__title .close-btn { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/close.png) no-repeat center / contain; color: transparent !important; width: 32px; height: 32px; } #app .v-dialog.announcement .v-card .v-card__title .v-icon { border: none; } #app .login-d .other-login button.line-login { color: var(--light-color-blue) !important; box-shadow: none !important; border-radius: var(--border-radius) !important; border-bottom: 1px solid var(--light-color-blue-2); background: var(--light-linear-gradient-12); } #app .login-d .other-login button.line-login:after { box-shadow: none; } #app .login-d .title-other-login span { color: var(--light-gray) !important; } #app .login-d .title-other-login:before, #app .login-d .title-other-login:after { content:none; } #app .common-dialog .v-card .v-data-table { border: none !important; } #app .v-dialog.login-dialog .container .feature-switch-btn > div::before, #app .v-dialog.register-dialog .container .feature-switch-btn > div::before, #app .v-dialog.social-login-dialog .feature-switch-btn > div::before { background: none; } /* ---特別視窗 */ #app .v-dialog.news-dialog, #app .v-dialog.lang-dialog-b, #app .v-dialog.wallet-detail-dialog, #app #WalletCenter-wallet-detail, #app .v-dialog.mail-detail-dialog, #app .v-dialog.send-mail-dialog, #app .v-dialog--persistent, #app .v-dialog.gametype-dialog-component, #app .v-dialog.ranking-dialog, #app .v-dialog.vip-content-dialog { overflow: hidden; box-shadow: var(--light-box-shadow); } #app .v-dialog.news-dialog .v-card, #app .v-dialog.lang-dialog-b .v-card, #app .v-dialog.wallet-detail-dialog .v-card, #app #WalletCenter-wallet-detail .v-card, #app .v-dialog.mail-detail-dialog .v-card, #app .v-dialog.send-mail-dialog .v-card, #app .v-dialog--persistent .v-card, #app .v-dialog.gametype-dialog-component .v-card, #app .v-dialog.ranking-dialog .v-card { border-radius: var(--border-radius-1) !important; } #app .v-dialog.news-dialog .v-card::before, #app .v-dialog.lang-dialog-b .v-card::before, #app .v-dialog.wallet-detail-dialog .v-card::before, #app #WalletCenter-wallet-detail .v-card::before, #app .v-dialog.mail-detail-dialog .v-card::before, #app .v-dialog.send-mail-dialog .v-card::before, #app .v-dialog--persistent .v-card::before, app .v-dialog.gametype-dialog-component .v-card::before, #app .v-dialog.ranking-dialog .v-card::before { content: unset; } #app .v-dialog.news-dialog, #app .v-dialog.lang-dialog-b, #app .v-dialog.wallet-detail-dialog, #app #WalletCenter-wallet-detail, #app .v-dialog.mail-detail-dialog, #app .v-dialog.send-mail-dialog, #app .v-dialog--persistent, #app .v-dialog.gametype-dialog-component, #app .v-dialog.ranking-dialog, #app .v-dialog.vip-content-dialog { box-shadow: none; } #app .v-dialog.lang-dialog-b .v-card, #app .v-dialog.wallet-detail-dialog .v-card, #app #WalletCenter-wallet-detail .v-card, #app .v-dialog.mail-detail-dialog .v-card, #app .v-dialog.send-mail-dialog .v-card, #app .v-dialog--persistent .v-card, #app .v-dialog.gametype-dialog-component .v-card, #app .v-dialog.ranking-dialog .v-card { border: 2px solid var(--light-color-white); } /* Wallet Center 錢包餘額 */ #app #WalletCenter-wallet-detail { box-shadow: none !important; } #app #WalletCenter-wallet-detail .v-card { background-color: transparent !important; border: none !important; box-shadow: none !important; } #app #WalletCenter-wallet-detail .v-card__text { background-color: transparent !important; border: none !important; box-shadow: none !important; } #app .walletcenter-balance-text { font-weight: 700; } #app .wallet-refresh-icon { font-size: 0; width: 24px; aspect-ratio: 1/1; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/replay.png) no-repeat center / contain; } /* Manual Transfer Dialog */ #app .v-dialog.wallet-detail-dialog { margin: auto 16px; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name { position: absolute; max-width: 100%; min-width: 42px; height: 10px; top: 20.1px; left: 18.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: left; color: var(--icon-green-02); } #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name-center, #app .v-dialog .v-card .v-card__text .container .manual-transfer-balance, #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn-icon { color: var(--light-gray-5); } #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name-center { position: absolute; max-width: 100%; min-width: 100px; height: 10px; top: 20.1px; left: 17.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: center; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-balance { position: absolute; width: 100px; height: 15.71px; top: 52.18px; left: 17.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: center; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn { position: absolute; width: 35px; height: 20px; top: 17.11px; left: 82.38px; border: 1px solid var(--light-Inside-paymant-stroke); border-radius: var(--border-radius-2); background: var(--light-color-white-1); font-family: Roboto; font-size: 12px; font-weight: 700; line-height: 14.52px; text-align: center; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-card { position: relative; width: 100%; min-width: 135px; height: 85px; border-radius: var(--border-radius); background: var(--light-color-blue-o); border: 1px solid var(--light-color-white); } #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name { position: absolute; max-width: 100%; min-width: 42px; height: 10px; top: 20.1px; left: 18.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: left; color: var(--light-color-blue-4); } #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn-icon { position: absolute; top: 50%; left: unset; font-size: 25px; transform: translateY(-50%); right: 0; } #app .v-dialog .v-card .v-card__text .container .transfer-switch-button { display: flex; width: 34px; height: 35px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; border-radius: var(--border-radius); background: none; font-size: 20px; font-weight: 700; line-height: 20px; color: var(--light-gray); } #app .v-dialog .v-card .v-card__text .container .transfer-arrow { display: flex; width: 34px; height: 35px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; border-radius: var(--border-radius); background: radial-gradient(96.76% 96.76% at 50% 3.24%, rgba(32, 45, 77, 0.30) 21%, rgba(12, 20, 41, 0.30) 100%); font-size: 20px; font-weight: 700; line-height: 20px; color: #C1E8FF; } #app .v-dialog .v-card .v-card__text .container .transfer-arrow { display: flex; width: 34px; height: 35px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; border-radius: var(--border-radius); background: none; font-size: 20px; font-weight: 700; line-height: 20px; color: var(--light-gray); } #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container .input-wrapper::before { top: 12px; color: var(--light-gray-5); } #app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue { font-size: 14px; text-shadow: none; font-weight: 700; border-radius: var(--border-radius); background: var(--light-linear-gradient-3) !important; box-shadow: var(--light-box-shadow-3); color: var(--light-color-white) !important; } .vi-VN#app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue { font-size:10px; line-height:1; padding:6px; } .vi-VN#app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue span{ flex: 1; overflow: hidden; white-space: normal; } /* Select Wallet Dialog */ #app .v-dialog .v-card .v-card__text.wallet-select-card-text { max-height: 65vh; } #app .v-dialog.select-wallet-dialog .v-card__title .v-icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/refreash.png) no-repeat center / contain; margin: 0; } #app .v-dialog.select-wallet-dialog .v-card__title button .v-icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/close.png) no-repeat center / contain; } #app .v-dialog.select-wallet-dialog .v-card .v-card__text .container .row .col .select-wallet { padding: 8px; } #app .v-dialog .v-card .v-card__text .container .row .col .transfer-back-icon { color: var(--light-red) !important; } #app .v-dialog.select-wallet-dialog .select-wallet { padding: 0 8px; } #app .v-dialog.select-wallet-dialog .select-wallet, #app .v-dialog.select-wallet-dialog .select-wallet * { width: 100%; max-width: 100%; text-align: center; flex-direction: column; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #app .v-dialog.select-wallet-dialog .v-card .v-card__text .container .row .col .select-wallet-display-name, #app .v-dialog.select-wallet-dialog .v-card .v-card__text .container .row .col .select-wallet-balance { height: 14px; font-family: Roboto; font-size: 14px; font-weight: 700; line-height: 18px; color: var(--light-color-blue-4); } #app .v-dialog .v-card .v-card__text .container .row .col .transfer-back-icon { color: #FF6B00 !important; } /* #endregion 彈跳彈窗 */ /* #region 最新消息（彈跳視窗）*/ #app .v-dialog.news-dialog .list-wrap { position: relative; padding: 0; } #app .v-dialog.news-dialog .list-wrap .list li:nth-child(odd) { background: none; color: #b1d3fb; } #app .v-dialog.news-dialog .list-wrap .list li:nth-child(even) { background: rgba(12, 20, 41, 0.50); color: white; } #app .v-dialog.news-dialog .list-wrap .list li:nth-child(odd) { color: var(--light-gray); } #app .v-dialog.news-dialog .list-wrap .list li:nth-child(even) { background: var(--light-color-white); color: var(--light-gray); } /* #endregion 最新消息（彈跳視窗）*/ /* #region 初始輪播圖（彈跳視窗） */ #app .v-dialog.announcement { position: relative; padding: 0 0 60px; background: transparent; background-size: 100% 100%; border: none; box-shadow: none; margin-top: 10vh; } #app .v-dialog.announcement .v-card { border: none; background: transparent !important; 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: var(--border-radius-1); 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: var(--border-radius-1); border: 2px solid rgba(0, 0, 0, 0); background: #38E1FE border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ content: none; } #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text { border-radius: var(--border-radius-1); 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 !important; box-shadow: none; padding: 0; } #app .v-dialog.announcement .v-card .v-card__title button { font-size: 0; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/announcement/close.png) no-repeat center /contain; background-size: 100% 100%; width: 32px; height: 32px; } #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: var(--border-radius); -webkit-border-radius: var(--border-radius); border-radius: var(--border-radius); background: #FFFFFF !important; } #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #38E1FE !important; } #app .v-dialog.announcement .v-card .v-card__text img { display: block; margin: 0 auto; width: 100%; height: auto; } #app .v-dialog.announcement .v-divider { display: none; } #app .v-dialog.announcement .footer { justify-content: center; } #app .v-dialog.announcement .footer p { display: none; } #app .v-dialog.announcement .v-input.small-checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/announcement/Checkbox.png) center / 80% no-repeat; border: none; transform: none; } #app .v-dialog.announcement .v-input.small-checkbox.v-input--is-label-active i::after { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/announcement/Checkbox_a.png) center / 80% no-repeat; } #app .v-dialog.announcement .v-input label { color: var(--light-color-white) !important; } @media (max-width: 400px) { /*輪播圖太大，iPhone SE 會出現滾動。*/ #app .v-dialog.announcement .v-card .v-card__actions { padding: 10px 16px 20px 16px; } } /* #endregion 初始輪播圖（彈跳視窗）*/ /* #region Alert彈跳彈窗(SweetAlert套件) */ .swal2-popup { position: relative !important; border: 2px solid var(--light-color-white) !important; background: var(--light-color-blue-o) !important; box-shadow: var(--light-box-shadow-12); border-radius: var(--border-radius-1); } .swal2-popup:before { content: none; } .swal2-popup .swal2-content { color: var(--light-gray); padding-top: 15px; } .swal2-styled:focus { box-shadow: none; } .file-upload-item .upload_zone span.upload { background: none !important; padding: 2px 8px; } .swal2-container { backdrop-filter: blur(5px); } .swal2-modal { border-radius: var(--border-radius-1); overflow: hidden; border: 2px solid var(--light-color-white) !important; background: var(--light-color-blue-o) !important; box-shadow: var(--light-box-shadow-12); } .swal2-modal .swal2-title { order: -1; font-size: 16px; font-weight: 700; padding: 19px 16px; text-align: start; color: var(--light-color-white); background: var(--light-linear-gradient-3); border-bottom: 2px solid var(--light-color-white); } .swal2-html-container, .swal2-popup .swal2-content { font-size: 14px; color: var(--light-gray); } .swal2-icon > div { display: none; } .swal2-modal .swal2-close { font-size: 23px; width: 24px; height: 24px; background: #1f3c48; margin: 16px; color: #FFFFFF; } .swal2-modal .swal2-actions button { display: inline-block; font-size: 14px; text-shadow: none; font-weight: 700; height: 45px; border-radius: var(--border-radius); background: var(--light-linear-gradient-3) !important; box-shadow: var(--light-box-shadow-3); color: var(--light-color-white) !important; border: none; } #app .common-alert-modal.v-dialog .v-card h4, #app .common-alert-modal.v-dialog .v-card .v-card__actions .v-label, #app .common-alert-modal.v-dialog .v-card .alert-icon .v-icon { color: var(--light-color-blue) !important; } /* #endregion Alert彈跳彈窗 */ /* #region 登入、登入（彈跳視窗） */ #app #login { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding-top: 3vh; padding-bottom: 0; } #app #login .logo { margin-bottom: 4vh; } #app #login .switch-page { width: 95%; height: 67vh; background: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/register_bg.1.png") no-repeat; background-size: 100% 100%; } #app #login .switch-page .reg-box { margin-top: -63.5vh; } #app #login .switch-page .switch-content { background: transparent !important; display: flex; flex-direction: column; } #app #login .switch-page .text-h5 { margin-top: 20px !important; margin-bottom: 10px !important; } #app #login .switch-page .switch-content > div:last-child { height: 0; flex: 1; } #app #login .feature-switch-btn > div:first-child { margin-right: 5px !important; } #app #login .feature-switch-btn .grey { -moz-border-radius: 25px !important; -webkit-border-radius: 25px !important; border-radius: 25px !important; background: linear-gradient(to bottom, #6fadf6, #067cdc); border: 1px solid #fff; } #app #login .form-wrap { width: 85%; padding-bottom: 10px !important; } #app #login #submit { background: url("/CdnRedirect/Web.Portal/DN029-01.Portal/Content/Views/Shared/images/login/login.png") no-repeat center !important; background-size: contain !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 53px; padding: 0 30px 5px; width: auto; padding-bottom: 5px; } #app #login .v-select__selections { border: none !important; } #app #login .v-form { max-height: 45vh; overflow: auto; width: 95%; margin: 0 auto; } #app #login .form-wrap .input-wrap { background-position-x: 0.5%; } #app #login .go-login { display: none; } #app #login .get-otp-btn { background: #080909; border: 1px solid #2bb8f4; z-index: 11; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #app #login .get-mobile-verification-code { background: #080909; border: 1px solid #2bb8f4; z-index: 11; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #app .v-dialog.login-dialog .input-wrap { margin-bottom: 20px !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap .v-label, #app .v-dialog.login-dialog .container .input-wrap .v-label { padding: 0 !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap input, #app .v-dialog.login-dialog .container .input-wrap input { padding: 6px 16px !important; } #app .v-dialog.login-dialog #app .v-dialog.login-dialog .v-card .v-card__text .container .v-form .v-input.v-input--checkbox i { font-size: 0; color: #ffffff00 !important; } #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box { margin: 0; padding: 0; position: absolute; bottom: -12px; right: 4px; height: calc(100% - 38px); } #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button { position: static !important; margin: 0 !important; height: 100%; } #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button, #app .v-dialog.social-register-dialog .v-card .v-card__text .v-form .input-wrap.check_code button, #app .forget-password-dialog-bg .get-captcha-btn { border: 1px solid var(--light-color-blue); background: var(--light-color-blue-3) !important; color: var(--light-color-blue) !important; box-shadow: none; border-radius: var(--border-radius-2); } #app .v-dialog.login-dialog .v-form .v-input.v-input--checkbox .v-input--selection-controls__input { margin: -9px 3px 0 0; } #app .v-dialog.login-dialog .v-form .v-input__append-inner { padding-left: 0; } #app .v-dialog.login-dialog .v-card { background: var(--light-color-blue-o); } #app .v-dialog.login-dialog .v-form .v-input.v-input--checkbox i::after, #app .v-dialog.social-register-dialog .v-form .v-input.v-input--checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/Checkbox.png) center / 80% no-repeat; border-radius: 0; transform: none; } #app .v-dialog.login-dialog .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after, #app .v-dialog.social-register-dialog .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/input/Checkbox_a.png) center / 80% no-repeat; } #app .v-dialog.login-dialog .v-form .v-input.error--text input, #app .v-dialog.social-register-dialog .v-form .v-input.error--text input { border-color: var(--light-color-orange); } /* 登入 >>> 忘記密碼彈窗*/ #app .v-dialog.forget-password-dialog .v-card .v-card__text .v-form .text-body-2 { padding: 0; } #app .forget-password-dialog-bg .get-captcha-btn { position: absolute; right: 1px; top: 17px; box-shadow: none; } #app .forget-password-dialog .white--text { color: var(--light-color-blue) !important; } /* #endregion 登入、登入（彈跳視窗) */ /* #region 帳號綁定（彈跳視窗） */ .social-guide-dialog .bindway-wrap button.btn-bindway { border: none !important; border-radius: 4px !important; } #app .social-guide-dialog .title-way { color: var(--light-gray) !important; } #app .social-guide-dialog .title-way:before, #app .social-guide-dialog .title-way:after { background: var(--light-color-white) !important; } #app .social-guide-dialog .bindway-wrap button.btn-bindway { border-bottom: none !important; background: var(--light-button) !important; color: var(--light-color-white) !important; border-radius: var(--border-radius-1); } /* #endregion 帳號綁定（彈跳視窗） */ /* #region 社群註冊（彈跳視窗） */ #app .social-register-dialog-bg .form-wrap, .v-dialog.social-login-dialog .form-wrap { width: 100% !important; } .v-dialog.social-login-dialog .v-form > .row > .col.col-5 { margin-bottom: -30px !important; } .social-register-dialog-bg .get-otp-btn, .v-dialog.social-login-dialog .get-otpcode { display: flex; align-items: center; position: absolute; top: 31px; text-align: center; right: 5px; width: auto !important; padding: 2px 5px; border-radius: 5px; margin: 0px !important; background: #abd1ff !important; color: #181927 !important; box-shadow: none; } #app .social-register-dialog-bg .get-otp-btn, #app .v-dialog.social-login-dialog .get-otpcode { border: none !important; background: var(--light-button) !important; color: var(--light-color-white) !important; font-size: 12px !important; } .v-dialog.social-login-dialog .get-otpcode { padding: 5px 8px !important; height: auto !important; top: 0 !important; right: 0 !important; } .v-dialog.social-login-dialog .check_code.tip-box { position: absolute; right: 20px; transform: translateY(-38px); z-index: 10; } .social-register-dialog-bg .v-form.form-wrap > div, .register-dialog-bg.social-guide-dialog .v-card__text > p { font-size: 14px !important; } .social-register-dialog-bg .tip-box { margin-bottom: 15px; font-size: 12px !important; } #app .social-register-dialog-bg .tip-box, .v-application .social-register-dialog-bg .tip-box .red--text { color: var(--light-color-orange) !important; font-size: 12px !important; } #app .social-register-dialog-bg .v-form .v-input.v-input--checkbox label { color: var(--light-gray) !important; } .v-application .social-register-dialog-bg .yellow--text { color: #FF9FDE !important; } #app .social-register-dialog-bg .yellow--text { color: var(--light-color-orange) !important; } .v-dialog.social-login-dialog .btn-forget { color: var(--light-color-blue-3) !important; } #app .v-dialog.social-login-dialog .btn-forget { color: var(--light-gray) !important; } #app .v-dialog .v-card.social-register-dialog-bg .v-card__text .v-form #submit { margin-top: 10px !important; } #app .v-dialog .v-card.social-register-dialog-bg .v-card__text .v-form #submit span, #app .v-dialog .v-card.social-login-dialog-bg .v-card__text .v-form #submit span { margin-top: 0px !important; } .social-login-dialog-bg.v-card .v-input .v-input__append-outer { position: absolute; left: 6px; top: 11px; font-size: 14px; color: #8185cf; pointer-events: none; } .social-login-dialog-bg.v-card .v-input.v-input--is-label-active .v-input__append-outer, .social-login-dialog-bg.v-card .v-input.v-input--is-focused .v-input__append-outer { display: none; } .v-dialog.social-login-dialog .v-form > div { font-size: 14px !important; } /* #endregion 社群註冊（彈跳視窗） */ /* #region 註冊（彈跳視窗） */ #app .v-dialog.register-dialog .v-card { background: var(--light-color-blue-o); } #app .v-dialog.register-dialog .input-wrap { margin-top: 20px !important; } #app .v-dialog.register-dialog form > .input-wrap:first-child { margin-top: 0px !important; } #app .v-dialog.register-dialog .form-wrap .input-wrap .v-label, #app .v-dialog.register-dialog .container .input-wrap .v-label { padding: 0 !important; } #app .v-dialog.register-dialog .form-wrap .input-wrap input, #app .v-dialog.register-dialog .container .input-wrap input { padding: 6px 16px !important; } #app .v-dialog.register-dialog .v-card .v-card__text .container .v-form .v-input.v-input--checkbox i { font-size: 0; color: #ffffff00 !important; } #app .v-dialog.register-dialog .v-card .v-card__title { padding: 0px; overflow: hidden; } #app .v-dialog.register-dialog .v-card .v-card__title .title { margin: 8px 16px; } #app .v-dialog.register-dialog .v-card .v-card__title .close-btn { margin: 8px 16px; } #app .v-dialog.register-dialog .v-card .v-card__title::after { content: ""; width: 100%; height: 87px; background-image: url("/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/register-banner.png"); background-position: center; background-size: cover; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box { padding-bottom: 0; position: absolute; bottom: 8px; right: 4px; height: calc(100% - 38px); } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .get-mobile-verification-code { height: 30px !important; top: 30px; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box button { height: 100% !important; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .get-mobile-verification-code, #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box button { margin: 0px !important; border: 1px solid var(--light-color-blue); background: var(--light-color-blue-3) !important; color: var(--light-color-blue) !important; box-shadow: none; border-radius: var(--border-radius-2); } #app .v-dialog.register-dialog .v-form .v-input__append-inner { padding-left: 0; } #app .v-dialog.register-dialog .form-wrap .input-wrap.select .v-select__slot { padding: 0; } #app .v-dialog.register-dialog .v-form .v-input.v-input--checkbox label { color: var(--light-gray) !important; } #app .v-dialog.register-dialog .v-form .v-input.error--text input { border-color: var(--light-color-orange); } /* 註冊（彈跳視窗） >>> 開戶協議 */ #app .v-dialog:has(.rich-text-content) { border:2px solid var(--light-color-white); border-radius:var(--border-radius-1); } /* #endregion 註冊（彈跳視窗） */ /* #region 遊戲大廳 */ #app.Lobby .vpn-remind { margin-bottom: -12px; font-weight: 400; } #app.Lobby .vpn-remind a { color: #FFFFFF !important; } #app.Lobby .v-card, #app.FishCasino .v-card { border-radius: var(--border-radius); } #app.Lobby .vpn-remind .v-card, #app.Lobby #lobby-game-list .v-card, #app.Lobby .layout-wrap .v-input__slot, #app.FishCasino #lobby-game-list .v-card, #app.FishCasino .layout-wrap .v-input__slot { border-radius: var(--border-radius); border: 1px solid var(--light-color-white); background: var(--light-color-white); color: var(--light-color-blue); box-shadow: var(--light-box-shadow-10); } #app.Lobby .layout-wrap .v-input__slot { background: var(--light-color-blue-o); } #app.Lobby .layout-wrap .v-select--is-menu-active .v-input__slot, #app.FishCasino .layout-wrap .v-select--is-menu-active .v-input__slot { border-radius: var(--border-radius-1) var(--border-radius-1) 0 0; border-bottom: none; } #app.Lobby .layout-wrap .search .v-input__slot, #app.FishCasino .layout-wrap .search .v-input__slot { background: var(--light-color-white-2); box-shadow: var(--light-box-shadow-11); } #app.Lobby .layout-wrap .search .v-input__slot label, #app.FishCasino .layout-wrap .search .v-input__slot label { color: var(--light-gray-1) !important; } #app.Lobby .v-select__selections, #app.FishCasino .v-select__selections { border-bottom: none !important; } #app.Lobby .v-menu__content, #app.FishCasino .v-menu__content { border: 1px solid #546BA6; border-top: none; margin-top: 36px; border-radius: 0px 0px 8px 8px; } #app.Lobby .v-select-list, #app.FishCasino .v-select-list { background: var(--light-color-cyan-bright); padding: 0px; box-shadow: none; } #app.Lobby .v-menu__content .v-select-list .v-list-item__title, #app.FishCasino .v-menu__content .v-select-list .v-list-item__title { font-size: 14px; color: #16213D; } #app.Lobby .v-text-field.v-text-field--solo .v-input__append-inner, #app.Lobby .v-text-field.v-text-field--solo .v-input__prepend-inner, #app.FishCasino .v-text-field.v-text-field--solo .v-input__append-inner, #app.FishCasino .v-text-field.v-text-field--solo .v-input__prepend-inner { margin-right: -10px; } #app.Lobby .v-alert.loading, #app.FishCasino .v-alert.loading { min-height: unset; } #app.Lobby .v-alert--text:before, #app.FishCasino .v-alert--text:before { content: none; } #app.Lobby .v-alert:not(.loading) .v-alert__wrapper, #app.Lobby .v-alert:not(.loading) .v-alert__wrapper .v-alert__content, #app.FishCasino .v-alert:not(.loading) .v-alert__wrapper, #app.FishCasino .v-alert:not(.loading) .v-alert__wrapper .v-alert__content { display: flex; flex-direction: column; color: #FFFFFF; text-align: center; } #app.Lobby .v-alert .v-alert__icon, #app.FishCasino .v-alert .v-alert__icon { margin: 10px auto; } #app.Lobby .v-alert a.v-btn, #app.FishCasino .v-alert a.v-btn { background: linear-gradient(180deg, var(--light-color-blue-4) -37.18%, var(--light-color-cyan-bright) 100%) !important; color: #1971A2 !important; font-weight: 700; padding: 5px 20px; height: auto !important; margin-top: 20px; } #app.Lobby .v-alert.error .v-alert__icon, #app.FishCasino .v-alert.error .v-alert__icon { font-size: 0; width: 44px; height: 44px; border-radius: 0px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/warning.png) center / contain no-repeat; } #app.Lobby .v-alert.info--text .v-alert__icon, #app.FishCasino .v-alert.info--text .v-alert__icon { font-size: 0; width: 120px; height: 40px; border-radius: 0px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/logoTopBar.png) center / contain no-repeat; } #app.Lobby .infinite-loading-container button { border-radius: var(--border-radius); border: 1px solid var(--light-color-blue); background: var(--light-color-blue-o-1); color: var(--light-color-blue); } #app.Lobby .v-menu__content .v-select-list .v-list-item__title { color: var(--light-color-blue); } /*--->light-mode*/ #app.Lobby .vpn-remind a { color: var(--light-color-green) !important; } #app.Lobby .v-card__text, #app.FishCasino .v-card__text { color: var(--light-color-blue) !important; } #app.Lobby div.v-input__append-inner button span i, #app.Lobby .v-input__slot input, #app.Lobby .v-input__slot .v-label, #app.Lobby .v-select__selection, #app.Lobby i.theme--light.v-icon #app.FishCasino div.v-input__append-inner button span i, #app.FishCasino .v-input__slot input, #app.FishCasino .v-input__slot .v-label, #app.FishCasino .v-select__selection, #app.FishCasino i.theme--light.v-icon { color: var(--light-color-blue) !important; } #app.FishCasino .v-select i.theme--light.v-icon, #app.Lobby .v-select i.theme--light.v-icon { background: var(--light-color-blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #app.FishCasino .v-input.search i.theme--light.v-icon, #app.Lobby .v-input.search i.theme--light.v-icon { width: 20px; height: 20px; font-size: 18px; } #app.Lobby .v-menu__content, #app.FishCasino .v-menu__content { border: 1px solid var(--light-color-white); border-top: none; } #app.Lobby .v-menu__content .v-select-list .v-list-item__title, #app.FishCasino .v-menu__content .v-select-list .v-list-item__title { color: var(--light-color-white); } #app.Lobby .v-alert.error .v-alert__icon, #app.FishCasino .v-alert.error .v-alert__icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/warning.png) center / contain no-repeat; } #app.Lobby .v-alert .v-alert__wrapper, #app.Lobby .v-alert .v-alert__wrapper .v-alert__content, #app.FishCasino .v-alert .v-alert__wrapper, #app.FishCasino .v-alert .v-alert__wrapper .v-alert__content { color: var(--light-gray); } #app.Lobby .v-alert.info--text .v-alert__icon, #app.FishCasino .v-alert.info--text .v-alert__icon { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/logoTopBar.png) center / contain no-repeat; } #app.Lobby .v-alert a.v-btn, #app.FishCasino .v-alert a.v-btn { border: none; box-shadow: none; background: var(--light-button) !important; color: var(--light-color-white) !important; border-radius: var(--border-radius-1); } #app #lobby-game-list .row .game-item .btn-like { background-image: none; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/like.png) center / contain no-repeat; } #app #lobby-game-list .row .game-item .btn-like.active { background-image: none; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/home/like_a.png) center / contain no-repeat; } /* 遊戲大廳 >>> 上面的搜尋 */ #app #page-title + .grey { background: rgba(31, 49, 67, 0.8) !important; } #app #home-navigation .game-list-block { padding-right: 5px; } #app #home-navigation .game-list-block ul.hot { grid-gap: 7px !important; } #app #home-navigation #Hot > li.hot { position: relative; font-size: 0; border-radius: var(--border-radius-1); } #app #home-navigation #Hot > li.hot .game-name { display: block !important; position: absolute; left: 5px; right: 5px; bottom: 2px; font-size: 12px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #fff; text-align: center; } #home-navigation .game-list-block ul li.hot img { border-radius: 5px; } @media (max-width: 400px) { #app .login-btn, #app .signup-btn { font-size: 12px; } } @media (max-height: 750px) { } /* #endregion 遊戲大廳 */ /* #region 會員中心 */ #app.MemberCenter .mamber-info-wrap, #app.MemberCenter .member-center-d .main-action { margin: 16px; margin-bottom: 0; } #app.MemberCenter .mamber-info-wrap .mascot { height: 100%; width: 100%; top: 15px; left: 15px; bottom:unset; position: absolute; display:none; } #app.MemberCenter .mamber-info-wrap .mascot img, #app.MemberCenter .mamber-info-wrap .mamber-info .welcome, #app.MemberCenter .member-center-d .sub-link-group div:has(a.vip){ display: none; } #app.MemberCenter .member-center-d .sub-link-group div:has(a.vip) { display: block; } #app.MemberCenter .mamber-info-wrap .mascot::before { content: ''; display: block; width: calc(100% - 30px); aspect-ratio: 652 / 360; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone1.png) left 28px / contain no-repeat; } #app.MemberCenter .mamber-info-wrap.vip-level-0 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone1.png) left 13px / contain no-repeat; } #app.MemberCenter .mamber-info-wrap.vip-level-1 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone1.png) left 28px / contain no-repeat; } #app.MemberCenter .mamber-info-wrap.vip-level-2 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone2.png) left 28px / contain no-repeat; } #app.MemberCenter .mamber-info-wrap.vip-level-3 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone3.png) -10px 8px / contain no-repeat } #app.MemberCenter .mamber-info-wrap.vip-level-4 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone4.png) left 15px / contain no-repeat; } #app.MemberCenter .mamber-info-wrap.vip-level-5 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone5.png) -10px 28px / contain no-repeat; } #app.MemberCenter .mamber-info-wrap.vip-level-6 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone6.png) left center / contain no-repeat } #app.MemberCenter .mamber-info-wrap.vip-level-7 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/stone7.png) -62px 0px / contain no-repeat; } #app.MemberCenter .mamber-info-wrap .mamber-info .welcome.esteemed-guest { display: block; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #app.MemberCenter .mamber-info-wrap .mamber-info .login-time { display: block; } #app.MemberCenter .mamber-info-wrap .more-arrow { font-size: 0; margin-left: 4px; } #app.MemberCenter .mamber-info-wrap .more-arrow::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: top; margin: 3px -20px 0 -2px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/arrow.png) center / contain no-repeat; } #app.MemberCenter .member-center-title .right-box button { display: none; } #app.MemberCenter .SignOut-btn a { color: var(--light-color-sky-blue); line-height: 35px; } #app.MemberCenter .sub-link-group a.member-info, #app.MemberCenter .sub-link-group div:has(a.announcement-btn), #app.MemberCenter .sub-link-group .faq-sub-link { display: none; } #app.MemberCenter .sub-link-group div { position: relative; } #app.MemberCenter .sub-link-group div::after { content: ''; position: absolute; display: block; width: 32px; height: 32px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) center / contain no-repeat; right: 7px; top: 50%; transform: translateY(-50%); pointer-events: none; } /*light-mode*/ #app.MemberCenter .SignOut-btn a { color: var(--light-color-white); } #app.MemberCenter .member-center-d .mamber-info-wrap:before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/top_pig_bg.png) center / contain no-repeat; z-index: 0; width: calc(100% - 30px); aspect-ratio: 652 / 360; left: 15px; top: 15px; filter: var(--light-drop-shadow-2); } #app.MemberCenter .member-center-d .mamber-info-wrap .mamber-info { color: var(--light-color-white); z-index: 1; margin: 10px 0 0 auto; padding-left: 45%; padding-top: 9px; padding-right: 15px; max-width: -webkit-fill-available; } .member-center-d .mamber-info-wrap .mamber-info .AccountName { color: var(--light-color-yellow) !important; } #app.MemberCenter .member-center-d .mamber-info-wrap .wallet-info { background: var(--light-color-black-o); border: 0.5px solid var(--light-color-blue-3); backdrop-filter: blur(2px); border-radius: var(--border-radius-2); height: auto; font-family: 'Inter'; color: var(--light-color-white); text-align: center; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: 1; padding: 10px 8px; } #app.MemberCenter .member-center-d .mamber-info-wrap .vip-btn { color: var(--light-gray) !important; font-family: Inter; text-shadow: none; bottom: 5%; } #app.MemberCenter .member-center-d .main-action .main-link .action-link, #app.MemberCenter .member-center-d .sub-link-group a, #app.MemberCenter .member-center-d .sub-link-group .set-language { font-weight: 500; color: var(--light-gray); } #app.MemberCenter .member-center-d .main-action .main-link .action-link { font-weight: 600; } #app.MemberCenter .member-center-d .sub-link-group a .mail-unread-count { color: var(--light-color-white); background: var(--light-color-orange); } #app.MemberCenter .member-center-d .sub-link-group a.vip:before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/vip-s.png); } #app.MemberCenter .member-center-d .main-action .main-link .action-link.award-center .unreceived-count { background: var(--light-color-orange); width: 8px; height: 8px; font-size: 0; top: -45px; left: 36px; } /* #endregion 會員中心 */ /* #region 財務中心>存款 */ #app #deposit { padding-bottom: 20px; } #app #deposit .alert-bg { background: none; box-shadow: none; } #app #deposit .alert-bg .v-card { box-shadow: none !important; } #app #deposit .payment-list > div.active .check-icon { display: none; } #app #withdraw .payment-list, #app #deposit .payment-list{ margin:0 8px; } #app.Deposit .payment-list > div { padding: 16px 8px !important; } #app.Deposit .payment-list > div .v-image { margin: 0 !important; } #app #deposit .company-deposit-layout .type-list button { justify-content: flex-start; } #app #withdraw .payment-list > div::before, #app #deposit .payment-list > div::before, #app #deposit .account-list-bg .account-list > button::before, #app #deposit .online-deposit-apply-bg .btn-group > div::before, #app #deposit .company-deposit-layout .type-list button::before, #app #deposit .company-deposit-layout .account-list button::before, #app #withdraw .payment-list::before, #app #deposit .payment-list::before, #app #deposit .account-list-bg::before, #app #deposit .online-deposit-apply-bg::before, #app #deposit .company-deposit-layout .company-deposit-list-bg::before, #app #deposit .company-deposit-layout .company-deposit-account-list-bg::before, #app #deposit .company-deposit-layout .company-deposit-apply-bg::before { content: none; } #app #withdraw .payment-list > div { width: unset; padding: 0; margin: 5px; flex: 1 1; } #app #deposit .online-deposit-apply-bg .v-card__text * { font-size: 14px !important; font-weight: 700 !important; color: var(--light-gray); } #app #deposit .online-deposit-apply-bg .v-card__text form * { font-weight: 500 !important; } #app #deposit .online-deposit-apply-bg form { padding: 0px !important; } #app.Deposit.v-application a { color: var(--light-color-blue); } #app #deposit .online-deposit-apply-bg form .v-input { position: relative; } #app #deposit .online-deposit-apply-bg form .v-input__prepend-outer { position: absolute; left: 12px; font-size: 16px !important; z-index: 1; color: var(--light-gray); } #app #deposit form .v-input__control .v-input__slot { border-radius: var(--border-radius-2); padding: 0px; background: none; } #app #deposit form .v-input__control .v-input__slot fieldset { border: none; top: 0; bottom: 0; left: 0; right: 0; } #app #deposit form i { color: white; } #app #deposit .v-form .v-input__slot { padding: 0; } #app #deposit .online-deposit-apply-bg form .v-input__control .v-input__slot input { text-align: end; } #app.Deposit .v-dialog--persistent table { border-radius: var(--border-radius); overflow: hidden; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, var(--light-color-navy-dark) 100%); } #app.Deposit .v-dialog--persistent table * { background: none !important; border: none !important; text-align: left !important; padding: 10px 24px !important; } #app.Deposit .v-dialog.v-dialog--persistent .v-card__text .v-data-table__wrapper { background: var(--light-linear-gradient-transparent) border-box; padding: 1px; border-radius: var(--border-radius); } #app.Deposit .v-dialog.v-dialog--persistent .v-card__text table td { border-bottom: 0.5px solid #2D4F6D !important; filter: var(--light-drop-shadow-1); } #app.Deposit .v-dialog.v-dialog--persistent .v-card#company-deposit-confirm-dialog .v-card__actions button { border: none; } #app.Deposit .v-dialog.tip-dialog .v-card { border: none; } #app.Deposit .v-dialog.tip-dialog .v-card-title { border-bottom: 1px solid var(--light-color-cyan-bright); color: white; justify-content: flex-start; } #app.Deposit .v-dialog.tip-dialog .v-card__text .red--text { display: flex; } #app.Deposit .v-dialog.tip-dialog .v-card__text .red--text::before { content: ""; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/SealWarning_2.png) center / contain no-repeat; width: 24px; height: 24px; display: inline-block; margin-right: 6px; } #app.Deposit i.selected, #app #deposit .company-deposit-layout .v-card__actions button i { display: none !important; } /* #endregion 財務中心>存款 */ /* #region 提款 */ #app #withdraw .withdraw-info-bg, #app #withdraw .withdraw-account-bg { background: var(--light-linear-gradient-transparent); border: 1px solid #2cd0ff !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #app #withdraw .withdraw-info-bg .v-btn.administration-fee-dialog-btn { min-width: 80px; width: auto; color: #14d5c3 !important; padding: 10px; background: none; border: 1px solid #14d5c3; -moz-border-radius: var(--border-radius-1); -webkit-border-radius: var(--border-radius-1); border-radius: var(--border-radius-1); } #app #withdraw .v-text-field--outlined fieldsett { border: none; border-bottom: 1px solid #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #app #withdraw .v-text-field--outlined.withdraw-b-input-style fieldset { opacity: 0; } #app #withdraw .v-text-field--outlined.withdraw-b-input-style fieldset:before { content: ""; width: 101%; height: 42px; position: absolute; top: -7px; left: -2px; right: 0; bottom: 0; z-index: -1; border-radius: var(--border-radius-2); border: 1px solid transparent; background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app.Withdraw .account-select-btn { color:var(--light-color-blue) !important; } /* #endregion 提款 */ /* #region 設定銀行帳戶 */ #app #withdraw-account-management .card-wrap, #app #withdraw-account-management .tips, #app #withdraw-account-management #set-account .main-bg, #app #withdraw-account-management .withdraw-account-management-content .hint { position: relative; } #app #withdraw-account-management .account-action-btn span { color: var(--light-color-blue); line-height: 1; } #app #withdraw-account-management .account-action-btn .icon-delete { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/delete.png) no-repeat center / contain; filter: brightness(0) saturate(100%) invert(38%) sepia(23%) saturate(1268%) hue-rotate(173deg) brightness(94%) contrast(91%); } #app #withdraw-account-management .account-action-btn .icon-edit { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/edit.png) no-repeat center / contain; filter: brightness(0) saturate(100%) invert(38%) sepia(23%) saturate(1268%) hue-rotate(173deg) brightness(94%) contrast(91%); } #app #withdraw-account-management .tips .v-alert { margin-bottom: 0; } #app #withdraw-account-management .tips .v-alert::before { background-color: transparent; } #app #withdraw-account-management .tips .v-alert__content { color: white; } #app #withdraw-account-management .in-review { color: #FFC706; } #app #withdraw-account-management .audit-failed, #app #withdraw-account-management .review-successful, #app #withdraw-account-management .in-review { -webkit-text-fill-color: currentColor; font-weight: 400; } #app #withdraw-account-management .card-wrap .v-card .mask { display: none; } #app #withdraw-account-management .card-wrap .v-card .card-title { border: none; position: relative; } #app #withdraw-account-management .card-wrap .v-card .card-title::before { content: ''; position: absolute; top: 6px; right: 0; bottom: 6px; width: 2px; background: linear-gradient(180deg, #B2C6D8 0%, #69FFFF 100%); border-radius: var(--border-radius-1); } #app #withdraw-account-management .card-wrap .branchName-tips { position: absolute; top: 16%; left: 9.5%; } #app #withdraw-account-management #set-account .v-card__text > div { align-items: flex-end; } #app #withdraw-account-management #set-account .v-form label, #app #withdraw-account-management #set-account .v-card__text > div, #app #withdraw-account-management #set-account .v-form .picture-upload span:first-child { font-size: 14px; font-weight: 700; color: var(--light-gray); } #app #withdraw-account-management #set-account .v-form .v-input .v-input__slot { padding: 0; } #app #withdraw-account-management #set-account .v-form .v-text-field__details .v-messages { min-height: unset; } #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit, #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister { background: none; padding: 10px; color: var(--light-color-blue) !important; display: flex !important; align-items: center; border-radius: var(--border-radius-2); border: 1px solid var(--light-color-blue); margin-top: 8px; } #app #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label { height: auto; } #app #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: 'Please enter "Bank Code + Branch Code"'; font-size: 12px; margin-left: 0; display: block; color: #84C5E9; } #app.vi-VN #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: 'Vui lòng nhập "Mã ngân hàng + Mã chi nhánh"'; } #app.zh-TW #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: '請填寫「銀行代碼+分行代碼」'; display: inline-block; margin-left: 4px; } #app #withdraw-account-management .withdraw-account-management-content .hint { gap: unset; } #app #withdraw-account-management .withdraw-account-management-content .hint .icon-hint, #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit i, #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister i { font-size: 0 !important; background: none; margin-right: 6px; } #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit i::before, #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister i::before { content: ""; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/SealWarning.png) center / contain no-repeat; width: 20px; height: 20px; display: inline-block; } #app #withdraw-account-management #set-account .v-form .picture-upload .custom-file-upload { flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #app #withdraw-account-management #set-account .v-form .picture-upload .custom-file-upload .file-upload-item { width: 48%; margin: unset; } #app #withdraw-account-management .account-card .approveStatus { color: var(--light-color-white) !important; } #app #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { color: var(--light-Inside-money-text); } #app #withdraw-account-management .card-wrap::before, #app #withdraw-account-management .tips::before, #app #withdraw-account-management #set-account .main-bg::before { content: none; } #app #withdraw-account-management .card-wrap::before, #app #withdraw-account-management .tips::before, #app #withdraw-account-management #set-account .main-bg::before { content: none; } #app #withdraw-account-management .card-wrap .v-card .card-title, #app .account-card .store-card-content .store-info .store-title, #app .account-card .store-card-content .store-info .store-branch-id { color: var(--light-color-white); } #app #withdraw-account-management .card-wrap .v-card .card-title::before { content: none; } #app #withdraw-account-management .tips .v-alert__content { color: var(--light-gray); } #app #withdraw-account-management .tips .v-alert__content span { color: var(--light-color-orange) !important; } #app #withdraw-account-management .audit-failed { color: var(--light-color-orange) !important; } #app #withdraw-account-management .in-review { color: var(--icon-green-03); } #app #withdraw-account-management .withdraw-account-management-content .hint::before { content: none; } #app.WithdrawAccountManagement .search-link img { display: none; } #app.WithdrawAccountManagement .search-link::after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/search.png) center / contain no-repeat; margin-left: 6px; } /* #endregion 設定銀行帳戶 */ /* #region 領獎中心 */ #app #award-center .inner .scroll-content .navtab li.active:before { display: none; } #app #award-center .inner .scroll-content .navtab li:after { display: none; } #app #award-center .inner .item > * { z-index: 1; } #app #award-center .inner .item::after { content: ""; width: calc(100% - 40px); height: 1px; position: absolute; left: 20px; top: 55px; } #app #award-center .inner .item .event-name { padding: 44px 0 0 10px; } #app #award-center .inner .item .event-name .text-h6 { font-size: 14px !important; } #app #award-center .inner .item .AwardStatusName { border-radius: 50px; padding: 2px 12px; color: var(--light-red-1); background: var(--light-red-2); border: none; } #app #award-center .inner .item.received .AwardStatusName { color: var(--light-color-blue-5); background: var(--light-color-blue-8); } #app #award-center .inner .item .event-name .text-h6 { color: var(--light-gray-5); font-weight: 700; } #app #award-center .inner .item .event-type, #app #award-center .inner .item.overdue .amount, #app #award-center .inner .item.received .amount { color: var(--light-color-blue-4); margin-top: 10px; } #app #award-center .inner .item .amount { z-index: 1; align-self: flex-end; font-size: 14px !important; line-height: 1.5; } #app #award-center .inner .item .amount, #app #award-center .inner .item.overdue .amount, #app #award-center .inner .item.received .amount { color: var(--light-color-blue-7); font-weight: 700; } /* #endregion 領獎中心 */ /* #region vip */ #app.Vip .vip-list-wrap { border-radius: var(--border-radius); background: var(--light-color-blue-9); } #app.Vip .vip-list-wrap::before { content: ''; display: block; pointer-events: none; width: 100%; height: 100%; position: absolute; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card-mosk.png) center / contain no-repeat; top: 0; left: 0; z-index: 2; background-size: 100% 100%; border-radius: var(--border-radius); } #app .vip-list-wrap .vip-list .swiper-slide .text-wrap { z-index: 2; } #app.Vip .vip-list-wrap .vip-list .swiper-slide::before { content: "UNLOCK"; position: absolute; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/unlock.png) center / contain no-repeat; aspect-ratio: 128 / 48; width: auto; height: 24px; left: 8%; top: 23%; color: var(--light-color-white-o); font-size: 10px; font-weight: 500; padding-left: 23px; padding-top: 3px; } .zh-TW#app.Vip .vip-list-wrap .vip-list .swiper-slide::before { content: "已解鎖"; } #app.Vip .vip-list-wrap .vip-list .swiper-slide.unlocked::before { content: "LOCK"; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/lock.png) center / contain no-repeat; } .zh-TW#app.Vip .vip-list-wrap .vip-list .swiper-slide.unlocked::before { content: "未解鎖"; } #app.Vip .vip-list .swiper-slide .img-box img, #app.Vip #vip .vip-list .swiper-slide .vip-text img { display: none; } #app.Vip #vip .vip-list .swiper-slide .vip-text .help-icon { position: absolute; top: 23%; left: 25%; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/QuestionMark.png) center / contain no-repeat; } #app.Vip .vip-list .swiper-slide { aspect-ratio: 680 / 428; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card1.png) center / contain no-repeat; height: unset; background-position: center -3px !important; } #app.Vip .vip-list .swiper-slide.VIP1 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card1.png) center / contain no-repeat; } #app.Vip .vip-list .swiper-slide.VIP2 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card2.png) center / contain no-repeat; } #app.Vip .vip-list .swiper-slide.VIP3 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card3.png) center / contain no-repeat; } #app.Vip .vip-list .swiper-slide.VIP4 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card4.png) center / contain no-repeat; } #app.Vip .vip-list .swiper-slide.VIP5 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card5.png) center / contain no-repeat; } #app.Vip .vip-list .swiper-slide.VIP6 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card6.png) center / contain no-repeat; } #app.Vip .vip-list .swiper-slide.VIP7 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/card7.png) center / contain no-repeat; } #app #vip .vip-member-info > * { position: relative; z-index: 1; } #app #vip .vip-member-info:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--border-radius-1); border: 1px solid transparent; background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app #vip .vip-member-info .member-info .account { color: #fff; } #app #vip .vip-member-info .member-info, #app #vip .vip-member-info .progress-wrap, #app #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img { color: var(--light-gray); border-radius: var(--border-radius); background: var(--light-linear-gradient-14); border: none; } #app #vip .vip-member-info .progress-wrap .progress-top span { color: var(--light-color-sky-blue); } #app #vip .vip-member-info .progress-wrap .progressbar { border-radius: 32px; } #app #vip .vip-member-info .progress-wrap .bar { top: 0; } #app #vip .bonus-list .bonus-item > * { position: relative; z-index: 1; } #app #vip .bonus-list .bonus-item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--border-radius-1); border: 1px solid transparent; background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app #vip .bonus-list .bonus-item .bonus-img { align-items: flex-start; } #app #vip .vip-member-info .bonus-wrap .bonus-item .button { font-weight: 700; position: relative; } #app #vip .bonus-list .bonus-detail { color: var(--light-color-sky-blue); } #app.Vip .v-dialog__content .vip-received-dialog, #app.Vip .v-dialog .v-card.vip-received-dialog::before { border-radius: var(--border-radius-1); } #app.Vip .v-dialog__content .vip-received-dialog .v-card__title { color: #FFFFFF; } #app.Vip .v-dialog__content .vip-received-dialog .v-card__text { padding: 0px; text-align: center; color: var(--light-color-sky-blue); font-weight: 700; overflow: hidden; } #app.Vip .v-dialog__content .vip-received-dialog .v-card__text::before { content: ''; display: block; width: 30%; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/vip-received_successfully.png) center / contain no-repeat; aspect-ratio: 1 / 1; margin: 30px auto; } #app.Vip .vip-received-dialog .theme--light.v-btn:focus:before { opacity: 0; } #app.Vip .vip-list .swiper-slide .text-box-wrap { flex-direction: row; gap: 8px; position: absolute; top: 63%; left: 8%; } #app.Vip .vip-list .swiper-slide .text-box-wrap .text-box { border-radius: var(--border-radius); border: 0.2px solid var(--light-color-white-o-1); background: var(--light-color-black-o-1); padding: 12px; gap: 6px; min-width: 80px; align-items: flex-start; } #app.Vip .vip-list .swiper-slide .text-box-wrap .text-box * { line-height: 1; height: auto; padding: 0; text-align: left; } #app.Vip .vip-list .swiper-slide .text-box-wrap .text-box p { color: var(--light-color-white-o-2); } /*--->light-mode*/ #app.Vip #vip .vip-list .swiper-slide .vip-text { font-size:0; } #app.Vip .vip-list .swiper-slide .img-box { transform: scale(1.2); transform-origin: center 144px; } #app.Vip .vip-list .swiper-slide.VIP0 .img-box { opacity:0; } #app.Vip .vip-list-wrap .swiper-button-next, #app.Vip .vip-list-wrap .swiper-button-prev { width: 20px; height: 20px; top: 53%; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/arrow.png) center / contain no-repeat; } #app.Vip .vip-list-wrap .swiper-button-prev { left: 2.8%; } #app.Vip .vip-list-wrap .swiper-button-next { transform: rotate(-180deg); right:2.8%; } .vip-list-wrap .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--light-linear-gradient-13) !important; } .vip-list-wrap .swiper-pagination-bullets .swiper-pagination-bullet { background: var(--light-gray-8) !important; border: 1px solid var(--light-gray-8); } #app #vip .vip-member-info:before, #app #vip .bonus-list .bonus-item:before { content: none; } #app #vip .vip-member-info .member-info .vip-level { font-size: 0; height: 26px; aspect-ratio: 105 / 49; border: none; box-shadow: none; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip0.png) center / contain no-repeat; border-radius: 0; } #app #vip .vip-member-info .member-info .vip-level.vip-1 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip1.png) center / contain no-repeat; } #app #vip .vip-member-info .member-info .vip-level.vip-2 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip2.png) center / contain no-repeat; } #app #vip .vip-member-info .member-info .vip-level.vip-3 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip3.png) center / contain no-repeat; } #app #vip .vip-member-info .member-info .vip-level.vip-4 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip4.png) center / contain no-repeat; } #app #vip .vip-member-info .member-info .vip-level.vip-5 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip5.png) center / contain no-repeat; } #app #vip .vip-member-info .member-info .vip-level.vip-6 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip6.png) center / contain no-repeat; } #app #vip .vip-member-info .member-info .vip-level.vip-7 { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/vip7.png) center / contain no-repeat; } #app #vip .vip-member-info .progress-wrap .progress-top span, #app.Vip #vip .bonus-list .bonus-detail b, #vip .vip-member-info .progress-wrap .bar-box p span { color: var(--light-color-blue-5); font-weight: 700; } #vip .vip-member-info .welcome-text, #app #vip .vip-member-info .member-info .account, #app #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img span, #app #vip .bonus-list .bonus-detail { color: var(--light-gray) !important; font-weight: 700; } #vip .vip-member-info .progress-wrap .bar-box p { margin-bottom: 0; } #app.Vip #vip .bonus-list .bonus-detail:before { width: 32px; height: 32px; } #app .v-dialog .vip-received-dialog .v-card__text { color: var(--light-gray); } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-0 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge0.png) center / contain no-repeat; } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-1 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge1.png) center / contain no-repeat; } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-2 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge2.png) center / contain no-repeat; } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-3 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge3.png) center / contain no-repeat; } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-4 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge4.png) center / contain no-repeat; } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-5 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge5.png) center / contain no-repeat; } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-6 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge6.png) center / contain no-repeat; } #app.Vip .v-dialog__content .vip-received-dialog.vip-level-7 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/vip/badge7.png) center / contain no-repeat; } /* #endregion vip */ /* #region 卡片元件 withdraw B style*/ #app.Withdraw .withdraw-account-b-style .v-card__title.subtitle-1 { color: var(--light-gray-5); font-weight: 700; } #app.Withdraw .payment-list .BankAccount .v-image__image { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/creditCard.png) !important; background-position: center center; } #app.Withdraw .payment-list .fix { padding: 5px 8px; width: max-content; display: block; line-height: 1; border-radius: 50px; margin: auto; background: var(--light-gray-10); color: var(--light-color-white) !important; } #app.Withdraw .v-dialog.select-account-style .icon-wrap { width: 30px; top: 0px; left: -5px; } #app.Withdraw .v-dialog.select-account-style .account-card { background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/WithdrawAccountManagement/B/cardBg_1.png'); height: 53vw; } #app.Withdraw .v-dialog.select-account-style .account-card > .v-card__text .account-number-title { text-align: left !important; } #app.Withdraw .v-dialog.select-account-style .account-card > .v-card__text .account-name-sub { right: 10vw; } #app .withdraw-b-input-style.theme--light.v-input input, #app .withdraw-b-input-style.theme--light.v-input input:-webkit-autofill { color: rgba(132, 197, 233, 1) !important; -webkit-text-fill-color: rgba(132, 197, 233, 1) !important; } #app .v-dialog.withdraw-b-fee-info .common-dialog .v-card { position: relative !important; border: 1px solid #343c56 !important; border-radius: var(--border-radius-1); background: var(--light-color-blue-o) !important; } #app .v-dialog.withdraw-b-fee-info .common-dialog .v-card:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: var(--border-radius-1); border: 1px solid transparent; background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } .withdraw-account-b-style .account-number-title { text-align: start !important; } .withdraw-account-b-style.withdraw-account-b-main .v-card__text { padding: 0 0 16px 0; } .withdraw-account-b-style.withdraw-account-b-main .account-card .mask { display: none; } .withdraw-account-b-style.withdraw-account-b-main .account-card { height: 55vw; } .withdraw-account-b-style.withdraw-account-b-main .account-name-main { margin: 5px 20px; display: flex; justify-content: flex-end; align-items: center; } .withdraw-account-b-style.withdraw-account-b-main .account-name-main::after { content: ''; display: block; height: 18px; width: 2px; background: var(--light-color-cyan-bright); margin-left: 6px; } #app.Withdraw .withdraw-account-b-style.theme--light.v-card .v-card__subtitle.CustomCurrency, #app.Withdraw .withdraw-account-b-style.theme--light.v-card .subtitle-2.currency-limit { color: var(--light-color-blue-5) !important; font-size: 16px !important; font-weight: 700; } /* light-mode */ #app.Withdraw .withdraw-b-input-style.theme--light.v-input input, #app.Withdraw .withdraw-b-input-style.theme--light.v-input input:-webkit-autofill { color: var(--light-gray) !important; -webkit-text-fill-color: var(--light-gray) !important; } #app.Withdraw #withdraw .withdraw-info-bg .withdraw-sub-btn { border-radius: 50px !important; position: absolute !important; top: 12px; right: 12px; } #app.Withdraw .v-dialog.select-account-style .account-card { height: auto; } #app.Withdraw .withdraw-account-b-style.withdraw-account-b-main .v-card__text .account-card { width: calc(100% - 36px); margin: auto; } #app .v-dialog.withdraw-b-fee-info:before { content: none; } /*--->取款稽核資訊(彈跳視窗)*/ #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div { border-radius: var(--border-radius); overflow: hidden; position: relative; padding: 1px; margin-top: 10px !important; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div:nth-child(1) { margin-top: 0px !important; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: var(--light-linear-gradient-transparent) border-box; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table * { background: none !important; border: none !important; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table tr td:nth-child(1) { text-align: end; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div::before { content: none; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table tr td:nth-child(1) { font-weight: 400 !important; } /* #endregion 卡片元件 withdraw B style*/ /* #region 投注紀錄 */ #app.BetRecord .result-sheet-dateRange tr:nth-child(odd) td:nth-of-type(2), #app #bet-record .total-sheet .all-wager-amount-val, #app.BetRecord .result-sheet-date td:nth-of-type(3) { color: var(--light-color-blue-5) !important; } #app.BetRecord .result-sheet-dateRange tr:nth-child(even) td:nth-of-type(2), #app.BetRecord .result-sheet-dateRange td.custom-currency span:not(.more-btn), #app #bet-record .total-sheet .lose-amount-val, #app.BetRecord .result-sheet-date td:nth-of-type(4) { color: var(--light-red-1) !important; } #app #bet-record #page-title .back-query { display: none; } #app #bet-record .search-box { border: none !important; background: none; box-shadow: none; margin: 0 !important; } #app #bet-record .v-card__text, #app #bet-record .result-sheet { display: flex; flex-direction: column; gap: 8px; } #app #bet-record .v-input--radio-group--row .v-radio { position: relative; width: 50%; margin: 0px; padding: 16px; } #app #bet-record .v-input--radio-group--row .v-radio label { justify-content: center; font-weight: 500; } #app #bet-record .v-input--radio-group--row .v-input--selection-controls__input { display: none; } #app #bet-record .time-picker-box { display: flex; flex-direction: column; } #app #bet-record .time-picker-box .subtitle-2 { order: -1; margin-bottom: 8px; } #app #bet-record .time-picker-box .bet-record-date-btns { order: -1; } #app #bet-record .game-picker-box button.main-color.v-btn { margin-top: 30px !important; } #bet-record .bet-record-date-btns { display: flex; gap: 5px; } #bet-record .bet-record-date-btns button { color: var(--light-gray-5); border: none; padding: 0 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid transparent; } #bet-record .bet-record-date-btns button.active { color: var(--light-color-blue); border-color: var(--light-color-blue); border-radius: var(--border-radius); padding: 2px 5px; } #bet-record .game-type-dialog-component .categories-string { display: none; } #bet-record .game-type-dialog-component .select-btn { margin-left: 0 !important; border-radius: var(--border-radius-2); font-weight: 700; } #bet-record .total-box, #bet-record .list-box { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #bet-record .total-box .v-card__text, #bet-record .list-box .v-card__text { padding: 0; } #app.BetRecord .v-dialog .v-card__text > * { margin: 0 !important; padding: 0 !important; } #app.BetRecord .v-dialog .v-card__text .suppliers { margin-bottom: 20px !important; } #app.BetRecord .v-dialog .v-card__text .primary--text { color: #1976d200 !important; caret-color: #1976d200 !important; } #app.BetRecord .v-dialog .v-card .v-icon { color: #ffffff00; } #app.BetRecord .v-dialog.gametype-dialog-component .v-card .v-card__actions > button { margin-right: 0 !important; margin-top:4px !important; } #app.BetRecord .v-dialog.gametype-dialog-component .v-card .v-card__actions { flex-direction: column; align-items: flex-start; } #app #bet-record .result-sheet .text-h6 { font-size: 14px !important; line-height: 1rem; } #app #bet-record .result-sheet .text-h6.mb-1 { margin-bottom: 8px !important; } #app #bet-record .result-sheet .search-data span, #app #bet-record .total-sheet span, #app #bet-record .result-sheet.result-sheet-date tr td:nth-child(3), #app #bet-record .result-sheet.result-sheet-date tr td:nth-child(4), #app #bet-record .result-sheet.result-sheet-game tr td:nth-child(2), #app #bet-record .result-sheet.result-sheet-game tr td:nth-child(3) { font-weight: 700; } #app #bet-record .result-sheet .v-data-table table * { text-align: left !important; font-size: 12px; } #app #bet-record .result-sheet .v-data-table table th, #app #bet-record .result-sheet .v-data-table table td { padding: 10px 17px !important; height: auto; } #app #bet-record .result-sheet .v-data-table table td.custom-currency-id, #app #bet-record .result-sheet .v-data-table table td.custom-currency { padding: 10px 30px 10px 15px !important; } #app #bet-record .result-sheet .more-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #app #bet-record .result-sheet .more-btn i { font-size: 0; } #app #bet-record .result-sheet .more-btn i::before { content: ''; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; width: 20px; height: 20px; display: inline-block; } #app #bet-record .result-sheet .v-pagination li button { position: relative; border-radius: var(--border-radius-1); background: var(--light-color-blue-o-1); color:var(--light-gray-5); } #app #bet-record .result-sheet .v-pagination li button i { color: transparent !important; } #app #bet-record .result-sheet .v-pagination li button.v-pagination__navigation::before { position: absolute; content: ''; width: 100%; height: 100%; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; } #app #bet-record .result-sheet .v-pagination li button.v-pagination__navigation[aria-label="Previous page"]::before { transform: rotate(180deg); } #app #bet-record .result-sheet .v-pagination li button.v-pagination__item { background: var(--light-color-blue-o); } #app #bet-record .result-sheet .v-pagination li button.v-pagination__item.primary { background: var(--light-color-blue); color: var(--light-color-white); } #app #bet-record .result-sheet .v-data-table .red--text, #app #bet-record .total-sheet .v-data-table .red--text { font-weight: 700; } #bet-record .search-box, #bet-record .not-data-box { background: var(--light-index-bg-o9); border: 1px solid var(--light-color-white) !important; color: var(--light-Inside-money-text) !important; } /* #endregion 投注紀錄 */ /* #region 交易紀錄 */ #transaction .transaction-content { background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #transaction .transaction-content .transaction-date-btns button { color: #fff; border: 1px solid transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #transaction .transaction-content .transaction-date-btns button.active { color: #3bc9e3; border-color: #3bc9e3; -moz-border-radius: var(--border-radius-1); -webkit-border-radius: var(--border-radius-1); border-radius: var(--border-radius-1); } #transaction .transaction-content .transaction-list { background: var(--light-linear-gradient-transparent); border: 1px solid #2cd0ff !important; -moz-border-radius: var(--border-radius-1); -webkit-border-radius: var(--border-radius-1); border-radius: var(--border-radius-1); } #app #transaction .transaction-content .v-card__text { padding: 0; } #app.Transaction .transaction-detail-dialog .v-data-table { padding: 0 !important; overflow: hidden; } #app #transaction .transaction-content .v-card__text .v-data-table { position: relative; flex-grow: 1; padding-top: 12px; padding-bottom: 12px; margin: 6px 5px; } #app #transaction .transaction-content .v-card__text .btn-group.transaction-date-btns button { flex-grow: 0; border-radius: var(--border-radius); padding: 2px 8px; margin: 0; border: none !important; background: none !important; } #app #transaction .transaction-content .v-card__text .btn-group.transaction-date-btns button::before { content: none; } #app #transaction .v-data-table tbody tr .amount.red--text { padding: 10px 14px 10px 6.5px !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-red--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.red--text, #app #transaction .v-data-table tbody tr .amount.red--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.red--text { color: var(--light-red-1) !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-red--text { border: 1px solid var(--light-red-1) !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-blue--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.blue--text { color: var(--light-color-blue) !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-blue--text { border: 1px solid var(--light-color-blue) !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-green--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.green--text, #app #transaction .v-data-table tbody tr .amount.green--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.amount.green--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.type.green--text { color: var(--light-color-blue-5) !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-green--text.active { border: 1px solid var(--light-color-blue-5) !important; } #app #transaction .transaction-content .v-card__text .v-data-table { padding: 0px !important; border-radius: var(--border-radius-1); } #app #transaction .transaction-content .v-card__text .v-data-table .v-data-table__wrapper { overflow: hidden; } #app #transaction .transaction-content .v-card__text .v-data-table tbody, #app #transaction .transaction-content .v-card__text .v-data-table tr, #app #transaction .transaction-content .v-card__text .v-data-table td { border: none; height: auto; } #app #transaction .transaction-content .v-card__text .v-data-table tr:not(:last-child) { margin-bottom: 6px; } #app #transaction .transaction-content .v-card__text .v-data-table *, #app.Transaction .transaction-detail-dialog .v-data-table * { font-weight: 500; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number td:nth-child(2) { font-weight: 500 !important; display: inline-block; text-align: left; } #app #transaction .transaction-content .v-card__text .v-data-table .date td:nth-child(2) { font-weight: 500 !important; display: inline-block; text-align: right; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number { width: 20%; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number td:nth-child(1), #app #transaction .transaction-content .v-card__text .v-data-table .date td:nth-child(1) { display: none; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number td:nth-child(2), #app #transaction .transaction-content .v-card__text .v-data-table .date td:nth-child(2) { width: 100%; border-bottom: 1px solid red; padding-bottom: 8px !important; margin-bottom: 8px; } #app #transaction .transaction-content .v-card__text .v-data-table .type { width: 100%; } #app #transaction .transaction-content .v-card__text .v-data-table .amount { width: 70%; } #app #transaction .transaction-content .v-card__text .v-data-table .status { width: 30%; } #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2).red--text { color: #ff9fde !important; } #app #transaction .transaction-content .v-card__text .v-data-table .amount td, #app #transaction .transaction-content .v-card__text .v-data-table .status td, #app #transaction .transaction-content .v-card__text .v-data-table .memo td { width: 100%; } #app #transaction .transaction-content .v-card__text .v-data-table .amount td:nth-child(2), #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2), #app #transaction .transaction-content .v-card__text .v-data-table .memo td:nth-child(2) { color: var(--light-color-sky-blue) !important; } #app #transaction .transaction-content .v-card__text .v-data-table .amount td:nth-child(2) { position: relative; } #app #transaction .transaction-content .v-card__text .v-data-table .amount button { background: var(--light-linear-gradient-transparent) border-box; padding: 1px; height: 20px; border-radius: 20px; flex-grow: unset; } #app #transaction .transaction-content .v-card__text .v-data-table .amount button span { background: var(--light-color-navy-dark); width: 100%; height: 100%; border-radius: 20px; padding: 0 12px; } #app #transaction .transaction-content .v-data-table.transaction-list tr td.memo p { max-width: 48px; text-overflow: clip; } #app .modals-container .vfm .vfm__container { top: 50%; transform: translateY(-50%); } #app .modals-container .vfm .vfm__container > .modal-content { margin-top: 0px !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table { position: relative; height: auto; color: var(--light-color-blue-3); background: var(--light-radial-gradient-3) !important; border-radius: var(--border-radius-1); padding: 1px; margin-bottom: 8px !important; box-shadow: none; border: none; z-index: 0; margin: 10px !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table .v-data-table__wrapper { padding: 8px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card::before, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: var(--border-radius-1); border: 1px solid rgba(0, 0, 0, 0); background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__title { background: var(--light-color-navy-dark) !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text { padding-bottom: 0px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, var(--light-color-navy-dark) 100%) !important; z-index: 0; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table * { background: none; color: white !important; font-weight: 300 !important; border: none; font-size: 14px; padding: 0px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr { display: flex; flex-wrap: wrap; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr td { width: 100%; padding: 0px !important; height: auto; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:not(:last-child) { border-bottom: 1px solid #61659f; filter: var(--light-drop-shadow-1); margin-bottom: 4px; padding-bottom: 4px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(1) td:nth-child(2) { color: #FF9FDE !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(2) td:nth-child(2), #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(3) .grey--text, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(4) td:nth-child(2) { color: var(--light-color-sky-blue) !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__actions { justify-content: center; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__actions .spacer { display: none; } #app #transaction .v-data-table { position: relative; height: auto; color: #FFFFFF; background: var(--light-radial-gradient-3) !important; border-radius: var(--border-radius-1); padding: 16px !important; margin-bottom: 8px !important; z-index: 0; border: none !important; } #app #transaction .v-data-table::before { content: none; } #app #transaction .v-data-table table { table-layout: fixed; overflow: hidden; } #app #transaction .v-data-table table *, #app.Transaction .transaction-detail-dialog .v-data-table table * { text-align: left !important; font-size: 12px; } #app #transaction .v-data-table table > thead > tr:last-child > th { border-bottom: 0.8px solid var(--light-color-blue-4) !important; } #app #transaction .v-data-table table th, #app #transaction .v-data-table table td, #app.Transaction .transaction-detail-dialog .v-data-table table td { padding: 10px 14px !important; position: relative; height: auto; } #app #transaction .v-data-table .more-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #app #transaction .v-data-table .more-btn i { font-size: 0; } #app #transaction .v-data-table .more-btn i::before { content: ''; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; width: 20px; height: 20px; display: inline-block; } #app #transaction .transaction-content .v-card__text .v-data-table { background: var(--light-index-bg-o9); color: var(--icon-green-02); } #app #app #transaction .transaction-content .v-card__text .v-data-table::before { content: none; } #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2), #app #transaction .transaction-content .v-card__text .v-data-table .memo td:nth-child(2) { color: var(--light-color-blue-6) !important; } #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2).red--text { color: var(--light-color-orange) !important; } #app #transaction .transaction-content .v-card__text .v-data-table .amount button { background: none; } #app #transaction .transaction-content .v-card__text .v-data-table .amount button span { background: var(--light-bg-header); border: 1px solid var(--light-color-green); color: var(--light-color-white) !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table { background: var(--light-index-bg-o9) !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card::before, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table::before { background: var(--light-color-white); } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__title { background: var(--light-bg-header) !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table * { color: var(--light-gray) !important; font-weight: 700 !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:not(:last-child) { filter: none; box-shadow: 0 1px 0 var(--light-color-white-2); border-color: var(--light-gray); } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(1) td:nth-child(2), #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(2) td:nth-child(2) { color: var(--icon-green-03) !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(3) .grey--text, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(4) td:nth-child(2) { color: var(--light-color-blue-6) !important; } #app #transaction .transaction-content .v-card__text .v-data-table table > thead > tr > th { color: var(--light-color-white) !important; } #app #transaction .v-data-table .more-btn i::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; } #app .v-dialog.transaction-detail-dialog table tr:not(:last-child) td { border-bottom: 1px solid var(--light-gray-7); } /* #endregion 交易紀錄 */ /* #region 站內信 */ #app.SiteMail .v-tabs-bar { padding: 14px 19px 4px 19px; height: auto; } #app.SiteMail .mail-item p.text-truncate, #app.SiteMail .mail-detail-dialog p, #app.SiteMail .mail-detail-dialog p a, #app.SiteMail .v-window-item--active .v-alert.success--text { color: var(--light-gray-5) !important; } #app.SiteMail .send-mail-dialog fieldset, #app.SiteMail .mail-item p, #app.SiteMail .mail-item p.text-truncate.text-info, #app.SiteMail .mail-detail-dialog .mail-body, #app.SiteMail .mail-detail-dialog .mail-body p { color: var(--light-gray-5) !important; } #app.SiteMail .mail-detail-dialog .mail-body { font-weight: 700 !important; } #app.SiteMail .v-dialog .v-card__actions button { min-width: unset; width: 30%; max-width: unset; flex-grow: 1; } #app.SiteMail .v-tabs { background: transparent; } #app.SiteMail .v-tabs .v-tabs-slider-wrapper, #app.SiteMail .v-window-item--active .v-alert.success--text i, #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(4) { display: none !important; } #app.SiteMail .mail-item { padding: 0 !important } #app.SiteMail .mail-item.active { opacity:0.8; } #app.SiteMail .mail-item.un-read:after { width: 6px; height: 6px; background-color: var(--light-color-orange); } #app.SiteMail .mail-item .row > div:last-child { width: 100px; flex-grow: initial; display: flex; align-items: flex-end; } #app.SiteMail .v-window-item--active .v-alert.success--text { padding: 0px; } #app.SiteMail .v-window-item--active .v-alert.success--text::before { content: none; } #app.SiteMail .v-window-item--active .v-alert.success--text .v-alert__content { text-align: center; } #app.SiteMail .mail-detail-dialog .v-card__title .v-input { margin-right: 16px; } #app.SiteMail .mail-detail-dialog .v-card__title > span { max-width: calc(100% - 40px); } #app.SiteMail .mail-detail-dialog .v-card .container { display: flex; flex-direction: column; } #app.SiteMail .mail-detail-dialog .v-card .container div { display: flex; flex: 1; flex-direction: column; justify-content: flex-start; max-height: unset; align-items: flex-start; margin-bottom: 0px; padding: 0; width: 100%; } #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert { width: 100%; margin: 0 !important; display: block; flex: unset; padding: 16px; } #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert div { width: 100%; margin: 0 !important; flex: unset; } #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert .v-alert__content, #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert .v-progress-circular { display: inline-block; } #app.SiteMail .mail-detail-dialog .v-card .container .mail-body { overflow: visible; padding: 14px 16px; max-height: unset; height: auto !important; width: -webkit-fill-available; overflow-x: auto; } #app.SiteMail .mail-detail-dialog .v-card__actions button { min-width: unset !important; } #app.SiteMail .send-mail-dialog .v-form fieldset { border: none; opacity: 0; } #app.SiteMail .send-mail-dialog .container > div, #app.SiteMail .send-mail-dialog .container .row > div, #app.SiteMail .send-mail-dialog .v-form .v-text-field__slot { padding: 0 !important; margin: 0 !important; } #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group { margin-top: 15px !important; } #app.SiteMail .mail-detail-dialog p a { color: var(--icon-green-05) !important; } /* 站內信 >>> 彈跳視窗通知 */ #app .v-alert.notify-msg .notify-modal { border: 1px solid #343c56; border-radius: var(--border-radius-1); background: var(--light-color-blue-o); } #app .v-alert.notify-msg .notify-modal::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; border-radius: var(--border-radius-1); border: 1px solid rgba(0, 0, 0, 0); background: var(--light-linear-gradient-transparent) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ } #app .v-alert.notify-msg .notify-modal .v-card__title { color: #FFFFFF; font-weight: 800; padding: 16px 16px 6px 16px; } #app .v-alert.notify-msg .notify-modal .v-card__title::after { position: absolute; content: ""; width: 6px; height: 6px; background-color: red; border-radius: 50%; top: 10px; right: 10px; } #app .v-alert.notify-msg .notify-modal .v-card__title button { display: none; } #app .v-alert.notify-msg .notify-modal .v-card__text { color: #84C5E9; padding-bottom: 0; } #app .v-alert.notify-msg .notify-modal { background: var(--light-index-bg); box-shadow: var(--light-box-shadow); border: 1px solid var(--light-color-white); } #app .v-alert.notify-msg .notify-modal::before { content: none; } #app .v-alert.notify-msg .notify-modal .v-card__title, #app .v-alert.notify-msg .notify-modal .v-card__text { color: var(--light-text_color); } #app .v-alert.notify-msg .notify-modal .v-card__title::after { background-color: var(--light-color-orange); } /* #endregion 站內信*/ /* #region 變更密碼、變更提款密碼 */ #app #change-password .change-password-main .v-card__text, #app #change-money-password .change-money-password-main .v-card__text, #app #member-infor .member-infor-main .v-card__text { padding: 0; } #app #member-infor .member-infor-main { border: none !important; } #app .member-infor-main .fast-login-info { padding-left: 48px; } #app .member-infor-main .fast-login-info::before { width: 20px; height: 20px; } #app #member-infor .v-form .input-wrap .label-withdral { height: 20px; width: 20px; background-size: contain !important; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/SealWarning.png); border: none; color: transparent; top: 10%; left: 0; } #app #member-infor .v-form .input-wrap:has(.label-withdral) label { margin-left: 28px; } #app .member-infor-main .fast-login-info .v-alert__content { font-size: 12px; } /* #endregion 變更密碼、變更提款密碼 */ /* #region 帳戶餘額(彈跳視窗) */ #app .v-dialog__content:has(.wallet-detail-dialog) { align-items: flex-start; } #app .v-dialog.wallet-detail-dialog .v-card__text .balance, #app #WalletCenter-wallet-detail .v-card__text .balance { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, var(--light-color-navy-dark) 100%); border-radius: var(--border-radius); position: relative; text-align: left !important; padding: 16px 24px !important; border-radius: var(--border-radius-1); } #app .v-dialog.wallet-detail-dialog .v-card__text .balance::after, #app #WalletCenter-wallet-detail .v-card__text .balance::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: var(--light-linear-gradient-transparent) border-box; } #app .v-dialog.wallet-detail-dialog .v-card__text .balance .red--text, #app #WalletCenter-wallet-detail .v-card__text .balance .red--text { color: var(--light-color-sky-blue) !important; } #app .v-dialog.wallet-detail-dialog .v-icon.red--text, #app #WalletCenter-wallet-detail .v-icon.red--text { font-size: 0; } #app .v-dialog.wallet-detail-dialog .v-icon.red--text::before, #app #WalletCenter-wallet-detail .v-icon.red--text::before { content: ""; background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/marvel.png); height: 20px; width: 20px; background-size: contain; } #app .v-dialog.wallet-detail-dialog .maintenance-info, #app #WalletCenter-wallet-detail .maintenance-info { border-radius: var(--border-radius-2); border: 1px solid var(--text3, var(--light-color-sky-blue)); padding: 16px 16px 16px 57px; position: relative; background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(153, 153, 153, 0.00) 100%); } #app #WalletCenter-wallet-detail .v-card__text { padding: 0px; } #app .v-dialog.wallet-detail-dialog .v-card__text .balance, #app #WalletCenter-wallet-detail .v-card__text .balance { border: 0.8px solid var(--light-color-white); background: var(--light-color-white-1); } #app .v-dialog.wallet-detail-dialog .v-card__text .balance .red--text, #app #WalletCenter-wallet-detail .v-card__text .balance .red--text { color: var(--icon-green-03) !important; } #app .v-dialog.wallet-detail-dialog .v-icon.red--text::before, #app #WalletCenter-wallet-detail .v-icon.red--text::before { background-image: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/marvel.png); background-size: contain; } /* #endregion 帳戶餘額(彈跳視窗) */ /* #region 代理加盟 */ #app.Partner #partner .v-card ul.btn-group { width: 100%; padding:0; } #app.Partner #partner .v-card ul.btn-group li{ margin:0; } #app.Partner #partner .v-card ul.btn-group li a { padding: 0; } #app.Partner #partner .agent-html { padding-left: 0; padding-right: 0; } #app.Partner .agent-html .table-responsive table tr td.main-color { background: none; text-shadow: none; color: var(--light-color-white) !important; } /* 代理加盟 >>> 代理註冊 */ #app.PartnerApply .container { margin-top:12px; } #app.PartnerApply #agent-apply .form-wrap .input-wrap { height: auto; margin-bottom: 0; } /* #endregion 代理加盟 */ /* #region 會員轉帳 */ #app.MemberTransfer .member-transfer-main-bg .v-card__text { padding-right: 0; padding-bottom: 0; } #app.MemberTransfer #transfer-form-wrap .v-form .v-select__slot .v-select__selections { padding: 0 !important } #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-select__selections { -webkit-text-fill-color: unset !important; } /* #endregion 會員轉帳 */ /* #region 客戶服務 */ #app #online-services #app #online-services .page-content .services-link .icon img { display: none; } #app #online-services .page-content .services-link .icon::before { content: ''; display: block; width: 45px; height: 40px; } #app #online-services .join { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 !important; min-width: unset; min-height: unset; width: unset; height: unset; opacity: 0; } #app #online-services .services-link::after { content: 'JOIN NOW'; display: flex; min-width: 116px; min-height: 33px; font-size: 14px; margin: 0 15px 0 auto !important; align-items: center; justify-content: center; } #app.OnlineServices #online-services .page-content .services-link.telegram .icon::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/onlineServices/TG.png) center / contain no-repeat; } #app.OnlineServices #online-services .page-content .services-link.onlivechat .icon::before, #app.OnlineServices #online-services .page-content .services-link.livechat .icon::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/onlineServices/chat.png) center / contain no-repeat; } #app #online-services .page-content .livechat.services-link .icon::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/onlineServices/chat.png) center / contain no-repeat; } #app.OnlineServices #online-services .page-content .services-link.Line .icon::before { background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/onlineServices/line.png) center / contain no-repeat; } #app #online-services .page-content > img, #app #online-services .services-link.onlivechat, #app #online-services .page-content::before { order: -1; } #app.OnlineServices #online-services .page-content { padding: 0; } #app #online-services .page-content > img { display: none; } #app #online-services .page-content::before { content: ''; display: block; width: 100%; aspect-ratio: 780 / 302; background: url(/CdnRedirect/Web.Mobile/DN029-01.Mobile/Content/Views/Shared/images/light/onlineServices/banner.png) center / contain no-repeat; } #app.OnlineServices #online-services .page-content .services-link { width: calc(100% - 32px); margin: 0 16px; padding: 0; border-radius: var(--border-radius); border: none; background: var(--light-linear-gradient-11); position: relative; } #app.OnlineServices #online-services .page-content .services-link::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--border-radius-1); border: 1px solid transparent; background: var(--light-linear-gradient) border-box; -webkit-mask: var(--light-linear-gradient-transparent); -webkit-mask-composite: xor; mask-composite: exclude; /* -webkit-mask uses --light-linear-gradient-transparent */ pointer-events:none; } #online-services .page-content .services-link .icon > img { display: none; } #online-services .page-content .services-link .icon::before { content: '' !important; display: block; width: 45px; height: 40px; } #app.OnlineServices #online-services .page-content .services-link .text span { color: var(--light-gray); font-weight: 700; } #app.OnlineServices #online-services .page-content .services-link .text b { color: var(--light-color-blue-4); } #app.OnlineServices #online-services .join { border-radius: var(--border-radius-1); } /* #endregion 客戶服務 */ /* #region 鎖住最大寬度只能450px */ @media (min-width: 451px) { html, body, body .layout-wrap > * { margin: 0 auto; } body, body .layout-wrap > *, #app #footer .v-bottom-navigation, #app.Home .game-list-block-wrap .hot-swiper-slide, #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content, .swal2-modal { max-width: 450px !important; } #app .v-overlay { width: 450px; } #app #custom-float, #app #vpn-float, #app #activity-float { right: calc(50vw - 215px); margin-bottom: 15px; left: unset !important; } #app .v-main { background-size: cover !important; } #app #page-title, #app .v-bottom-navigation { display: block; } .col-3 { width: 25%; } #app.Home #home-navigation-wrap { margin-bottom: 79px; } #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content { left: 50%; transform: translateX(-50%) !important; } #app #footer .v-bottom-navigation { display: flex; padding: 68px 23px 0 23px !important; margin-bottom: -18px !important; } #app.Home #home-navigation .game-tab > li:last-child{ margin-bottom: 0px !important; } #app #footer .v-bottom-navigation .v-btn { top: unset; bottom: 24px; height: 56px !important; } #app.Home #home-navigation .game-list-block ul li > span { font-size: 18px; } #app #login .switch-page .switch-content { font-size: calc( 0.038*450px); } .form-wrap .input-wrap .v-label, .form-wrap .input-wrap input, #app.Promotion .inner .scroll-content .navtab li, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input { font-size: calc( 0.035*450px); } .form-wrap .input-wrap { padding-top: 4% !important; height: calc(0.115*450px); font-size: calc(0.035*450px); } .v-select.v-input--dense .v-select__selection--comma, #app .register-switch-btn, #app.PartnerApply #agent-apply .form-wrap button[type="submit"], #app #login .switch-page .switch-btn.tab .li.go-register, #app #login .go-login { font-size: calc(0.035* 450px) !important; } #app .v-form .v-input__append-outer { top: 67px; } #app .v-dialog.login-dialog .v-form .v-input__append-outer { top: 54px; } #app .form-wrap #submit { font-size: calc( 0.042*450px); height: calc(0.11*450px); } .form-wrap .input-wrap .v-text-field__details { left: calc(0.27*450px); top: calc(0.03*450px); } #app #member-infor .v-form .input-wrap .label-withdral { top: 30%; } #app #login .logo { margin: 0 auto calc(0.03*450px); height: calc(0.24*450px); width: auto; } #app #login .logo a { margin: auto; } .member-center-g .action-link.big-link:before, .member-center-g .action-link.big-link:after { width: calc(0.11*450px); height: calc(0.11*450px); } .member-center-g:before, #promotion:before, #deposit:before { position: relative; } #app #page-title { font-size: calc(0.05*450px); } #app.Home #home-navigation .game-tab { padding: 16px 12px 50px 16px; flex-direction: column; flex-wrap: nowrap; } #app #app:not(.Home) .v-main, #app.Home #home-navigation .swiper-slide.common .common-list, #app.Home #home-navigation .game-tab { padding-bottom: 40px !important; } #app.Home #home-navigation .game-list-block { padding: 16px 16px 50px 16px; } #app.OnlineServices .services-link { max-height: 90px; } #app.MemberCenter .page-box-2 > .row > div .action-link.big-link { height: 55px; } #app.Vip .member-info .icon { background: var(--vip-icon-bg) no-repeat center center; background-size: contain; font-weight: 700; } #app.Vip .member-info .icon p { margin: 0; font-size: 12px; font-weight: 700; } #app.Vip .member-info .icon span { display: block; font-size: 24px; font-weight: bold; } #app.Vip .v-card.first-card .v-card__text.member-info { padding-left: 40px; } #app.Vip .v-card.first-card .v-card__text.member-info .vip { font-size: 15px; font-weight: bold; } #app.Promotion .inner .scroll-content .navtab { display: flex; } #app.Promotion .inner .scroll-content .navtab li { flex: 1; display: flex; justify-content: center; align-items: center; } #app.Home .maintaining:before, #app.Home .hot-maintaining:before, #app.Lobby .maintaining:before { width: 30px; height: 30px; } #app.MemberCenter .member-center::before { max-width: 450px !important; transform: translateX(-50%); left: 50%; } #app.MemberCenter .member-center .row > div .action-link.big-link:before, #app.MemberCenter .member-center .row > div .action-link.big-link:after { width: 48px; height: 48px; } #app.MemberCenter .member-center-d .mamber-info-wrap .vip-btn { bottom: 12%; } #app.Vip #vip table tr th, #app.Vip #vip table tr td { padding: 10px; } #app.MemberTransfer .v-input button.getMobileSendCode, #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box, #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button { height: 36px !important; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box button, #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button { height: 34px !important; } #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box { bottom: 1px; right: 0; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box { bottom: -10px; right: 2px; } #app.MemberTransfer #member-transfer .warn-text { line-height: 3; font-size: 16px; padding: 0; } #app.MemberTransfer .v-input button.getMobileSendCode { transform: none; } #app .v-dialog.forget-password-dialog .input-wrap { padding: 16px 12px 0 12px; } #app .v-dialog.forget-password-dialog .v-text-field__details { left: 0; } #app #footer .v-btn i.financial { margin-top: 0; transform: scale(1.5) translateX(-2px) translateY(-4px) !important; } #app .v-dialog.financial-dialog { margin: 0 0 93px 0 !important; } #app.MemberCenter .mamber-info-wrap { max-height: 257px; } #app.Vip .vip-list-wrap .vip-list .swiper-slide { max-height: 257px; } #app #home { overflow: hidden; } #home-navigation .swiper-slide { padding-top: 16px; } #app .forget-password-dialog-bg .get-captcha-btn { top: 36px; } #app.Home .jackpot { max-width: 189px; } #app .v-alert.notify-msg { position: absolute; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .get-mobile-verification-code { top: 50px; } #app .v-dialog.login-dialog .v-card .v-card__title { overflow: visible; } .v-main:before { max-width: 450px !important; margin: auto; } .zh-TW#app.Home #world-cup { position: fixed; right: calc((100vw - 375px) / 2 - 60px); } } /* #endregion 鎖住最大寬度只能450px */