/* Minification failed. Returning unminified contents.
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,10): run-time error CSS1030: Expected identifier, found '#app'
(139,19): run-time error CSS1031: Expected selector, found ')'
(139,19): run-time error CSS1025: Expected comma or open brace, found ')'
(143,10): run-time error CSS1030: Expected identifier, found '#app'
(143,19): run-time error CSS1031: Expected selector, found ')'
(143,19): run-time error CSS1025: Expected comma or open brace, found ')'
(170,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-1'
(189,35): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(202,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(203,23): run-time error CSS1039: Token not allowed after unary operator: '-red'
(207,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(208,23): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(212,17): run-time error CSS1039: Token not allowed after unary operator: '-green'
(213,23): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(218,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(219,23): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(233,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(353,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(392,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-1'
(401,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-11'
(406,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-12'
(422,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(423,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(425,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(451,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-16'
(460,21): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(478,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(487,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(507,35): run-time error CSS1039: Token not allowed after unary operator: '-black'
(508,18): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow'
(521,18): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(525,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02'
(526,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02'
(534,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(535,23): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(548,45): run-time error CSS1030: Expected identifier, found '['
(548,50): run-time error CSS1031: Expected selector, found '='
(548,50): run-time error CSS1025: Expected comma or open brace, found '='
(552,45): run-time error CSS1030: Expected identifier, found '['
(552,50): run-time error CSS1031: Expected selector, found '='
(552,50): run-time error CSS1025: Expected comma or open brace, found '='
(586,25): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(591,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow-1'
(617,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(625,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(626,22): run-time error CSS1039: Token not allowed after unary operator: '-radial-gradient-color-1'
(627,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(641,22): run-time error CSS1039: Token not allowed after unary operator: '-black'
(658,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(667,22): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(707,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(711,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(798,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(840,30): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-4'
(949,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(963,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-4'
(979,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(981,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-2'
(985,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(989,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(997,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1024,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-07'
(1038,30): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke'
(1039,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-7'
(1040,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-4'
(1053,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1057,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1133,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o6'
(1138,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1146,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01'
(1151,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg'
(1155,21): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(1159,26): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg'
(1163,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02'
(1175,34): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header'
(1176,29): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1186,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02'
(1187,26): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg'
(1191,30): run-time error CSS1039: Token not allowed after unary operator: '-close-gray'
(1192,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02'
(1197,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-06'
(1201,26): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-9'
(1400,60): run-time error CSS1034: Expected closing parenthesis, found ','
(1400,60): run-time error CSS1042: Expected function, found ','
(1400,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1473,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1494,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-5'
(1498,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-5'
(1518,33): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(1568,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9'
(1569,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2'
(1570,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1574,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(1659,61): run-time error CSS1030: Expected identifier, found '.'
(1659,65): run-time error CSS1031: Expected selector, found ')'
(1659,65): run-time error CSS1025: Expected comma or open brace, found ')'
(1665,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1669,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(1678,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1679,18): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow'
(1684,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1716,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(1727,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(1765,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(1767,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(1775,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1776,22): run-time error CSS1039: Token not allowed after unary operator: '-red'
(1864,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(1881,81): run-time error CSS1030: Expected identifier, found '.'
(1881,89): run-time error CSS1031: Expected selector, found ')'
(1881,89): run-time error CSS1025: Expected comma or open brace, found ')'
(1896,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-2'
(1901,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(1902,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1906,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1960,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
(1970,24): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2022,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2037,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(2043,26): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(2044,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-11'
(2058,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(2079,21): run-time error CSS1039: Token not allowed after unary operator: '-black-1'
(2084,17): run-time error CSS1039: Token not allowed after unary operator: '-black-3'
(2093,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-3'
(2094,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o1'
(2103,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(2118,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(2119,35): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(2120,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2121,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg'
(2122,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-8'
(2131,22): run-time error CSS1039: Token not allowed after unary operator: '-black-3'
(2137,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-2'
(2141,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2145,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-2'
(2149,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2175,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(2203,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(2244,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(2292,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(2379,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(2393,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(2421,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2426,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(2428,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(2442,22): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(2443,28): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(2474,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(2494,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(2506,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2525,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-1'
(2540,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-1'
(2541,34): run-time error CSS1039: Token not allowed after unary operator: '-black-3'
(2542,33): run-time error CSS1039: Token not allowed after unary operator: '-black-3'
(2557,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-1'
(2571,29): run-time error CSS1039: Token not allowed after unary operator: '-yellow-1'
(2572,30): run-time error CSS1039: Token not allowed after unary operator: '-yellow-1'
(2586,22): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(2587,28): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(2607,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(2624,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(2638,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2665,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-12'
(2681,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-7'
(2753,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(2754,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(2755,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(2757,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-5'
(2763,21): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(2767,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-6'
(2790,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-7'
(2812,21): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(2831,25): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(2841,25): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(2887,26): run-time error CSS1039: Token not allowed after unary operator: '-radial-gradient-color-1'
(2888,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(2889,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(2899,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(2900,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2910,21): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(2938,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(2943,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(2947,39): run-time error CSS1039: Token not allowed after unary operator: '-yellow-3'
(2960,21): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(2978,26): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(2979,28): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(2984,39): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2985,22): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow'
(3002,26): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9'
(3011,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3016,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3045,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(3070,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(3078,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(3095,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(3097,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(3105,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(3106,18): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow'
(3110,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03'
(3122,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-3'
(3123,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o1'
(3353,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3360,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3582,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(3583,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(3595,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(3599,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3604,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button'
(3605,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3637,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button'
(3638,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3667,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(3672,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(3676,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(3680,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(3688,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(3790,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(3791,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(3803,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(3807,24): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(3812,33): run-time error CSS1030: Expected identifier, found '.'
(3812,54): run-time error CSS1031: Expected selector, found ')'
(3812,54): run-time error CSS1025: Expected comma or open brace, found ')'
(3821,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(3823,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(3835,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3841,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-3'
(3842,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o1'
(3864,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(3866,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3879,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(3883,22): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(3884,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(4208,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4214,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4219,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4239,60): run-time error CSS1034: Expected closing parenthesis, found ','
(4239,60): run-time error CSS1042: Expected function, found ','
(4239,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4264,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4269,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(4271,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(4281,21): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(4282,27): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(4313,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4318,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4326,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4331,22): run-time error CSS1039: Token not allowed after unary operator: '-bar-bg01'
(4346,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-14'
(4415,25): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4542,41): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4626,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4640,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4653,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03'
(4717,22): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(4729,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(4731,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-7'
(4739,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(4744,30): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(4749,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(4756,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4763,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4768,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4802,25): run-time error CSS1039: Token not allowed after unary operator: '-black-1'
(4895,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4902,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(4905,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4919,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-7'
(4926,17): run-time error CSS1039: Token not allowed after unary operator: '-black-1'
(4930,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4939,22): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(4940,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4977,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(4984,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4989,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4995,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5000,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5005,81): run-time error CSS1030: Expected identifier, found '.'
(5005,89): run-time error CSS1031: Expected selector, found ')'
(5005,89): run-time error CSS1025: Expected comma or open brace, found ')'
(5012,81): run-time error CSS1030: Expected identifier, found '.'
(5012,89): run-time error CSS1031: Expected selector, found ')'
(5012,89): run-time error CSS1025: Expected comma or open brace, found ')'
(5119,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(5121,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(5127,56): run-time error CSS1034: Expected closing parenthesis, found ','
(5127,56): run-time error CSS1042: Expected function, found ','
(5127,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(5174,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(5220,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5225,101): run-time error CSS1030: Expected identifier, found '['
(5225,106): run-time error CSS1031: Expected selector, found '='
(5225,106): run-time error CSS1025: Expected comma or open brace, found '='
(5229,105): run-time error CSS1030: Expected identifier, found '['
(5229,110): run-time error CSS1031: Expected selector, found '='
(5229,110): run-time error CSS1025: Expected comma or open brace, found '='
(5237,107): run-time error CSS1030: Expected identifier, found '['
(5237,112): run-time error CSS1031: Expected selector, found '='
(5237,112): run-time error CSS1025: Expected comma or open brace, found '='
(5241,107): run-time error CSS1030: Expected identifier, found '['
(5241,112): run-time error CSS1031: Expected selector, found '='
(5241,112): run-time error CSS1025: Expected comma or open brace, found '='
(5291,101): run-time error CSS1030: Expected identifier, found '['
(5291,106): run-time error CSS1031: Expected selector, found '='
(5291,106): run-time error CSS1025: Expected comma or open brace, found '='
(5312,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(5324,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(5328,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(5332,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(5336,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-01'
(5340,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03'
(5345,28): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker'
(5347,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01'
(5356,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5357,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(5359,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(5377,25): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5385,26): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg'
(5392,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9'
(5393,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2'
(5397,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(5438,36): run-time error CSS1030: Expected identifier, found '.'
(5438,56): run-time error CSS1031: Expected selector, found ')'
(5438,56): run-time error CSS1025: Expected comma or open brace, found ')'
(5458,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(5501,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5520,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(5522,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(5607,17): run-time error CSS1039: Token not allowed after unary operator: '-black-1'
(5657,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-3'
(5658,26): run-time error CSS1039: Token not allowed after unary operator: '-white-o1'
(5751,21): run-time error CSS1039: Token not allowed after unary operator: '-light-text_color'
(5755,36): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(5771,26): run-time error CSS1039: Token not allowed after unary operator: '-black'
(5772,22): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow'
(5795,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(5810,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5826,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(5830,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(5847,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-15'
(5855,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(5859,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(5866,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-14'
(5883,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-5'
(5890,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-12'
(5904,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5949,18): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow-1'
(6064,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6068,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6070,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(6098,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6103,17): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(6134,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg'
(6139,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6143,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(6176,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6181,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6183,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(6240,56): run-time error CSS1034: Expected closing parenthesis, found ','
(6240,56): run-time error CSS1042: Expected function, found ','
(6240,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(6294,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(6295,18): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow'
(6338,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6374,34): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(6378,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9'
(6383,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(6385,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6399,26): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-7'
(6407,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6408,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(6470,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6475,26): run-time error CSS1039: Token not allowed after unary operator: '-radial-gradient-color-1'
(6476,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(6480,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-2'
(6481,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6610,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6611,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-17'
(6626,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-18'
(6633,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6641,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6642,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button'
(6647,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark'
(6656,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6657,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9'
(6666,32): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke'
(6667,26): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg'
(6668,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02'
(6676,25): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6677,30): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header'
(6678,36): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke'
(6697,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6699,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(6732,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6756,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6797,17): run-time error CSS1039: Token not allowed after unary operator: '-brown'
(6864,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-19'
(6875,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6889,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6894,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(6905,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6906,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-9'
(6907,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-8'
(6912,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6914,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(6958,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-10'
(6959,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-9'
(6961,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6971,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6976,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7043,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7049,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-0'
(7054,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-1'
(7059,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-2'
(7064,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-1'
(7069,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-2'
(7074,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-3'
(7079,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-4'
(7084,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-5'
(7089,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-6'
(7094,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-7'
(7099,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-8'
(7104,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-9'
(7109,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-10'
(7114,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-11'
(7119,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-12'
(7124,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-13'
(7129,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-14'
(7134,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-15'
(7139,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-16'
(7144,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-17'
(7149,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-18'
(7154,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-19'
(7159,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-20'
(7170,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7269,23): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-6'
(7270,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(7351,17): run-time error CSS1039: Token not allowed after unary operator: '-black-4'
(7366,17): run-time error CSS1039: Token not allowed after unary operator: '-white-1'
(7371,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(7375,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(7387,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-8'
(7406,30): run-time error CSS1039: Token not allowed after unary operator: '-yellow-3'
(7407,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-3'
(7408,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-10'
(7417,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(7437,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(7439,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(7548,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-4'
(7560,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7583,66): run-time error CSS1030: Expected identifier, found '.'
(7583,75): run-time error CSS1031: Expected selector, found ')'
(7583,75): run-time error CSS1025: Expected comma or open brace, found ')'
(7594,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(7599,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7603,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(7605,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(7623,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7627,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(7629,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(7644,28): run-time error CSS1039: Token not allowed after unary operator: '-white-o1'
(7645,35): run-time error CSS1039: Token not allowed after unary operator: '-black'
(7646,18): run-time error CSS1039: Token not allowed after unary operator: '-drop-shadow'
(7650,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(7652,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(7654,28): run-time error CSS1039: Token not allowed after unary operator: '-white-2'
(7689,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn'
(7697,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(7699,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-7'
(7747,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-20'
(7748,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-13'
(7767,22): run-time error CSS1039: Token not allowed after unary operator: '-linear-gradient-color-19'
(7795,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7869,18): run-time error CSS1030: Expected identifier, found '#app'
(7869,27): run-time error CSS1031: Expected selector, found ')'
(7869,27): run-time error CSS1025: Expected comma or open brace, found ')'
(8016,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg'
(8052,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
 */
