/* Minification failed. Returning unminified contents.
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28,15): run-time error CSS1046: Expect comma, found '-'
(28,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(28,22): run-time error CSS1046: Expect comma, found ')'
(28,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(31,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(31,18): run-time error CSS1046: Expect comma, found '-'
(31,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(31,29): run-time error CSS1046: Expect comma, found ')'
(31,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(34,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(34,15): run-time error CSS1046: Expect comma, found '-'
(34,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(34,31): run-time error CSS1046: Expect comma, found ')'
(34,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(38,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(38,15): run-time error CSS1046: Expect comma, found '-'
(38,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Error'
(38,22): run-time error CSS1046: Expect comma, found ')'
(38,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(42,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(42,26): run-time error CSS1046: Expect comma, found '-'
(42,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(42,33): run-time error CSS1046: Expect comma, found ')'
(42,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(45,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(45,29): run-time error CSS1046: Expect comma, found '-'
(45,30): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(45,40): run-time error CSS1046: Expect comma, found ')'
(45,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(49,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(49,26): run-time error CSS1046: Expect comma, found '-'
(49,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(49,42): run-time error CSS1046: Expect comma, found ')'
(49,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(85,18): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(85,22): run-time error CSS1046: Expect comma, found '-'
(85,23): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(85,29): run-time error CSS1046: Expect comma, found ')'
(85,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(86,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(86,15): run-time error CSS1046: Expect comma, found '-'
(86,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(86,22): run-time error CSS1046: Expect comma, found ')'
(86,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(90,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(90,26): run-time error CSS1046: Expect comma, found '-'
(90,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(90,33): run-time error CSS1046: Expect comma, found ')'
(90,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(94,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(94,26): run-time error CSS1046: Expect comma, found '-'
(94,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(94,33): run-time error CSS1046: Expect comma, found ')'
(94,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(98,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(98,26): run-time error CSS1046: Expect comma, found '-'
(98,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(98,33): run-time error CSS1046: Expect comma, found ')'
(98,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(253,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(253,15): run-time error CSS1046: Expect comma, found '-'
(253,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(253,22): run-time error CSS1046: Expect comma, found ')'
(253,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(264,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(264,15): run-time error CSS1046: Expect comma, found '-'
(264,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(264,22): run-time error CSS1046: Expect comma, found ')'
(264,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(279,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(279,15): run-time error CSS1046: Expect comma, found '-'
(279,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(279,22): run-time error CSS1046: Expect comma, found ')'
(279,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(286,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(286,15): run-time error CSS1046: Expect comma, found '-'
(286,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(286,22): run-time error CSS1046: Expect comma, found ')'
(286,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(303,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(303,15): run-time error CSS1046: Expect comma, found '-'
(303,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(303,22): run-time error CSS1046: Expect comma, found ')'
(303,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(308,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(308,15): run-time error CSS1046: Expect comma, found '-'
(308,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(308,22): run-time error CSS1046: Expect comma, found ')'
(308,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(313,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(313,15): run-time error CSS1046: Expect comma, found '-'
(313,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(313,22): run-time error CSS1046: Expect comma, found ')'
(313,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(318,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(318,15): run-time error CSS1046: Expect comma, found '-'
(318,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(318,22): run-time error CSS1046: Expect comma, found ')'
(318,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(349,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(349,15): run-time error CSS1046: Expect comma, found '-'
(349,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(349,22): run-time error CSS1046: Expect comma, found ')'
(349,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(363,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(363,15): run-time error CSS1046: Expect comma, found '-'
(363,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(363,31): run-time error CSS1046: Expect comma, found ')'
(363,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(368,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(368,15): run-time error CSS1046: Expect comma, found '-'
(368,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(368,22): run-time error CSS1046: Expect comma, found ')'
(368,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(466,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(466,15): run-time error CSS1046: Expect comma, found '-'
(466,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(466,22): run-time error CSS1046: Expect comma, found ')'
(466,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(470,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(470,15): run-time error CSS1046: Expect comma, found '-'
(470,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(470,31): run-time error CSS1046: Expect comma, found ')'
(470,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(638,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(638,26): run-time error CSS1046: Expect comma, found '-'
(638,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(638,33): run-time error CSS1046: Expect comma, found ')'
(638,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(652,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(652,20): run-time error CSS1046: Expect comma, found '-'
(652,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(652,27): run-time error CSS1046: Expect comma, found ')'
(652,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(669,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(669,20): run-time error CSS1046: Expect comma, found '-'
(669,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(669,36): run-time error CSS1046: Expect comma, found ')'
(669,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(885,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(885,16): run-time error CSS1046: Expect comma, found '-'
(885,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(885,23): run-time error CSS1046: Expect comma, found ')'
(885,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(886,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(886,26): run-time error CSS1046: Expect comma, found '-'
(886,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(886,33): run-time error CSS1046: Expect comma, found ')'
(886,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(890,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(890,21): run-time error CSS1046: Expect comma, found '-'
(890,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandLight'
(890,33): run-time error CSS1046: Expect comma, found ')'
(890,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(891,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(891,16): run-time error CSS1046: Expect comma, found '-'
(891,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(891,27): run-time error CSS1046: Expect comma, found ')'
(891,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(896,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(896,15): run-time error CSS1046: Expect comma, found '-'
(896,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(896,22): run-time error CSS1046: Expect comma, found ')'
(896,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(901,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(901,15): run-time error CSS1046: Expect comma, found '-'
(901,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(901,22): run-time error CSS1046: Expect comma, found ')'
(901,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(906,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(906,16): run-time error CSS1046: Expect comma, found '-'
(906,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(906,23): run-time error CSS1046: Expect comma, found ')'
(906,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(911,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(911,16): run-time error CSS1046: Expect comma, found '-'
(911,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(911,23): run-time error CSS1046: Expect comma, found ')'
(911,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(944,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(944,21): run-time error CSS1046: Expect comma, found '-'
(944,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(944,28): run-time error CSS1046: Expect comma, found ')'
(944,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(946,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(946,26): run-time error CSS1046: Expect comma, found '-'
(946,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(946,33): run-time error CSS1046: Expect comma, found ')'
(946,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(950,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(950,20): run-time error CSS1046: Expect comma, found '-'
(950,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(950,31): run-time error CSS1046: Expect comma, found ')'
(950,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(965,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(965,20): run-time error CSS1046: Expect comma, found '-'
(965,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(965,36): run-time error CSS1046: Expect comma, found ')'
(965,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(970,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(970,21): run-time error CSS1046: Expect comma, found '-'
(970,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondaryDark'
(970,41): run-time error CSS1046: Expect comma, found ')'
(970,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(995,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(995,20): run-time error CSS1046: Expect comma, found '-'
(995,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(995,27): run-time error CSS1046: Expect comma, found ')'
(995,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(997,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(997,26): run-time error CSS1046: Expect comma, found '-'
(997,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(997,33): run-time error CSS1046: Expect comma, found ')'
(997,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1006,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1006,21): run-time error CSS1046: Expect comma, found '-'
(1006,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(1006,32): run-time error CSS1046: Expect comma, found ')'
(1006,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1067,18): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1067,22): run-time error CSS1046: Expect comma, found '-'
(1067,23): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1067,29): run-time error CSS1046: Expect comma, found ')'
(1067,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1128,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1128,20): run-time error CSS1046: Expect comma, found '-'
(1128,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1128,27): run-time error CSS1046: Expect comma, found ')'
(1128,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1172,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1172,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1176,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1176,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1224,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1224,20): run-time error CSS1046: Expect comma, found '-'
(1224,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1224,27): run-time error CSS1046: Expect comma, found ')'
(1224,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1225,7): run-time error CSS1038: Expected hex color, found '#fff9'
(1225,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1230,7): run-time error CSS1038: Expected hex color, found '#fff9'
(1230,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1249,18): run-time error CSS1038: Expected hex color, found '#fff6'
(1249,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1254,14): run-time error CSS1038: Expected hex color, found '#ffff'
(1254,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1297,12): run-time error CSS1038: Expected hex color, found '#fff0'
(1298,7): run-time error CSS1038: Expected hex color, found '#ffff'
(1303,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1303,15): run-time error CSS1046: Expect comma, found '-'
(1303,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1303,22): run-time error CSS1046: Expect comma, found ')'
(1303,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1304,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1305,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1305,31): run-time error CSS1046: Expect comma, found '-'
(1305,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1305,38): run-time error CSS1046: Expect comma, found ')'
(1305,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1329,12): run-time error CSS1038: Expected hex color, found '#fff9'
(1329,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1436,18): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1436,22): run-time error CSS1046: Expect comma, found '-'
(1436,23): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(1436,38): run-time error CSS1046: Expect comma, found ')'
(1436,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1468,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1468,20): run-time error CSS1046: Expect comma, found '-'
(1468,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1468,27): run-time error CSS1046: Expect comma, found ')'
(1468,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1535,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1535,15): run-time error CSS1046: Expect comma, found '-'
(1535,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1535,22): run-time error CSS1046: Expect comma, found ')'
(1535,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1542,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1542,15): run-time error CSS1046: Expect comma, found '-'
(1542,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1542,22): run-time error CSS1046: Expect comma, found ')'
(1542,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1546,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1547,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1547,15): run-time error CSS1046: Expect comma, found '-'
(1547,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1547,22): run-time error CSS1046: Expect comma, found ')'
(1547,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1616,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1616,15): run-time error CSS1046: Expect comma, found '-'
(1616,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1616,22): run-time error CSS1046: Expect comma, found ')'
(1616,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1623,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1623,20): run-time error CSS1046: Expect comma, found '-'
(1623,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1623,27): run-time error CSS1046: Expect comma, found ')'
(1623,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1647,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1647,28): run-time error CSS1046: Expect comma, found '-'
(1647,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1647,35): run-time error CSS1046: Expect comma, found ')'
(1647,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1653,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1653,27): run-time error CSS1046: Expect comma, found '-'
(1653,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(1653,34): run-time error CSS1046: Expect comma, found ')'
(1653,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1755,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1755,26): run-time error CSS1046: Expect comma, found '-'
(1755,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(1755,42): run-time error CSS1046: Expect comma, found ')'
(1755,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1767,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1767,20): run-time error CSS1046: Expect comma, found '-'
(1767,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(1767,36): run-time error CSS1046: Expect comma, found ')'
(1767,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1783,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1783,20): run-time error CSS1046: Expect comma, found '-'
(1783,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(1783,36): run-time error CSS1046: Expect comma, found ')'
(1783,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1795,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1795,26): run-time error CSS1046: Expect comma, found '-'
(1795,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-LineOA'
(1795,34): run-time error CSS1046: Expect comma, found ')'
(1795,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1796,18): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1796,22): run-time error CSS1046: Expect comma, found '-'
(1796,23): run-time error CSS1047: Expected number or percentage value in rgb function, found '-LineOA'
(1796,30): run-time error CSS1046: Expect comma, found ')'
(1796,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1800,41): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1800,45): run-time error CSS1046: Expect comma, found '-'
(1800,46): run-time error CSS1047: Expected number or percentage value in rgb function, found '-LineOA'
(1800,53): run-time error CSS1046: Expect comma, found ')'
(1800,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2006,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2006,26): run-time error CSS1046: Expect comma, found '-'
(2006,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(2006,33): run-time error CSS1046: Expect comma, found ')'
(2006,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2007,28): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2007,32): run-time error CSS1046: Expect comma, found '-'
(2007,33): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(2007,39): run-time error CSS1046: Expect comma, found ')'
(2007,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";

/* @import "te_lrp_space.css"; */
@import "te_lrp_MaterialIcon.css";
@import "te-lrp-b.css";
@import "te_lrp_nav.css";