@font-face {
    font-family: "NotoSansTC";
    src: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/fontFamily/NotoSansTC-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "NotoSansTC";
    src: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/fontFamily/NotoSansTC-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "NotoSansTC";
    src: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/fontFamily/NotoSansTC-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/fontFamily/Inter-400.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/fontFamily/Inter-600.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/fontFamily/Inter-800.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "SairaSemiCondensedBold";
    src: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/fontFamily/SairaCondensed-Bold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

:root {
    --black: #000000;
    --black-1: #484848;
    --black-3: #6D6D6D;
    --black-4: #282828;
    --brown: #2D2D2D;
    --white: #FFFFFF;
    --white-1: #C8C8C8;
    --white-2: #FDFCF4;
    --white-o1: rgba(255, 255, 255, 0.10);
    --gray: #2F2F2F;
    --gray-1: #646464;
    --gray-2: #C1C1C1;
    --gray-3: #6D6D6D;
    --gray-4: #777777;
    --yellow: #FFD092;
    --yellow-1: #D89B4A;
    --yellow-3: #FFC956;
    --green: #C2FF50;
    --blue: #50F9FF;
    --orange: #FF8562;
    --red: #FF0000;
    --linear-gradient-color-1: linear-gradient(180deg, #000 35.1%, #4D4D4D 100%);
    --linear-gradient-color-2: linear-gradient(180deg, #FFDCAD -21.33%, #D89B4A 45.88%, #B18433 92.39%);
    --linear-gradient-color-3: linear-gradient(149deg, #D89B4A -5.44%, #FEEFDC 38.83%, #B18433 83.98%);
    --linear-gradient-color-4: linear-gradient(to right, #FFD99A, #A97123);
    --linear-gradient-color-5: linear-gradient( to right, #8D7D6800 0%, #F8C781FF 22%, #FFEED2FF 50%, #F8C277FF 77%, #8D7D6800 100% );
    --linear-gradient-color-6: linear-gradient(180deg, #252525 0%, #0B0B0B 100%);
    --linear-gradient-color-7: linear-gradient(149deg, #D89B4A -5.44%, #FEEFDC 38.83%, #B18433 83.98%);
    --linear-gradient-color-8: linear-gradient(10deg, #212121 7.63%, #484848 92.37%);
    --linear-gradient-color-9: linear-gradient(246deg, #E3D5C1 1.93%, #A2814F 10.18%, #FFF 19.47%, #BAA48B 29.6%, #8D6A40 47.25%, #E9B07E 65.65%, #FEE8C7 79.25%, #957147 100%);
    --linear-gradient-color-10: linear-gradient(270deg, #3C3C3C 0%, #171717 98.62%);
    --linear-gradient-color-11: linear-gradient(90deg, #D23100 2.74%, #EE4B06 53.71%, #FFE2D2 100%);
    --linear-gradient-color-12: linear-gradient(90deg, #DBA100 2.74%, #FFD092 52.85%, #FFFDEB 100%);
    --linear-gradient-color-13: linear-gradient( 0deg, #D89D4A 51%, #FEEFDC 75%, #B18433 100% );
    --linear-gradient-color-14: linear-gradient(230deg, #FFF 35.56%, #999 40.52%, #E4E4E4 76.09%);
    --linear-gradient-color-15: linear-gradient(180deg, #FFC956 -94.27%, #FFF2DF 8.47%, #FFC471 100%);
    --linear-gradient-color-16: linear-gradient(180deg, #252525 0%, #0B0B0B 100%);
    --linear-gradient-color-17: linear-gradient(122deg, rgba(0, 0, 0, 0.89) 35.45%, rgba(0, 0, 0, 0.79) 51.5%, rgba(0, 0, 0, 0.00) 74.99%);
    --linear-gradient-color-18: linear-gradient( to bottom right, #FFD99A 0%, #A97123 100% );
    --linear-gradient-color-19: linear-gradient(108deg, #E3D5C1 -2.71%, #A2814F 9.09%, #FFF 20.67%, #8D6A40 41.13%, #E9B07E 58.78%, #FEE8C7 79.93%, #957147 102.1%);
    --linear-gradient-color-20: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.41) 28.37%, rgba(0, 0, 0, 0.41) 73.56%, rgba(0, 0, 0, 0.00) 100%), rgba(50, 50, 50, 0.90);
    --radial-gradient-color-1: radial-gradient(47.03% 47.03% at 50% 11.95%, rgba(102, 102, 102, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%), radial-gradient(146.1% 100% at 50% 0%, #3D3D3D 15%, #1C1C1C 65%, #242424 100%);
    --box-shadow-1: 0.2px 0.2px 0 0 rgba(255, 255, 255, 0.30);
    --box-shadow-2: 1px 1px 0 0 rgba(255, 255, 255, 0.15);
    --box-shadow-3: inset -1px -1px 0 rgba(255, 218, 167, 0.35), -1px -1px 0 0 rgba(0, 0, 0, 0.25);
    --box-shadow-4: 1px 1px 0 0 rgba(255, 255, 255, 0.20);
    --box-shadow-5: 0 0 8px 0 rgba(242, 238, 215, 0.50);
    --box-shadow-6: 0 2px 4px 0 rgba(65, 82, 102, 0.20) inset;
    --box-shadow-7: -1px -1px 0 0 rgba(255, 255, 255, 0.15) inset;
    --box-shadow-8: 1px -1px 0 0 #FFF inset;
    --box-shadow-9: -1px -1px 0 0 rgba(82, 82, 82, 0.50) inset;
    --box-shadow-10: 0 1px 1px 0 rgba(96, 96, 96, 0.20), -0.304px -0.304px 0.507px 0 rgba(255, 255, 255, 0.80) inset;
    --box-shadow-11: 0 15px 10px 0 rgba(0, 0, 0, 0.40);
    --box-shadow-12: 0 -5px 10px 0 rgba(0, 0, 0, 0.70);
    --box-shadow-13: 0 0 6px 0 rgba(255, 242, 223, 0.70) inset, 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    --drop-shadow: drop-shadow(0px -1px 0px #777777);
    --drop-shadow-1: drop-shadow(0 0 6px rgba(253, 242, 209, 0.70));
    --border-radius: 8px;
    --member-center-withdrawal-account-management-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/withdrawal-account-management.png");
    --member-center-withdrawal-digital-wallet-management-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/withdrawal-digital-wallet-management.png");
    --member-center-withdrawal-convenience-store-management-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/withdrawal-convenience-store-management.png");
    --member-center-withdrawal-electronic-wallet-management-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/withdrawal-electronic-wallet-management.png");
    --member-center-bet-record-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/bet-record.png");
    --member-center-member-infor-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/member-infor.png");
    --member-center-transaction-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/transaction.png");
    --member-center-member-transfer-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/member-transfer.png");
    --member-center-site-mail-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/site-mail.png");
    --member-center-change-password-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/change-password.png");
    --member-center-change-money-password-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/change-password.png");
    --member-center-any-time-discount-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/any-time-discount.png");
    --member-center-promotion-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/promotion.png");
    --member-center-agent-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/agent.png");
    --member-center-wallet-center-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/withdrawal-account-management.png");
    --member-center-app-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/app.png");
    --member-center-set-language-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/set-language.png");
    --member-center-faq-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/faq.png");
    --member-center-agreement-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/agreement.png");
    --vip-gift-img: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/gift.png");
    --vip-week-img: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/week.png");
    --vip-birthday-img: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/birthday.png");
    --vip-question-img: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/QuestionMark.png");
    --member-center-transfer-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/transfer.png");
    --member-center-deposit-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/financial.png");
    --member-center-withdraw-icon: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/withdraw.png");
    --withdraw-b-button-bg: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-left.png);
}

/* #region 基本樣式 */
html:has(#app.Home) {
    overflow: hidden;
}

body:has(#app.Home) {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

#app #vpn-float,
#app .side-menu-content .toggle-wrap {
    display: none;
}

#app {
    background:none;
}

#app::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-bg.png) bottom center / cover no-repeat fixed;
}

#app.Home {
    background: var(--linear-gradient-color-1);
}

#app .side-menu-content .scroll-content {
    padding: 0 12px 15px 12px;
}

html {
    background: #000000;
}

html, body, .v-application {
    font-family: "Inter","NotoSansTC";
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--light-Text-color-dark) !important;
}

.v-overlay--active .v-overlay__scrim {
    opacity: 0.6 !important;
}

    .v-application .ma-3 {
        margin: 12px 10px !important;
    }

.v-application .red--text,
.v-application .error--text {
    color: var(--red) !important;
    caret-color: var(--red) !important;
}
.v-application .orange--text,
.v-application .yellow--text {
    color: var(--yellow) !important;
    caret-color: var(--yellow) !important;
}

#app .green--text {
    color: var(--green) !important;
    caret-color: var(--yellow) !important;
}

#app .blue--text,
.v-application .cyan--text {
    color: var(--blue) !important;
    caret-color: var(--blue) !important;
}

.form-wrap .v-input--checkbox label,
.form-wrap .v-input--checkbox i {
    color: #fff !important;
}

.v-messages__message {
    line-height: 1;
}

#app #page-title,
#app.MemberCenter .member-center-title {
    color: var(--brown) !important;
    height: unset;
    min-height: unset;
    aspect-ratio: 780 / 116;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-title.png) no-repeat center / cover;
    padding-bottom: 2px;
    text-shadow: none;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px;
}

@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;
}


.v-text-field--rounded > .v-input__control > .v-input__slot {
    padding: 0 10px;
}

.theme--light.v-card {
    color: #fff;
    background-color: transparent;
}

    .theme--light.v-card .custom-block-text label {
        color: #fff !important;
    }

    .theme--light.v-card .black--text {
        color: #fff !important;
    }

    .theme--light.v-card > .v-card__text {
        color: #fff;
    }

    .theme--light.v-card .v-btn {
        color: #fff;
    }

    .theme--light.v-card .v-icon {
        color: #fff;
    }

    .theme--light.v-card .v-data-table {
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
    }

.v-btn.primary--text {
    background: linear-gradient(to right, #327ee5, #1e2b76) !important;
    color: #fff !important;
}

#app .common-alert-modal.v-dialog .v-card h4 {
    text-align: center;
}

#app .modal-content .v-card {
    color: #fff;
    background: rgba(0, 0, 0);
}

#app .modal-content .v-card__title {
    color: #fff;
    background: linear-gradient(to right, #327ee5, #1e2b76);
}

.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 #1e2b76;
}

.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-messages,
.theme--light.v-card .black--text,
#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,
.theme--light.v-card {
    color: var(--white);
}

.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 #page-title .back-btn,
#app .member-center-d .member-center-title .to-home,
#app #agent-apply #page-title .v-icon {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/previous.png) no-repeat center / contain;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color:transparent;
}

#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 .progressbar,
#app .progress {
    background: var(--gray-1);
    border-radius: 50px;
    height: 8px;
    padding: 1px;
    margin-top:4px;
}

#app .progress .progress-bar {
    border-radius: 32px;
    background: var(--linear-gradient-color-11);
    animation: none;
}

#app .progress .progress-bar.progress-bar-warning {
    background: var(--linear-gradient-color-12);
}

#app .progress-bar span {
    padding-left: 4px;
    display: none;
}

#app #award-center .inner .scroll-content {
    margin-bottom: 0;
}

div.loading,
#app .hint,
.v-alert {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat !important;
    box-shadow: var(--box-shadow-7) !important;
    color: var(--white) !important;
    padding: 22px 24px !important;
    border-radius: var(--border-radius) !important;
    border: none !important;
    margin: 0 !important;
}

#app #award-center .hint .icon-hint {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/SealWarning.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
}
/* table */
.v-data-table table * {
    background: none !important;
    border: none !important;
}

#app #bet-record .result-sheet .v-data-table table,
#app #transaction .v-data-table table,
#app #WalletCenter-wallet-detail .v-card__text table,
#app .v-dialog.wallet-detail-dialog .v-card__text table,
#app #WalletCenter-wallet-detail .v-card__text table {
    border-radius: 6px;
    overflow: hidden;
    background: var(--linear-gradient-color-16);
}

    #app #bet-record .result-sheet .v-data-table table thead,
    #app #transaction .v-data-table table thead,
    #app #WalletCenter-wallet-detail .v-card__text table > thead,
    #app .v-dialog.wallet-detail-dialog .v-card__text table thead,
    #app #WalletCenter-wallet-detail .v-card__text table thead,
    #app .agent-html .table-responsive table tr td.main-color {
        color: var(--brown) !important;
        padding: 8px 16px;
        border-radius: 6px 6px 0 0;
        margin: 0;
        text-align: left !important;
        font-weight: 700;
        text-shadow: none;
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/modal-title.png) no-repeat top center / cover !important;
        aspect-ratio: 708 / 100;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border: none !important;
    }

#app #bet-record .result-sheet .v-data-table table th,
#app #transaction .v-data-table table thead th,
#app .v-dialog.wallet-detail-dialog .v-card__text table > thead > tr:last-child > th,
#app #WalletCenter-wallet-detail .v-card__text table > thead > tr:last-child > th {
    color: var(--brown) !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

#app #bet-record .result-sheet .v-data-table .v-data-table__wrapper,
#app #transaction .transaction-content .v-card__text .v-data-table .v-data-table__wrapper,
#app .v-dialog.wallet-detail-dialog .v-card__text .v-data-table__wrapper,
#app #WalletCenter-wallet-detail .v-card__text .v-data-table__wrapper {
    background: var(--linear-gradient-color-3) border-box;
    padding: 1px;
    border-radius: 6px;
}


#app #transaction .v-data-table .more-btn i::before,
#app #bet-record .result-sheet .more-btn i::before {
    content: '';
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/arrow.png) no-repeat center / contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}

#app #bet-record .result-sheet .v-data-table table :not(thead) tr,
#app.Transaction .transaction-detail-dialog .v-data-table tr:not(:last-child) td,
#app #transaction .transaction-content .v-card__text .v-data-table tr:not(:last-child) td,
#app .v-dialog.wallet-detail-dialog .v-card__text table tr:not(:last-child) td,
#app #WalletCenter-wallet-detail .v-card__text table tr:not(:last-child) td {
    border-bottom: 1px solid var(--black) !important;
    filter: var(--drop-shadow);
}

.v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
.v-data-table > .v-data-table__wrapper > table > tbody > tr > th,
.v-data-table > .v-data-table__wrapper > table > tfoot > tr > td,
.v-data-table > .v-data-table__wrapper > table > tfoot > tr > th,
.v-data-table > .v-data-table__wrapper > table > thead > tr > td,
.v-data-table > .v-data-table__wrapper > table > thead > tr > th {
    padding: 8px !important;
}
/*--->light-mode*/
.v-progress-circular__overlay {
    stroke: var(--white-1);
}

.v-application .primary--text {
    color: var(--icon-green-02) !important;
    caret-color: var(--icon-green-02) !important;
}

#app .v-alert--text:before {
    content: none;
}

.v-application .info--text {
    color: var(--white-1) !important;
    caret-color: var(--white-1) !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/DN028-01.Mobile/Content/Views/Shared/images/input/eyeOff.png") no-repeat center / contain;
}

#app .input-wrap.password .v-input:has(input[type="text"]) button i {
    background: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/input/eyeOn.png") no-repeat center / contain;
}

#app .account-card .icon-wrap {
    background: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/check.png") no-repeat center / contain;
    width: 12% !important;
    top: -6% !important;
    left: -4% !important;
    aspect-ratio: 1 / 1;
    height: auto;
}

#app .account-card,
#app.Withdraw .v-dialog.select-account-style .account-card {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/card-bg.png) no-repeat center / contain !important;
    min-height: unset;
    aspect-ratio: 652 / 380;
    height: unset;
}

    #app .account-card .v-card__text {
        min-height: unset;
        height: 100%;
        padding-left: 8% !important;
    }

        #app .account-card .v-card__text p{
            margin-top:18%;
        }

        #app .account-card .account-number-title,
        #app .account-card .account-name-main,
        #app .account-card .account-name-sub {
            color: var(--brown);
            background: none;
        }

#app .approveStatus span.review-successful{
    color: var(--yellow-1) !important;
}

#app .account-card .account-name-main::after {
    content: none;
}
/* #endregion 基本樣式 */

/* #region 首頁 */
#app.Home #logo-bar {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) no-repeat top center / cover;
}

#app.Home #logo-bar a.logo {
    max-height: unset;
    height: 100%;
    padding: 8px 0 4px 0;
}

#app.Home #logo-bar a.logo img {
    object-fit: contain;
    object-position: left center;
}

#app.Home #logo-bar .login-btn {
    border-radius: 6px;
    background: var(--linear-gradient-color-2);
}

#app.Home #logo-bar .login-btn::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/signin.png) no-repeat center / 130%;
}

#app.Home #logo-bar .signup-btn {
    color: var(--yellow);
    background: var(--radial-gradient-color-1);
    box-shadow: var(--box-shadow-1);
}

#app.Home #logo-bar .signup-btn::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/signup.png) no-repeat center / 130%;
}

#app.Home #logo-bar:after,
#app.Home #logo-bar .login-btn::after,
#app.Home #logo-bar .signup-btn::after {
    content: none;
}

#app.Home .balance {
    background: var(--black);
}

#app.Home .balance::before,
#app.Home .balance::after {
    content: '';
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/refreash.png) no-repeat center / 130%;
}

#app.Home .balance::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/money.png) no-repeat center / 130%;
}

#app.Home #logo-bar .balance span {
    color: var(--yellow);
    padding-bottom: 1px;
}

#app.Home .mail-btn::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/mail.png) no-repeat center / 130%;
}

#app.Home .mail-btn .unread {
    background: var(--orange);
}

#app.Home .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-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(to right, #1b1e1a, #3aa2ec, #1c1e1c);
}

#app #news::before {
    position: absolute;
    top: 4px;
    left: 8px;
    content: "";
    width: 20px;
    height: 20px;
    background: url("/CdnRedirect/Web.Portal/DN028-01.Portal/Content/Views/Shared/images/news.1.png") no-repeat center;
    background-size: contain;
    animation: zoomInOut 1.5s infinite ease-in-out;
}


#app.Home #home #slider-banner .news-wrap {
    border-radius: 50px;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/news-bg.png) no-repeat bottom right / cover;
    box-shadow: var(--box-shadow-3);
}

#app.Home #slider-banner .news-wrap #news {
    color: var(--white);
}

#app.Home #home #slider-banner .news-wrap #news::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/news.png) no-repeat center / 130%;
    transform: scale(1) !important;
    animation: none;
    left: 2px;
}

#app.Home #home #slider-banner .news-wrap::before,
#app.Home #home #slider-banner .news-wrap::after {
    content: none;
}

#app.Home #slider-banner .news-wrap #news {
    padding-left: 22px;
}


#app #vpn-float {
    bottom: 166px !important;
}

#app #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 #activity-float .SignInEvent img {
    display: none;
}

#app #logo-bar,
#app #home #home-navigation-wrap.l-component {
    padding-bottom: 0px;
}

#app.Home .v-main {
    padding: 0 !important;
}

#app.Home .layout-wrap {
    /*首頁footer之存提按鈕，取消fixed設定才會相同。*/
    /*position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;*/
    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-navigation .game-tab li {
    min-height: unset;
    height: unset;
    aspect-ratio: 140/124;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/tab-bg-1.png) no-repeat center / contain;
    flex:unset;
}

#app.Home #home-navigation .game-tab li:after {
    content: none;
}

    #app.Home #home-navigation .game-tab li.swiper-pagination-bullet-active {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/tab-bg-1-a.png) no-repeat center / contain;
    }

#home-navigation .game-tab li.swiper-pagination-bullet-active span {
    color: var(--white);
}

#home-navigation .swiper-slide.common .common-list.hot {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

    #home-navigation .swiper-slide.common .common-list.hot .hot-item {
        border-radius: 8px;
        border: none;
        background: none;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        aspect-ratio: 1 / 1;
        height: unset;
    }

        #home-navigation .swiper-slide.common .common-list.hot .hot-item:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 8px;
            border: 1px solid transparent;
            background: linear-gradient(180deg, #343C56 0%, #485092 100%) border-box;
            -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
        }

        #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box {
            position: relative;
            width: 100%;
            border-radius: 6px !important;
            background: none;
            height: 100%;
            overflow: hidden;
            box-shadow: var(--box-shadow-4);
        }

            #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box img {
                height: 100%;
                width: 100%;
                object-fit: cover;
                position: absolute;
                transform: scale(1);
                transform-origin: center;
            }

#app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-name {
    display: none;
}

#home-navigation-wrap.l-component .common-list .game-img-box .label {
    left: 1px;
    top: 1px;
}

#home-navigation .swiper-slide.common .common-list.hot .hot-item img {
    display: block;
    width: 100%;
}

#home-navigation .swiper-slide.common .common-list.hot .hot-item .game-name {
    position: static;
    height: auto;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    background: linear-gradient(180deg, #97AFDA -3.42%, #97B6F2 96.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    text-overflow: ellipsis;
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
}

#home-navigation .swiper-slide.common .common-list .custom-group {
    padding: 0;
    display: none !important;
}

    #home-navigation .swiper-slide.common .common-list .custom-group .custom-item {
        border: none;
        border-radius: 4px;
        background: radial-gradient(79.62% 100% at 53.93% 100%, rgba(25, 27, 45, 0.7) 0.62%, rgba(25, 48, 91, 0.7) 100%);
        backdrop-filter: blur(15px);
    }

        #home-navigation .swiper-slide.common .common-list .custom-group .custom-item > * {
            z-index: 1;
        }

        #home-navigation .swiper-slide.common .common-list .custom-group .custom-item:before {
            content: "";
            position: absolute;
            top: 4px;
            left: 4px;
            right: 4px;
            bottom: 4px;
            border-radius: 4px;
            background: radial-gradient(111.95% 100.14% at 50.02% -0.67%, rgba(108, 179, 255, 0.2) 0%, rgba(17, 58, 112, 0.55) 54.06%, #191e30 100%);
        }

        #home-navigation .swiper-slide.common .common-list .custom-group .custom-item:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 4px;
            right: 4px;
            bottom: 4px;
            display: block;
            content: "";
            border-radius: 4px;
            border: 2px solid transparent;
            background: linear-gradient(220.15deg, #fff2b2 -1.84%, #ffffff 11.98%, #fff2b3 23.03%, #63ffff 44.75%, #19262f 77.12%) border-box;
            -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: 1;
        }

        #home-navigation .swiper-slide.common .common-list .custom-group .custom-item .hot-text {
            background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #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);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/game-bg.png) no-repeat center / cover;
    overflow: unset;
}

    #app.Home #home-navigation .swiper-slide.common .common-list .game-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 8px;
        border: 1px solid transparent;
        background: var(--linear-gradient-color-4) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    #app.Home #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: 8px;
        top: 1px;
        left: 1px;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

#app.Home #home #slider-banner {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/banner-bg.png) no-repeat top left / cover;
    box-shadow: var(--box-shadow-2);
}

#app.Home #home #slider-banner .jackpot .line {
    background: var(--linear-gradient-color-3);
}

#app.Home #home #slider-banner .jackpot .text {
    background: var(--linear-gradient-color-3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow:none;
}

#app.Home #home #slider-banner .jackpot .number .jackpot-number .real-time-num div {
    color: var(--yellow);
}


#app.Home #home-navigation .game-tab li + li {
    margin-top: 0;
}

#app.Home #home-navigation .game-tab {
    gap: 8px;
}

#app.Home #side-menu-a .scroll-content .menu .menu-item.guide,
#app.Home #side-menu-a .top-games ul .game-item.atg,
#app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-name-box b,
#app.Home #logo-bar .side-menu-btn,
#app.Home .member-level {
    display: none;
}

#app.Home #side-menu-a .top-games ul .game-item.atg2 {
    display: flex;
}

#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';
}
/*--->light-mode*/

#app.Home .member-level {
    border: 0.2px solid var(--light-siderbar-active-stroke);
    background: var(--light-custom-linear-gradient-color-7);
    box-shadow: var(--light-box-shadow-4);
}

#app.Home .balance .coin,
#app.Home .balance .add-btn {
    display: none;
}

#app.Home #logo-bar .side-menu-btn {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/home/menu.png) no-repeat center / 130%;
}

#app.Home .main #home-navigation .game-tab li span {
    color: var(--yellow);
}

#app.Home .main #home-navigation .game-tab li.swiper-pagination-bullet-active span {
    color: var(--white);
}

#home-navigation .game-tab.F li.Favorite:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/like.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Favorite:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/like-a.png);
}

#home-navigation .game-tab.F li.Hot:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/hot.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Hot:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/hot-a.png);
}

#home-navigation .game-tab.F li.Slot:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/slot.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Slot:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/slot-a.png);
}

#home-navigation .game-tab.F li.Live:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/live.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Live:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/live-a.png);
}

#home-navigation .game-tab.F li.Board:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/board.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Board:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/board-a.png);
}

#home-navigation .game-tab.F li.Fish:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/fish.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Fish:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/fish-a.png);
}

#home-navigation .game-tab.F li.Sport:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/sport.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Sport:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/sport-a.png);
}

#home-navigation .game-tab.F li.VPN:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/vpn.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.VPN:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/vpn-a.png);
}

#home-navigation .game-tab.F li.Lottery:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/lottery.png);
}

#home-navigation .game-tab.F li.swiper-pagination-bullet-active.Lottery:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/lottery-a.png);
}

#app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item {
    background: var(--white-o6);
}

    #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item:before,
    #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box:before {
        background: var(--white) border-box;
        border-width: 1px;
        content: none;
    }

    #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-name,
    #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(--icon-green-01);
        -webkit-text-fill-color: unset;
    }

#app.Home #side-menu-a {
    background: var(--light-index-bg);
}

    #app.Home #side-menu-a .close-side-menu {
        color: var(--gray);
    }

    #app.Home #side-menu-a .top-games ul {
        background: var(--light-side-open-button-bg);
    }

        #app.Home #side-menu-a .top-games ul .game-item {
            color: var(--icon-green-02);
        }

            #app.Home #side-menu-a .top-games ul .game-item::before {
                content: '';
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/ATG.png) no-repeat center / contain;
            }

            #app.Home #side-menu-a .top-games ul .game-item.active {
                background: var(--light-bg-header);
                color: var(--white);
            }

                #app.Home #side-menu-a .top-games ul .game-item.active::before {
                    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/ATG-white.png) no-repeat center / contain;
                }

    #app.Home #side-menu-a .menu.bg,
    #app.Home #side-menu-a .horizontal-menu .menu-item,
    #app.Home #side-menu-a .menu .menu-item {
        color: var(--icon-green-02);
        background: var(--light-side-open-button-bg)
    }

        #app.Home #side-menu-a .horizontal-menu .menu-item.disabled {
            background: var(--close-gray);
            color: var(--icon-green-02);
            opacity: 0.6;
        }

    #app.Home #side-menu-a label.toggle-label {
        background: var(--icon-green-06);
    }

    #app.Home #side-menu-a .checkbox-input:checked:not(#theme-btn) + label {
        background: var(--light-custom-linear-gradient-color-9);
    }

    #app.Home #side-menu-a .thumb {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/soundsOff.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .checkbox-input:checked + label .thumb {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/soundsOn.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .thumb.theme {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/lightOn.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .checkbox-input:checked + label .thumb.theme {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/lightOff.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .horizontal-menu .menu-item img,
    #app.Home #side-menu-a .menu .menu-item img {
        display: none;
    }

    #app.Home #side-menu-a .horizontal-menu .menu-item::before,
    #app.Home #side-menu-a .menu .menu-item::before {
        content: '';
        width: 18px;
        height: 18px;
        display: inline-block;
    }

    #app.Home #side-menu-a .horizontal-menu .menu-item.hot::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/hot.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .horizontal-menu .menu-item.favorite::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/like.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .horizontal-menu .menu-item.history::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/history.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.Slot::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/slot.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.Slot::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/slot.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.Live::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/live.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.Board::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/board.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.Fish::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/fish.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.Sport::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/sport.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.Lottery::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/lottery.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.VPN::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/vpn.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.vip::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/vip.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.sitemail::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/sitemail.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.award-center::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/award-center.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.promotion::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/promotion.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.bank::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/bank.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.transaction::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/transaction.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.betRecord::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/betRecord.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.language::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/language.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.password::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/password.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.app::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/app.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.guide::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/guide.png) no-repeat center / contain;
    }

    #app.Home #side-menu-a .menu .menu-item.chat::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/sideMenu/chat.png) no-repeat center / contain;
    }

#app.Home #home-navigation-wrap.l-component .common-list .label .btn-like {
    background-image: none;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/home/like_a.png) center / contain no-repeat;
}

#app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-bg {
    display: none;
}
/* #endregion 首頁 */


/* #region 遊戲大廳上面的搜尋 */
#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: 8px;
}

    #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 .online-count {
    display: none !important;
}

#app #member-transfer {
    padding-bottom: 70px;
}

    #app #member-transfer .common-bg {
        background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9));
        border: 1px solid #2cd0ff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    #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 {
    position: absolute;
    right: -8px;
    bottom: -15px;
    display: flex;
    align-items: center;
    z-index: 3;
    pointer-events: auto;
}

    #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: 6px;
        background: linear-gradient(to right, #327ee5, #1e2b76);
        color: #fff;
        box-shadow: none;
        margin: 0;
    }

#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(--white) !important;
    border-radius: 6px;
    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(--gray-5) !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(--gray-5) !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;
}

#online-services > div.page-content.d-flex.flex-column > div.livechat {
    display: none;
}

.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(--white) !important;
}

    #app .any-time-discount-main .grey--text {
        color: var(--light-Text-color-dark) !important;
    }

/* #endregion */
/* #region 會員中心 */
#app.MemberCenter .mamber-info-wrap {
    margin: 16px;
    margin-bottom: 0;
    border-radius: 8px;
}

#app.MemberCenter .mamber-info-wrap .mascot {
    height: 100%;
    width: 100%;
    position: absolute;
}

#app.MemberCenter .mamber-info-wrap .mascot::before {
    content: '';
    display: block;
    width: 43%;
    height: unset;
    margin: 0;
    background: none;
    aspect-ratio: 1 / 1;
    transform: scale(1.1) translateX(27%) translateY(4%);
}

#app.MemberCenter .mamber-info-wrap .mascot img,
#app.MemberCenter .member-center-d .mamber-info-wrap .mamber-info .UID{
    display: none;
}

#app.MemberCenter .mamber-info-wrap.vip-level-0 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone0.png) center / contain no-repeat;
}

#app.MemberCenter .mamber-info-wrap.vip-level-1 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone1.png) center / contain no-repeat;
}

#app.MemberCenter .mamber-info-wrap.vip-level-2 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone2.png) center / contain no-repeat;
}

#app.MemberCenter .mamber-info-wrap.vip-level-3 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone3.png) center / contain no-repeat;
}

#app.MemberCenter .mamber-info-wrap.vip-level-4 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone4.png) center / contain no-repeat;
}

#app.MemberCenter .mamber-info-wrap.vip-level-5 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone5.png) center / contain no-repeat;
}

#app.MemberCenter .mamber-info-wrap.vip-level-6 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone6.png) center / contain no-repeat;
}

#app.MemberCenter .mamber-info-wrap.vip-level-7 .mascot::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone7.png) center / contain no-repeat;
}

#app.MemberCenter .member-center-d .main-action .main-link .action-link.financial i {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/financial.png);
}

#app.MemberCenter .member-center-d .main-action .main-link .action-link.withdraw i {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/withdraw.png);
}

#app.MemberCenter .member-center-d .main-action .main-link .action-link.award-center i {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/award-center.png);
}

#app.MemberCenter .member-center-d .main-action .main-link .action-link.vip i {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/vip.png);
}

#app.MemberCenter .member-center-d .sub-link-group a.vip:before {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/vip-s.png);
}

#app.MemberCenter .member-center-d .sub-link-group div:has(a.app),
#app.MemberCenter .member-center-d .sub-link-group div:has(a.faq) {
    display: none;
}

#app.MemberCenter .member-center-d .mamber-info-wrap .mamber-info .AccountName {
    color: var(--yellow);
}

#app.MemberCenter .member-center-d .mamber-info-wrap .vip-btn {
    color: var(--black-4);
    text-shadow: none;
    bottom: 9%;
    right: 20%;
    transform: translateX(50%) translateY(50%);
}

#app.MemberCenter .member-center-d hr {
    margin: 10px 0;
    border: 1px solid var(--black);
    filter: var(--drop-shadow);
}

#app.MemberCenter .mamber-info-wrap .mamber-info {
    margin: 10px 0 0 auto;
    color: var(--white);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/top_bg.png) no-repeat left center / contain;
    padding-right: 10px;
    aspect-ratio: 716 / 412;
    height: unset;
    width: 100%;
    padding-left: 50%;
    padding-top: 10%;
}

    #app.MemberCenter .mamber-info-wrap .mamber-info .welcome{
        display:none;
    }

    #app.MemberCenter .mamber-info-wrap .mamber-info .welcome.esteemed-guest {
        display: block;
        font-size: 16px;
        font-weight: 700;
    }

    #app.MemberCenter .mamber-info-wrap .mamber-info .login-time {
        display: block;
    }

#app.MemberCenter .mamber-info-wrap .wallet-info {
    height: auto;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/wallet-info-bg.png) no-repeat center / contain;
    border: none;
    aspect-ratio: 360 / 74;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    color: var(--black-4);
    align-items: center;
    font-family: "SairaSemiCondensedBold";
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px; 
}

#app.MemberCenter .member-center-d .sub-link-group a,
#app.MemberCenter .member-center-d .sub-link-group .set-language {
    color: var(--white-1);
}

#app.MemberCenter .mamber-info-wrap .more-arrow {
    font-size: 0;
}

#app.MemberCenter .mamber-info-wrap .more-arrow::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 14px;
    vertical-align: top;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/arrow.png) center / 135% no-repeat;
    margin: 4px -20px 0 0px;
}

#app.MemberCenter .member-center-title .right-box button {
    display: none;
}

#app.MemberCenter .sub-link-group div {
    position: relative;
}

#app.MemberCenter .sub-link-group div::after {
    content: '';
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/memberCenter/go.png) center / contain no-repeat;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
}

#app.MemberCenter .member-center-d .main-action {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
}

#app.MemberCenter .member-center-d .main-action::before{
    content:none;
}

#app.MemberCenter .member-center-d .sub-link-group a .mail-unread-count {
    color: var(--white);
    background: var(--red);
    font-size: 10px;
    aspect-ratio: 1 / 1;
    padding: 2px;
    width: 24px;
    height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 0;
}

#app.MemberCenter .SignOut-btn {
    margin: 12px 0 0 0;
    display: flex;
    align-items: center;
    width: 100%;
}
/* #endregion 會員中心 */
/* #region 首頁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: 6px;
    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/DN028-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 首頁app下載 */

/* #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;
    color: var(--white-1) !important;
    top: 0;
    text-shadow: none;
    font-weight: 700;
}

    #app .v-form label.v-label--active {
        opacity: 1;
    }

#app .v-form input,
#app .v-form textarea,
#app.SiteMail .mail-detail-dialog .v-card .container.isEditing .mail-body,
#app.SiteMail .mail-detail-dialog .v-card__title .v-input__slot input,
#app.Lobby .v-main .v-input__slot,
#app.FishCasino .v-main .v-input__slot,
#app .v-dialog.wallet-detail-dialog input,
#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-input__slot:has(.v-label),
#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-select .v-input__slot {
    border-radius: 4px;
    padding: 6px 16px !important;
    margin-top: 0px;
    min-height: 38px;
    border: 1px solid var(--white);
    background: var(--white-2);
    box-shadow: var(--box-shadow-6);
    color: var(--black-1) !important;
    height: 38px;
}

#app .v-form input::placeholder,
#app .v-form textarea::placeholder {
    color: var(--gray-2) !important;
}

#app .v-form .v-select__slot input {
    border: none;
    background: var(--linear-gradient-color-2);
    color: var(--white) !important;
}

#app .v-form .v-select__slot .v-select__selection {
    color:var(--white) !important;
    font-weight:700;
}

#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-input__append-outer {
    top: 34px;
}


#app .v-form input .placeholder,
#app .v-form textarea .placeholder,
#app .input-wrap .placeholder {
    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 {
    top: auto;
    bottom: 0px;
    right: 12px;
}

#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 {
        background: none;
        padding: 0;
        border-radius: 0;
        margin-left: 0px;
        color: var(--red);
        margin-top: 0px;
    }

        #app .v-form .v-text-field__details .v-messages__message::before {
            display: none;
        }

#app .v-form .v-input.error--text input,
#app .v-form .v-input.error--text textarea {
    border-color: var(--red);
}

#app .v-form .v-input.v-input--checkbox i,
#app .v-form .v-input.v-select i,
#app .v-input.small-checkbox i {
    color: #ffffff00 !important;
}

#app .v-form .v-input.v-select i,
.form-wrap .input-wrap.select .v-select__slot .v-input__append-inner i {
    background: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/input/down.png") center / 80% no-repeat;
    color: #ffffff00 !important;
}

#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/DN028-01.Mobile/Content/Views/Shared/images/input/checkbox.png") center / 80% no-repeat;
    opacity: 1;
    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/DN028-01.Mobile/Content/Views/Shared/images/input/checkbox-a.png") center / 80% no-repeat;
}

#app .v-form .v-input.v-select i::after {
    background-image: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/input/select.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 80%;
    opacity: 1;
}

#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-select__slot input::placeholder {
    color: var(--white) !important;
    opacity: 1 !important;
}

#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-menu__content {
    border-radius: var(--border-radius);
}

    #app .v-menu__content .v-select-list {
        border-radius: inherit;
        border: none;
        background: var(--white-2);
        box-shadow: var(--box-shadow-11);
    }

    #app .v-menu__content .v-select-list::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
        border-radius: inherit;
        border: 1px solid rgba(0, 0, 0, 0);
        background: var(--linear-gradient-color-3) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    #app .v-menu__content .v-select-list .v-list-item__title,
    .theme--light.v-select .v-select__selections,
    .theme--light.v-select .v-select__selection,
    #app.Lobby .v-main div.v-input__append-inner button span i,
    #app.Lobby .v-main .v-input__slot input,
    #app.Lobby .v-main .v-input__slot .v-label,
    #app.Lobby .v-main .v-select__selection,
    #app.Lobby .v-main .v-card__text,
    #app.Lobby .v-main i.theme--light.v-icon,
    #app.FishCasino .v-main div.v-input__append-inner button span i,
    #app.FishCasino .v-main .v-input__slot input,
    #app.FishCasino .v-main .v-input__slot .v-label,
    #app.FishCasino .v-main .v-select__selection,
    #app.FishCasino .v-main.v-card__text,
    #app.FishCasino .v-main i.theme--light.v-icon {
        color: var(--black-1) !important;
    }

#app .mx-datepicker input,
#app .mx-datepicker i {
    color: var(--black-3) !important;
}

#app .mx-datepicker.disabled input {
    color: #ffffff80;
    background: #18192770;
}

#app .file-upload-item .upload_zone {
    border: 1px solid var(--gray-3);
    background: var(--white-o1);
    border-radius: 4px;
}


#app .file-upload-item .upload_zone .upload {
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--yellow);
}

#app .file-upload-item .upload_zone i {
    background: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/input/upload.png") no-repeat center / contain;
    font-size: 0 !important;
    min-width: 62px;
    min-height: 62px;
}

#app .file-upload-item .upload_zone i::after{
    display:none;
}
/*--->light-mode*/
#transfer-form-wrap .transfer-input-wrap input {
    color: var(--light-Text-color-dark) !important;
    -webkit-text-fill-color: var(--light-Text-color-dark) !important;
    border: 1px solid var(--white);
    background: var(--light-side-open-button-bg);
    box-shadow: var(--light-box-shadow-8);
}

input[disabled="disabled"],
textarea[disabled="disabled"],
#app .v-form input[disabled="disabled"],
#app .v-form textarea[disabled="disabled"],
#app .v-form .v-input--is-disabled input,
#app .v-form .v-input--is-disabled textarea {
    background: var(--black-3);
}

#app .v-form input .placeholder,
#app .v-form textarea .placeholder,
#app .input-wrap .placeholder {
    color: var(--gray-2) !important;
}

#app .v-form .v-input.v-input--checkbox label {
    color: var(--white) !important;
}

#app .v-form .v-input__append-inner button i {
    color: var(--gray-2) !important;
}

#app .v-form .v-input__append-outer {
    color: var(--white);
}

/* #endregion form共用設定 */
/* #region 按鈕共用 */
#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 .v-dialog .v-form .btn-group .v-btn,
#app .v-dialog .footer .close-news-btn,
#app .v-dialog.register-dialog .form-wrap #submit,
#app .v-dialog.register-dialog .container #submit,
#app .v-dialog.login-dialog .v-card .form-wrap #submit,
#app .v-dialog.social-register-dialog .v-card .form-wrap #submit,
#app.MemberCenter .SignOut-btn a,
#app #withdraw-account-management .card-wrap button:not(.v-size--small),
#app.Promotion #promotion button.btn-progress,
#app #promotion-content .promotion-module-apply-btn,
#app.MemberInfor #member-infor .btn-bind-sns,
#app .login-d .other-login button.line-login,
#app .web-login.v-btn,
#app div.v-dialog__content.v-dialog__content--active .v-dialog.ranking-dialog .v-card__actions > button {
    display: flex !important;
    justify-content: center;
    align-items: center;
    color: var(--brown) !important;
    margin: 0 auto !important;
    padding: 10px 5px;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button.png) no-repeat center !important;
    background-size: 100% 100% !important;
    -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);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    text-shadow: none;
    font-weight: 700;
    border-radius: 0 !important;
    min-width: unset;
    min-height: unset;
    height: unset !important;
    aspect-ratio: 652 / 88;
    max-height: unset;
    max-width: unset;
    width: 100% !important;
    color: var(--black-4) !important;
    font-size: 14px;
}

#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[disabled="disabled"],
#app .main-color.v-btn[disabled="disabled"],
#app .web-login.v-btn[disabled="disabled"],
#any-time-discount .any-time-discount-main button.v-btn[disabled="disabled"],
#app .v-dialog .v-form .btn-group .v-btn[disabled="disabled"],
#app .v-dialog .footer .close-news-btn[disabled="disabled"],
#app .v-dialog.register-dialog .form-wrap #submit[disabled="disabled"],
#app .v-dialog.register-dialog .container #submit[disabled="disabled"],
#app .v-dialog.login-dialog .v-card .form-wrap #submit[disabled="disabled"],
#app .v-dialog.social-register-dialog .v-card .form-wrap #submit[disabled="disabled"],
#app.MemberCenter .SignOut-btn a[disabled="disabled"],
#app #withdraw-account-management .card-wrap button:not(.v-size--small)[disabled="disabled"],
#app.Promotion #promotion button.btn-progress[disabled="disabled"],
#app #promotion-content .promotion-module-apply-btn[disabled="disabled"],
#app.MemberInfor #member-infor .btn-bind-sns[disabled="disabled"],
#app .login-d .other-login button.line-login[disabled="disabled"],
#app .web-login.v-btn [disabled="disabled"] {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-disabled.png) no-repeat center !important;
    background-size: 100% 100% !important;
}

/*--->單個短按鈕*/
#app #deposit .online-deposit-apply-bg form .submit-btn,
#app #deposit .company-deposit-layout .v-card__actions button,
#app #withdraw .withdraw-account-b-main .v-btn.withdraw-b-btn,
#app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.submit-btn,
#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 .submit-btn {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-right.png) center / contain no-repeat !important;
    box-shadow: none;
    aspect-ratio: 314/88;
    width: 160px !important;
    padding: 0px !important;
    margin: auto;
    color: var(--black-4) !important;
    font-weight: 700;
    min-width: unset !important;
    border: none;
    border-radius: 0;
    flex: unset;
    font-size: 14px;
    height: unset;
    min-height: unset;
}