@font-face {
font-family:"euphemia";
src:url(../font/euphemia.ttf);
font-display:swap
}

:root {
    --Brand: 0, 143, 205;
    --BrandDark: 0, 133, 191;
    --BrandLight: 235, 247, 252;
    --BrandSecondary: 89, 194, 242;
    --BrandSecondaryDark: 85, 184, 230;
    --BgLightGrey: 248, 248, 248;
    --BorderGrey: 235, 237, 239;
    --Highlight: 245, 148, 204;
    --Error: 222, 118, 118;
    --LineOA : 0, 195 , 0;
}

.text-brand {
color:rgb(var(--Brand))
}
.text-brand-dark {
  color: rgb(var(--BrandDark))
}
.text-brand-secondary {
color:rgb(var(--BrandSecondary))
}

.text-error {
color:rgb(var(--Error))
}

.bg-brand {
background-color:rgb(var(--Brand))
}
.bg-brand-dark {
  background-color: rgb(var(--BrandDark))
}

.bg-brand-secondary {
background-color:rgb(var(--BrandSecondary))
}

.lrp-input {
height:40px;
font-size:15px;
padding-left:12px;
padding-right:12px;
border-radius:2px!important
}

.lrp-btn {
height:40px;
font-size:16px;
padding-left:12px;
padding-right:12px;
border-radius:2px!important;
color:#fff;
border:0
}