#app #deposit .online-deposit-apply-bg form .submit-btn[disabled="disabled"],
#app #deposit .company-deposit-layout .v-card__actions button[disabled="disabled"],
#app #withdraw .withdraw-account-b-main .v-btn.withdraw-b-btn[disabled="disabled"],
#app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.submit-btn[disabled="disabled"],
#app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(1)[disabled="disabled"],
#app #withdraw-account-management #set-account .v-form .btn-group .submit-btn[disabled="disabled"],
#app #change-password .change-password-main form button.submit-btn[disabled="disabled"],
#app #change-money-password .change-money-password-main form button.submit-btn[disabled="disabled"],
#app #member-infor .member-infor-main .submit-btn[disabled="disabled"] {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-right-disabled.png) center no-repeat !important;
    background-size: 100% 100% !important;
    opacity: 1 !important;
}

.swal2-styled.swal2-confirm,
.swal2-modal .swal2-actions button,
#app > div.v-dialog__content .v-card__actions > button,
#app > div.v-dialog__content .select-account-style .v-card__actions > button,
#app > div.v-dialog__content .v-card__actions .fast-going-wrap button,
#app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button,
#app > div.v-dialog__content.v-dialog__content--active .select-account-style .v-card__actions > button,
#app > div.v-dialog__content.v-dialog__content--active .v-card__actions .fast-going-wrap button,
#app.Withdraw > div.v-dialog__content.select-account-style .v-card__actions > button,
#app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.cancel-btn,
#app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(2),
#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 > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.submit-btn,
#app.Vip #vip .vip-member-info .bonus-wrap .bonus-item .button,
#app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.cancel-btn,
#app.Withdraw #withdraw .withdraw-info-bg.withdraw-account-b-style .v-btn.withdraw-b-btn {
    border: none;
    border-radius: 0px;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-left.png) center no-repeat !important;
    background-size: 100% 100% !important;
    color: var(--black-4) !important;
    font-weight: 700;
    aspect-ratio: 314/88;
    height: unset;
    min-height: unset;
    border: none;
    width: 160px !important;
    font-size: 14px;
    flex: unset;
    min-width: unset !important;
}

.swal2-styled.swal2-confirm[disabled="disabled"],
.swal2-modal .swal2-actions button[disabled="disabled"],
#app > div.v-dialog__content .v-card__actions > button[disabled="disabled"],
#app > div.v-dialog__content .select-account-style .v-card__actions > button[disabled="disabled"],
#app > div.v-dialog__content .v-card__actions .fast-going-wrap button[disabled="disabled"],
#app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button[disabled="disabled"],
#app > div.v-dialog__content.v-dialog__content--active .select-account-style .v-card__actions > button[disabled="disabled"],
#app > div.v-dialog__content.v-dialog__content--active .v-card__actions .fast-going-wrap button[disabled="disabled"],
#app.Withdraw > div.v-dialog__content.select-account-style .v-card__actions > button[disabled="disabled"],
#app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.cancel-btn[disabled="disabled"],
#app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(2)[disabled="disabled"],
#app #withdraw-account-management #set-account .v-form .btn-group .cancel-btn[disabled="disabled"],
#app #change-password .change-password-main form a.cancel-btn[disabled="disabled"],
#app #change-money-password .change-money-password-main form a.cancel-btn[disabled="disabled"],
#app #member-infor .member-infor-main .cancel-btn[disabled="disabled"],
#app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.submit-btn[disabled="disabled"],
#app.Vip #vip .vip-member-info .bonus-wrap .bonus-item .button[disabled="disabled"],
#app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.cancel-btn[disabled="disabled"],
#app.Withdraw #withdraw .withdraw-info-bg.withdraw-account-b-style .v-btn.withdraw-b-btn[disabled="disabled"] {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-left-disabled.png) center no-repeat !important;
    background-size: 100% 100% !important;
    opacity: 1 !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,
    #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,
    #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button,
    #app #member-infor .member-infor-main .submit-btn,
    #app #member-infor .member-infor-main .cancel-btn,
    #app #withdraw-account-management #set-account .v-form .btn-group .submit-btn,
    #app #withdraw-account-management #set-account .v-form .btn-group .cancel-btn,
    #app #change-password .change-password-main form button.submit-btn,
    #app #change-password .change-password-main form a.cancel-btn,
    #app #change-money-password .change-money-password-main form button.submit-btn,
    #app #change-money-password .change-money-password-main form a.cancel-btn,
    #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.cancel-btn {
        margin: 0 !important;
        width: calc(50% - 10px) !important;
        font-weight: 700;
        text-shadow: none;
    }

.swal2-actions {
    margin-bottom: 15px;
}
/* 錢包轉點的遊戲入口 "確認轉帳"和"進入遊戲"的按鈕背景資料夾方向 */
#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;
}

/*--->三個一排*/
#app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(1),
#app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(2),
#app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(3) {
    border: none;
    border-radius: 0px;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-right.png) center no-repeat !important;
    background-size: 100% 100% !important;
    color: var(--black-4) !important;
    font-weight: 700;
    aspect-ratio: 316 / 88;
    height: unset;
    min-height: unset;
    border: none;
}

#app.SiteMail .mail-detail-dialog .v-card__actions button.close-btn {
    border: none;
    border-radius: 0px;
    order: 1;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/button-left.png) center no-repeat !important;
    background-size: 100% 100% !important;
    color: var(--black-4) !important;
    font-weight: 700;
    height: unset;
    min-height: unset;
    border: none;
}

#app.SiteMail .mail-detail-dialog .v-card__actions button span{
    font-size: 12px;
}
/*頁簽功能項目選擇按鈕 三個一排*/
#app #deposit .payment-list,
#app #deposit .account-list-bg,
#app #deposit .online-deposit-apply-bg,
#app #deposit .company-deposit-layout .company-deposit-list-bg,
#app #deposit .company-deposit-layout .company-deposit-account-list-bg,
#app #deposit .company-deposit-layout .company-deposit-apply-bg,
#app.Withdraw #withdraw .payment-list,
#app.Withdraw #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 #award-center .inner .scroll-content .navtab,
#app #award-center .inner .item,
#app.PromotionProgress #promotionProgress .navtab,
#app.SiteMail .v-tabs-bar,
#app.Partner #partner .v-card ul.btn-group {
    position: relative;
    height: auto;
    color: var(--white);
    padding: 16px !important;
    margin-bottom: 8px !important;
    z-index: 0;
    margin: 0px 12px;
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat !important;
    box-shadow: var(--box-shadow-7);
    border: none;
    width: -webkit-fill-available;
}

#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 #bet-record .v-input--radio-group--row .v-radio,
#app #transaction .transaction-category.btn-group button,
#app.PromotionProgress #promotionProgress .navtab li,
#app.SiteMail .v-tabs .v-tab {
    background: var(--white-2);
    background-color: var(--white-2) !important;
    min-width: unset;
    padding: 0px 16px;
}

#app #deposit .payment-list > div,
#app #withdraw .payment-list > div,
#app #deposit .company-deposit-layout .account-list button,
#app #award-center .inner .scroll-content .navtab li,
#app #bet-record .v-input--radio-group--row .v-radio,
#app #transaction .transaction-category.btn-group button,
#app.PromotionProgress #promotionProgress .navtab li,
#app.SiteMail .v-tabs .v-tab {
    width: 33%;
    margin: 0;
    flex: unset;
    padding: 0 8px;
    min-height: 46px;
    position: relative;
}

#app #deposit .payment-list > div .text,
#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 #award-center .inner .scroll-content .navtab li span,
#app #bet-record .v-input--radio-group--row .v-radio label,
#app #transaction .transaction-category.btn-group button span,
#app.PromotionProgress #promotionProgress .navtab li span,
#app.SiteMail .v-tabs .v-tab span{
    font-weight: 700;
    background: var(--linear-gradient-color-8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
    text-align: center;
    margin: auto;
    width: 100%;
    display: block;
}

#app #deposit .payment-list > div.active,
#app #deposit .account-list-bg .account-list > button.active,
#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 #bet-record .v-input--radio-group--row .v-radio.v-item--active,
#app #transaction .transaction-category.btn-group button.active,
#app.PromotionProgress #promotionProgress .navtab li.active,
#app.SiteMail .v-tabs .v-tab.v-tab--active:not(:nth-child(3n + 1)) {
    background: var(--linear-gradient-color-2);
}

#app #deposit .payment-list > div.active .text,
#app #deposit .account-list-bg .account-list > button.active span,
#app #deposit .company-deposit-layout .type-list button.active span,
#app #deposit .company-deposit-layout .account-list button.active span,
#app #award-center .inner .scroll-content .navtab li.active span,
#app #bet-record .v-input--radio-group--row .v-radio.v-item--active label,
#app #transaction .transaction-category.btn-group button.active span,
#app.PromotionProgress #promotionProgress .navtab li.active span,
#app.SiteMail .v-tabs .v-tab.v-tab--active:not(:nth-child(3n + 1)) span {
    color: var(--white);
    -webkit-text-fill-color: initial;
    background: none;
    text-shadow: none;
}


#app #deposit .payment-list > div:nth-child(3n + 1),
#app #deposit .account-list-bg .account-list > button:nth-child(3n + 1),
#app #deposit .company-deposit-layout .type-list button:nth-child(3n + 1),
#app #deposit .company-deposit-layout .account-list button:nth-child(3n + 1),
#app #award-center .inner .scroll-content .navtab li:nth-child(3n + 1),
#app #bet-record .v-input--radio-group--row .v-radio:nth-child(3n + 1),
#app #transaction .transaction-category.btn-group button:nth-child(3n + 1),
#app.PromotionProgress #promotionProgress .navtab li:nth-child(3n + 1),
#app.SiteMail .v-tabs .v-tab {
    border-radius: 6px 0 0 6px !important;
    border-right: none !important;
    width: 33%;
    border: 1px solid var(--yellow-1) !important;
    border-right: none !important;
}

#app #deposit .payment-list > div:nth-child(3n + 2),
#app #deposit .account-list-bg .account-list > button:nth-child(3n + 2),
#app #deposit .company-deposit-layout .type-list button:nth-child(3n + 2),
#app #deposit .company-deposit-layout .account-list button:nth-child(3n + 2),
#app #award-center .inner .scroll-content .navtab li:nth-child(3n + 2),
#app #bet-record .v-input--radio-group--row .v-radio:nth-child(3n + 2),
#app #transaction .transaction-category.btn-group button:nth-child(3n + 2),
#app.PromotionProgress #promotionProgress .navtab li:nth-child(3n + 2),
#app.SiteMail .v-tabs .v-tab:nth-child(3n + 3) {
    width: 34%;
    border-radius: 0 !important;
    border: 1px solid var(--yellow-1) !important;
    border-right: 1px solid var(--black-3) !important;
    border-left: 1px solid var(--black-3) !important;
}

#app #deposit .payment-list > div:nth-child(3n + 3),
#app #deposit .account-list-bg .account-list > button:nth-child(3n + 3),
#app #deposit .company-deposit-layout .type-list button:nth-child(3n + 3),
#app #deposit .company-deposit-layout .account-list button:nth-child(3n + 3),
#app #award-center .inner .scroll-content .navtab li:nth-child(3n + 3),
#app #bet-record .v-input--radio-group--row .v-radio:nth-child(3n + 3),
#app #transaction .transaction-category.btn-group button:nth-child(3n + 3),
#app.PromotionProgress #promotionProgress .navtab li:nth-child(3n + 3),
#app.SiteMail .v-tabs .v-tab:nth-child(3n + 1) {
    border-radius: 0 6px 6px 0 !important;
    border-left: none !important;
    width: 33%;
    border: 1px solid var(--yellow-1) !important;
    border-left: none !important;
}

#app #deposit .payment-list > div:last-child,
#app #deposit .account-list-bg .account-list > button:last-child,
#app #deposit .company-deposit-layout .type-list button:last-child,
#app #deposit .company-deposit-layout .account-list button:last-child,
#app #award-center .inner .scroll-content .navtab li:last-child,
#app #bet-record .v-input--radio-group--row .v-radio:last-child,
#app #transaction .transaction-category.btn-group button:last-child,
#app.PromotionProgress #promotionProgress .navtab li:last-child {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
border-left: 1px solid var(--yellow-1) !important;
border-right: 1px solid var(--yellow-1) !important;
}

/* 功能小按鈕群 */
#app.BetRecord #bet-record .bet-record-date-btns button,
#app #deposit .online-deposit-apply-bg .btn-group > div,
#bet-record .game-type-dialog-component .select-btn,
#app.BetRecord .v-dialog button.v-size--small,
#app .right-box-transfer-back,
#app.PromotionProgress .progress-tab li,
#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet,
#app .v-dialog.wallet-detail-dialog .transfer-amount-container button.v-btn.v-btn--has-bg.btn-blue,
#partner .v-card ul.btn-group li,
#app .v-dialog.ranking-dialog .action-list div {
    background: var(--white-2);
    background-color: var(--white-2) !important;
    min-width: unset;
    padding: 4px 8px;
    position: relative;
    border-color: transparent;
    border: none;
    border-radius: 4px;
    overflow: hidden;
}

#app.BetRecord #bet-record .bet-record-date-btns button span,
#app #deposit .online-deposit-apply-bg .btn-group > div span,
#bet-record .game-type-dialog-component .select-btn span,
#app.BetRecord .v-dialog button.v-size--small span,
#app .right-box-transfer-back v-button,
#app.PromotionProgress .progress-tab li span,
#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet .select-wallet-display-name,
#app .v-dialog.wallet-detail-dialog .transfer-amount-container button.v-btn.v-btn--has-bg.btn-blue span,
#partner .v-card ul.btn-group li a,
#app .v-dialog.ranking-dialog .action-list div span {
    background: var(--linear-gradient-color-8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

#app.BetRecord #bet-record .bet-record-date-btns button.active,
#app #deposit .online-deposit-apply-bg .btn-group > div.main-color,
#bet-record .game-type-dialog-component .select-btn,
#app.BetRecord .v-dialog button.v-size--small,
#app .right-box-transfer-back,
#app.PromotionProgress .progress-tab li.active,
#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet,
#app .v-dialog.wallet-detail-dialog .transfer-amount-container button.v-btn.v-btn--has-bg.btn-blue,
#partner .v-card ul.btn-group li,
#app .v-dialog.ranking-dialog .action-list div.active {
    background: var(--linear-gradient-color-2);
    background-color: transparent;
}

#app.BetRecord #bet-record .bet-record-date-btns button.active span,
#app #deposit .online-deposit-apply-bg .btn-group > div.main-color span,
#bet-record .game-type-dialog-component .select-btn span,
#app.BetRecord .v-dialog button.v-size--small span,
#app .right-box-transfer-back v-button,
#app.PromotionProgress .progress-tab li.active span,
#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet .select-wallet-display-name,
#app .v-dialog.wallet-detail-dialog .transfer-amount-container button.v-btn.v-btn--has-bg.btn-blue span,
#partner .v-card ul.btn-group li a,
#app .v-dialog.ranking-dialog .action-list div.active span{
    color: var(--white) !important;
    -webkit-text-fill-color: initial;
    background: none;
    text-shadow: none;
}

#app.BetRecord #bet-record .bet-record-date-btns button::after,
#app #deposit .online-deposit-apply-bg .btn-group > div::after,
#bet-record .game-type-dialog-component .select-btn::after,
#app.BetRecord .v-dialog button.v-size--small::after,
#app .right-box-transfer-back::after,
#app.PromotionProgress .progress-tab li::after,
#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet::after,
#app .v-dialog.wallet-detail-dialog .transfer-amount-container button.v-btn.v-btn--has-bg.btn-blue::after,
#partner .v-card ul.btn-group li::after,
#app .v-dialog.ranking-dialog .action-list span::after,
#app .v-dialog.ranking-dialog .action-list div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-12) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#app.BetRecord #bet-record .bet-record-date-btns button::after,
#app #deposit .online-deposit-apply-bg .btn-group > div.main-color::after,
#bet-record .game-type-dialog-component .select-btn::after,
#app.BetRecord .v-dialog button.v-size--small::after,
#app .right-box-transfer-back::after,
#app.PromotionProgress .progress-tab li.active::after,
#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet::after,
#app .v-dialog.wallet-detail-dialog .transfer-amount-container button.v-btn.v-btn--has-bg.btn-blue::after,
#partner .v-card ul.btn-group li::after,
#app .v-dialog.ranking-dialog .action-list div.active::after {
    background: var(--linear-gradient-color-7) border-box;
}

/* #endregion end 按鈕共用 */
/* #region 彈跳彈窗 */
#app .common-dialog .v-card .v-card__title {
    justify-content: center;
}
#app .wallet-detail-dialog.common-dialog {
    background-color: rgb(0, 0, 0) !important;
}

#app .common-dialog .v-card .v-data-table {
    background: transparent;
    border: 1px solid #41536e !important;
}

    #app .common-dialog .v-card .v-data-table tr:nth-child(even) td:last-child {
        background: #0a1a30;
    }


#app > div.v-dialog__content.v-dialog__content--active .v-card__actions {
    justify-content: center;
}

    #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: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
    }

#app .v-dialog__content--active {
    backdrop-filter: blur(2px);
}

#app .v-dialog {
    -moz-border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    margin: 24px 16px;
    box-shadow: var(--box-shadow-5);
}
    .swal2-modal,
    #app .v-dialog .v-card,
    #app .v-dialog.tip-dialog .v-card {
        height: auto;
        color: var(--white-1);
        padding: 0px !important;
        align-items: center;
        justify-content: center;
        background: var(--linear-gradient-color-6) !important;
        z-index: 0;
        filter: blur(0px);
    }

    #app .v-dialog .v-card {
        border: none;
        padding: 0px;
    }

    .swal2-modal::before,
    #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;
        pointer-events: none;
        border-radius: 8px;
        border: 2px solid rgba(0, 0, 0, 0);
        background: var(--linear-gradient-color-7) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    #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 {
        color: var(--brown) !important;
        padding: 8px 16px;
        border-radius: 6px 6px 0 0;
        margin: 0;
        text-align: left !important;
        font-weight: 700;
        text-shadow: none;
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/modal-title.png) no-repeat top center / cover;
        aspect-ratio: 708 / 100;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border: none !important;
        max-height: unset;
        height: unset;
        min-height: unset;
        overflow: hidden;
    }

        #app .v-dialog .v-card .v-card__title span {
            color: var(--brown);
            font-weight: 700;
            -webkit-text-stroke: 0px;
            font-size: 16px;
            letter-spacing: 0;
        }

        #app .v-dialog .v-card .v-card__title .title,
        #app .v-dialog .v-card .v-card__title .title span {
            letter-spacing: 0 !important;
            color: var(--brown);
            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 button .v-icon,
        #app .v-dialog.tab-announcement .v-card__title .close-btn,
        #app .common-dialog .v-card .v-card__title .title-close-btn {
            margin-left: auto;
            border-radius: 6px;
            font-size: 12px;
            background: #1f3c48;
            position: absolute;
            top: auto;
            transform: none;
            background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/close.png) no-repeat center / contain;
            color: transparent !important;
            width: 32px;
            height: 32px;
        }

    #app .v-dialog.lang-dialog-b .v-card .v-card__title .close-btn,
    #app .common-dialog .v-card .v-card__title .title-close-btn {
        right: 16px;
    }

        #app .v-dialog .v-card .v-card__actions {
            border-radius: 0 0 4px 4px;
            padding: 24px 16px;
        }

        #app .v-dialog .v-card .v-card__actions .spacer {
            display: none;
        }


    #app .v-dialog .v-card .v-card__text .container .feature-switch-btn > div,
    #app .v-dialog .v-card .v-card__text .feature-switch-btn > div {
        border-radius: 6px !important;
        background: var(--radial-gradient-color-1);
        box-shadow: var(--box-shadow-1);
        color: var(--yellow);
    }

    #app .v-dialog .v-card .v-card__text .container .feature-switch-btn > div::before,
    #app .v-dialog .v-card .v-card__text .feature-switch-btn > div::before{
        content:none;
    }

    #app .v-dialog .v-card .v-card__text .container .feature-switch-btn > div.grey,
    #app .v-dialog .v-card .v-card__text .feature-switch-btn > div.active {
        background: var(--linear-gradient-color-2);
        color: var(--white);
    }

    #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(--white-1) !important;
    }

    #app .v-dialog .v-card .v-card__text .v-form #submit {
        margin-top: 40px !important;
    }

    #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;
        color: var(--yellow) !important;
    }

    /*tab announcement*/
    #app .v-dialog.tab-announcement .announcement-item .icon-pin {
        color: var(--yellow);
    }

    #app .v-dialog.tab-announcement .tab-category-list > li.active {
        border-bottom: 2px solid var(--yellow-3);
    }

    #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,
    #app .v-dialog.tab-announcement .hint,
    #app .v-dialog.tab-announcement .footer .theme--light.v-label,
    #app .v-dialog.tab-announcement .detail-body,
    #app .v-dialog.tab-announcement .detail-time,
    #app .v-dialog.tab-announcement .detail-title,
    #app .v-dialog.tab-announcement .title-container {
        color: var(--white-1);
    }

    #app .v-dialog.tab-announcement .tab-category-wrap {
        border-bottom: none;
        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) {
        background: var(--gray);
        border-radius:var(--border-radius);
    }

    #app .v-dialog.tab-announcement .title-container {
        padding: 0 0 12px;
        border-bottom: 1px solid var(--black);
        filter: var(--drop-shadow);
    }

    #app .v-dialog.tab-announcement .detail-title {
        font-size: 1rem;
    }

    #app .v-dialog.tab-announcement .detail-time {
        font-size: 14px;
    }

    #app .v-dialog.tab-announcement .hint{
        background:none !important;
        box-shadow:none !important;
    }

    #app .v-dialog.tip-dialog .v-card {
        background: var(--light-index-bg-o9);
        border: none;
    }

    #app .login-d .other-login button.line-login:after {
        box-shadow: none;
    }

#app .login-d .title-other-login span {
    color: var(--white) !important;
}

#app .login-d .title-other-login:before,
#app .login-d .title-other-login:after {
    background: var(--white) !important;
}

#app .common-dialog .v-card .v-data-table {
    border: none !important;
}
/* ---特別視窗 */
#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;
}

#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) !important;
    padding: 0px;
}
/* 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-wallet-detail .v-card .v-data-table {
        border-radius: 6px !important;
    }

#app .walletcenter-wallet-text {
    color: var(--light-Text-color-dark);
}

#app .walletcenter-wallet-text {
    color: #ffffff;
}

#app .walletcenter-balance-text {
    color: var(--yellow);
}

#app .right-box-transfer-back {
    border-radius: 50px;
    position: absolute;
    width: auto;
    max-width: unset;
    white-space: nowrap;
}

#app .wallet-refresh-icon {
    color: transparent;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/replay.png) center / 70% no-repeat;
}

#app.WalletCenter .member-center-d .main-action {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
}

#app.WalletCenter .member-center-d .main-action:not(:last-child) {
    margin-bottom: 0;
}

#app.WalletCenter .member-center-d hr {
    border: 1px solid var(--black);
    filter: var(--drop-shadow);
}

#app.WalletCenter #WalletCenter-wallet-detail .v-card .v-data-table {
    background: var(--icon-green-03);
}
/* Manual Transfer Dialog */
#app .v-dialog.wallet-detail-dialog {
    margin: auto 16px;
}

#app .v-dialog .v-card .v-card__text .container .manual-transfer-card {
    position: relative;
    width: 100%;
    min-width: 135px;
    height: 85px;
    border: 1px solid var(--gray-3);
    background: var(--white-o1);
    border-radius: 4px;
}

#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-size: 16px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
}

#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-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-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-radius: 4px;
    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-select-btn-icon {
    position: absolute;
    top: 50%;
    left: unset;
    font-size: 25px;
    transform: translateY(-50%);
    right: 12px;
}

#app .v-dialog .v-card .v-card__text .container .manual-transfer-card {
    position: relative;
    width: 100%;
    min-width: 135px;
    height: 85px;
    border-radius: 6px;
}

#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-size: 16px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
}

#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-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-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-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.52px;
    text-align: center;
}

#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: 6px;
    background: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}

#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: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}

#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: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}

#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: 6px;
    background: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}

#app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container .input-wrapper::before {
    top: 12px;
}

#app .v-dialog.wallet-detail-dialog .transfer-amount-container button.v-btn.v-btn--has-bg.btn-blue {
    height:38px;
}

/* Select Wallet Dialog */
#app .v-dialog .v-card .v-card__text.wallet-select-card-text {
    max-height: 65vh;
}

#app .v-dialog .v-card .v-card__text.wallet-select-card-text {
    max-height: 65vh;
}

#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet {
    height: 50px;
    border-radius: 6px;
}

#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-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color:var(--white) !important;
}

#app .v-dialog.select-wallet-dialog .v-card__title .v-icon.sync-icon,
#app .v-dialog.select-wallet-dialog .v-card__title span {
    letter-spacing: 1px;
    margin-left: 8px;
    color: var(--white) !important;
}
#app .v-dialog.select-wallet-dialog .v-card__title .v-icon.sync-icon{
    font-size:24px !important;
}


#app .v-dialog .v-card .v-card__text .container .row .col .transfer-back-icon {
    color: #FF6B00 !important;
}

/* #endregion 彈跳彈窗 */
/* #region Alert彈跳彈窗(SweetAlert套件) */
    .swal2-popup .swal2-content {
        color: #fff;
        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 .swal2-title {
        order: -1;
        font-size: 16px;
        font-weight: 700;
        padding: 19px 16px;
        text-align: start;
        background: #0C1429;
        border-bottom: 1px solid #FFFFFF;
        color: #FFFFFF;
    }

.swal2-html-container {
    font-size: 14px;
    color: #84C5E9;
}

.swal2-icon > div {
    display: none;
}

.swal2-modal .swal2-close {
    font-size: 23px;
    width: 24px;
    height: 24px;
    background: #1f3c48;
    margin: 16px;
    color: #FFFFFF;
}

/* #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/DN028-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/DN028-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;
        border-radius: 4px;
        background: #abd1ff;
        color: #181927;
        border: none;
        height: 100%;
    }

#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 .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 {
    border-radius: 4px;
    background: var(--linear-gradient-color-8);
    color: var(--yellow);
    border: none;
}
/* #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-Text-color-dark) !important;
}

    #app .social-guide-dialog .title-way:before, #app .social-guide-dialog .title-way:after {
        background: var(--white) !important;
    }

#app .social-guide-dialog .bindway-wrap button.btn-bindway {
    border-bottom: none !important;
    background: var(--light-button) !important;
    color: var(--white) !important;
    border-radius: 8px;
}
/* #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(--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-warn) !important;
    font-size: 12px !important;
}

#app .social-register-dialog-bg .v-form .v-input.v-input--checkbox label {
    color: var(--light-Text-color-dark) !important;
}

.v-application .social-register-dialog-bg .yellow--text {
    color: var(--red) !important;
}

#app .social-register-dialog-bg .yellow--text {
    color: var(--light-warn) !important;
}

.v-dialog.social-login-dialog .btn-forget {
    color: #b1d3fb !important;
}

#app .v-dialog.social-login-dialog .btn-forget {
    color: var(--light-Text-color-dark) !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 .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;
    aspect-ratio: unset;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/modal-title.png) no-repeat top center / contain;
}

#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,
#app .v-dialog.login-dialog .v-card .v-card__title .close-btn {
    top: 8px;
    right: 16px;
}

#app .v-dialog.register-dialog .v-card .v-card__title::after {
    content: "";
    width: 100%;
    height: 87px;
    background-image: url("/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/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;
    box-shadow: none;
    border: none;
    border-radius: 4px;
    background: var(--linear-gradient-color-8);
    color: var(--yellow) !important;
}

#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-Text-color-dark) !important;
}

#app .v-dialog.register-dialog .v-form .v-input.error--text input {
    border-color: var(--light-warn);
}

/* #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 {
    position: relative;
    text-align: left !important;
    padding: 16px 24px !important;
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
    border:none;
}

    #app .v-dialog.wallet-detail-dialog .v-card__text .balance::before {
        height: 18px;
        width: 18px;
        margin-bottom: -2px;
    }

    #app .v-dialog.wallet-detail-dialog .v-card__text .balance .red--text,
    #app #WalletCenter-wallet-detail .v-card__text .balance .red--text {
        color: var(--white) !important;
    }

#app .v-dialog.wallet-detail-dialog .maintenance-info,
#app #WalletCenter-wallet-detail .maintenance-info {
    padding: 16px;
    border: 1px solid var(--gray-3);
    background: var(--white-o1);
    border-radius: 4px;
    position: relative;
}

#app .v-dialog.wallet-detail-dialog .v-card__text,
#app #WalletCenter-wallet-detail .v-card__text {
    padding-bottom: 0px;
}

#app .v-dialog.wallet-detail-dialog .v-card__text table tr.blue-grey,
#app #WalletCenter-wallet-detail .v-card__text table tr.blue-grey {
    background-color: transparent !important;
    border-color: transparent !important;
}

#app .v-dialog.wallet-detail-dialog .scroll.hasMaintenanceInfo {
    height: auto;
}
/* #endregion 帳戶餘額(彈跳視窗) */
/* #region 請選擇語系（彈跳視窗） */
#app .v-dialog.lang-dialog-b .language-wrap .lang-list.active {
    background: var(--linear-gradient-color-2);
    background-color: transparent;
    color: var(--white);
    font-weight:700;
}
/* #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: var(--white-1);
}

#app .v-dialog.news-dialog .list-wrap .list li:nth-child(even) {
    background: var(--gray);
    color: var(--white-1);
}
/* #endregion 最新消息（彈跳視窗）*/

/* #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/DN028-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/DN028-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/DN028-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/DN028-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/DN028-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: 8px;
        background: black !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: black border-box;
            -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
        }

#app .v-dialog.addHomeScreen .v-card__actions button:nth-child(2) {
    background: black !important;
    color: white !important;
}

    #app .v-dialog.addHomeScreen .v-card__actions button:nth-child(2)::after {
        background: black border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

@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;
        }
}

@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;
        }
    }
}

/* #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: 12px;
            padding: 2px;
        }

            #app .v-dialog.announcement .v-card__text .swiper-slide::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: -1;
                border-radius: 12px;
                border: 2px solid rgba(0, 0, 0, 0);
                background: #38E1FE border-box;
                -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                content: none;
            }

            #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text {
                border-radius: 12px;
                position: relative;
            }

                #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text::after {
                    content: "";
                    position: absolute;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.5%, #000 100%);
                    width: 100%;
                    height: 100px;
                    bottom: 0;
                    content: none;
                }

        #app .v-dialog.announcement .v-card__text .navigationp-btn {
            display: none;
        }

    #app .v-dialog.announcement .v-card .v-card__title {
        border: none;
        background: transparent;
        box-shadow: none;
        padding: 0;
        overflow: visible;
    }

        #app .v-dialog.announcement .v-card .v-card__title button {
            width: 30px;
            height: 30px;
            font-size: 0;
            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.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            right: 0;
            background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/close.png) no-repeat center / contain;
        }

        #app .v-dialog.announcement .v-card .v-card__title span {
            opacity: 0;
        }

        #app .v-dialog.announcement .v-card .v-card__title button:active {
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

    #app .v-dialog.announcement .v-card .swiper-pagination-bullets {
        bottom: 14px;
    }

    #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background: #FFFFFF !important;
    }

        #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #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;
        }

@media (max-width: 400px) { /*輪播圖太大，iPhone SE 會出現滾動。*/
    #app .v-dialog.announcement .v-card .v-card__actions {
        padding: 10px 16px 20px 16px;
    }
}
/* light-mode */
#app .v-dialog.announcement .v-input label {
    color: var(--white);
}
/* #endregion 初始輪播圖（彈跳視窗）*/

/* #region 會員中心>交易紀錄 */
#app #transaction .v-data-table table tr:nth-child(even) .amount {
    color: var(--yellow) !important;
    font-weight: 700 !important;
}

#app #transaction .v-data-table table tr:nth-child(odd) .amount {
    color: var(--red) !important;
    font-weight: 700 !important;
}

#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-list {
        background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9));
        border: 1px solid #2cd0ff !important;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

#app #transaction .transaction-content .v-card__text {
    padding: 0;
}

#app.Transaction .transaction-detail-dialog .v-card__text {
    padding: 8px;
    margin: 0;
}

#app.Transaction .transaction-detail-dialog .v-data-table {
    padding: 0;
    margin: 0;
}

#app #transaction .transaction-content .v-card__text > div,
#app #transaction .transaction-content .v-card__text .v-alert {
    position: relative;
    height: auto;
    color: var(--white);
    padding: 8px 16px !important;
    margin-bottom: 8px !important;
    z-index: 0;
    margin: 0px 12px;
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat !important;
    box-shadow: var(--box-shadow-7);
    border: none;
}

#app #transaction .transaction-content .v-card__text .v-alert{
    margin:0 12px !important;
    text-align:center;
}

    #app #transaction .transaction-content .v-card__text .v-alert.no-data {
        color: var(--white-1) !important;
        caret-color: var(--white-1) !important;
        background: none !important;
        box-shadow: none !important;
    }

    #app #transaction .transaction-content .v-card__text .v-data-table {
        background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%);
        position: relative;
        border: 1px solid transparent !important;
        background-clip: padding-box !important;
        overflow: visible;
        border-radius: 6px;
        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: 6px;
    padding: 2px 8px;
    background: none;
    margin: 0;
}

    #app #transaction .transaction-content .v-card__text .btn-group.transaction-date-btns button::before {
        content: none;
    }

#app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-red--text {
    color: var(--yellow) !important;
}

#app.Transaction .transaction-detail-dialog .v-data-table td span.red--text,
#app #transaction .v-data-table tbody tr .amount.red--text {
    color: var(--red) !important;
}

#app #transaction .v-data-table tbody tr .amount.red--text {
    padding: 10px 14px 10px 6.5px !important;
}

#app.Transaction .transaction-detail-dialog .v-data-table td span.green--text {
    color: var(--yellow) !important;
}

#app #transaction .transaction-content .v-card__text .transaction-date-btns button.active {
    border-radius: 4px;
    background: var(--bar-bg01, linear-gradient(10deg, #212121 7.63%, #484848 92.37%));
    position:relative;
}

#app #transaction .transaction-content .v-card__text .transaction-date-btns button.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-14) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

    #app #transaction .transaction-content .v-card__text .v-alert .v-alert__wrapper i {
        display: none;
    }

    #app #transaction .transaction-content .v-card__text .v-alert::before {
        opacity: 1;
    }

#app #transaction .transaction-content .v-card__text .v-data-table {
    padding: 0px !important;
    border-radius: 8px;
}

    #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 tr:not(:last-child) {
            margin-bottom: 6px;
        }

    #app #transaction .transaction-content .v-card__text .v-data-table tr td span:not(.more-btn) {
        width: 50%;
    }

    #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 .status {
        width: 30%;
    }

        #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2).red--text {
            color: var(--red) !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: #84c5e9 !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: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) 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: #0c1429;
            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: #ccd1ff;
            background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important;
            border-radius: 8px;
            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: 8px;
                border: 1px solid rgba(0, 0, 0, 0);
                background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
                -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
            }

            #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__title {
                background: #0c1429 !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%, #0c1429 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: drop-shadow(0px -1px 0px #000);
                            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: var(--red) !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: #84c5e9 !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: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important;
    border-radius: 8px;
    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 .v-data-table__wrapper {
    background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
    padding: 1px;
    border-radius: 6px;
}

#app #transaction .v-data-table table {
    overflow: hidden;
}

#app #transaction .v-data-table table *,
#app.Transaction .transaction-detail-dialog .v-data-table table * {
    background: none !important;
    border: none !important;
    text-align: left !important;
    font-size: 12px;
    color: white;
    font-weight: 500;
}

#app #transaction .v-data-table table :not(thead) tr {
    filter: drop-shadow(0px -0.5px 0px #000);
    border: 0.5px solid #2D4F6D !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 #app #transaction .transaction-content .v-card__text .v-data-table::before {
    content: none;
}

#app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-green--text {
    color: var(--red) !important;
}

#app.Transaction .transaction-detail-dialog .v-data-table td span.red--text,
#app #transaction .transaction-content .v-card__text .v-data-table .amount.red--text {
    font-weight: 800 !important;
}

#app #transaction .transaction-content .v-card__text .v-data-table .amount button {
    background: none;
}

    #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(--white);
    }

    #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table * {
        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;
    }

    #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;
    }


/* #endregion 會員中心>交易紀錄 */

/* #region 財務中心、存款、提款 */
#app.Withdraw #withdraw .withdraw-account-b-style::before,
#app.Withdraw #withdraw .withdraw-info-bg.withdraw-account-b-style::before,
#app.Withdraw #withdraw .v-text-field--outlined.withdraw-b-input-style fieldset::before {
    content: none;
}

#app #deposit {
    padding-bottom: 20px;
}

#app #deposit .alert-bg .v-card {
    box-shadow: none !important;
}

#app.Deposit .type-list,
#app #deposit .account-list {
    justify-content: flex-start;
}

#app #deposit .payment-list,
#app #deposit .company-deposit-layout .account-list {
    padding-bottom: 2px !important;
}

#app #deposit .company-deposit-layout .account-list button{
    margin-bottom:8px;
}

#app #deposit .company-deposit-layout .type-list button{
    padding:0 8px;
}

#app #deposit .company-deposit-layout .type-list button .v-image {
    margin-right:0;
}

#app #withdraw .payment-list.payout-category {
    padding: 16px !important;
}

#app #deposit .payment-list > div.active .check-icon {
    display: none;
}

#app #deposit .online-deposit-apply-bg .btn-group > div {
    position: relative;
}

#app #deposit .account-list-bg .account-list {
    justify-content: flex-start;
}