[class*='btn-outline-'] {
background-color:transparent;
border:solid 1px #fff
}

[class*='btn-outline-']:hover {
background:#00000026
}

.btn-outline-white {
border-color:#fff;
color:#fff
}

.btn-outline-brand {
border-color:rgb(var(--Brand));
color:rgb(var(--Brand))
}

.btn-outline-brand:hover {
background-color:rgb(var(--Brand),0.05)
}

.btn-brand {
background-color:rgb(var(--Brand))
}

.btn-brand:hover {
background-color:rgb(var(--Brand),0.9)
}

#body {
min-height:calc(100vh - 378px)
}

#body::after {
content:"";
display:block;
overflow:hidden;
clear:both
}

* {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-sand-box-sizing:border-box
}

html {
font-size:62.5%
}

body {
font:normal 1.6em/1.5 Arial,微軟正黑體,微软雅黑,"Microsoft JhengHei","Microsoft YaHei";
color:#666;
background:#fff
}

a {
text-decoration:none;
font-family:"微軟正黑體","微软雅黑","Microsoft JhengHei","Microsoft YaHei","verdana",Arial;
color:#666;
cursor:pointer
}

p a {
text-decoration:underline
}

p a:hover {
text-decoration:none
}

hr {
border:0;
height:1px;
background:#ebedef;
margin:0
}

img {
max-width:100%;
height:auto
}

input[type="text"],input[type="color"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="range"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] {
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-sand-appearance:none;
border:0;
border-radius:0;
border:solid 1px #ccc
}

input,textarea,select,button {
max-width:100%;
min-height:40px;
padding:0 12px;
color:#666;
font-size:1.6rem;
outline:0;
vertical-align:middle;
font-family:"Microsoft JhengHei","Microsoft YaHei","Arial";
line-height:1.5
}

input[type="button"],input[type="submit"],input[type="reset"],button {
font-size:16px;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-sand-appearance:none;
border-radius:0;
cursor:pointer;
outline:0
}

input[type="button"]:disabled,input[type="submit"]:disabled,input[type="reset"]:disabled,button:disabled {
background:#ccc;
cursor:default
}

input[type="checkbox"],input[type="radio"] {
width:20px;
height:20px
}

input[type="radio"] {
border:0
}

textarea,select,button {
border:solid 1px #ccc
}

select {
  padding-right: 32px;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  border: 1px solid #ccc;
  border-radius: 0px;

  background: #fff;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23666'%3E%3Cpath d='M480-360 280-560h400L480-360Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 20px;
}

ul.re_list {
display:block;
list-style:disc;
list-style-position:outside;
margin:.5em 0
}

ul.re_list li {
margin:0 0 5px 2em
}

ol.re_list {
display:block;
list-style:decimal;
list-style-position:outside;
margin:.5em 0
}

ol.re_list li {
margin:0 0 5px 2em
}

h1 {
font-size:4rem;
color:rgb(var(--Brand));
line-height:1.25;
margin-bottom:.3em
}

h1.forseo {
display:none
}

h2 {
font-size:3.6rem;
color:rgb(var(--Brand));
line-height:1.25;
margin-bottom:.4em
}

h2.stress01 {
color:#f594cc
}

h2.stress02 {
color:#F17925
}

h3 {
font-size:3.6rem;
color:rgb(var(--Brand));
line-height:1.25;
margin-bottom:.4em
}

h4 {
font-size:2rem;
color:rgb(var(--Brand));
line-height:1.25
}

h5 {
font-size:1.5rem;
color:#333;
line-height:1.25
}

h6 {
font-size:1.4rem;
color:#555;
line-height:1.25
}