#app #withdraw .payment-list > div {
    width: calc(33% - 10px);
    padding: 0;
    margin: 5px;
    border-radius: 6px;
    background: var(--white-2);
}

    #app #withdraw .payment-list > div::before {
        content: "" ;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
        border-radius: var(--border-radius);
        border: 1px solid rgba(0, 0, 0, 0);
        background: var(--linear-gradient-color-7) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    #app #withdraw .payment-list > div.active {
        border-radius: 5.85px;
        background: var(--linear-gradient-color-2);
    }


        #app #withdraw .payment-list > div.active::before {
            background: var(--linear-gradient-color-2) border-box;
        }

    #app #withdraw .payment-list > div .category-title {
        font-weight: 700;
        background: var(--linear-gradient-color-8);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #app #withdraw .payment-list > div.active .category-title {
        color: var(--white);
        -webkit-text-fill-color: initial;
        background: none;
        text-shadow: none;
    }

#app.Withdraw .withdraw-account-b-style .v-icon.select-arrow {
    color: var(--white) !important;
}

#app.Withdraw .account-select-btn,
#app.Withdraw .withdraw-account-b-style .account-select-btn .v-icon.select-arrow {
    color: var(--yellow) !important;
}

#app.Withdraw .v-dialog.select-account-style .v-card__text {
    overflow-x: hidden;
}


#app.Withdraw .withdraw-account-b-style .v-card__title.subtitle-1 {
    padding: 0;
}

#app #deposit .account-list-bg .account-list > button *:not(span),
#app #deposit .company-deposit-layout .account-list button *:not(span),
#app #deposit .company-deposit-layout .v-card__actions button *:not(span),
#app #deposit .online-deposit-apply-bg .v-card__text hr {
    display: none;
}

    #app #deposit .online-deposit-apply-bg .v-card__text {
        padding: 8px 0 !important;
    }

    #app #deposit .online-deposit-apply-bg form {
        padding: 0px !important;
    }

        #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;
            color: var(--black-1) !important;
            font-size: 16px !important;
            z-index: 1;
        }

    #app #deposit form .v-input__control .v-input__slot {
        border-radius: 4px;
        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: 6px;
            overflow: hidden;
            background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 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--persistent .v-card .v-card__title {
    padding: 8px 16px !important;
    background: #0c1429 !important;
}

#app.Deposit .v-dialog.v-dialog--persistent .v-card__text .v-data-table__wrapper {
    background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
    padding: 1px;
    border-radius: 6px;
}

#app.Deposit .v-dialog.v-dialog--persistent .v-card__text table td {
    border-bottom: 0.5px solid #2D4F6D !important;
    filter: drop-shadow(0px -1px 0px #000);
}

#app.Deposit .v-dialog.tip-dialog .v-card,
#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-title {
    border-bottom: 1px solid #69FFFF;
    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/DN028-01.Mobile/Content/Views/Shared/images/SealWarning_2.png) center / contain no-repeat;
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-right: 6px;
    }

#app.Withdraw .withdraw-account-b-style hr,
#app.Deposit i.selected {
    display: none !important;
}

#app.Withdraw .withdraw-account-b-style.theme--light.v-card .v-card__subtitle.CustomCurrency,
#app.Withdraw .withdraw-account-b-style.theme--light.v-card .v-card__subtitle.currency-limit {
    padding: 0;
    color: var(--yellow);
}
#app.Withdraw .withdraw-info-bg .v-card__text {
    padding: 0;
}

#app.Withdraw #withdraw .withdraw-info-bg .withdraw-sub-btn {
    background: var(--linear-gradient-color-2) !important;
    line-height: 1;
    box-shadow: none !important;
    color: var(--white);
}

#app.Withdraw #withdraw .withdraw-info-bg .withdraw-sub-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-7) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#app #deposit .online-deposit-apply-bg form .v-input__prepend-outer {
    color: var(--black-1) !important;
}

#app.Deposit .v-dialog--persistent .v-card .v-card__title {
    color: var(--white);
}

#app.Deposit .v-dialog.tip-dialog .v-card__text .red--text::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/SealWarning_2.png) center / contain no-repeat;
}

#app.Withdraw .payment-list .fix {
    padding: 5px 8px;
    background: var(--white-1);
    color: var(--white);
    width: max-content;
    display: block;
    line-height: 1;
    border-radius: 50px;
    margin: auto;
}

#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/DN028-01.Mobile/Content/Views/Shared/images/light/search.png) center / contain no-repeat;
    margin-left: 6px;
}

#app.WithdrawAccountManagement .v-form .v-select__slot:has(label) .v-select__selections{
    position:relative;
}

#app.WithdrawAccountManagement .v-form .v-select__slot:not(:has(label))::after,
#app.WithdrawAccountManagement .v-form .v-select__slot:has(label) .v-select__selections::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-3) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#app.WithdrawAccountManagement .account-action-btn .text-delete {
    color: var(--red) !important;
}

#app.WithdrawAccountManagement .account-action-btn .icon-delete {
    background: none;
    background-color: var(--red);
    -webkit-mask: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/WithdrawAccountManagement/B/delete.png) no-repeat center / contain;
    mask: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/WithdrawAccountManagement/B/delete.png) no-repeat center / contain;
}

#app #withdraw-account-management .account-action-btn .text-edit {
    color: var(--blue) !important;
}

#app.WithdrawAccountManagement .account-action-btn .icon-edit {
    background: none;
    background-color: var(--blue);
    -webkit-mask: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/WithdrawAccountManagement/B/edit.png) no-repeat center / contain;
    mask: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/WithdrawAccountManagement/B/edit.png) no-repeat center / contain;
}

#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-input__slot:has(.v-label) {
    min-height: unset;
    padding: 0 10px !important;
    margin-top: 8px;
    height: unset;
}

#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-input__slot:has(.v-label) input,
#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-input__slot .v-label,
#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-select .v-input__slot i {
    color: var(--black-1);
}

#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-text-field.v-input--is-focused > .v-input__control > .v-input__slot:before,
#app.Deposit .online-deposit-layout[type="ConvenienceStore"] .v-text-field.v-input--is-focused > .v-input__control > .v-input__slot:after {
    content: none;
}
/* #endregion 財務中心、存款、提款  */
/* #region 卡片元件 withdraw B style*/
#app.Withdraw .v-dialog.select-account-style .icon-wrap {
    width: 30px;
    top: 0px;
    left: -5px;
}

    #app.Withdraw .v-dialog.select-account-style .account-card > .v-card__text {
        padding: 16px 10vw;
        top: 3vw;
        left: 3vw;
    }

        #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 .v-dialog.withdraw-b-fee-info .common-dialog .v-card {
    position: relative !important;
    border: 1px solid #343c56 !important;
    border-radius: 8px;
    background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.45) 0%, rgba(19, 49, 84, 0.45) 100%) !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: 8px;
        border: 1px solid transparent;
        background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

.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: #69FFFF;
        border-radius: 20px;
        margin-left: 6px;
    }

/* light-mode */
#app.Withdraw #withdraw .withdraw-info-bg .v-btn.withdraw-b-btn,
#app.Withdraw #withdraw .withdraw-info-bg .v-btn.v-btn--disabled.withdraw-b-btn {
    border-radius: 8px;
}

#app .v-dialog.withdraw-b-fee-info {
    padding: 0px;
}

#app .v-dialog.withdraw-b-fee-info:before {
    content: none;
}
/* #endregion 卡片元件 withdraw B style*/
/* #region 會員中心>設定銀行帳戶 */
#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 {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
}


#app #withdraw .withdraw-info-bg,
#app #withdraw .withdraw-account-bg {
    background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9));
    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: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

#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;
    display: none;
}

#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 .tips .v-alert__content span,
#app #withdraw-account-management .audit-failed {
    color: var(--red) !important;
}

#app #withdraw-account-management .audit-failed,
#app #withdraw-account-management .review-successful,
#app #withdraw-account-management .in-review {
    -webkit-text-fill-color: currentColor;
    font-size: 1rem;
}

#app #withdraw-account-management .card-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#app #withdraw-account-management .card-wrap .v-card .mask {
    display: none;
}

#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: 16px;
    font-weight: 700;
    color: white !important;
}


#app #withdraw-account-management #set-account .v-form .v-input .v-input__slot {
    padding: 0;
    min-height:unset;
}

#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 {
    padding-top: 10px;
    color: var(--yellow) !important;
    display: flex !important;
    align-items: center;
}

#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 .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 .withdraw-account-management-content .hint {
    margin-top: 8px !important;
}

    #app #withdraw-account-management .withdraw-account-management-content .hint .icon-hint::before {
        content: "";
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/SealWarning.png) center / contain no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

        #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/DN028-01.Mobile/Content/Views/Shared/images/SealWarning_2.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 #set-account .v-form .picture-upload .custom-file-upload .file-upload-item .upload_zone {
            font-size: 52px !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,
#app .account-card .card-linear,
#app #withdraw-account-management .account-card .approveStatus {
    color: var(--brown) !important;
    -webkit-text-fill-color: initial;
    background: none;
    text-shadow: none;
    border:none;
}

    #app #withdraw-account-management .card-wrap .v-card .card-title::before {
        content: none;
    }

#app #withdraw-account-management .tips .v-alert__content {
    color: var(--light-Text-color-dark);
}

    #app #withdraw-account-management .tips .v-alert__content span {
        color: var(--light-warn) !important;
    }

#app #withdraw-account-management .audit-failed {
    color: var(--light-warn) !important;
}

#app #withdraw-account-management .review-successful {
    color: var(--blue-01);
}

#app #withdraw-account-management .in-review {
    color: var(--icon-green-03);
}

#app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit,
#app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister {
    border: 1px solid var(--light-bg-ticker);
    background: none;
    color: var(--icon-green-01);
}
/*--->取款稽核資訊(彈跳視窗)*/
#app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div {
    overflow: hidden;
    position: relative;
    padding: 1px;
    margin-top: 10px !important;
    position: relative;
    color: var(--yellow);
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat !important;
    box-shadow: var(--box-shadow-7);
}

    #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 .v-data-table__wrapper {
        border-radius: 6px;
        overflow: hidden;
        background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%);
    }

        #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 .v-data-table__wrapper table tr td:nth-child(2) {
            color: var(--yellow);
        }

    #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 {
        background: var(--light-side-open-button-bg);
    }

/* #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-Text-color-dark);
}
/* #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.MemberInfor .v-card__text,
#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 #member-infor .withdrawl-tip:before {
    content: "";
    height: 20px;
    width: 20px;
    background-size: contain !important;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/SealWarning_2.png);
    display: block;
}

#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 #member-infor .v-form .input-wrap .label-withdral,
#app #member-infor .label-withdral.tip {
    display: none;
}

#app.MemberInfor #member-infor .btn-bind-sns {
    padding-left: 20px;
    padding-right: 20px;
}

#app.MemberInfor #member-infor .btn-bind-sns .icon-action {
    color: var(--brown) !important;
}

#app.MemberInfor button:not(.btn-bind-sns) {
    flex:1;
    margin-left:8px;
}

#app.MemberInfor button:not(.btn-bind-sns):last-child {
    margin-left: 0px;
} 
/* #endregion 個人資訊*/
/* #region 站內信 */
#app.SiteMail #site-mail .v-tabs {
    background:none;
}

#app.SiteMail .v-tabs-bar .v-tabs-slider-wrapper {
    display: none;
}

#app.SiteMail .v-tabs-bar {
    margin-top:12px;
}

#app.SiteMail .mail-container {
    padding: 0px 12px 12px 12px;
}

#app.SiteMail .v-tabs-bar .v-tabs-bar__content {
    gap: 0;
}

#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,
#app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content
#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(--white) !important;
}

#app.SiteMail .v-dialog .v-card__actions {
    gap: 6px;
}

    #app.SiteMail .v-dialog .v-card__actions button {
        min-width: unset;
        width: 30%;
        max-width: unset;
        flex-grow: 1;
    }

#app.SiteMail .v-window__container{
    padding:0px;
}

#app.SiteMail .mail-item {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat !important;
    box-shadow: var(--box-shadow-7);
    border: none;
}


    #app.SiteMail .mail-item.un-read:after {
        width: 6px;
        height: 6px;
    }

    #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 .v-window-item--active .v-alert.warning--text {
    border-radius: 8px;
    background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%) !important;
    z-index: 0;
    position: relative;
}

    #app.SiteMail .v-window-item--active .v-alert.warning--text::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0);
        background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 1;
    }

    #app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content {
        display: flex;
        align-items: center;
    }

        #app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content::before {
            content: "";
            background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/SealWarning.png) center / contain no-repeat;
            width: 24px;
            height: 24px;
            display: inline-block;
            margin-right: 6px;
        }

    #app.SiteMail .v-window-item--active .v-alert.warning--text i {
        display: none;
    }

#app.SiteMail .mail-detail-dialog .v-card__title .v-input {
    margin: -12px 30px 0 0;
    max-height: 80%;
}

#app.SiteMail .mail-detail-dialog .v-card__title .v-input__slot {
    background: none;
    box-shadow: none;
    padding: 0px !important;
    margin: 0;
    height: 100%;
}

#app.SiteMail .mail-detail-dialog .container.isEditing p {
    color: var(--black-1) !important;
}

#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: auto;
        padding: 14px 16px !important;
        max-height: unset;
        height: auto !important;
        width: 100%;
        border: 1px solid var(--gray-3);
        background: var(--white-o1);
        border-radius: 4px;
        font-weight: 700;
    }
    #app.SiteMail .mail-detail-dialog .v-card .container .mail-body::before{
        content:none;
    }


#app.SiteMail .mail-detail-dialog .v-card__actions {
    padding: 0 15px 15px 15px;
}

    #app.SiteMail .mail-detail-dialog .v-card__actions button {
        min-width: unset !important;
    }

        #app.SiteMail .mail-detail-dialog .v-card__actions button.close-btn{
            display:none;
        }

        #app.SiteMail .send-mail-dialog .v-form fieldset {
            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;
    justify-content: space-between;
}
/* #endregion 站內信*/
/* #region 站內信(彈跳視窗通知) */
#app .v-alert.notify-msg .notify-modal {
    border: 1px solid #343c56;
    border-radius: 8px;
    background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%);
}

    #app .v-alert.notify-msg .notify-modal::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0);
        background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    #app .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::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-warn);
        }
/* #endregion 站內信(彈跳視窗通知) */
/* #region 領獎中心 */
#app #award-center .inner .scroll-content .navtab,
#app #award-center .inner .item {
    margin: 0px;
}

    #app #award-center .inner .item::after {
        content: "";
        width: calc(100% - 40px);
        height: 1px;
        position: absolute;
        left: 20px;
        top: 55px;
        background: var(--black);
        filter: var(--drop-shadow);
    }

#app #award-center .inner .scroll-content .navtab li.active:after,
#app #award-center .inner .item::before {
    content: none;
}

    #app #award-center .inner .item > * {
        z-index: 1;
    }

    #app #award-center .inner .item .event-name {
        padding: 50px 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-warn);
        background: #D7C6C9;
        border: none;
    }

#app #award-center .inner .item.received .amount {
    position: absolute;
    bottom: 8px;
}

    #app #award-center .inner .item .amount {
        z-index: 1;
        align-self: flex-end;
        font-size: 14px !important;
        line-height: 1.5;
        color: var(--yellow);
    }

#app #award-center .inner .hint::before {
    content: none;
}
/*--->light-mode*/
#app #award-center .inner .item .event-name .text-h6,
#app #award-center .inner .item .amount,
#app #award-center .inner .item.overdue .amount,
#app #award-center .inner .item.received .amount {
    font-weight: 700;
}

#app #award-center .inner .item .AwardStatusName {
    border-radius: 50px;
    background: var(--linear-gradient-color-3);
}

#app #award-center .inner .item .AwardStatusName .text {
    background: var(--linear-gradient-color-8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#app #award-center .inner .item .AwardStatusName::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-15) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#app #award-center .inner .item.received .AwardStatusName {
    border-radius: 12px;
    background: var(--linear-gradient-color-8);
}

#app #award-center .inner .item.received .AwardStatusName .text {
    color: var(--white-1);
    -webkit-text-fill-color: initial;
    background: none;
    text-shadow: none;
}

#app #award-center .inner .item.received .AwardStatusName::before {
    background: var(--linear-gradient-color-14) border-box;
}

/* #endregion 領獎中心 */
/* #region footer */
#app #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

#app #footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: var(--linear-gradient-color-5);
}

#app #footer .v-bottom-navigation {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/footer-bg.png) no-repeat center / cover;
    backdrop-filter: blur(30px);
    border: none;
    box-shadow: var(--box-shadow-12);
}

#app.Home .layout #footer {
    height: 75px;
}

#app #footer .v-btn .has-new-sitemail {
    display: none;
}

#app #footer:not(.show-financial-dialog) .v-bottom-navigation button.active:not([value=Promotion]):not([value=Home]) span,
#app #footer .v-bottom-navigation a.active:not([value=Promotion]):not([value=Home]) span,
#app #footer .v-bottom-navigation button.active:not([value=Promotion]):not([value=Home]) span {
    color: var(--white);
}

#app #footer.k-component .v-btn i.financial {
    width: 52px;
    height: 52px;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/logo.png) no-repeat center / contain;
}

#app #footer.k-component .v-btn i.financial::before,
#app #footer.k-component .v-btn i.financial::after {
    content:none;
}

#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/DN028-01.Mobile/Content/Views/Shared/images/footer/home.png);
}

#app #footer.k-component .v-btn i.promotion,
#app #footer.k-component .v-btn.v-btn--active i.promotion {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/promotion.png);
}

#app #footer.k-component .v-btn i.chat,
#app #footer.k-component .v-btn.v-btn--active i.chat {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/chat.png);
}

#app #footer.k-component .v-btn i.transaction,
#app #footer.k-component .v-btn.v-btn--active i.transaction {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/transaction.png);
}

#app #footer.k-component .v-btn i.member-center,
#app #footer.k-component .v-btn.v-btn--active i.member-center {
    background-image: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/member-center.png);
}

#app .v-dialog.financial-dialog .v-card__text{
    overflow:visible;
}

#app .v-dialog.financial-dialog .v-card ul {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/deposit_bg.png) no-repeat center / contain;
    filter: var(--drop-shadow-1);
}

#app .v-dialog.financial-dialog .v-card ul li.deposit {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/withdraw_bg.png) no-repeat right center / contain;
    transform: translateX(-1px);
}

#app .v-dialog.financial-dialog .v-card ul li::before {
    width: 38px;
    height: 38px;
}

#app .v-dialog.financial-dialog .v-card ul li.deposit::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/deposit.png) no-repeat center / contain;
}

#app .v-dialog.financial-dialog .v-card ul li::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/footer/withdrawal.png) no-repeat center / contain;
}

#app .v-dialog.financial-dialog .v-card {
    background: none !important;
}

#app .v-dialog.financial-dialog{
    box-shadow:none;
}
/* #endregion footer */
/* #region 客戶服務 */
#app #online-services .join {
    min-height: 33px;
    height: 33px;
    font-size: 14px;
    aspect-ratio: 196 / 72;
    font-size: 12px;
    margin: 0 15px 0 auto !important;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/onlineServices/join-bg.png) center / contain no-repeat !important;
}

#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 .page-content .telegram.services-link .icon::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/TG.png) center / contain no-repeat;
}

#app #online-services .page-content .onlivechat.services-link .icon::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/chat.png) center / contain no-repeat;
}

#app #online-services .page-content .livechat.services-link {
    display: none;
}

    #app #online-services .page-content .livechat.services-link .icon::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/chat.png) center / contain no-repeat;
    }

#app #online-services .page-content .Line.services-link .icon::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/line.png) center / contain no-repeat;
}

#app.OnlineServices #online-services .page-content .services-link.Line .text b {
    font-size: 0;
}

    #app.OnlineServices #online-services .page-content .services-link.Line .text b::before {
        font-size: 12px;
        content: 'Line Services @tf8888'
    }

#app.zh-TW.OnlineServices #online-services .page-content .services-link.Line .text b::before {
    content: 'Line 客戶服務 @tf8888'
}

#app.zh-CN.OnlineServices #online-services .page-content .services-link.Line .text b::before {
    content: 'Line 客户服务 @tf8888'
}

#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/260;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/onlineServices/banner.png) center / contain no-repeat;
}

#online-services .page-content .services-link {
    width: calc(100% - 32px);
    margin: 0 16px;
    padding: 0 !important;
    position: relative;
    color: var(--white);
    margin-bottom: 8px !important;
    z-index: 0;
    border: none !important;
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat !important;
    box-shadow: var(--box-shadow-7);
}

    #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.telegram .icon::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/onlineServices/TG.png) center / contain no-repeat;
}

#app.OnlineServices #online-services .page-content .services-link.Line .icon::before {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/onlineServices/line.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/DN028-01.Mobile/Content/Views/Shared/images/onlineServices/chat.png) center / contain no-repeat;
}

#app.OnlineServices #online-services .page-content .services-link .text span {
    color: var(--yellow);
    font-weight: 700;
}

#app.OnlineServices #online-services .page-content .services-link .text b {
    color: var(--white-2)
}
/* #endregion 客戶服務 */
/* #region 新手教學 */
#app #guide .accordion-item {
    background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%);
    border-radius: 6px;
    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: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) 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(--white);
    }

#app #guide .accordion-item-title h4 {
    color: var(--light-Text-color-dark);
}
/* #endregion 新手教學 */

/* #region 投注紀錄 */
#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.BetRecord #bet-record .bet-record-date-btns{
    gap:8px;
}

#app.BetRecord #bet-record .bet-record-date-btns button {
    width:calc(25% - 6px);
    margin: 0px;
}

#app #bet-record .v-input--radio-group--row,
#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 #bet-record .total-sheet {
    position: relative;
    height: auto;
    color: var(--white);
    padding: 16px !important;
    margin-bottom: 8px !important;
    z-index: 0;
    border: none !important;
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
}

    #app #bet-record .v-input--radio-group--row::before,
    #app #bet-record .time-picker-box::before,
    #app #bet-record .game-picker-box::before,
    #app #bet-record .result-sheet > div::before,
    #app #bet-record .not-data-box::before,
    #app #bet-record .total-sheet::before {
        content: none;
    }

    #app #bet-record .v-input--radio-group--row .v-input--selection-controls__input {
        display: none;
    }

    #app #bet-record .v-input--radio-group--row .v-radio:nth-child(3n + 1),
    #app #bet-record .v-input--radio-group--row .v-radio:nth-child(3n + 2){
        width:50%;
        min-height:46px;
    }


    #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 .game-type-dialog-component .categories-string {
    display: none;
}

#bet-record .game-type-dialog-component .select-btn {
    margin-left: 0 !important;

}

#bet-record .search-box,
#bet-record .not-data-box {
    background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9));
    border: 1px solid #2cd0ff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#bet-record .not-data-box {
    padding: 10px;
}

#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;
}

#app #bet-record .not-data-box {
    height: auto;
    margin: 0 !important;
    opacity: 1;
    font-size: 14px !important;
}

#app #bet-record .result-sheet hr {
    border: 1px solid var(--black);
    filter: var(--drop-shadow);
}


#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 .not-data-box::after {
    /*    content: "";*/
    display: block;
    height: 50%;
    width: 118px;
    position: absolute;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/loading.png) center bottom / contain no-repeat;
    top: 30%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

        #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;
            position:relative;
        }
    #app #bet-record .result-sheet .v-data-table table td.wagers-sum,
    #app #bet-record .result-sheet .v-data-table table td.amount,
    #app #bet-record .all-wager-amount-val,
    #app #bet-record .Bet-total-val {
        color: var(--yellow);
    }

    #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/DN028-01.Mobile/Content/Views/Shared/images/arrow.png) no-repeat center / contain;
            width: 20px;
            height: 20px;
            display: inline-block;
        }

#app #bet-record .total-sheet {
    color: #FFFFFF;
}

    #app #bet-record .total-sheet .total-block:not(:last-child) {
        border-right: 1px solid #61659F;
    }

    #app #bet-record .result-sheet .v-data-table .red--text,
    #app #bet-record .total-sheet .v-data-table .red--text {
        font-weight: 700;
    }

#app #bet-record .total-sheet .total-block:not(:last-child) {
    border-right: 1px solid var(--gray);
}

#app #bet-record .result-sheet .v-pagination li button {
    background: var(--light-index-bg-o9);
    box-shadow: none;
}

    #app #bet-record .result-sheet .v-pagination li button.v-pagination__item {
        background: var(--linear-gradient-color-2) ;
        box-shadow: none;
        color: var(--white);
    }

    #app #bet-record .result-sheet .v-pagination li button.v-pagination__item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
        border-radius: inherit;
        border: 1px solid rgba(0, 0, 0, 0);
        background: var(--linear-gradient-color-7) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

#app #bet-record .result-sheet .v-pagination li button {
    position: relative;
    border-radius: var(--border-radius);
    background: var(--linear-gradient-color-8);
}

    #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/DN028-01.Mobile/Content/Views/Shared/images/arrow.png) no-repeat center / 65%;
    }

    #app #bet-record .result-sheet .v-pagination li button.v-pagination__navigation[aria-label="Previous page"]::before {
        transform: rotate(180deg);
    }

/* #endregion 投注紀錄 */
/* #region 優惠專區 */
#app.Promotion #promotion button.btn-progress{
    margin-bottom:16px;
}

#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/DN028-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 {
    background: transparent;
    display: flex;
    gap: 10px;
}

    #app #promotion .inner .scroll-content .navtab li,
    #app.Promotion #promotion .discount button {
        color: var(--yellow);
        font-size: 16px;
        border-radius: 6px;
        min-width: auto;
        padding: 0 25px;
        background: var(--radial-gradient-color-1);
        box-shadow: var(--box-shadow-1);
    }

#app #promotion .inner .scroll-content .navtab li.active {
    background: var(--linear-gradient-color-2);
    color: var(--white);
}

#app #promotion .inner .scroll-content .navtab li:after {
    display: none !important;
}

#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: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important;
        border-radius: 8px;
        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: 8px;
            border: 1px solid rgba(0, 0, 0, 0);
            background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
            -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
        }

        #app #promotion-v2 .categories .navtab-scroll ul li {
            background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%);
            color: #84c5e9;
            position: relative;
            border: 1px solid transparent !important;
            background-clip: padding-box !important;
            border-radius: 6px;
            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: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) 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 {
                    background: linear-gradient(180deg, #b2c6d8 -37.18%, #69ffff 100%);
                    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;
    }

#app #promotion-content {
    color: #fff;
}
#app.PromotionProgress .progress-tab{
    gap:8px;
}
#app.PromotionProgress .progress-tab li {
    border-radius: 4px;
    flex: auto;
}
/*--->light-mode*/
#app.Promotion #promotion .discount {
    border: none;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    border-radius: 0;
}

#app.Promotion #promotion .discount a {
    border-radius: var(--border-radius);
    background: var(--linear-gradient-color-17);
    position: relative;
}

#app.Promotion #promotion .discount a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-18) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#app.Promotion #promotion .discount img {
    border-radius: var(--border-radius);
}

#app.Promotion #promotion .discount .promotion-module-action {
    margin-top:8px;
}

#app.Promotion #promotion-content .promotion-module-apply-btn {
    color: var(--white) !important;
    background: var(--light-button) !important;
    border-radius: 8px;
}

#app.Promotion #promotion-content {
    color: var(--light-Text-color-dark);
}

#app.Promotion #promotion .inner .scroll-content {
    border-radius: 0;
}

#app #promotion-v2 .categories,
#app #promotion-v2 .swiper-slide .discount {
    border: 1px solid var(--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-side-open-button-bg);
        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(--white) !important;
            background: var(--light-bg-header);
            border: 1px solid var(--light-siderbar-active-stroke);
        }

#app.PromotionProgress #promotionProgress .navtab li.active:after {
    content:none;
}
#app.PromotionProgress #promotionProgress .navtab {
    margin-top: 16px;
}
/* #endregion 優惠專區 */
/* #region 變更密碼、變更提款密碼 */
#app #member-infor .member-infor-main {
    border: none !important;
}

#app #change-password .change-password-main .v-alert,
#app .member-infor-main .withdrawl-tip-main,
#app.MemberInfor .v-form,
#app .member-infor-main .v-alert {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat !important;
    box-shadow: var(--box-shadow-7);
    padding: 8px 16px;
}

#app #member-infor .withdrawl-tip,
#app #change-password .change-password-main .v-alert,
#app .member-infor-main .fast-login-info {
    position: relative;
    padding-left: 56px !important;
}

#app #member-infor .withdrawl-tip:before,
#app #change-password .change-password-main .v-alert::before,
#app .member-infor-main .fast-login-info::before {
    content: "";
    height: 25px;
    width: 25px;
    background-size: contain !important;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/SealWarning_2.png) no-repeat center / contain;
    display: block;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

#app #change-password .change-password-main .v-alert {
    margin-bottom: 8px !important;
}

#app .member-infor-main .withdrawl-tip-main {
    padding: 16px 40px;
    font-size: 12px;
    color: var(--yellow);
    margin-bottom:8px !important;
}

#app #member-infor .member-infor-main{
    margin:12px 10px;
}
#app .member-infor-main .fast-login-info {
    display: flex;
    gap:8px;
}

    #app .member-infor-main .fast-login-info::before {
        width: 20px;
        height: 20px;
    }

#app #change-password .change-password-main .v-alert i,
#app .member-infor-main .fast-login-info i {
    display: none;
}

#app #change-password .change-password-main .v-alert .v-alert__content,
#app .member-infor-main .fast-login-info .v-alert__content {
    color: var(--yellow);
}

#app .member-infor-main .fast-login-info .v-alert__content {
    font-size: 12px;
}

#app .forget-password-dialog-bg .get-captcha-btn {
    position: absolute;
    right: 1px;
    top: 15px;
    box-shadow: none;
}

/* #endregion 變更密碼、變更提款密碼 */

/* #region 排行榜 */
#app .v-dialog.ranking-dialog .action-list i.back,
#app .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span.name {
    display: none;
}

#app .v-dialog.ranking-dialog .v-card__text {
    padding: 20px 0 !important; 
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/jackpot/bg.png) top center / cover no-repeat;
}

#app .v-dialog.ranking-dialog .v-card__text .wrapper {
    min-height: unset;
    width: 100%;
    aspect-ratio: 358 / 408;
    height: auto;
}

#app .v-dialog.ranking-dialog .board-list {
    padding: 16px 0;
}

#app .v-dialog.ranking-dialog .board-list span {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/jackpot/title-bg.png) no-repeat center / contain;
    border: none;
    color: var(--brown);
    width: 100%;
    aspect-ratio: 680 / 392;
    height: unset;
    padding: 33% 0 0 1%;
}

#app .v-dialog.ranking-dialog .board-list span b {
    width: 100%;
    text-align: center;
    font-size:0;
    height:1;
}

#app .v-dialog.ranking-dialog .board-list span b::before {
    content: 'Hall of Fame';
    font-size: 20px;
}

.zh-TW#app .v-dialog.ranking-dialog .board-list span b::before {
    content: '電子名人堂';
    font-size: 20px;
}

.zh-CN#app .v-dialog.ranking-dialog .board-list span b::before {
    content: '电子名人堂';
    font-size: 20px;
}

#app .v-dialog.ranking-dialog .action-list {
    justify-content: flex-start;
    padding: 8px 14px 12px 14px;
    height: auto;
}

#app .v-dialog.ranking-dialog .action-list div {
    padding: 4px 20px;
}

#app .v-dialog.ranking-dialog .action-list span {
    border: none;
}

#app .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list {
    padding: 0px 14px !important;
}

#app .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li {
    border-radius: 8px;
    border: none;
    background: linear-gradient(180deg, #252525 0%, #0B0B0B 100%);
    box-shadow: 0 0 8px 0 rgba(242, 238, 215, 0.50);
    position: relative;
    padding: 18px 18px 18px calc(25% + 30px);
}

#app .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    border: 2px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-19) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#app .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li::before {
    content: attr(data-index);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--yellow);
    width: 25%;
    font-size: 22px;
    font-weight: 600;
    aspect-ratio: 1/1;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/jackpot/badge.png) no-repeat center / contain;
    padding-top: 2%;
    position: absolute;
    top: 50%;
    transform: translateY(-46%);
    left: 20px;
}

#app .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span{
    color: var(--yellow);
}

#app .v-dialog.ranking-dialog .leaderboard-list-wrap .leaderboard-list li span b {
    flex: 0 0 30%;
    color: var(--white-1);
    font-weight: 400;
}
#app .v-dialog.ranking-dialog .v-card__actions {
    background: none;
    background-color: transparent;
    padding: 12px 14px 0px 14px;
}
/* #endregion 排行榜 */
/* #region vip */
#app.Vip .vip-list-wrap {
    border-radius: var(--border-radius);
    background: var(--linear-gradient-color-9);
    box-shadow: var(--box-shadow-8);
}

#app.Vip #vip .vip-member-info,
#app.Vip #vip .bonus-list .bonus-item {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
}

#app.Vip .vip-list-wrap .swiper-button-next,
#app.Vip .vip-list-wrap .swiper-button-prev {
    width: 20px;
    height: 20px;
    top: 50%;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/down.png) center / contain no-repeat;
}

#app.Vip .vip-list-wrap .swiper-button-next {
    transform: rotate(-90deg);
    right: 4px;
}

#app.Vip #vip .vip-list-wrap .swiper-button-prev {
    left: 4px;
}

#app.Vip .vip-list-wrap .vip-list .swiper-slide .text-wrap {
    z-index: 2;
}

#app.Vip .vip-list-wrap .vip-list .unlocked {
    position: relative;
}

#app.Vip .vip-list-wrap .vip-list .unlocked::before {
    content: '';
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/unlock_seal.png) center / contain no-repeat;
    width: 22%;
    aspect-ratio: 160 / 42;
    height: unset;
    right: 28.5%;
    bottom: 9%;
    position: absolute;
    transform: translateX(50%);
}

#app.Vip #vip .vip-member-info .member-info,
#app.Vip #vip .vip-member-info .progress-wrap,
#app.Vip #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img {
    border-radius: 4px;
    background: var(--linear-gradient-color-10);
    box-shadow: var(--box-shadow-9);
    border: none;
    color: var(--white);
    font-weight: 700;
    padding: 8px;
}

#app.Vip #vip .vip-member-info .member-info {
    gap: 2px;
}

#app.Vip #vip .vip-member-info .welcome-text {
    color: var(--yellow);
}

#app.Vip #vip .vip-member-info .member-info .account,
#app.Vip #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img span {
    color: var(--white) !important;
    width: 100%;
    text-align: left !important;
    font-style: normal;
}

#vip .vip-member-info .bonus-wrap .bonus-item .bonus-img{
    width:100%;
}

#vip .vip-member-info .bonus-wrap .bonus-item .bonus-img img {
    display: none;
}

#vip .vip-member-info .bonus-wrap .bonus-item .bonus-img::after {
    content: '';
    display: block;
    width: 80%;
    margin-top: 15px;
    aspect-ratio: 200/208;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/dailyBonus.png) center / contain no-repeat;
}

#vip .vip-member-info .bonus-wrap .bonus-item.month .bonus-img::after,
#vip .vip-member-info .bonus-wrap .bonus-item.week .bonus-img::after {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/monthlySalary.png) center / contain no-repeat;
}

#app #vip .vip-member-info {
    position: relative;
    border-radius: 8px;
    background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%);
}

    #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: 8px;
        border: 1px solid transparent;
        background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

        #app #vip .vip-member-info .progress-wrap .progress-top span {
            color: #84c5e9;
        }

        #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-detail {
    color: var(--white);
}


#vip .detail h4.vip-0:before,
.vip-list .swiper-slide h3.vip-0:before {
    background-image: var(--vip-title-icon-vip-0);
}

#vip .detail h4.vip-1:before,
.vip-list .swiper-slide h3.vip-1:before {
    background-image: var(--vip-title-icon-vip-1);
}

#vip .detail h4.vip-2:before,
.vip-list .swiper-slide h3.vip-2:before {
    background-image: var(--vip-title-icon-vip-2);
}

#vip .detail h4.vip-1:before,
.vip-list .swiper-slide h3.vip-1:before {
    background-image: var(--vip-title-icon-vip-1);
}

#vip .detail h4.vip-2:before,
.vip-list .swiper-slide h3.vip-2:before {
    background-image: var(--vip-title-icon-vip-2);
}

#vip .detail h4.vip-3:before,
.vip-list .swiper-slide h3.vip-3:before {
    background-image: var(--vip-title-icon-vip-3);
}

#vip .detail h4.vip-4:before,
.vip-list .swiper-slide h3.vip-4:before {
    background-image: var(--vip-title-icon-vip-4);
}

#vip .detail h4.vip-5:before,
.vip-list .swiper-slide h3.vip-5:before {
    background-image: var(--vip-title-icon-vip-5);
}

#vip .detail h4.vip-6:before,
.vip-list .swiper-slide h3.vip-6:before {
    background-image: var(--vip-title-icon-vip-6);
}

#vip .detail h4.vip-7:before,
.vip-list .swiper-slide h3.vip-7:before {
    background-image: var(--vip-title-icon-vip-7);
}

#vip .detail h4.vip-8:before,
.vip-list .swiper-slide h3.vip-8:before {
    background-image: var(--vip-title-icon-vip-8);
}

#vip .detail h4.vip-9:before,
.vip-list .swiper-slide h3.vip-9:before {
    background-image: var(--vip-title-icon-vip-9);
}

#vip .detail h4.vip-10:before,
.vip-list .swiper-slide h3.vip-10:before {
    background-image: var(--vip-title-icon-vip-10);
}

#vip .detail h4.vip-11:before,
.vip-list .swiper-slide h3.vip-11:before {
    background-image: var(--vip-title-icon-vip-11);
}

#vip .detail h4.vip-12:before,
.vip-list .swiper-slide h3.vip-12:before {
    background-image: var(--vip-title-icon-vip-12);
}

#vip .detail h4.vip-13:before,
.vip-list .swiper-slide h3.vip-13:before {
    background-image: var(--vip-title-icon-vip-13);
}