h1 a {
color:rgb(var(--Brand));
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h2 a {
color:rgb(var(--Brand));
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h3 a {
color:rgb(var(--Brand));
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h4 a {
color:rgb(var(--Brand));
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h5 a {
color:#222
}

h6 a {
color:#666
}

h2 span,h2 span a,h3 span a {
font-size:1.6rem;
color:#000
}

h2 span a:hover,h3 span a:hover {
text-decoration:underline
}

h2 p {
font-size:1.6rem;
color:#666
}

.lrp_text_alert {
color:#de7676
}

.lrp_text_primary {
color:rgb(var(--Brand))
}

span.lrp_sub_title {
color:#f594cc
}

span.lrp_text_alert {
font-size:1.2rem;
color:#de7676
}

span.lrp_text_remind {
font-size:1.2rem;
color:rgb(var(--BrandSecondary))
}

span.lrp_text_count {
font-size:2rem;
color:rgb(var(--Brand));
line-height:1.25
}

span.lrp_text_price {
font-size:1.8rem;
color:#000;
line-height:1.25
}

.lrp_article_index h1 {
font-size:1.4rem;
display:inline-block;
color:#000;
margin:0;
line-height:1
}

.lrp_text_bold {
font-weight:700
}

.text-subtitle1 {
  font-size: 16px;
  font-weight: bold;
}

.text-subtitle2 {
  font-size: 14px;
  font-weight: bold;
}

.text-body1 {
  font-size: 16px;
}

.text-body2 {
  font-size: 14px;
}

.text-caption {
  font-size: 12px;
}

.lrp_icon_com {
display:inline-block;
margin:5px;
width:20px;
height:20px;
color:#fff;
vertical-align:middle;
text-align:center;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%
}

.lrp_icon_alert {
background:#f594cc;
font-style:normal;
font-size:1.2rem;
line-height:20px;
font-family:Arial
}

.lrp_icon_alert::before {
content:"!"
}

.lrp_icon_remind {
background:#ccc;
font-style:normal;
font-size:1.2rem;
line-height:20px;
font-family:Arial
}

.lrp_icon_remind::before {
content:"i"
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lrp_text_darkblue {
color:rgb(var(--Brand))
}

.lrp_text_lightblue {
color:rgb(var(--BrandSecondary))
}

.lrp_tx_line1 {
white-space:normal;
line-height:1.5em;
max-height:1.5em;
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
-line-clamp:1;
-webkit-line-clamp:1;
display:-webkit-box
}

.lrp_tx_line2 {
white-space:normal;
line-height:1.5em;
max-height:3em;
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
-line-clamp:2;
-webkit-line-clamp:2;
display:-webkit-box
}

.lrp_tx_line4 {
  white-space: normal;
  line-height: 1.5em;
  max-height: 6em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  -line-clamp: 4;
  -webkit-line-clamp: 4;
  display: -webkit-box
}

.lrp_fb_button {
margin:10px 0
}

[class*='lrp_icon_social_'] {
display:inline-block;
width:24px;
height:24px;
background:url(../Images/lrp_icon_social.png) no-repeat;
background-size:24px
}

[class*='lrp_icon_social_fb'] {
background-position:0 -72px
}

[class*='lrp_icon_social_ig'] {
background-position:0 -96px
}

[class*='lrp_icon_social_yt'] {
background-position:0 -120px
}

[class*='lrp_icon_social_fbc'] {
background-position:0 0
}

[class*='lrp_icon_social_igc'] {
background-position:0 -24px
}

[class*='lrp_icon_social_ytc'] {
background-position:0 -48px
}

[class*='lrp_icon_social_mail'] {
background-position:0 -144px
}

[class*='lrp_icon_social_line'] {
background-position:0 -168px
}

input[type="button"].btn_fb_share {
width:45px;
height:20px;
min-height:0;
background:url(../Images/social/btn_fb_share_s.png) no-repeat;
font-size:0;
outline:0;
border:0
}

.lrp_icon_tel_g {
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
background:url(../Images/social/tel_g.svg) no-repeat center center;
background-size:100%
}

.lrp_icon_loc_g {
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
background:url(../Images/social/loc_g.svg) no-repeat center center;
background-size:100%
}

.lrp_icon_locate {
display:inline-block;
width:32px;
height:32px;
margin-top:-3px;
vertical-align:middle;
background:url(../Images/my_loc.svg) no-repeat center center;
background-size:80%;
cursor:pointer
}

.lrp_icon_delete {
display:inline-block;
width:40px;
height:40px;
vertical-align:middle;
background:url(../Images/delete.svg) no-repeat center center;
background-size:80%;
cursor:pointer;
opacity:.75
}

.lrp_icon_delete:hover {
opacity:1
}

.lrp_icon_location {
display:inline-block;
width:40px;
height:40px;
vertical-align:middle;
background:url(../Images/pic_nav_location.svg) no-repeat center center;
background-size:100%;
cursor:pointer
}

.lrp_icon_search {
display:inline-block;
width:30px;
height:30px;
vertical-align:middle;
position:relative
}

.lrp_icon_search::before {
content:"";
display:block;
left:2px;
top:2px;
width:15px;
height:15px;
background:#fff;
border:solid 2px rgb(var(--Brand));
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position:absolute
}

.lrp_icon_search::after {
content:"";
display:block;
left:15px;
top:20px;
width:12px;
height:3px;
background:rgb(var(--Brand));
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:absolute
}

.lrp_icon_tick {
display:inline-block;
width:26px;
height:26px;
margin:2px;
background:rgb(var(--BrandSecondary));
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
vertical-align:middle;
position:relative
}

.lrp_icon_tick::before {
content:"";
position:absolute;
left:4px;
top:14px;
width:8px;
height:3px;
background:#fff;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg)
}

.lrp_icon_tick::after {
content:"";
position:absolute;
left:7px;
top:12px;
width:16px;
height:3px;
background:#fff;
transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-sand-transform:rotate(135deg)
}

.lrp_icon_facebook {
width:96px;
height:22px;
display:inline-block;
margin-bottom:-6px;
background:url(../Images/social/fb_l.svg) no-repeat;
background-size:cover
}

.lrp_icon_line {
width:28px;
height:28px;
display:inline-block;
margin-top:-4px;
vertical-align:middle;
background:url(../Images/social/line.svg) no-repeat;
background-size:cover
}

.lrp_icon_health_p {
display:inline-block;
width:17px;
height:16px;
vertical-align:middle;
background:url(../Images/icon_health_p.png) no-repeat;
background-size:cover
}

.lrp_icon_health_w {
display:inline-block;
width:17px;
height:16px;
vertical-align:middle;
background:url(../Images/icon_health_w.png) no-repeat;
background-size:cover
}

.lrp_icon_cart {
width:24px;
height:24px;
display:inline-block;
vertical-align:middle;
margin-bottom:4px;
margin-right:3px;
background:url(../Images/icon_cart.svg) no-repeat
}

[class*='lrp_com_icon'] {
display:inline-block;
width:24px;
height:24px;
vertical-align:sub;
background:url(../Images/lrp_com_icon.png) no-repeat;
background-size:48px
}

[class*='lrp_com_icon_speaker'] {
background-position:0 0
}

[class*='lrp_com_icon_prev'] {
background-position:0 -24px
}

[class*='lrp_com_icon_next'] {
background-position:0 -48px
}

[class*='lrp_com_icon_w_'] {
background-position-x:-24px
}

@media screen and (min-width: 960px) {
[class*='lrp_com_icon'] {
margin:0 -4px;
-webkit-transform:scale(0.75);
transform:scale(0.75)
}
}

.lrp_icon_community {
display:inline-block;
width:30px;
height:30px;
vertical-align:middle
}

.lrp_icon_community_wechat {
background:url(../images/social/wechat.svg) #00b80c no-repeat center center;
background-size:30px
}

.lrp_icon_community_line {
background:url(../images/social/line.svg) #00c41c no-repeat center center;
background-size:30px
}

.lrp_icon_community_fb {
background:url(../images/social/fb.svg) #3765a3 no-repeat center center;
background-size:22px
}

.lrp_icon_community_weibo {
background:url(../images/social/weibo.svg) #d72928 no-repeat center center;
background-size:30px
}

.lrp_icon_community.disable {
background-color:#ccc
}

.lrp_btn_arr {
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
position:relative
}

.lrp_btn_arr::before {
content:"";
display:block;
width:12px;
height:12px;
border-top:2px solid #aaa;
border-left:2px solid #aaa
}

.lrp_btn_arr_up::before {
position:absolute;
top:7px;
left:3px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg)
}

.lrp_btn_arr_down::before {
position:absolute;
top:-1px;
left:3px;
transform:rotate(225deg);
-moz-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-sand-transform:rotate(225deg)
}

.lrp_btn_com_main,
input[type="button"].lrp_btn_com_main,
.lrp_btn_com_secondary,
input[type="button"].lrp_btn_com_secondary,
.lrp_btn_com_sub,
input[type="button"].lrp_btn_com_sub,
.lrp_btn_com_thr,
input[type="button"].lrp_btn_com_thr {
display:inline-block;
min-width:160px;
height:40px;
line-height:36px;
text-align:center;
border:0;
padding:0 16px;
font-size:16px;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei";
vertical-align:sub;
cursor:pointer
}

.lrp_btn_com_main a,.lrp_btn_com_secondary a,.lrp_btn_com_sub a,.lrp_btn_com_thr a {
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

/* main */
.lrp_btn_com_main,input[type="button"].lrp_btn_com_main {
background:#fff;
color: rgb(var(--Brand));
border:solid 1px rgb(var(--Brand));
}

.lrp_btn_com_main:hover,input[type="button"].lrp_btn_com_main:hover {
background: rgb(var(--BrandLight));
color: rgb(var(--BrandDark));
}


.lrp_btn_com_main .lrp_btn_arr::before {
color:rgb(var(--Brand));
}

.lrp_btn_com_main a {
display:block;
color:rgb(var(--Brand));
text-decoration:none
}

.lrp_btn_com_main .lrp_btn_arr::before {
color: rgb(var(--Brand));
}

.lrp_btn_com_main a {
display:block;
color: rgb(var(--Brand));
text-decoration:none
}

/* secondary */
.lrp_btn_com_secondary,
input[type="button"].lrp_btn_com_secondary {
  background: #fff;
  color: #757575;
  border: solid 1px #757575
}

.lrp_btn_com_secondary:hover,
input[type="button"].lrp_btn_com_secondary:hover {
  background: #f5f4f4;
  color: #232323;
}


.lrp_btn_com_secondary .lrp_btn_arr::before {
  color: #757575
}

.lrp_btn_com_secondary a {
  display: block;
  color: #757575;
  text-decoration: none
}


/* sub */

.lrp_btn_com_sub,input[type="button"].lrp_btn_com_sub {
background: rgb(var(--Brand));
color:#fff;
border:solid 1px rgb(var(--Brand));
}

.lrp_btn_com_sub:hover,input[type="button"].lrp_btn_com_sub:hover {
background:rgb(var(--BrandDark));
}

.lrp_btn_com_sub a {
display:block;
color:#fff;
text-decoration:none
}

.lrp_btn_com_main:hover,.lrp_btn_com_sub [class*='lrp_com_icon'] {
background-position-x:-24px
}

/* thr */
.lrp_btn_com_thr,input[type="button"].lrp_btn_com_thr {
background:rgb(var(--BrandSecondary));
color:#fff
}

.lrp_btn_com_thr:hover,input[type="button"].lrp_btn_com_thr:hover {
background: rgb(var(--BrandSecondaryDark));
}

.lrp_btn_com_disabled,input[type="button"].lrp_btn_com_disabled {
display:inline-block;
min-width:160px;
line-height:40px;
text-align:center;
background:#ebedef;
color:#999;
border:1px solid #ebedef;
padding:0 .5em;
font-size:16px;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei";
vertical-align:sub
}

.lrp_btn_com_cart {
display:inline-block;
padding:0 .5em;
min-width:200px;
height: 40px;
font-size:16px;
text-align:center;
line-height:40px;
background:rgb(var(--Brand));
color: white;
border:solid 1px rgb(var(--Brand));
cursor:pointer
}

.lrp_btn_com_cart .lrp_icon_cart {
background:url(../Images/icon_cart.svg) no-repeat
}

.lrp_btn_com_cart:hover {
background: rgb(var(--BrandDark));
color:#fff
}

.lrp_btn_com_cart:hover .lrp_icon_cart {
background:url(../Images/icon_cart.svg) no-repeat;
transform: rotate(-15deg);
}

.lrp_btn_com_prev {
left:0;
top:50%;
margin-top:-22px;
position:absolute;
z-index:9
}

.lrp_btn_com_next {
right:0;
top:50%;
margin-top:-22px;
position:absolute;
z-index:9
}

.lrp_btn_com_prev,.lrp_btn_com_next {
display:block;
width:36px;
height:70px;
position:absolute;
cursor:pointer
}

.lrp_btn_com_prev::before,.lrp_btn_com_next::before {
content:"";
display:block;
width:45px;
height:45px;
border-top:1px solid #65bbe1;
border-left:1px solid #65bbe1
}

.lrp_btn_com_prev::before {
margin:12px 0 0 10px;
transform:rotate(315deg);
-moz-transform:rotate(315deg);
-webkit-transform:rotate(315deg);
-ms-transform:rotate(315deg);
-sand-transform:rotate(315deg)
}

.lrp_btn_com_next::before {
margin:12px 0 0 -20px;
transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-sand-transform:rotate(135deg)
}

.lrp_btn_com_prev:hover::before,.lrp_btn_com_next:hover::before {
border-color:rgb(var(--Brand))
}

.lrp_wcenter {
text-align:center
}

.lrp_popup .lrp_wcenter input[type="button"] {
margin-top:4px
}

.lrp_2btn {
overflow:hidden
}

.lrp_2btn .lrp_btn_com_sub:not(:last-of-type) {
margin-right:20px
}

.lrp_wrap_basic {
max-width:1200px;
width:100%;
margin:0 auto;
position:relative
}

.lrp_wrap_outer {
max-width:1200px;
width:100%;
margin:0 auto 60px;
position:relative
}

.lrp_wrap_inner {
margin-bottom:30px
}

.lrp_wrap_inner_t {
margin-top:30px
}

.lrp_wrap_outer::after,.lrp_wrap_inner::after,.lrp_wrap::after {
content:"";
display:block;
clear:both;
overflow:hidden
}

.lrp_wrap_lateral {
max-width:1200px;
width:100%;
margin:0 auto
}

.lrp_wrap_in_al_cen {
text-align:center
}

.cookies_banner {
padding:16px 48px 16px 16px;
font-size:1.2rem;
background:rgb(var(--Brand))cc;
color:#fff;
position:relative;
z-index:999
}

.cookies_banner a.close {
width:40px;
height:40px;
right:10px;
top:8px;
display:block;
position:absolute
}

.cookies_banner a.close::before {
content:"";
display:block;
width:12px;
height:2px;
top:19px;
left:14px;
background:#ffffff80;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
position:absolute
}

.cookies_banner a.close::after {
content:"";
display:block;
width:12px;
height:2px;
top:19px;
left:14px;
background:#ffffff80;
transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
position:absolute
}

.cookies_banner a.close:hover::before {
background:#ffff
}

.cookies_banner a.close:hover::after {
background:#ffff
}

.cookies_banner a {
color:#ffe000;
text-decoration:underline
}


.breadcrumbs {
margin:0 auto;
padding-left:16px;
width:100%;
max-width:1200px;
height:40px;
line-height:40px;
background:#fff;
font-size:1.4rem;
/* border-top:1px solid #ebedef; */
}

.breadcrumbs .lrp_off_wrap {
padding:5px 5px 5px 20px;
width:100%;
margin:0 auto
}

.breadcrumbs,.breadcrumbs a {
color:#999
}

.breadcrumbs span::after {
content:">";
padding:0 .25em 0 .5em
}

.breadcrumbs span:last-of-type {
color:#000
}

.breadcrumbs span:last-of-type::after {
content:""
}

footer {
width:100%;
min-height:198px;
text-align:center;
background:rgb(var(--Brand));
color:#fff9
}

footer a {
text-decoration:none;
color:#fff9
}

footer a:hover {
color:#fff;
text-decoration:underline
}

footer .footer_social {
padding:30px 0
}

footer .footer_social a {
width:58px;
height:58px;
border-radius:50%;
margin:0 1.2em;
padding:15px;
display:inline-block;
border:2px solid #fff6
}

footer .footer_social a:hover {
display:inline-block;
border-color:#ffff
}

footer .footer_social a [class*='lrp_icon_social_'] {
opacity:.6;
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

footer .footer_social a:hover [class*='lrp_icon_social_'] {
opacity:1
}

footer .lrp_epaper {
overflow:hidden
}

footer .lrp_epaper div {
max-width:300px;
margin:auto;
display:block;
border:1px solid #ffffff80
}

footer .lrp_epaper div * {
border:0;
font-size:1.6rem;
line-height:30px
}

footer .lrp_epaper input {
width:75%;
height:30px;
line-height:30px;
border:0;
margin:0
}

footer .lrp_epaper input[type=button] {
padding:0 1em;
width:24.85%;
background:#fff0;
color:#ffff;
float:right
}

footer .lrp_epaper input[type=button]:hover {
color:rgb(var(--Brand));
background:#ffff;
border-left:1px solid rgb(var(--Brand));
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

footer .copyright {
width:100%;
padding:30px 0 5px;
font-size:1.2rem;
text-align:center
}

footer .copyright dfn:not(:first-child) {
margin-left:2em
}

footer .copyright span::before {
content:"";
display:inline-block;
margin:0 2em;
width:1px;
height:1em;
background:#fff9
}

footer .lrp_line_customer {
display:inline-flex;
align-items:center
}

footer .lrp_line_customer dl {
display:inline-flex;
align-items:center;
margin-right:16px;
font-size:2rem;
border:solid 1px #fff;
border-radius:12px;
padding-right:12px;
color:#fff;
cursor:pointer;
opacity:.6
}

footer .lrp_line_customer dl:hover {
opacity:1
}

footer .lrp_line_customer dl dt {
width:48px;
margin-right:8px;
margin-bottom:-8px
}

footer .lrp_line_customer p {
text-align:left;
font-size:1.4rem
}

.lrp_float_area {
display:inline-block;
margin:0 auto;
text-align:center;
position:fixed;
right:-492px;
top:200px;
z-index:99;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0
}

.lrp_float_area a {
display:inline-block;
padding:0 2px;
height:50px;
background:#46629dcc;
float:left
}

.lrp_float_area .btn_basic span {
display:inline-block;
margin:12px;
max-width:100%
}

.lrp_float_area .btn_qa span {
line-height:30px;
height:30px;
font-weight:700;
font-family:arial,"微軟正黑體";
color:#fff
}

.lrp_float_area .btn_fb span,.lrp_float_area .btn_line span,.lrp_float_area .btn_ig span,.lrp_float_area .btn_yt span {
transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg)
}

.lrp_float_area .btn_fb {
background-color:#3c5b97
}

.lrp_float_area .btn_line {
background-color:#00c300
}

.lrp_float_area .btn_ig {
background-image:linear-gradient(-135deg,#44107A 0%,#FF1361 50%,#FFF800 100%)
}

.lrp_float_area .btn_yt {
background-color:red
}

.ie10 .lrp_float_area .btn_fb span {
margin:12px auto;
background:none;
font-size:3rem
}

.lrp_float_area .btn_qa {
  background:rgb(var(--BrandSecondary));
}

.lrp_float_area .btn_qa span {
font-size:3rem
}

.lrp_float_area .btn_docter {
background:#c1dbe6cc
}

.lrp_float_area .btn_docter span {
margin:4px 0 0;
width:185px;
height:40px;
background:url(../Images/btn_float_dr.png) no-repeat;
background-size:contain
}

.lrp_float_area.dr_hidden {
right:-207px
}

.lrp_float_area.dr_hidden .btn_docter {
display:none
}

.cd-panel,.cd-panel.is-visible {
z-index:100
}

.is-visible .cd-panel-header {
background:rgb(var(--Brand));
color:#fff
}

.cd-panel-header h2 {
max-width:93%;
height:50px;
line-height:50px;
font-size:2rem;
overflow:hidden;
color:#fff
}

.cd-panel-content {
padding-top:40px
}

.cd-panel.is-visible {
text-align:left
}

.cd-panel.is-visible img {
max-width:100%;
height:auto
}

.cd-panel.is-visible p {
font-size:1.6rem
}

.lrp_tabs_wrap {
margin:0 auto;
width:100%;
max-width:1200px;
margin-bottom:20px;
overflow:auto
}

.lrp_tabs {
display:flex;
justify-content:start;
width:100%;
border-bottom:solid 1px #ccc;
margin-bottom:20px
}

.lrp_tabs li {
padding:.5em 1em;
background:#0000000d;
color:#222;
float:left;
border:solid 1px #ccc;
margin-right:5px;
margin-bottom:-1px;
cursor:pointer
}

.lrp_tabs li a {
display:block;
color:#222
}

.lrp_tabs li:last-of-type {
margin-right:0
}

.lrp_tabs li.current {
color:rgb(var(--Brand));
border-bottom:solid 1px #fff;
margin-bottom:-1px;
cursor:default
}

.lrp_tabs li:hover a,.lrp_tabs li.current a,.lrp_article_tab li.current h2 {
color:rgb(var(--Brand))
}

.lrp_tabs li:hover,.lrp_tabs li.current,.lrp_article_tab h2:hover,.lrp_article_tab h2.current {
background:#ffff;
color:rgb(var(--Brand));
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

.lrp_article_tab li {
padding:0
}

.lrp_article_tab li h2 {
font-size:3rem
}

.lrp_article_tab h2 {
padding:.5em 1em;
margin:0;
line-height:1.5;
color:#222
}

.lrp_article_index h1 {
font-size:1.4rem;
display:inline-block;
color:#000;
margin:0;
line-height:1
}

.tabs-underline .lrp_tabs li {
background:none;
border:none;
margin-bottom:0;
font-size:3rem
}

.tabs-underline .lrp_tabs li.current {
border-bottom:solid 2px #000000de;
margin-bottom:-1px
}

.tabs-underline .lrp_tabs li.current a {
color:#000000de;
font-weight:700
}

.lrp_article_list h4 {
font-size:2.5rem
}

.lrp_article_list p {
font-size:1.8rem;
line-height:2
}

.pager {
text-align:center
}

.pager li {
margin-right:3px;
display:inline-block
}

.pager li a {
min-width:30px;
height:30px;
line-height:30px;
color:rgb(var(--Brand));
text-decoration:none;
display:inline-block;
position:relative
}

.pager li a:hover,ul.pager li.current a {
background:rgb(var(--Brand));
color:#fff;
text-decoration:none;
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

.pager .prev a,.pager .next a {
height:30px;
text-indent:-999999px
}

.pager .prev a::before,.pager .next a::before {
content:'';
display:inline-block;
width:0;
height:0;
border:8px solid transparent;
position:absolute
}

.pager .prev a::before {
border-right-color:rgb(var(--Brand));
left:2px;
top:6px
}

.pager .next a::before {
border-left-color:rgb(var(--Brand));
right:2px;
top:6px
}

.pager .prev a:hover::before {
border-right-color:#fff
}

.pager .next a:hover::before {
border-left-color:#fff
}

.lrp_popup_wrap {
width:100%;
height:100%;
left:0;
top:0;
background:#00000080;
overflow:auto;
color:#555;
position:fixed;
z-index:980;
word-break:break-all
}

.lrp_popup_wrap.light {
background:#ffffff80
}

.lrp_popup {
display:block;
width:90%;
max-width:550px;
min-width:320px;
min-height:100px;
margin:40px auto 20px;
padding:15px;
background:#FFF;
position:relative;
box-shadow:0 0 10px #0000004d;
-moz-box-shadow:0 0 10px #0000004d;
-webkit-box-shadow:0 0 10px #0000004d;
z-index:999
}

.lrp_popup h4 {
margin-bottom:15px
}

.lrp_popup p {
margin-bottom:.5em
}

.lrp_popup ol.lrp_notic {
font-size:1.2rem;
color:#999
}

.lrp_popup .popup_jqrwd {
width:100%;
font-size:1.4rem;
color:#666;
margin-bottom:8px
}

.lrp_popup .popup_jqrwd th {
padding:4px 8px;
border-bottom:1px solid #ddd;
text-align:left;
color:#333;
font-weight:700;
white-space:nowrap
}

.lrp_popup .popup_jqrwd td {
padding:4px 8px;
border-bottom:1px solid #ddd
}

.lrp_popup .popup_jqrwd td.name {
min-width:3em
}

.lrp_popup .popup_jqrwd td.email {
font-size:1.2rem
}

.lrp_popup .popup_jqrwd td.card {
white-space:nowrap
}

.lrp_popup .popup_jqrwd td.point,.lrp_popup .popup_jqrwd td.date {
white-space:nowrap;
font-size:1.2rem
}

.lrp_popup_btn_close {
display:block;
width:20px;
height:20px;
background:#fff;
border:solid 1px rgb(var(--BrandSecondary));
position:absolute;
right:5px;
top:5px;
cursor:pointer
}

.lrp_popup_btn_close::before {
content:"";
display:block;
width:18px;
height:1px;
background:rgb(var(--BrandSecondary));
top:9px;
left:0;
position:absolute;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg)
}

.lrp_popup_btn_close::after {
content:"";
display:block;
width:18px;
height:1px;
background:rgb(var(--BrandSecondary));
top:9px;
left:0;
position:absolute;
transform:rotate(315deg);
-moz-transform:rotate(315deg);
-webkit-transform:rotate(315deg);
-ms-transform:rotate(315deg);
-sand-transform:rotate(315deg)
}

.bg-line {
background-color:rgb(var(--LineOA));
border-color:rgb(var(--LineOA));
}

.bg-line:hover {
background-color:color-mix(in srgb, rgb(var(--LineOA)) 92%,black 8%);}

.tx-verticl-middle {
vertical-align:middle
}

.product_detail_spec_list {
    display: flex;
    flex-wrap: wrap;
}

.product_detail_spec_list > li {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    padding: 8px 16px;
    align-items: center;
    justify-content: center;
}

.product_detail_spec_btn {
    white-space: normal;
    word-wrap: break-word;
    flex: 1;
}


/* 下拉選單多選套件 */

.multiple-select + .select2-container .select2-selection--multiple {
  min-height: 40px!important;
}
.multiple-select + .select2-container button,
.multiple-select + .select2-container textarea {
  min-height: inherit;
}
.multiple-select + .select2-container .select2-selection__clear {
  min-height: 20px!important;
}
.multiple-select + .select2-container .select2-selection__choice__display {
  font-size: 12px!important;
  padding-left: 0px!important;
  padding-right: 8px!important;
}
.multiple-select + .select2-container .select2-selection__choice {
  border-radius: 20px!important;
  /* background-color: rgba(var(--Brand), 0.7)!important; */
  border: 0!important;
  /* color: #fff !important; */
  padding-left: 8px!important;
  padding-right: 20px!important;
}
.multiple-select + .select2-container .select2-selection__choice__remove {
  border-color: transparent !important;
  background-color: #999!important;
  color: #fff !important;
  border-radius: 20px!important;
  left: inherit!important;
  width: 18px;
  height: 18px;
  padding: 0!important;
  right: 3px;
  top: 3px!important;
  display: flex;
  align-items: center;
  justify-content: center;
}

@-webkit-keyframes ColseX {
0% {
-webkit-transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(45deg)
}
}

@-moz-keyframes ColseX {
0% {
-moz-transform:rotate(0deg)
}

100% {
-moz-transform:rotate(45deg)
}
}

@keyframes ColseX {
0% {
transform:rotate(0deg)
}

100% {
transform:rotate(45deg)
}
}

@-webkit-keyframes ColseY {
0% {
-webkit-transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(-45deg)
}
}

@-moz-keyframes ColseY {
0% {
-moz-transform:rotate(0deg)
}

100% {
-moz-transform:rotate(-45deg)
}
}

@keyframes ColseY {
0% {
transform:rotate(0deg)
}

100% {
transform:rotate(-45deg)
}
}

@-webkit-keyframes RoomInUp {
0% {
-webkit-transform:translateY(20px);
opacity:.1
}

100% {
-webkit-transform:translateY(0px);
opacity:1
}
}

@-moz-keyframes RoomInUp {
0% {
-moz-transform:translateY(20px);
opacity:.1
}

100% {
-moz-transform:translateY(0px);
opacity:1
}
}

@keyframes RoomInUp {
0% {
transform:translateY(20px);
opacity:.1
}

100% {
transform:translateY(0px);
opacity:1
}
}

@-webkit-keyframes RoomInDown {
0% {
-webkit-transform:translateY(-20px);
opacity:.1
}

100% {
-webkit-transform:translateY(0px);
opacity:1
}
}

@-moz-keyframes RoomInDown {
0% {
-moz-transform:translateY(-20px);
opacity:.1
}

100% {
-moz-transform:translateY(0px);
opacity:1
}
}

@keyframes RoomInDown {
0% {
transform:translateY(-20px);
opacity:.1
}

100% {
transform:translateY(0px);
opacity:1
}
}

.loader {
display:block;
margin:30% auto;
height:80px;
width:80px;
border:1px solid rgb(var(--Brand));
border-right:2px solid rgb(var(--Brand));
border-radius:50%;
-webkit-animation:te_loading 1s infinite linear;
-moz-animation:te_loading 1s infinite linear;
-o-animation:te_loading 1s infinite linear;
animation:te_loading 1s infinite linear
}

@-webkit-keyframes te_loading {
from {
-webkit-transform:rotate(0deg)
}

to {
-webkit-transform:rotate(360deg)
}
}

@-moz-keyframes te_loading {
from {
-moz-transform:rotate(0deg)
}

to {
-moz-transform:rotate(360deg)
}
}

@-o-keyframes te_loading {
from {
-o-transform:rotate(0deg)
}

to {
-o-transform:rotate(360deg)
}
}

@keyframes te_loading {
from {
transform:rotate(0deg)
}

to {
transform:rotate(360deg)
}
}

@media screen and (max-width: 1200px) {
.lrp_tabs {
padding:0 10px;
margin:0 0 10px
}

.lrp_wrap_lateral {
padding:0 10px
}
}

@media screen and (max-width: 1024px) {
#body {
min-height:calc(100vh - 313px)
}

h1 {
font-size:3rem
}

h2 {
font-size:2.6rem
}

h3 {
font-size:2.6rem
}

.breadcrumbs {
padding-left:10px
}

footer .lrp_epaper div * {
line-height:44px
}

footer .lrp_epaper input {
height:44px;
line-height:44px
}

.lrp_float_area {
display:block;
margin:0 auto;
text-align:center;
position:inherit;
right:inherit;
top:inherit;
z-index:inherit;
overflow:hidden;
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-moz-transform:rotate(0deg)
}

.lrp_float_area .btn_basic {
width:48px
}

.lrp_float_area .btn_docter,.lrp_float_area .btn_qa {
width:calc(((100% - (48px * 4)) / 2))
}

.lrp_float_area .btn_fb span,.lrp_float_area .btn_line span,.lrp_float_area .btn_ig span,.lrp_float_area .btn_yt span {
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg)
}

.lrp_float_area a {
display:inline-block;
padding:0
}

.lrp_float_area .btn_docter {
display:flex;
align-items:center;
justify-content:center
}

.lrp_float_area .btn_docter span {
margin:0 auto;
width:118px;
height:40px;
background:url(../Images/btn_float_dr_m.png) no-repeat;
background-size:contain;
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-moz-transform:rotate(0deg)
}

.lrp_float_area.dr_hidden a {
width:50%
}

input[type="button"].btn_fb_share {
background:url(../Images/social/btn_fb_share.png) no-repeat;
background-size:cover
}
}

@media screen and (max-width: 768px) {
#body {
min-height:calc(100vh - 448px)
}

.breadcrumbs {
margin-bottom:0
}

.lrp_btn_com_main,
input[type="button"].lrp_btn_com_main,
.lrp_btn_com_sub,
input[type="button"].lrp_btn_com_sub,
.lrp_btn_com_secondary,
input[type="button"].lrp_btn_com_secondary,
.lrp_btn_com_thr,
input[type="button"].lrp_btn_com_thr {
  width:100%
}

.lrp_btn_com_cart {
display:block;
text-align:center;
padding:0 .5em;
line-height:40px;
font-size:16px
}

.lrp_2btn .lrp_btn_com_sub {
display:block;
width:calc((100% - 10px)/2);
max-width:calc((100% - 10px)/2);
min-width:inherit;
margin:0
}

.lrp_2btn .lrp_btn_com_sub:first-of-type {
float:left;
margin:0
}

.lrp_2btn .lrp_btn_com_sub:last-of-type {
float:right;
margin:0
}

footer .copyright dfn:not(:first-child) {
margin-left:0
}

footer .copyright dfn {
display:block;
font-size:2rem;
line-height:45px
}

footer .copyright span::before {
content:"";
display:none
}

footer .lrp_line_customer {
flex-direction:column;
justify-content:center
}

footer .lrp_line_customer dl {
justify-content:center;
margin-bottom:8px;
margin-right:0
}

footer .lrp_line_customer p {
text-align:center
}

.cd-panel-container {
width:100%
}

.cd-panel-header {
width:100%
}

.cd-panel-header h2 {
width:90%;
padding:0 1%;
word-wrap:break-word;
word-break:break-all
}

.tabs-underline .lrp_tabs li,.lrp_article_tab li h2 {
font-size:2.2rem;
padding:.3em
}
}

@media screen and (max-width: 480px) {

.pager li {
display:none
}

.pager li.prev,ul.pager li.next {
display:inline-block;
font-size:.8em
}

footer .footer_social a {
margin:0 .5em
}

.lrp_tabs_wrap {
width:100%;
position:relative
}

.lrp_tabs {
padding:0;
max-width:none;
width:auto
}

.lrp_tabs li {
white-space:nowrap
}

.lrp_tabs li.current {
margin-bottom:0;
border-bottom:1px solid #fff
}

.tabs-underline .lrp_tabs li,.lrp_article_tab li h2 {
font-size:1.4rem
}

.lrp_article_list h4 {
font-size:1.8rem
}

.lrp_article_list p {
font-size:1.5rem
}
}

@media screen and (max-width: 320px) {
.lrp_article_tab li h2 {
font-size:1rem
}
}

@media screen and (min-width: 768px) {
.hide-desktop {
display:none!important;
}

.hide-mobile {
display:block!important;
}
}

@media screen and (max-width: 768px) {
.hide-desktop {
display:block!important;
}

.hide-mobile {
display:none!important;
}
}