#vip .detail h4.vip-14:before,
.vip-list .swiper-slide h3.vip-14:before {
    background-image: var(--vip-title-icon-vip-14);
}

#vip .detail h4.vip-15:before,
.vip-list .swiper-slide h3.vip-15:before {
    background-image: var(--vip-title-icon-vip-15);
}

#vip .detail h4.vip-16:before,
.vip-list .swiper-slide h3.vip-16:before {
    background-image: var(--vip-title-icon-vip-16);
}

#vip .detail h4.vip-17:before,
.vip-list .swiper-slide h3.vip-17:before {
    background-image: var(--vip-title-icon-vip-17);
}

#vip .detail h4.vip-18:before,
.vip-list .swiper-slide h3.vip-18:before {
    background-image: var(--vip-title-icon-vip-18);
}

#vip .detail h4.vip-19:before,
.vip-list .swiper-slide h3.vip-19:before {
    background-image: var(--vip-title-icon-vip-19);
}

#vip .detail h4.vip-20:before,
.vip-list .swiper-slide h3.vip-20:before {
    background-image: var(--vip-title-icon-vip-20);
}

#app.Vip .v-dialog__content .vip-received-dialog,
#app.Vip .v-dialog .v-card.vip-received-dialog::before {
    border-radius: 8px;
}

    #app.Vip .v-dialog__content .vip-received-dialog .v-card__text {
        padding: 50px 0 10px 0;
        text-align: center;
        color: var(--white);
        font-weight: 700;
        overflow: hidden;
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/model-bg.png) top center / contain no-repeat;
    }

    #app.Vip .v-dialog__content .vip-received-dialog .v-card__text::after {
        content: '';
        display: block;
        width: 60%;
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stand.png) center / contain no-repeat;
        margin: 0 auto;
        aspect-ratio: 434 / 187;
        z-index: -1;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: 58%;
    }

    #app.Vip .v-dialog__content .vip-received-dialog .v-card__text::before {
        content: '';
        display: block;
        width: 70%;
        aspect-ratio: 1 / 1;
        margin: 0 auto;
        margin-bottom: 10%;
    }

    #app.Vip .v-dialog__content .vip-received-dialog.vip-level-0 .v-card__text::before {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone0.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/DN028-01.Mobile/Content/Views/Shared/images/vip/stone1.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/DN028-01.Mobile/Content/Views/Shared/images/vip/stone2.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/DN028-01.Mobile/Content/Views/Shared/images/vip/stone3.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/DN028-01.Mobile/Content/Views/Shared/images/vip/stone4.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/DN028-01.Mobile/Content/Views/Shared/images/vip/stone5.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/DN028-01.Mobile/Content/Views/Shared/images/vip/stone6.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/DN028-01.Mobile/Content/Views/Shared/images/vip/stone7.png) center / contain no-repeat;
    }

    #app.Vip .vip-received-dialog .theme--light.v-btn:focus:before {
        opacity: 0;
    }

#app.Vip #vip .vip-list .swiper-slide .vip-text .help-icon {
    width: 16px;
    height: 16px;
}

#app .v-dialog.vip-content-dialog .v-card__title .close-btn {
    right: 16px;
}

#app.Vip .vip-list .swiper-slide .status-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/Lock.png) center / contain no-repeat;
    right: 30.5%;
    bottom: 38%;
    top: unset;
    z-index: 1;
    transform: scale(1.5) translateX(50%);
}

#app.Vip .vip-list .swiper-slide .img-box img,
#app.Vip #vip .vip-list .swiper-slide .vip-text img {
    display: none;
}

#app.Vip .vip-list .swiper-slide {
    aspect-ratio: 716 / 440;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/card-a.png) center / contain no-repeat;
}

#app.Vip .vip-list-wrap .vip-list .unlocked {
    aspect-ratio: 716 / 440;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/card.png) center / contain no-repeat;
}

#app.Vip #vip .vip-list .swiper-slide .vip-text {
    text-shadow: var(--light-box-shadow-6);
    background: var(--linear-gradient-color-3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: transparent;
    margin-bottom: 8px;
}

#app.Vip .vip-list .swiper-slide .img-box {
    transform: scale(1.2) translateX(-5%) translateY(9%);
    transform-origin: unset;
    margin: 0;
}

#app.Vip .vip-list .swiper-slide.VIP0 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone1.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.VIP1 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone1.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.VIP2 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone2.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.VIP3 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone3.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.VIP4 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone4.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.VIP5 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone5.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.VIP6 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone6.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.VIP7 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone7.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP0 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone0-unlock.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP1 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone1-unlock.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP2 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone2-unlock.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP3 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone3-unlock.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP4 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone4-unlock.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP5 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone5-unlock.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP6 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone6-unlock.png) center / contain no-repeat;
}

#app.Vip .vip-list .swiper-slide.unlocked.VIP7 .img-box {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/stone7-unlock.png) center / contain no-repeat;
}


#app.Vip .vip-list .swiper-slide .text-box h4 {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/vip/money-bg.png) no-repeat center / contain;
    color: var(--black-4);
    height: unset;
    aspect-ratio: 256 / 54;
}

#app.Vip .vip-list-wrap .swiper-button-prev {
    transform: rotate(90deg);
}

#app.Vip #vip .vip-list .swiper-slide .text-box-wrap,
#app.Vip #vip .vip-list .swiper-slide .text-box {
    gap: 2px;
}

#app.Vip .vip-list .swiper-slide .text-box p {
    color: var(--white-1);
}


.vip-list-wrap .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--linear-gradient-color-8) !important;
}

.vip-list-wrap .swiper-pagination-bullets .swiper-pagination-bullet {
    background: var(--linear-gradient-color-8) !important;
    border-color: transparent !important;
    opacity: 1;
}

#app .vip-list-wrap:before,
#app #vip .vip-member-info:before,
#app #vip .bonus-list .bonus-item:before {
    content: none;
}

#app #vip .vip-member-info .member-info .vip-level {
    background: var(--linear-gradient-color-8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 2px;
    display: block;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}


#app #vip .vip-member-info .member-info .vip-level::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 0.2px solid var(--yellow-3);
    background: var(--linear-gradient-color-3);
    box-shadow: var(--box-shadow-10);
    position: absolute;
    left: 0;
    z-index: -1;
}

#app.Vip #vip .vip-member-info .progress-wrap .progress-top span,
#app.Vip #vip .bonus-list .bonus-detail b,
#app.Vip #vip .vip-member-info .progress-wrap .bar-box p span {
    color: var(--yellow);
    font-weight: 700;
}

#vip .vip-member-info .progress-wrap .bar-box p {
    margin-bottom: 0;
}
/* #endregion vip */
/* #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);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
}

#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: 8px 8px 0px 0px;
    border-bottom: none;
}

#app.Lobby .v-select__selections,
#app.FishCasino .v-select__selections {
    border-bottom: none !important;
}

#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,
#app.FishCasino .v-alert {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

    #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 {
    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/DN028-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/DN028-01.Mobile/Content/Views/Shared/images/logoTopBar.png) center / contain no-repeat;
}

#app.Lobby .v-alert.error .v-alert__icon,
#app.FishCasino .v-alert.error .v-alert__icon {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/warning.png) center / contain no-repeat;
}

#app.Lobby .v-alert.info--text .v-alert__icon,
#app.FishCasino .v-alert.info--text .v-alert__icon {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/light/logoTopBar.png) center / contain no-repeat;
}

#app #lobby-game-list .row .game-item .btn-like {
    background-image: none;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/like-a.png) center / contain no-repeat;
    width: 35%;
    aspect-ratio: 1 / 1;
    height: unset;
    left: 0;
    margin-bottom: 16px;
}

#app #lobby-game-list .row .game-item .btn-like.active {
    background-image: none;
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/home/like.png) center / contain no-repeat;
}

#app #lobby-game-list .row .game-item {
    border-radius: 6px;
    background: none;
    box-shadow: var(--box-shadow-4) !important;
    margin-bottom: 20px;
    white-space: nowrap;
    padding: 0;
}

#app #lobby-game-list .row .game-item .game-name {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(99%);
    bottom: -4px;
    color: var(--white) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

#app #lobby-game-list .loading{
    background:none;
    box-shadow:none;

}
/* #endregion 遊戲大廳 */
/* #region 會員轉帳 */
#app.MemberTransfer #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn {
    margin: 0px;
    background: #abd1ff !important;
    box-shadow: none;
    border-radius: 5px;
}

    #app.MemberTransfer #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn span {
        color: #181927 !important;
    }

#app.MemberTransfer #transfer-form-wrap .transfer-input-wrap:has(.v-select) {
    /* 會員轉帳：因為只有一個選項，因此隱藏國碼選項。*/
    display: none;
}

#app.MemberTransfer #member-transfer .subtitle-1 {
    padding:0 16px;
}

#member-transfer .transfer-info li span,
#app.MemberTransfer #member-transfer .warn-text span {
    color: var(--yellow);
    font-weight:700;
}

#transfer-form-wrap .transfer-input-wrap {
    color: var(--white);
}

#app.MemberTransfer #member-transfer .common-bg {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
    border: none;
}
/* #endregion 會員轉帳 */

/* #region 代理加盟 */
#app.Partner #partner .v-card ul.btn-group {
    width: 100%;
    margin: 0;
}

#app.Partner #partner .v-card ul.btn-group li a {
    padding: 8px 0px;
}

#app.Partner .agent-html {
    position: relative;
    height: auto;
    color: var(--white);
    padding: 16px !important;
    margin-bottom: 8px !important;
    margin: 0;
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / contain repeat !important;
    box-shadow: var(--box-shadow-7);
    border: none;
    width: -webkit-fill-available;
}

#app #partner .v-card {
    background: rgba(0, 0, 0, 0.3);
}


#app .agent-html .table-responsive table tr td.main-color {
    border-radius: 0;
}

#app .agent-html .table-responsive table tr {
    background-color: var(--white-o1);
    border-bottom: 1px solid var(--black);
    filter: var(--drop-shadow);
}

#app.PartnerApply .agent-apply-bg {
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
    margin-top: 12px;
    background-color: var(--white-2) !important;
}

#app.PartnerApply #agent-apply .form-wrap .input-wrap {
    background-image: none;
    height: fit-content;
    margin: 0;
    z-index: 1;
}

#app.PartnerApply #agent-apply .form-wrap .v-select__slot {
    padding: 0 ;
}

#app.PartnerApply #agent-apply .form-wrap #submit {
    margin-top:32px !important;
}

#app.PartnerApply #agent-apply .form-wrap .input-wrap .v-input__append-inner button {
    top: unset;
    bottom: 0px;
}
/* #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-warn);
    }
/* #endregion 綁定銀行帳戶提示文字 */

/* #region 時時返水 */
#app.AnyTimeDiscount .v-alert.no-data {
    padding: 8px 16px;
    margin: 16px !important;
    border-radius: var(--border-radius);
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-Vcard-bg.png) center / cover no-repeat;
    box-shadow: var(--box-shadow-7);
}

    #app.AnyTimeDiscount .v-alert.no-data .v-alert__content {
        padding: 12px;
        text-align: center;
        line-height: 1;
    }

        #app.AnyTimeDiscount .v-alert.no-data .v-alert__content .text-h5 {
            margin: 4px 0 !important;
        }

#app.AnyTimeDiscount .v-alert.no-data {
    padding: 8px 16px;
    margin: 16px !important;
}
/* #endregion 時時返水 */

/* #region 浮圖 */

#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: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/custom-float/float_collapse.png) no-repeat center / contain;
}

#app.Home #custom-float .main-icon.active {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/custom-float/float_expand.png) no-repeat center / contain;
}

#app.Home #custom-float .custom-float-content {
    display: flex;
    flex-direction: column;
    background: red;
    border-radius: 50px;
    border: none;
    background: var(--linear-gradient-color-20);
    box-shadow: var(--box-shadow-13);
    padding: 15px 0 25px 0;
    gap: 10px;
    overflow: hidden;
    opacity: 1;
    transition: max-height .35s ease, padding .35s ease, opacity .25s ease, gap .35s ease;
}

#app.Home #custom-float .custom-float-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--linear-gradient-color-19) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#app.Home #custom-float .custom-float-content:not(.expand-box) {
    max-height: 0;
    padding: 0;
    gap: 0;
    opacity: 0;
}

#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(--white);
    position: absolute;
    bottom: -8px;
    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.jackpot .text {
    font-size: 0;
    bottom: -6px;
    width: 100%;
}

#app.Home #custom-float .custom-float-content .custom-float-item.jackpot .text::before {
    content: "Hall of\A Fame";
    white-space: pre-line;
    font-size: 9px;
}

.zh-TW#app.Home #custom-float .custom-float-content .custom-float-item.jackpot .text::before {
    content: "電子\A 名人堂";
}

.zh-CN#app.Home #custom-float .custom-float-content .custom-float-item.jackpot .text::before {
    content: "电子\A 名人堂";
}

#app.Home #custom-float .custom-float-content .custom-float-item {
    position:relative;
    top:unset;
    left:unset;
    transform:unset;
}

#app.Home #custom-float .custom-float-content .custom-float-item.app .toggle-icon {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/custom-float/AppDownload.png) no-repeat center / contain;
}

#app.Home #custom-float .custom-float-content .custom-float-item.vip .toggle-icon {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/custom-float/vip.png) no-repeat center / contain;
}

#app.Home #custom-float .custom-float-content .custom-float-item.jackpot .toggle-icon {
    background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/custom-float/jackpot.png) no-repeat center / contain;
}

/* #endregion 浮圖 */

/* #region 鎖住最大寬度只能450px */
@media (min-width: 451px) {
    html, body, body .layout-wrap > * {
        margin: 0 auto;
    }

    #app {
        background: url(/CdnRedirect/Web.Mobile/DN028-01.Mobile/Content/Views/Shared/images/page-bg.png) bottom center / 100% 100% no-repeat fixed;
    }

        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,
        #app::before {
            max-width: 450px !important;
        }

        body:has(#app.Home) {
            overflow: hidden;
            position: fixed;
            width: 100%;
            height: 100%;
            left: 50%;
            transform: translateX(-50%);
        }

        #app .v-overlay {
            width: 450px;
        }

    #app #custom-float,
    #app #vpn-float,
    #app #activity-float {
        margin-bottom: 25px;
    }

    #app .v-main {
        background-size: cover !important;
    }

    #app .v-bottom-navigation {
        display: block;
    }

    .col-3 {
        width: 25%;
    }

    #app.Home #home-navigation-wrap {
        margin-bottom: 79px;
    }

    #app .v-dialog.financial-dialog {
        margin: 0 0 101px 0 !important;
    }

    #app #footer .v-bottom-navigation,
    #app .v-overlay,
    #app .v-dialog__content {
        left: 50%;
        transform: translateX(-50%) !important;
    }

    #app #footer .v-bottom-navigation {
        display: flex;
        max-height: 102px;
        padding-top: 32px;
        height: 102px !important;
    }

        #app #footer .v-bottom-navigation .v-btn {
            top: unset;
            bottom: 24px;
            height: 56px !important;
        }

    #app.Home #home-navigation .game-list-block ul li > span {
        font-size: 18px;
    }

    #app #login .switch-page .switch-content {
        font-size: calc( 0.038*450px);
    }

.form-wrap .input-wrap .v-label,
.form-wrap .input-wrap input,
#app .form-wrap .input-wrap,
#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);
}

    .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: 14px !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 .input-wrap .v-text-field__details {
        left: calc(0.27*450px);
        top: calc(0.03*450px);
    }

    #app #login .logo {
        margin: 0 auto calc(0.03*450px);
        height: calc(0.24*450px);
        width: auto;
    }

        #app #login .logo a {
            margin: auto;
        }

    .member-center-g .action-link.big-link:before,
    .member-center-g .action-link.big-link:after {
        width: calc(0.11*450px);
        height: calc(0.11*450px);
    }

    .member-center-g:before,
    #promotion:before,
    #deposit:before {
        position: relative;
    }

    #app #page-title {
        font-size: calc(0.05*450px);
    }

    #app.Home #home-navigation .game-tab {
        padding: 16px 12px 50px 16px;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    #app.Home #home-navigation .game-list-block {
        padding: 16px 16px 50px 16px;
    }

    #app.OnlineServices .services-link {
        max-height: 90px;
    }

    #app.MemberCenter .page-box-2 > .row > div .action-link.big-link {
        height: 55px;
    }

    #app.Vip .member-info .icon {
        background: var(--vip-icon-bg) no-repeat center center;
        background-size: contain;
        font-weight: 700;
    }

        #app.Vip .member-info .icon p {
            margin: 0;
            font-size: 12px;
            font-weight: 700;
        }

        #app.Vip .member-info .icon span {
            display: block;
            font-size: 24px;
            font-weight: bold;
        }

    #app.Vip .v-card.first-card .v-card__text.member-info {
        padding-left: 40px;
    }

        #app.Vip .v-card.first-card .v-card__text.member-info .vip {
            font-size: 15px;
            font-weight: bold;
        }

    #app.Vip .vip-list .swiper-slide .img-box {
        transform: scale(1.2) translateX(-7%) translateY(9%);
    }

    #app.Vip .vip-list .swiper-slide .status-box {
        transform: scale(1.5) translateX(45%);
    }

    #app.Promotion .inner .scroll-content {
        border-radius: 50px;
        background: var(--custom-white);
    }

        #app.Promotion .inner .scroll-content .navtab {
            display: flex;
        }

            #app.Promotion .inner .scroll-content .navtab li {
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
            }

    #app.Home .maintaining:before,
    #app.Home .hot-maintaining:before,
    #app.Lobby .maintaining:before {
        width: 30px;
        height: 30px;
    }

    #app.MemberCenter .member-center::before {
        max-width: 450px !important;
        transform: translateX(-50%);
        left: 50%;
    }

    #app.MemberCenter .member-center .row > div .action-link.big-link:before,
    #app.MemberCenter .member-center .row > div .action-link.big-link:after {
        width: 48px;
        height: 48px;
    }

    #app.Vip #vip table tr th,
    #app.Vip #vip table tr td {
        padding: 10px;
    }

    #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: 2px;
    }

    #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box {
        bottom: -10px;
        right: 2px;
    }

    #app #member-transfer .transfer-input-wrap .v-input__append-inner,
    #app #member-transfer .transfer-input-wrap .v-input__append-outer {
        right: -3%;
        bottom: -34%;
    }

    #app.MemberTransfer #member-transfer .warn-text {
        line-height: 3;
        font-size: 16px;
    }

    #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;
    }

    #app.MemberCenter .mamber-info-wrap {
        max-height: 252px;
    }

    #app.MemberCenter .mamber-info-wrap .mascot::before {
        transform: scale(1.1) translateX(25%) translateY(8%);
    }

    #app.Vip .vip-list-wrap .vip-list .swiper-slide {
        max-height: 215px;
    }

    #app #home {
        overflow: hidden;
    }

    #home-navigation .swiper-slide {
        padding-top: 16px;
    }

    #app .forget-password-dialog-bg .get-captcha-btn {
        top: 47px;
    }

    #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;
    }
}
/* #endregion 鎖住最大寬度只能450px */