@import 'bootstrap.min.css';
@import 'datatables.css';
@import 'fontawesome_all.min.css';
@import 'style_admin.css';
@import 'style_custom.css';
@import 'react-big-calendar/lib/sass/styles.scss';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/** RWD */
@media print, screen and (min-width: 768px) {
}
@media print, screen and (min-width: 768px) and (max-width: 1439px) {
}
@media screen and (max-width: 767px) {
}

/* ----------------- Global Adjustments ----------------- */
:root {
  /* Color styles */
  --ce-colors-brand--25: rgb(247, 251, 255);
  --ce-colors-brand--25-rgb: 247, 251, 255;
  --ce-colors-brand--50: rgb(235, 244, 252);
  --ce-colors-brand--50-rgb: 235, 244, 252;
  --ce-colors-brand--100: rgb(194, 221, 247);
  --ce-colors-brand--100-rgb: 194, 221, 247;
  --ce-colors-brand--200: rgb(164, 205, 243);
  --ce-colors-brand--200-rgb: 164, 205, 243;
  --ce-colors-brand--300: rgb(123, 182, 238);
  --ce-colors-brand--300-rgb: 123, 182, 238;
  --ce-colors-brand--400: rgb(97, 168, 234);
  --ce-colors-brand--400-rgb: 97, 168, 234;
  --ce-colors-brand--500: rgb(58, 146, 229);
  --ce-colors-brand--500-rgb: 58, 146, 229;
  --ce-colors-brand--600: rgb(53, 133, 208);
  --ce-colors-brand--600-rgb: 53, 133, 208;
  --ce-colors-brand--700: rgb(41, 104, 163);
  --ce-colors-brand--700-rgb: 41, 104, 163;
  --ce-colors-brand--800: rgb(32, 80, 126);
  --ce-colors-brand--800-rgb: 32, 80, 126;
  --ce-colors-brand--900: rgb(24, 61, 96);
  --ce-colors-brand--900-rgb: 24, 61, 96;
  --ce-colors-brand--950: rgb(15, 49, 80);
  --ce-colors-brand--950-rgb: 15, 49, 80;
  --ce-colors-base--white: hwb(0 100% 0%);
  --ce-colors-base--white-rgb: 255, 255, 255;
  --ce-colors-base--black: rgba(0, 0, 0, 1);
  --ce-colors-base--black-rgb: 0, 0, 0;
  --ce-colors-gray-light-mode--25: rgba(252, 252, 253, 1);
  --ce-colors-gray-light-mode--25-rgb: 252, 252, 253;
  --ce-colors-gray-light-mode--50: rgba(249, 250, 251, 1);
  --ce-colors-gray-light-mode--50-rgb: 249, 250, 251;
  --ce-colors-gray-light-mode--100: rgba(242, 244, 247, 1);
  --ce-colors-gray-light-mode--100-rgb: 242, 244, 247;
  --ce-colors-gray-light-mode--200: rgba(234, 236, 240, 1);
  --ce-colors-gray-light-mode--200-rgb: 234, 236, 240;
  --ce-colors-gray-light-mode--300: rgba(208, 213, 221, 1);
  --ce-colors-gray-light-mode--300-rgb: 208, 213, 221;
  --ce-colors-gray-light-mode--400: rgba(152, 162, 179, 1);
  --ce-colors-gray-light-mode--400-rgb: 152, 162, 179;
  --ce-colors-gray-light-mode--500: rgba(102, 112, 133, 1);
  --ce-colors-gray-light-mode--500-rgb: 102, 112, 133;
  --ce-colors-gray-light-mode--600: rgba(71, 84, 103, 1);
  --ce-colors-gray-light-mode--600-rgb: 71, 84, 103;
  --ce-colors-gray-light-mode--700: rgba(52, 64, 84, 1);
  --ce-colors-gray-light-mode--700-rgb: 52, 64, 84;
  --ce-colors-gray-light-mode--800: rgba(24, 34, 48, 1);
  --ce-colors-gray-light-mode--800-rgb: 24, 34, 48;
  --ce-colors-gray-light-mode--900: rgba(16, 24, 40, 1);
  --ce-colors-gray-light-mode--900-rgb: 16, 24, 40;
  --ce-colors-gray-light-mode--950: rgba(12, 17, 29, 1);
  --ce-colors-gray-light-mode--950-rgb: 12, 17, 29;
  --ce-colors-gray-dark-mode--25: rgba(250, 250, 250, 1);
  --ce-colors-gray-dark-mode--50: rgba(245, 245, 246, 1);
  --ce-colors-gray-dark-mode--100: rgba(240, 241, 241, 1);
  --ce-colors-gray-dark-mode--200: rgba(236, 236, 237, 1);
  --ce-colors-gray-dark-mode--300: rgba(206, 207, 210, 1);
  --ce-colors-gray-dark-mode--400: rgba(148, 150, 156, 1);
  --ce-colors-gray-dark-mode--500: rgba(133, 136, 142, 1);
  --ce-colors-gray-dark-mode--600: rgba(97, 100, 108, 1);
  --ce-colors-gray-dark-mode--700: rgba(51, 55, 65, 1);
  --ce-colors-gray-dark-mode--800: rgba(31, 36, 47, 1);
  --ce-colors-gray-dark-mode--900: rgba(22, 27, 38, 1);
  --ce-colors-gray-dark-mode--950: rgba(12, 17, 29, 1);
  --ce-colors-error--25: rgba(255, 251, 250, 1);
  --ce-colors-error--50: rgba(254, 243, 242, 1);
  --ce-colors-error--100: rgba(254, 228, 226, 1);
  --ce-colors-error--200: rgba(254, 205, 202, 1);
  --ce-colors-error--300: rgba(253, 162, 155, 1);
  --ce-colors-error--400: rgba(249, 112, 102, 1);
  --ce-colors-error--500: rgba(240, 68, 56, 1);
  --ce-colors-error--500-rgb: 240, 68, 56;
  --ce-colors-error--600: rgba(217, 45, 32, 1);
  --ce-colors-error--600-rgb: 217, 45, 32;
  --ce-colors-error--700: rgba(180, 35, 24, 1);
  --ce-colors-error--800: rgba(145, 32, 24, 1);
  --ce-colors-error--900: rgba(122, 39, 26, 1);
  --ce-colors-error--950: rgba(85, 22, 12, 1);
  --ce-colors-warning--25: rgba(255, 252, 245, 1);
  --ce-colors-warning--50: rgba(255, 250, 235, 1);
  --ce-colors-warning--100: rgba(254, 240, 199, 1);
  --ce-colors-warning--200: rgba(254, 223, 137, 1);
  --ce-colors-warning--300: rgba(254, 200, 75, 1);
  --ce-colors-warning--400: rgba(253, 176, 34, 1);
  --ce-colors-warning--500: rgba(247, 144, 9, 1);
  --ce-colors-warning--500-rgb: 247, 144, 9;
  --ce-colors-warning--600: rgba(220, 104, 3, 1);
  --ce-colors-warning--600-rgb: 220, 104, 3;
  --ce-colors-warning--700: rgba(181, 71, 8, 1);
  --ce-colors-warning--800: rgba(147, 55, 13, 1);
  --ce-colors-warning--900: rgba(122, 46, 14, 1);
  --ce-colors-warning--950: rgba(78, 29, 9, 1);
  --ce-colors-success--25: rgba(246, 254, 249, 1);
  --ce-colors-success--50: rgba(236, 253, 243, 1);
  --ce-colors-success--100: rgba(220, 250, 230, 1);
  --ce-colors-success--200: rgba(171, 239, 198, 1);
  --ce-colors-success--300: rgba(117, 224, 167, 1);
  --ce-colors-success--400: rgba(71, 205, 137, 1);
  --ce-colors-success--500: rgba(23, 178, 106, 1);
  --ce-colors-success--500-rgb: 23, 178, 106;
  --ce-colors-success--600: rgba(7, 148, 85, 1);
  --ce-colors-success--600-rgb: 7, 148, 85;
  --ce-colors-success--700: rgba(6, 118, 71, 1);
  --ce-colors-success--800: rgba(8, 93, 58, 1);
  --ce-colors-success--900: rgba(7, 77, 49, 1);
  --ce-colors-success--950: rgba(5, 51, 33, 1);
  --ce-colors-gray-blue--25: rgba(252, 252, 253, 1);
  --ce-colors-gray-blue--50: rgba(248, 249, 252, 1);
  --ce-colors-gray-blue--100: rgba(234, 236, 245, 1);
  --ce-colors-gray-blue--200: rgba(213, 217, 235, 1);
  --ce-colors-gray-blue--300: rgba(179, 184, 219, 1);
  --ce-colors-gray-blue--400: rgba(113, 123, 188, 1);
  --ce-colors-gray-blue--500: rgba(78, 91, 166, 1);
  --ce-colors-gray-blue--600: rgba(62, 71, 132, 1);
  --ce-colors-gray-blue--700: rgba(54, 63, 114, 1);
  --ce-colors-gray-blue--800: rgba(41, 48, 86, 1);
  --ce-colors-gray-blue--900: rgba(16, 19, 35, 1);
  --ce-colors-gray-blue--950: rgba(13, 15, 28, 1);
  --ce-colors-gray-cool--25: rgba(252, 252, 253, 1);
  --ce-colors-gray-cool--50: rgba(249, 249, 251, 1);
  --ce-colors-gray-cool--100: rgba(239, 241, 245, 1);
  --ce-colors-gray-cool--200: rgba(220, 223, 234, 1);
  --ce-colors-gray-cool--300: rgba(185, 192, 212, 1);
  --ce-colors-gray-cool--400: rgba(125, 137, 176, 1);
  --ce-colors-gray-cool--500: rgba(93, 107, 152, 1);
  --ce-colors-gray-cool--600: rgba(74, 85, 120, 1);
  --ce-colors-gray-cool--700: rgba(64, 73, 104, 1);
  --ce-colors-gray-cool--800: rgba(48, 55, 79, 1);
  --ce-colors-gray-cool--900: rgba(17, 19, 34, 1);
  --ce-colors-gray-cool--950: rgba(14, 16, 27, 1);
  --ce-colors-gray-modern--25: rgba(252, 252, 253, 1);
  --ce-colors-gray-modern--50: rgba(248, 250, 252, 1);
  --ce-colors-gray-modern--100: rgba(238, 242, 246, 1);
  --ce-colors-gray-modern--200: rgba(227, 232, 239, 1);
  --ce-colors-gray-modern--300: rgba(205, 213, 223, 1);
  --ce-colors-gray-modern--400: rgba(154, 164, 178, 1);
  --ce-colors-gray-modern--500: rgba(105, 117, 134, 1);
  --ce-colors-gray-modern--600: rgba(75, 85, 101, 1);
  --ce-colors-gray-modern--700: rgba(54, 65, 82, 1);
  --ce-colors-gray-modern--800: rgba(32, 41, 57, 1);
  --ce-colors-gray-modern--900: rgba(18, 25, 38, 1);
  --ce-colors-gray-modern--950: rgba(13, 18, 28, 1);
  --ce-colors-gray-neutral--25: rgba(252, 252, 253, 1);
  --ce-colors-gray-neutral--50: rgba(249, 250, 251, 1);
  --ce-colors-gray-neutral--100: rgba(243, 244, 246, 1);
  --ce-colors-gray-neutral--200: rgba(229, 231, 235, 1);
  --ce-colors-gray-neutral--300: rgba(210, 214, 219, 1);
  --ce-colors-gray-neutral--400: rgba(157, 164, 174, 1);
  --ce-colors-gray-neutral--500: rgba(108, 115, 127, 1);
  --ce-colors-gray-neutral--600: rgba(77, 87, 97, 1);
  --ce-colors-gray-neutral--700: rgba(56, 66, 80, 1);
  --ce-colors-gray-neutral--800: rgba(31, 42, 55, 1);
  --ce-colors-gray-neutral--900: rgba(17, 25, 39, 1);
  --ce-colors-gray-neutral--950: rgba(13, 18, 28, 1);
  --ce-colors-gray-iron--25: rgba(252, 252, 252, 1);
  --ce-colors-gray-iron--50: rgba(250, 250, 250, 1);
  --ce-colors-gray-iron--100: rgba(244, 244, 245, 1);
  --ce-colors-gray-iron--200: rgba(228, 228, 231, 1);
  --ce-colors-gray-iron--300: rgba(209, 209, 214, 1);
  --ce-colors-gray-iron--400: rgba(160, 160, 171, 1);
  --ce-colors-gray-iron--500: rgba(112, 112, 123, 1);
  --ce-colors-gray-iron--600: rgba(81, 82, 92, 1);
  --ce-colors-gray-iron--700: rgba(63, 63, 70, 1);
  --ce-colors-gray-iron--800: rgba(38, 39, 43, 1);
  --ce-colors-gray-iron--900: rgba(26, 26, 30, 1);
  --ce-colors-gray-iron--950: rgba(19, 19, 22, 1);
  --ce-colors-gray-true--25: rgba(252, 252, 252, 1);
  --ce-colors-gray-true--50: rgba(250, 250, 250, 1);
  --ce-colors-gray-true--100: rgba(245, 245, 245, 1);
  --ce-colors-gray-true--200: rgba(229, 229, 229, 1);
  --ce-colors-gray-true--300: rgba(214, 214, 214, 1);
  --ce-colors-gray-true--400: rgba(163, 163, 163, 1);
  --ce-colors-gray-true--500: rgba(115, 115, 115, 1);
  --ce-colors-gray-true--600: rgba(82, 82, 82, 1);
  --ce-colors-gray-true--700: rgba(66, 66, 66, 1);
  --ce-colors-gray-true--800: rgba(41, 41, 41, 1);
  --ce-colors-gray-true--900: rgba(20, 20, 20, 1);
  --ce-colors-gray-true--950: rgba(15, 15, 15, 1);
  --ce-colors-gray-warm--25: rgba(253, 253, 252, 1);
  --ce-colors-gray-warm--50: rgba(250, 250, 249, 1);
  --ce-colors-gray-warm--100: rgba(245, 245, 244, 1);
  --ce-colors-gray-warm--200: rgba(231, 229, 228, 1);
  --ce-colors-gray-warm--300: rgba(215, 211, 208, 1);
  --ce-colors-gray-warm--400: rgba(169, 162, 157, 1);
  --ce-colors-gray-warm--500: rgba(121, 113, 107, 1);
  --ce-colors-gray-warm--600: rgba(87, 83, 78, 1);
  --ce-colors-gray-warm--700: rgba(68, 64, 60, 1);
  --ce-colors-gray-warm--800: rgba(41, 37, 36, 1);
  --ce-colors-gray-warm--900: rgba(28, 25, 23, 1);
  --ce-colors-gray-warm--950: rgba(23, 20, 18, 1);
  --ce-colors-moss--25: rgba(250, 253, 247, 1);
  --ce-colors-moss--50: rgba(245, 251, 238, 1);
  --ce-colors-moss--100: rgba(230, 244, 215, 1);
  --ce-colors-moss--200: rgba(206, 234, 176, 1);
  --ce-colors-moss--300: rgba(172, 220, 121, 1);
  --ce-colors-moss--400: rgba(134, 203, 60, 1);
  --ce-colors-moss--500: rgba(102, 159, 42, 1);
  --ce-colors-moss--600: rgba(79, 122, 33, 1);
  --ce-colors-moss--700: rgba(63, 98, 26, 1);
  --ce-colors-moss--800: rgba(51, 80, 21, 1);
  --ce-colors-moss--900: rgba(43, 66, 18, 1);
  --ce-colors-moss--950: rgba(26, 40, 11, 1);
  --ce-colors-green-light--25: rgba(250, 254, 245, 1);
  --ce-colors-green-light--50: rgba(243, 254, 231, 1);
  --ce-colors-green-light--100: rgba(227, 251, 204, 1);
  --ce-colors-green-light--200: rgba(208, 248, 171, 1);
  --ce-colors-green-light--300: rgba(166, 239, 103, 1);
  --ce-colors-green-light--400: rgba(133, 225, 58, 1);
  --ce-colors-green-light--500: rgba(102, 198, 28, 1);
  --ce-colors-green-light--600: rgba(76, 163, 13, 1);
  --ce-colors-green-light--700: rgba(59, 124, 15, 1);
  --ce-colors-green-light--800: rgba(50, 98, 18, 1);
  --ce-colors-green-light--900: rgba(43, 83, 20, 1);
  --ce-colors-green-light--950: rgba(21, 41, 10, 1);
  --ce-colors-green--25: rgba(246, 254, 249, 1);
  --ce-colors-green--50: rgba(237, 252, 242, 1);
  --ce-colors-green--100: rgba(211, 248, 223, 1);
  --ce-colors-green--200: rgba(170, 240, 196, 1);
  --ce-colors-green--300: rgba(115, 226, 163, 1);
  --ce-colors-green--400: rgba(60, 203, 127, 1);
  --ce-colors-green--500: rgba(22, 179, 100, 1);
  --ce-colors-green--600: rgba(9, 146, 80, 1);
  --ce-colors-green--700: rgba(8, 116, 67, 1);
  --ce-colors-green--800: rgba(9, 92, 55, 1);
  --ce-colors-green--900: rgba(8, 76, 46, 1);
  --ce-colors-green--950: rgba(5, 46, 28, 1);
  --ce-colors-teal--25: rgba(246, 254, 252, 1);
  --ce-colors-teal--50: rgba(240, 253, 249, 1);
  --ce-colors-teal--100: rgba(204, 251, 239, 1);
  --ce-colors-teal--200: rgba(153, 246, 224, 1);
  --ce-colors-teal--300: rgba(95, 233, 208, 1);
  --ce-colors-teal--400: rgba(46, 211, 183, 1);
  --ce-colors-teal--500: rgba(21, 183, 158, 1);
  --ce-colors-teal--600: rgba(14, 147, 132, 1);
  --ce-colors-teal--700: rgba(16, 117, 105, 1);
  --ce-colors-teal--800: rgba(18, 93, 86, 1);
  --ce-colors-teal--900: rgba(19, 78, 72, 1);
  --ce-colors-teal--950: rgba(10, 41, 38, 1);
  --ce-colors-cyan--25: rgba(245, 254, 255, 1);
  --ce-colors-cyan--50: rgba(236, 253, 255, 1);
  --ce-colors-cyan--100: rgba(207, 249, 254, 1);
  --ce-colors-cyan--200: rgba(165, 240, 252, 1);
  --ce-colors-cyan--300: rgba(103, 227, 249, 1);
  --ce-colors-cyan--400: rgba(34, 204, 238, 1);
  --ce-colors-cyan--500: rgba(6, 174, 212, 1);
  --ce-colors-cyan--600: rgba(8, 138, 178, 1);
  --ce-colors-cyan--700: rgba(14, 112, 144, 1);
  --ce-colors-cyan--800: rgba(21, 91, 117, 1);
  --ce-colors-cyan--900: rgba(22, 76, 99, 1);
  --ce-colors-cyan--950: rgba(13, 45, 58, 1);
  --ce-colors-blue-light--25: rgba(245, 251, 255, 1);
  --ce-colors-blue-light--50: rgba(240, 249, 255, 1);
  --ce-colors-blue-light--100: rgba(224, 242, 254, 1);
  --ce-colors-blue-light--200: rgba(185, 230, 254, 1);
  --ce-colors-blue-light--300: rgba(124, 212, 253, 1);
  --ce-colors-blue-light--400: rgba(54, 191, 250, 1);
  --ce-colors-blue-light--500: rgba(11, 165, 236, 1);
  --ce-colors-blue-light--600: rgba(0, 134, 201, 1);
  --ce-colors-blue-light--700: rgba(2, 106, 162, 1);
  --ce-colors-blue-light--800: rgba(6, 89, 134, 1);
  --ce-colors-blue-light--900: rgba(11, 74, 111, 1);
  --ce-colors-blue-light--950: rgba(6, 44, 65, 1);
  --ce-colors-blue--25: rgba(245, 250, 255, 1);
  --ce-colors-blue--50: rgba(239, 248, 255, 1);
  --ce-colors-blue--100: rgba(209, 233, 255, 1);
  --ce-colors-blue--200: rgba(178, 221, 255, 1);
  --ce-colors-blue--300: rgba(132, 202, 255, 1);
  --ce-colors-blue--400: rgba(83, 177, 253, 1);
  --ce-colors-blue--500: rgba(46, 144, 250, 1);
  --ce-colors-blue--600: rgba(21, 112, 239, 1);
  --ce-colors-blue--700: rgba(23, 92, 211, 1);
  --ce-colors-blue--800: rgba(24, 73, 169, 1);
  --ce-colors-blue--900: rgba(25, 65, 133, 1);
  --ce-colors-blue--950: rgba(16, 42, 86, 1);
  --ce-colors-blue-dark--25: rgba(245, 248, 255, 1);
  --ce-colors-blue-dark--50: rgba(239, 244, 255, 1);
  --ce-colors-blue-dark--100: rgba(209, 224, 255, 1);
  --ce-colors-blue-dark--200: rgba(178, 204, 255, 1);
  --ce-colors-blue-dark--300: rgba(132, 173, 255, 1);
  --ce-colors-blue-dark--400: rgba(82, 139, 255, 1);
  --ce-colors-blue-dark--500: rgba(41, 112, 255, 1);
  --ce-colors-blue-dark--600: rgba(21, 94, 239, 1);
  --ce-colors-blue-dark--700: rgba(0, 78, 235, 1);
  --ce-colors-blue-dark--800: rgba(0, 64, 193, 1);
  --ce-colors-blue-dark--900: rgba(0, 53, 158, 1);
  --ce-colors-blue-dark--950: rgba(0, 34, 102, 1);
  --ce-colors-indigo--25: rgba(245, 248, 255, 1);
  --ce-colors-indigo--50: rgba(238, 244, 255, 1);
  --ce-colors-indigo--100: rgba(224, 234, 255, 1);
  --ce-colors-indigo--200: rgba(199, 215, 254, 1);
  --ce-colors-indigo--300: rgba(164, 188, 253, 1);
  --ce-colors-indigo--400: rgba(128, 152, 249, 1);
  --ce-colors-indigo--500: rgba(97, 114, 243, 1);
  --ce-colors-indigo--600: rgba(68, 76, 231, 1);
  --ce-colors-indigo--700: rgba(53, 56, 205, 1);
  --ce-colors-indigo--800: rgba(45, 49, 166, 1);
  --ce-colors-indigo--900: rgba(45, 50, 130, 1);
  --ce-colors-indigo--950: rgba(31, 35, 91, 1);
  --ce-colors-violet--25: rgba(251, 250, 255, 1);
  --ce-colors-violet--50: rgba(245, 243, 255, 1);
  --ce-colors-violet--100: rgba(236, 233, 254, 1);
  --ce-colors-violet--200: rgba(221, 214, 254, 1);
  --ce-colors-violet--300: rgba(195, 181, 253, 1);
  --ce-colors-violet--400: rgba(164, 138, 251, 1);
  --ce-colors-violet--500: rgba(135, 91, 247, 1);
  --ce-colors-violet--600: rgba(120, 57, 238, 1);
  --ce-colors-violet--700: rgba(105, 39, 218, 1);
  --ce-colors-violet--800: rgba(87, 32, 183, 1);
  --ce-colors-violet--900: rgba(73, 28, 150, 1);
  --ce-colors-violet--950: rgba(46, 18, 94, 1);
  --ce-colors-purple--25: rgba(250, 250, 255, 1);
  --ce-colors-purple--50: rgba(244, 243, 255, 1);
  --ce-colors-purple--100: rgba(235, 233, 254, 1);
  --ce-colors-purple--200: rgba(217, 214, 254, 1);
  --ce-colors-purple--300: rgba(189, 180, 254, 1);
  --ce-colors-purple--400: rgba(155, 138, 251, 1);
  --ce-colors-purple--500: rgba(122, 90, 248, 1);
  --ce-colors-purple--600: rgba(105, 56, 239, 1);
  --ce-colors-purple--700: rgba(89, 37, 220, 1);
  --ce-colors-purple--800: rgba(74, 31, 184, 1);
  --ce-colors-purple--900: rgba(62, 28, 150, 1);
  --ce-colors-purple--950: rgba(39, 17, 95, 1);
  --ce-colors-fuchsia--25: rgba(254, 250, 255, 1);
  --ce-colors-fuchsia--50: rgba(253, 244, 255, 1);
  --ce-colors-fuchsia--100: rgba(251, 232, 255, 1);
  --ce-colors-fuchsia--200: rgba(246, 208, 254, 1);
  --ce-colors-fuchsia--300: rgba(238, 170, 253, 1);
  --ce-colors-fuchsia--400: rgba(228, 120, 250, 1);
  --ce-colors-fuchsia--500: rgba(212, 68, 241, 1);
  --ce-colors-fuchsia--600: rgba(186, 36, 213, 1);
  --ce-colors-fuchsia--700: rgba(159, 26, 177, 1);
  --ce-colors-fuchsia--800: rgba(130, 24, 144, 1);
  --ce-colors-fuchsia--900: rgba(111, 24, 119, 1);
  --ce-colors-fuchsia--950: rgba(71, 16, 76, 1);
  --ce-colors-pink--25: rgba(254, 246, 251, 1);
  --ce-colors-pink--50: rgba(253, 242, 250, 1);
  --ce-colors-pink--100: rgba(252, 231, 246, 1);
  --ce-colors-pink--200: rgba(252, 206, 238, 1);
  --ce-colors-pink--300: rgba(250, 167, 224, 1);
  --ce-colors-pink--400: rgba(246, 112, 199, 1);
  --ce-colors-pink--500: rgba(238, 70, 188, 1);
  --ce-colors-pink--600: rgba(221, 37, 144, 1);
  --ce-colors-pink--700: rgba(193, 21, 116, 1);
  --ce-colors-pink--800: rgba(158, 22, 95, 1);
  --ce-colors-pink--900: rgba(133, 22, 81, 1);
  --ce-colors-pink--950: rgba(78, 13, 48, 1);
  --ce-colors-rosé--25: rgba(255, 245, 246, 1);
  --ce-colors-rosé--50: rgba(255, 241, 243, 1);
  --ce-colors-rosé--100: rgba(255, 228, 232, 1);
  --ce-colors-rosé--200: rgba(254, 205, 214, 1);
  --ce-colors-rosé--300: rgba(254, 163, 180, 1);
  --ce-colors-rosé--400: rgba(253, 111, 142, 1);
  --ce-colors-rosé--500: rgba(246, 61, 104, 1);
  --ce-colors-rosé--600: rgba(227, 27, 84, 1);
  --ce-colors-rosé--700: rgba(192, 16, 72, 1);
  --ce-colors-rosé--800: rgba(161, 16, 67, 1);
  --ce-colors-rosé--900: rgba(137, 18, 62, 1);
  --ce-colors-rosé--950: rgba(81, 11, 36, 1);
  --ce-colors-orange-dark--25: rgba(255, 249, 245, 1);
  --ce-colors-orange-dark--50: rgba(255, 244, 237, 1);
  --ce-colors-orange-dark--100: rgba(255, 230, 213, 1);
  --ce-colors-orange-dark--200: rgba(255, 214, 174, 1);
  --ce-colors-orange-dark--300: rgba(255, 156, 102, 1);
  --ce-colors-orange-dark--400: rgba(255, 105, 46, 1);
  --ce-colors-orange-dark--500: rgba(255, 68, 5, 1);
  --ce-colors-orange-dark--600: rgba(230, 46, 5, 1);
  --ce-colors-orange-dark--700: rgba(188, 27, 6, 1);
  --ce-colors-orange-dark--800: rgba(151, 24, 12, 1);
  --ce-colors-orange-dark--900: rgba(119, 26, 13, 1);
  --ce-colors-orange-dark--950: rgba(87, 19, 10, 1);
  --ce-colors-orange--25: rgba(254, 250, 245, 1);
  --ce-colors-orange--50: rgba(254, 246, 238, 1);
  --ce-colors-orange--100: rgba(253, 234, 215, 1);
  --ce-colors-orange--200: rgba(249, 219, 175, 1);
  --ce-colors-orange--300: rgba(247, 178, 122, 1);
  --ce-colors-orange--400: rgba(243, 135, 68, 1);
  --ce-colors-orange--500: rgba(239, 104, 32, 1);
  --ce-colors-orange--600: rgba(224, 79, 22, 1);
  --ce-colors-orange--700: rgba(185, 56, 21, 1);
  --ce-colors-orange--800: rgba(147, 47, 25, 1);
  --ce-colors-orange--900: rgba(119, 41, 23, 1);
  --ce-colors-orange--950: rgba(81, 28, 16, 1);
  --ce-colors-yellow--25: rgba(254, 253, 240, 1);
  --ce-colors-yellow--50: rgba(254, 251, 232, 1);
  --ce-colors-yellow--100: rgba(254, 247, 195, 1);
  --ce-colors-yellow--200: rgba(254, 238, 149, 1);
  --ce-colors-yellow--300: rgba(253, 226, 114, 1);
  --ce-colors-yellow--400: rgba(250, 197, 21, 1);
  --ce-colors-yellow--500: rgba(234, 170, 8, 1);
  --ce-colors-yellow--600: rgba(202, 133, 4, 1);
  --ce-colors-yellow--700: rgba(161, 92, 7, 1);
  --ce-colors-yellow--800: rgba(133, 74, 14, 1);
  --ce-colors-yellow--900: rgba(113, 59, 18, 1);
  --ce-colors-yellow--950: rgba(84, 44, 13, 1);

  --ce-colors-bg-brand-primary: var(--ce-colors-brand--50);
  --ce-colors-bg-brand-primary-alt: var(--ce-colors-brand--50);
  --ce-colors-bg-brand-secondary: var(--ce-colors-brand--100);
  --ce-colors-bg-brand-section: var(--ce-colors-brand--800);
  --ce-colors-bg-brand-section-subtle: var(--ce-colors-brand--700);
  --ce-colors-bg-brand-solid: var(--ce-colors-brand--600);
  --ce-colors-bg-brand-solid-hover: var(--ce-colors-brand--700);
  --ce-colors-bg-primary: var(--ce-colors-base--white);
  --ce-colors-bg-primary-solid: var(--ce-colors-gray-light-mode--950);
  --ce-colors-bg-primary-alt: var(--ce-colors-base--white);
  --ce-colors-bg-primary-hover: var(--ce-colors-gray-light-mode--50);
  --ce-colors-bg-secondary: var(--ce-colors-gray-light-mode--50);
  --ce-colors-bg-secondary-solid: var(--ce-colors-gray-light-mode--600);
  --ce-colors-bg-secondary-alt: var(--ce-colors-gray-light-mode--50);
  --ce-colors-bg-secondary-hover: var(--ce-colors-gray-light-mode--100);
  --ce-colors-bg-secondary-subtle: var(--ce-colors-gray-light-mode--25);
  --ce-colors-bg-tertiary: var(--ce-colors-gray-light-mode--100);
  --ce-colors-bg-quaternary: var(--ce-colors-gray-light-mode--200);
  --ce-colors-bg-success-primary: var(--ce-colors-success--50);
  --ce-colors-bg-success-secondary: var(--ce-colors-success--100);
  --ce-colors-bg-success-solid: var(--ce-colors-success--500);
  --ce-colors-bg-success-solid-hover: var(--ce-colors-success--700);
  --ce-colors-bg-warning-primary: var(--ce-colors-warning--50);
  --ce-colors-bg-warning-secondary: var(--ce-colors-warning--100);
  --ce-colors-bg-warning-solid: var(--ce-colors-warning--600);
  --ce-colors-bg-error-primary: var(--ce-colors-error--50);
  --ce-colors-bg-error-secondary: var(--ce-colors-error--100);
  --ce-colors-bg-error-solid: var(--ce-colors-error--600);
  --ce-colors-bg-active: var(--ce-colors-gray-light-mode--50);
  --ce-colors-bg-disabled: var(--ce-colors-gray-light-mode--100);
  --ce-colors-bg-disabled-subtle: var(--ce-colors-gray-light-mode--50);
  --ce-colors-bg-overlay: var(--ce-colors-gray-light-mode--950);
  --ce-colors-border-brand: var(--ce-colors-brand--300);
  --ce-colors-border-brand-solid: var(--ce-colors-brand--600);
  --ce-colors-border-brand-solid-alt: var(--ce-colors-brand--600);
  --ce-colors-border-primary: var(--ce-colors-gray-light-mode--300);
  --ce-colors-border-primary-hover: var(--ce-colors-gray-light-mode--500);
  --ce-colors-border-secondary: var(--ce-colors-gray-light-mode--200);
  --ce-colors-border-secondary-hover: var(--ce-colors-gray-light-mode--400);
  --ce-colors-border-tertiary: var(--ce-colors-gray-light-mode--100);
  --ce-colors-border-tertiary-hover: var(--ce-colors-gray-light-mode--300);
  --ce-colors-border-error: var(--ce-colors-error--300);
  --ce-colors-border-error-solid: var(--ce-colors-error--600);
  --ce-colors-border-disabled: var(--ce-colors-gray-light-mode--300);
  --ce-colors-border-disabled-subtle: var(--ce-colors-gray-light-mode--200);
  --ce-colors-fg-brand-primary: var(--ce-colors-brand--600);
  --ce-colors-fg-brand-primary-alt: var(--ce-colors-brand--600);
  --ce-colors-fg-brand-secondary: var(--ce-colors-brand--500);
  --ce-colors-fg-primary: var(--ce-colors-gray-light-mode--900);
  --ce-colors-fg-secondary: var(--ce-colors-gray-light-mode--700);
  --ce-colors-fg-secondary-hover: var(--ce-colors-gray-light-mode--800);
  --ce-colors-fg-tertiary: var(--ce-colors-gray-light-mode--600);
  --ce-colors-fg-tertiary-hover: var(--ce-colors-gray-light-mode--700);
  --ce-colors-fg-quaternary: var(--ce-colors-gray-light-mode--500);
  --ce-colors-fg-quaternary-hover: var(--ce-colors-gray-light-mode--600);
  --ce-colors-fg-quinary: var(--ce-colors-gray-light-mode--400);
  --ce-colors-fg-quinary-hover: var(--ce-colors-gray-light-mode--500);
  --ce-colors-fg-senary: var(--ce-colors-gray-light-mode--300);
  --ce-colors-fg-success-primary: var(--ce-colors-success--600);
  --ce-colors-fg-success-secondary: var(--ce-colors-success--500);
  --ce-colors-fg-warning-primary: var(--ce-colors-warning--600);
  --ce-colors-fg-warning-secondary: var(--ce-colors-warning--500);
  --ce-colors-fg-error-primary: var(--ce-colors-error--600);
  --ce-colors-fg-error-secondary: var(--ce-colors-error--500);
  --ce-colors-fg-disabled: var(--ce-colors-gray-light-mode--400);
  --ce-colors-fg-disabled-subtle: var(--ce-colors-gray-light-mode--300);
  --ce-colors-fg-white: var(--ce-colors-base--white);
  --ce-colors-text-brand-primary: var(--ce-colors-brand--900);
  --ce-colors-text-brand-primary-rgb: var(--ce-colors-brand--900-rgb);
  --ce-colors-text-brand-secondary: var(--ce-colors-brand--700);
  --ce-colors-text-brand-secondary-rgb: var(--ce-colors-brand--700-rgb);
  --ce-colors-text-brand-tertiary: var(--ce-colors-brand--600);
  --ce-colors-text-brand-tertiary-rgb: var(--ce-colors-brand--600-rgb);
  --ce-colors-text-brand-tertiary-hover: var(--ce-colors-brand--800);
  --ce-colors-text-brand-tertiary-hover-rgb: var(--ce-colors-brand--800-rgb);
  --ce-colors-text-primary: var(--ce-colors-gray-light-mode--900);
  --ce-colors-text-primary-rgb: var(--ce-colors-gray-light-mode--900-rgb);
  --ce-colors-text-primary-on-brand: var(--ce-colors-base--white);
  --ce-colors-text-primary-on-brand-rgb: var(--ce-colors-base--white-rgb);
  --ce-colors-text-secondary: var(--ce-colors-gray-light-mode--700);
  --ce-colors-text-secondary-rgb: var(--ce-colors-gray-light-mode--700-rgb);
  --ce-colors-text-secondary-hover: var(--ce-colors-gray-light-mode--800);
  --ce-colors-text-secondary-hover-rgb: var(--ce-colors-gray-light-mode--800-rgb);
  --ce-colors-text-secondary-on-brand: var(--ce-colors-brand--200);
  --ce-colors-text-secondary-on-brand-rgb: var(--ce-colors-brand--200-rgb);
  --ce-colors-text-tertiary: var(--ce-colors-gray-light-mode--600);
  --ce-colors-text-tertiary-rgb: var(--ce-colors-gray-light-mode--600-rgb);
  --ce-colors-text-tertiary-hover: var(--ce-colors-gray-light-mode--700);
  --ce-colors-text-tertiary-hover-rgb: var(--ce-colors-gray-light-mode--700-rgb);
  --ce-colors-text-tertiary-on-brand: var(--ce-colors-brand--200);
  --ce-colors-text-tertiary-on-brand-rgb: var(--ce-colors-brand--200-rgb);
  --ce-colors-text-quaternary: var(--ce-colors-gray-light-mode--500);
  --ce-colors-text-quaternary-rgb: var(--ce-colors-gray-light-mode--500-rgb);
  --ce-colors-text-quaternary-on-brand: var(--ce-colors-brand--300);
  --ce-colors-text-quaternary-on-brand-rgb: var(--ce-colors-brand--300-rgb);
  --ce-colors-text-success-primary: var(--ce-colors-success--500);
  --ce-colors-text-success-primary-rgb: var(--ce-colors-success--500-rgb);
  --ce-colors-text-warning-primary: var(--ce-colors-warning--500);
  --ce-colors-text-warning-primary-rgb: var(--ce-colors-warning--500-rgb);
  --ce-colors-text-error-primary: var(--ce-colors-error--500);
  --ce-colors-text-error-primary-rgb: var(--ce-colors-error--500-rgb);
  --ce-colors-text-disabled: var(--ce-colors-gray-light-mode--500);
  --ce-colors-text-disabled-rgb: var(--ce-colors-gray-light-mode--500-rgb);
  --ce-colors-text-placeholder: var(--ce-colors-gray-light-mode--500);
  --ce-colors-text-placeholder-rgb: var(--ce-colors-gray-light-mode--500-rgb);
  --ce-colors-text-placeholder-subtle: var(--ce-colors-gray-light-mode--300);
  --ce-colors-text-placeholder-subtle-rgb: var(--ce-colors-gray-light-mode--300-rgb);
  --ce-colors-text-white: var(--ce-colors-base--white);
  --ce-colors-text-white-rgb: var(--ce-colors-base--white-rgb);

  /* boostrap colors */
  --bs-primary: var(--ce-colors-text-brand-primary);
  --bs-secondary: var(--ce-colors-text-secondary);
  --bs-success: var(--ce-colors-text-success-primary);
  --bs-info: var(--ce-colors-blue--500);
  --bs-warning: var(--ce-colors-text-warning-primary);
  --bs-danger: var(--ce-colors-text-error-primary);
  --bs-primary-rgb: var(--ce-colors-text-brand-primary-rgb);
  --bs-secondary-rgb: var(--ce-colors-text-secondary-rgb);
  --bs-success-rgb: var(--ce-colors-text-success-primary-rgb);
  --bs-info-rgb: var(--ce-colors-blue--500-rgb);
  --bs-warning-rgb: var(--ce-colors-text-warning-primary-rgb);
  --bs-danger-rgb: var(--ce-colors-text-error-primary-rgb);
  --bs-link-color: var(--ce-colors-text-brand-tertiary);
  --bs-link-color-rgb: var(--ce-colors-text-brand-tertiary-rgb);
  --bs-link-decoration: none;
  --bs-link-hover-color: var(--ce-colors-text-brand-tertiary);
  --bs-link-hover-color-rgb: var(--ce-colors-text-brand-tertiary-rgb);

  /* Text-size styles */
  /* base size: text-md---regular (16px) */
  --ce-display-2xl: 4.5rem;
  --ce-display-xl: 3.75rem;
  --ce-display-lg: 3rem;
  --ce-display-md: 2.25rem;
  --ce-display-sm: 1.88rem;
  --ce-display-xs: 1.5rem;
  --ce-text-xl: 1.25rem;
  --ce-text-lg: 1.12rem;
  --ce-text-md: 1rem;
  --ce-text-sm: 0.88rem;
  --ce-text-xs: 0.75rem;
  --ce-text-xxs: 0.55rem;

  /* Effect styles */
  --ce-focus-rings--ring-brand: 0px 0px 0px rgba(209, 22, 24, 0.24);
  --ce-focus-rings--ring-brand-shadow-xs: 0px 0px 0px rgba(209, 22, 24, 0.24), 0px 1px 2px rgba(16, 24, 40, 0.05);
  --ce-focus-rings--ring-brand-shadow-sm: 0px 0px 0px rgba(209, 22, 24, 0.24), 0px 1px 2px rgba(16, 24, 40, 0.06),
    0px 1px 3px rgba(16, 24, 40, 0.1);
  --ce-focus-rings--ring-gray: 0px 0px 0px rgba(152, 162, 179, 0.14);
  --ce-focus-rings--ring-gray-shadow-xs: 0px 0px 0px rgba(152, 162, 179, 0.14), 0px 1px 2px rgba(16, 24, 40, 0.05);
  --ce-focus-rings--ring-gray-shadow-sm: 0px 0px 0px rgba(152, 162, 179, 0.14), 0px 1px 2px rgba(16, 24, 40, 0.06),
    0px 1px 3px rgba(16, 24, 40, 0.1);
  --ce-focus-rings--ring-gray-secondary: 0px 0px 0px rgba(152, 162, 179, 0.2);
  --ce-focus-rings--ring-error: 0px 0px 0px rgba(240, 68, 56, 0.24);
  --ce-focus-rings--ring-error-shadow-xs: 0px 0px 0px rgba(240, 68, 56, 0.24), 0px 1px 2px rgba(16, 24, 40, 0.05);
  --ce-shadows--shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
  --ce-shadows--shadow-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  --ce-shadows--shadow-md: 0px 2px 4px rgba(16, 24, 40, 0.06), 0px 4px 8px rgba(16, 24, 40, 0.1);
  --ce-shadows--shadow-lg: 0px 4px 6px rgba(16, 24, 40, 0.03), 0px 12px 16px rgba(16, 24, 40, 0.08);
  --ce-shadows--shadow-xl: 0px 8px 8px rgba(16, 24, 40, 0.03), 0px 20px 24px rgba(16, 24, 40, 0.08);
  --ce-shadows--shadow-2xl: 0px 24px 48px rgba(16, 24, 40, 0.18);
  --ce-shadows--shadow-3xl: 0px 32px 64px rgba(16, 24, 40, 0.14);

  /* radius */
  --ce-radius-none: 0px;
  --ce-radius-xxs: 2px;
  --ce-radius-xs: 4px;
  --ce-radius-sm: 6px;
  --ce-radius-md: 8px;
  --ce-radius-lg: 10px;
  --ce-radius-xl: 12px;
  --ce-radius-2xl: 16px;
  --ce-radius-3xl: 20px;
  --ce-radius-4xl: 24px;
  --ce-radius-full: 50%;

  /* spacing */
  --ce-spacing-0: 0px;
  --ce-spacing-0․5: 2px;
  --ce-spacing-1: 4px;
  --ce-spacing-1․5: 6px;
  --ce-spacing-2: 8px;
  --ce-spacing-3: 12px;
  --ce-spacing-4: 16px;
  --ce-spacing-5: 20px;
  --ce-spacing-6: 24px;
  --ce-spacing-8: 32px;
  --ce-spacing-10: 40px;
  --ce-spacing-12: 48px;
  --ce-spacing-16: 64px;
  --ce-spacing-20: 80px;
  --ce-spacing-24: 96px;
  --ce-spacing-32: 128px;
  --ce-spacing-40: 160px;
  --ce-spacing-48: 192px;
  --ce-spacing-56: 224px;
  --ce-spacing-64: 256px;
  --ce-spacing-80: 320px;
  --ce-spacing-96: 384px;
  --ce-spacing-120: 480px;
  --ce-spacing-140: 560px;
  --ce-spacing-160: 640px;
  --ce-spacing-180: 720px;
  --ce-spacing-192: 768px;
  --ce-spacing-256: 1024px;
  --ce-spacing-320: 1280px;
  --ce-spacing-360: 1440px;
  --ce-spacing-400: 1600px;
  --ce-spacing-480: 1920px;

  --ce-spacing-none: var(--ce-spacing-0);
  --ce-spacing-xxs: var(--ce-spacing-0․5);
  --ce-spacing-xs: var(--ce-spacing-1);
  --ce-spacing-sm: var(--ce-spacing-1․5);
  --ce-spacing-md: var(--ce-spacing-2);
  --ce-spacing-lg: var(--ce-spacing-3);
  --ce-spacing-xl: var(--ce-spacing-4);
  --ce-spacing-2xl: var(--ce-spacing-5);
  --ce-spacing-3xl: var(--ce-spacing-6);
  --ce-spacing-4xl: var(--ce-spacing-8);
  --ce-spacing-5xl: var(--ce-spacing-10);
  --ce-spacing-6xl: var(--ce-spacing-12);
  --ce-spacing-7xl: var(--ce-spacing-16);
  --ce-spacing-8xl: var(--ce-spacing-20);
  --ce-spacing-9xl: var(--ce-spacing-24);
  --ce-spacing-10xl: var(--ce-spacing-32);
  --ce-spacing-11xl: var(--ce-spacing-40);

  --ce-container-padding-mobile: var(--ce-spacing-4);
  --ce-container-padding-desktop: var(--ce-spacing-6);
  --ce-container-max-width-desktop: var(--ce-spacing-320);

  --ce-width-xxs: var(--ce-spacing-80);
  --ce-width-xs: var(--ce-spacing-96);
  --ce-width-sm: var(--ce-spacing-120);
  --ce-width-md: var(--ce-spacing-140);
  --ce-width-lg: var(--ce-spacing-160);
  --ce-paragraph-max-width: var(--ce-spacing-180);
  --ce-width-xl: var(--ce-spacing-192);
  --ce-width-2xl: var(--ce-spacing-256);
  --ce-width-3xl: var(--ce-spacing-320);
  --ce-width-4xl: var(--ce-spacing-360);
  --ce-width-5xl: var(--ce-spacing-400);
  --ce-width-6xl: var(--ce-spacing-480);

  /* opacity */
  --ce-opacity-zero: 0;
  --ce-opacity-xxs: 0.9;
  --ce-opacity-xs: 0.8;
  --ce-opacity-sm: 0.7;
  --ce-opacity-md: 0.5;
  --ce-opacity-lg: 0.3;
  --ce-opacity-xl: 0.2;
  --ce-opacity-2xl: 0.1;
  --ce-opacity-none: 1;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', sans-serif !important;
  font-size: 16px;
  line-height: 1.5rem;
  --ce-colors-text-body: var(--ce-colors-text-primary);
  color: var(--ce-colors-text-body);
  text-align: var(--bs-body-text-align);
  background-color: var(--ce-colors-fg-white);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
button {
  touch-action: manipulation;
}

section {
  position: relative;
}

picture {
  overflow: hidden;
}

img {
  border-style: none;
  vertical-align: top;
  line-height: 0;
  max-width: 100%;
}

a {
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  color: var(--ce-colors-text-brand-tertiary);
}
a:hover {
  filter: saturate(1.2);
}
a img {
  -moz-transition: all 0.16s ease-in;
  -ms-transition: all 0.16s ease-in;
  -o-transition: all 0.16s ease-in;
  -webkit-transition: all 0.16s ease-in;
  transition: all 0.16s ease-in;
}

p {
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
}

.btn:focus,
.btn.focus,
.navbar-toggler:focus {
  outline: none !important;
  box-shadow: none !important;
}

ol ul {
  list-style-type: disc;
}

*:focus-visible {
  outline: none;
}

/* material symbols */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.material-symbols-outlined.ms-fill {
  font-variation-settings: 'FILL' 1;
}

/* ------------------------ utilities ----------------------- */

/* ------------------------ main ------------------------ */

.m__wrap {
  margin-left: auto;
  margin-right: auto;
  height: 100vh;
  height: 100svh;
  max-height: 100svh;
  display: flex;
  flex-direction: column;
}
.m__wrapper {
  margin-left: auto;
  margin-right: auto;
}
.m__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 6rem;
  z-index: 103;
}
.m__contents {
  padding: 0 !important;
  display: inline-flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 103;
}

@media print, screen and (min-width: 768px) {
  .m__wrapper {
    width: 98.333vw;
  }
  .m__inner {
    max-width: 1200px;
  }
  .m__contents {
    padding-top: 80px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1439px) {
  .m__inner {
    width: 90.33333vw;
  }
  .m__contents {
    padding-top: 5.55556vw;
  }
}

@media screen and (max-width: 767px) {
  .m__wrapper {
    width: 96.333vw;
  }
  .m__inner {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
  .m__contents {
    padding-top: 10.66667vw;
    overflow: scroll;
  }
}

/* ----------------------- header ----------------------- */
header {
  padding-right: 0;
  padding-left: 0;
}

/* ----------------------- footer ----------------------- */
.c__footer {
  position: relative;
}

/* ------------------------ bootstrap ----------------------- */
.fs-5 {
  font-size: var(--ce-text-lg) !important;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--ce-radius-sm);
  -moz-transition: all 0.16s;
  -ms-transition: all 0.16s;
  -o-transition: all 0.16s;
  -webkit-transition: all 0.16s;
  transition: all 0.16s;
}
.btn-group.btn-group-sm .btn,
.btn.btn-sm {
  padding-left: var(--ce-spacing-2);
  padding-right: var(--ce-spacing-2);
}
.btn:hover {
  filter: brightness(1.15);
}
.btn-close:focus {
  box-shadow: none;
}
.btn-primary {
  --bs-btn-color: var(--ce-colors-text-white);
  --bs-btn-bg: var(--ce-colors-text-brand-tertiary);
  --bs-btn-border-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-hover-color: var(--ce-colors-text-white);
  --bs-btn-hover-bg: var(--ce-colors-text-brand-tertiary);
  --bs-btn-hover-border-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--ce-colors-text-white);
  --bs-btn-active-bg: var(--ce-colors-text-brand-tertiary);
  --bs-btn-active-border-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ce-colors-text-white);
  --bs-btn-disabled-bg: var(--ce-colors-text-brand-tertiary);
  --bs-btn-disabled-border-color: var(--ce-colors-text-brand-tertiary);
}
.btn-outline-primary {
  --bs-btn-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-border-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-hover-color: var(--ce-colors-text-white);
  --bs-btn-hover-bg: var(--ce-colors-text-brand-tertiary);
  --bs-btn-hover-border-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--ce-colors-text-white);
  --bs-btn-active-bg: var(--ce-colors-text-brand-tertiary);
  --bs-btn-active-border-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ce-colors-text-brand-tertiary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ce-colors-text-brand-tertiary);
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: var(--ce-colors-text-secondary);
  --bs-btn-border-color: var(--ce-colors-border-primary);
  --bs-btn-hover-color: var(--ce-colors-text-white);
  --bs-btn-hover-bg: var(--ce-colors-bg-secondary-solid);
  --bs-btn-hover-border-color: var(--ce-colors-border-primary);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: var(--ce-colors-text-white);
  --bs-btn-active-bg: var(--ce-colors-bg-secondary-solid);
  --bs-btn-active-border-color: var(--ce-colors-border-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ce-colors-bg-secondary-solid);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ce-colors-border-primary);
  --bs-gradient: none;
}
.btn-success {
  --bs-btn-color: var(--ce-colors-text-white);
  --bs-btn-bg: var(--ce-colors-bg-success-solid);
  --bs-btn-border-color: var(--ce-colors-bg-success-solid);
  --bs-btn-hover-color: var(--ce-colors-text-white);
  --bs-btn-hover-bg: var(--ce-colors-bg-success-solid-hover);
  --bs-btn-hover-border-color: var(--ce-colors-bg-success-solid-hover);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: var(--ce-colors-text-white);
  --bs-btn-active-bg: var(--ce-colors-bg-success-solid-hover);
  --bs-btn-active-border-color: var(--ce-colors-bg-success-solid-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ce-colors-text-white);
  --bs-btn-disabled-bg: var(--ce-colors-bg-success-solid);
  --bs-btn-disabled-border-color: var(--ce-colors-bg-success-solid);
}
.btn-link {
  text-decoration: none;
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  border-color: transparent;
}

.form-label {
  margin-bottom: var(--ce-spacing-xs);
  font-size: var(--ce-text-xs);
  opacity: var(--ce-opacity-sm);
}
.form-control:focus,
.form-select:focus {
  border-color: var(--ce-colors-border-primary-hover);
  box-shadow: none;
}
.form-select:disabled,
.form-control:disabled {
  opacity: var(--ce-opacity-md);
}
.form-check-input {
  cursor: pointer;
}
.form-check-input[type='checkbox']:indeterminate {
  background-color: var(--ce-colors-text-brand-tertiary);
  border-color: var(--ce-colors-text-brand-tertiary);
}
.form-check-input:checked {
  background-color: var(--ce-colors-text-brand-tertiary);
  border-color: var(--ce-colors-text-brand-tertiary);
}
.form-check-input:focus {
  border-color: var(--ce-colors-text-brand-tertiary);
  outline: 0;
  box-shadow: none;
}
.form-check-label {
  cursor: pointer;
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%2853,%20133,%20208%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: inherit;
  padding-right: inherit;
  background: none;
}
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: inherit;
  padding-right: inherit;
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size='1'],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size='1'] {
  --bs-form-select-bg-icon: unset;
  padding-right: 2.125rem;
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size='1'],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size='1'] {
  --bs-form-select-bg-icon: unset;
  padding-right: 2.125rem;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-image: unset;
  padding-right: inherit;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: var(--ce-colors-text-secondary);
}
.invalid-feedback {
  padding-top: var(--ce-spacing-1);
  font-size: var(--ce-text-xs);
  line-height: 1.5;
}

.table-sm > :not(caption) > * > * {
  padding: var(--ce-spacing-1) var(--ce-spacing-3);
}

.modal {
  --bs-modal-width: 640px;
}
@media (min-width: 576px) {
  .modal-sm {
    --bs-modal-width: 320px;
  }
}
.modal-title {
  display: flex;
  align-items: center;
  gap: var(--ce-spacing-3);
}
.modal.fade .modal-dialog {
  transition: transform 0.4s ease;
}

/* ------------------------ datatable ----------------------- */
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: var(--ce-opacity-xl);
  font-size: var(--ce-text-xxs);
}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: var(--ce-opacity-sm);
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  bottom: 45%;
}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  top: 55%;
}
table.table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px var(--ce-colors-bg-secondary-hover);
}
table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: none;
  outline-offset: -2px;
  box-shadow: inset 0 0 0 9999px var(--ce-colors-bg-secondary-hover);
}

/* ------------------------- custom ------------------------- */

.col-9 .row + .row {
  margin-top: var(--ce-spacing-md);
}
.nav__icon {
  width: 20px;
  height: 20px;
  stroke: var(--ce-colors-fg-quaternary);
  @media screen and (max-width: 767px) {
    width: 16px;
    height: 16px;
  }
}
.btn__icon {
  width: 18px;
  height: 18px;
}
.btn-sm .btn__icon,
.btn-group-sm .btn__icon {
  width: 14px;
  height: 14px;
}
.btn-primary {
  & .btn__icon {
    stroke: var(--ce-colors-text-white);
  }
}
.btn-link {
  & .btn__icon {
    stroke: var(--ce-colors-text-brand-tertiary);
  }
}
.btn-outline-primary {
  & .btn__icon {
    stroke: var(--ce-colors-text-brand-tertiary);
  }
  &:hover .btn__icon {
    stroke: var(--ce-colors-text-white);
  }
}
.btn-outline-secondary {
  & .btn__icon {
    stroke: var(--ce-colors-text-tertiary);
  }
  &:hover .btn__icon {
    stroke: var(--ce-colors-text-white);
  }
}
.btn-cancel {
  &:hover {
    background-color: var(--ce-colors-bg-secondary-hover);
    filter: none;
  }
}

.btn-check + .btn {
  &:hover {
    color: var(--ce-colors-text-secondary);
    background-color: var(--ce-colors-border-secondary);
    border-color: var(--ce-colors-border-primary);
    filter: none;
  }
}
.btn-check:checked + .btn {
  &:hover {
    color: var(--ce-colors-bg-primary);
    background-color: var(--ce-colors-border-primary-hover);
  }
}

.btn-group {
  & input.btn-check + label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: var(--ce-spacing-2);
    padding-left: var(--ce-spacing-xl) !important;
    padding-right: var(--ce-spacing-xl) !important;
    transition: all 0.2 ease;
    /* &::before {
            width: 18px;
            height: 18px;
            content: '';
        } */

    &:hover {
      color: var(--ce-colors-text-secondary);
      background-color: var(--ce-colors-border-secondary);
      border-color: var(--ce-colors-border-primary);
      filter: none;

      & .btn__icon {
        stroke: var(--ce-colors-text-secondary);
      }
    }
  }

  & input.btn-check:checked + label {
    border-color: var(--ce-colors-border-primary-hover);

    & .btn__icon {
      stroke: var(--bs-btn-active-color);
    }

    &:hover {
      color: var(--ce-colors-bg-primary);
      background-color: var(--ce-colors-border-primary-hover);

      & .btn__icon {
        stroke: var(--ce-colors-bg-primary);
      }
    }
  }
  /* & input[type='radio'].btn-check + label {
        &::before {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17571_33372' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect x='0.0493164' y='0.6474' width='24' height='24' fill='%23475467'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17571_33372)'%3E%3Cpath d='M12.0493 22.6474C10.666 22.6474 9.36598 22.3849 8.14932 21.8599C6.93265 21.3349 5.87432 20.6224 4.97432 19.7224C4.07432 18.8224 3.36182 17.7641 2.83682 16.5474C2.31182 15.3307 2.04932 14.0307 2.04932 12.6474C2.04932 11.2641 2.31182 9.96407 2.83682 8.7474C3.36182 7.53073 4.07432 6.4724 4.97432 5.5724C5.87432 4.6724 6.93265 3.9599 8.14932 3.4349C9.36598 2.9099 10.666 2.6474 12.0493 2.6474C13.4326 2.6474 14.7327 2.9099 15.9493 3.4349C17.166 3.9599 18.2243 4.6724 19.1243 5.5724C20.0243 6.4724 20.7368 7.53073 21.2618 8.7474C21.7868 9.96407 22.0493 11.2641 22.0493 12.6474C22.0493 14.0307 21.7868 15.3307 21.2618 16.5474C20.7368 17.7641 20.0243 18.8224 19.1243 19.7224C18.2243 20.6224 17.166 21.3349 15.9493 21.8599C14.7327 22.3849 13.4326 22.6474 12.0493 22.6474ZM12.0493 20.6474C14.2826 20.6474 16.1743 19.8724 17.7243 18.3224C19.2743 16.7724 20.0493 14.8807 20.0493 12.6474C20.0493 10.4141 19.2743 8.5224 17.7243 6.9724C16.1743 5.4224 14.2826 4.6474 12.0493 4.6474C9.81598 4.6474 7.92432 5.4224 6.37432 6.9724C4.82432 8.5224 4.04932 10.4141 4.04932 12.6474C4.04932 14.8807 4.82432 16.7724 6.37432 18.3224C7.92432 19.8724 9.81598 20.6474 12.0493 20.6474Z' fill='%23475467'/%3E%3C/g%3E%3C/svg%3E");
            background-size: cover;
        }
        &:hover {
            &::before {
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17572_33381' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.6474' width='24' height='24' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17572_33381)'%3E%3Cpath d='M10.6 17.2474L17.65 10.1974L16.25 8.7974L10.6 14.4474L7.75 11.5974L6.35 12.9974L10.6 17.2474ZM12 22.6474C10.6167 22.6474 9.31667 22.3849 8.1 21.8599C6.88333 21.3349 5.825 20.6224 4.925 19.7224C4.025 18.8224 3.3125 17.7641 2.7875 16.5474C2.2625 15.3307 2 14.0307 2 12.6474C2 11.2641 2.2625 9.96407 2.7875 8.7474C3.3125 7.53073 4.025 6.4724 4.925 5.5724C5.825 4.6724 6.88333 3.9599 8.1 3.4349C9.31667 2.9099 10.6167 2.6474 12 2.6474C13.3833 2.6474 14.6833 2.9099 15.9 3.4349C17.1167 3.9599 18.175 4.6724 19.075 5.5724C19.975 6.4724 20.6875 7.53073 21.2125 8.7474C21.7375 9.96407 22 11.2641 22 12.6474C22 14.0307 21.7375 15.3307 21.2125 16.5474C20.6875 17.7641 19.975 18.8224 19.075 19.7224C18.175 20.6224 17.1167 21.3349 15.9 21.8599C14.6833 22.3849 13.3833 22.6474 12 22.6474ZM12 20.6474C14.2333 20.6474 16.125 19.8724 17.675 18.3224C19.225 16.7724 20 14.8807 20 12.6474C20 10.4141 19.225 8.5224 17.675 6.9724C16.125 5.4224 14.2333 4.6474 12 4.6474C9.76667 4.6474 7.875 5.4224 6.325 6.9724C4.775 8.5224 4 10.4141 4 12.6474C4 14.8807 4.775 16.7724 6.325 18.3224C7.875 19.8724 9.76667 20.6474 12 20.6474Z' fill='%2398A2B3'/%3E%3C/g%3E%3C/svg%3E");
            }
        }
    }
    & input[type='radio'].btn-check:checked + label {
        &::before {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17572_33381' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.6474' width='24' height='24' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17572_33381)'%3E%3Cpath d='M10.6 17.2474L17.65 10.1974L16.25 8.7974L10.6 14.4474L7.75 11.5974L6.35 12.9974L10.6 17.2474ZM12 22.6474C10.6167 22.6474 9.31667 22.3849 8.1 21.8599C6.88333 21.3349 5.825 20.6224 4.925 19.7224C4.025 18.8224 3.3125 17.7641 2.7875 16.5474C2.2625 15.3307 2 14.0307 2 12.6474C2 11.2641 2.2625 9.96407 2.7875 8.7474C3.3125 7.53073 4.025 6.4724 4.925 5.5724C5.825 4.6724 6.88333 3.9599 8.1 3.4349C9.31667 2.9099 10.6167 2.6474 12 2.6474C13.3833 2.6474 14.6833 2.9099 15.9 3.4349C17.1167 3.9599 18.175 4.6724 19.075 5.5724C19.975 6.4724 20.6875 7.53073 21.2125 8.7474C21.7375 9.96407 22 11.2641 22 12.6474C22 14.0307 21.7375 15.3307 21.2125 16.5474C20.6875 17.7641 19.975 18.8224 19.075 19.7224C18.175 20.6224 17.1167 21.3349 15.9 21.8599C14.6833 22.3849 13.3833 22.6474 12 22.6474ZM12 20.6474C14.2333 20.6474 16.125 19.8724 17.675 18.3224C19.225 16.7724 20 14.8807 20 12.6474C20 10.4141 19.225 8.5224 17.675 6.9724C16.125 5.4224 14.2333 4.6474 12 4.6474C9.76667 4.6474 7.875 5.4224 6.325 6.9724C4.775 8.5224 4 10.4141 4 12.6474C4 14.8807 4.775 16.7724 6.325 18.3224C7.875 19.8724 9.76667 20.6474 12 20.6474Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
        }
        &:hover {
            &::before {
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17572_33381' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.6474' width='24' height='24' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17572_33381)'%3E%3Cpath d='M10.6 17.2474L17.65 10.1974L16.25 8.7974L10.6 14.4474L7.75 11.5974L6.35 12.9974L10.6 17.2474ZM12 22.6474C10.6167 22.6474 9.31667 22.3849 8.1 21.8599C6.88333 21.3349 5.825 20.6224 4.925 19.7224C4.025 18.8224 3.3125 17.7641 2.7875 16.5474C2.2625 15.3307 2 14.0307 2 12.6474C2 11.2641 2.2625 9.96407 2.7875 8.7474C3.3125 7.53073 4.025 6.4724 4.925 5.5724C5.825 4.6724 6.88333 3.9599 8.1 3.4349C9.31667 2.9099 10.6167 2.6474 12 2.6474C13.3833 2.6474 14.6833 2.9099 15.9 3.4349C17.1167 3.9599 18.175 4.6724 19.075 5.5724C19.975 6.4724 20.6875 7.53073 21.2125 8.7474C21.7375 9.96407 22 11.2641 22 12.6474C22 14.0307 21.7375 15.3307 21.2125 16.5474C20.6875 17.7641 19.975 18.8224 19.075 19.7224C18.175 20.6224 17.1167 21.3349 15.9 21.8599C14.6833 22.3849 13.3833 22.6474 12 22.6474ZM12 20.6474C14.2333 20.6474 16.125 19.8724 17.675 18.3224C19.225 16.7724 20 14.8807 20 12.6474C20 10.4141 19.225 8.5224 17.675 6.9724C16.125 5.4224 14.2333 4.6474 12 4.6474C9.76667 4.6474 7.875 5.4224 6.325 6.9724C4.775 8.5224 4 10.4141 4 12.6474C4 14.8807 4.775 16.7724 6.325 18.3224C7.875 19.8724 9.76667 20.6474 12 20.6474Z' fill='%23EDEDED'/%3E%3C/g%3E%3C/svg%3E");
            }
        }
    } */
  & input[type='checkbox'].btn-check + label {
    &::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17575_33397' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17575_33397)'%3E%3Cpath d='M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z' fill='%23475467'/%3E%3C/g%3E%3C/svg%3E");
      background-size: cover;
    }
    &:hover {
      &::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17575_33388' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect x='0.662109' y='0.465637' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17575_33388)'%3E%3Cpath d='M11.2621 16.6656L18.3121 9.61564L16.9121 8.21564L11.2621 13.8656L8.41211 11.0156L7.01211 12.4156L11.2621 16.6656ZM5.66211 21.4656C5.11211 21.4656 4.64128 21.2698 4.24961 20.8781C3.85794 20.4865 3.66211 20.0156 3.66211 19.4656V5.46564C3.66211 4.91564 3.85794 4.4448 4.24961 4.05314C4.64128 3.66147 5.11211 3.46564 5.66211 3.46564H19.6621C20.2121 3.46564 20.6829 3.66147 21.0746 4.05314C21.4663 4.4448 21.6621 4.91564 21.6621 5.46564V19.4656C21.6621 20.0156 21.4663 20.4865 21.0746 20.8781C20.6829 21.2698 20.2121 21.4656 19.6621 21.4656H5.66211ZM5.66211 19.4656H19.6621V5.46564H5.66211V19.4656Z' fill='%2398A2B3'/%3E%3C/g%3E%3C/svg%3E");
      }
    }
  }
  & input[type='checkbox'].btn-check:checked + label {
    &::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17575_33388' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect x='0.662109' y='0.465637' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17575_33388)'%3E%3Cpath d='M11.2621 16.6656L18.3121 9.61564L16.9121 8.21564L11.2621 13.8656L8.41211 11.0156L7.01211 12.4156L11.2621 16.6656ZM5.66211 21.4656C5.11211 21.4656 4.64128 21.2698 4.24961 20.8781C3.85794 20.4865 3.66211 20.0156 3.66211 19.4656V5.46564C3.66211 4.91564 3.85794 4.4448 4.24961 4.05314C4.64128 3.66147 5.11211 3.46564 5.66211 3.46564H19.6621C20.2121 3.46564 20.6829 3.66147 21.0746 4.05314C21.4663 4.4448 21.6621 4.91564 21.6621 5.46564V19.4656C21.6621 20.0156 21.4663 20.4865 21.0746 20.8781C20.6829 21.2698 20.2121 21.4656 19.6621 21.4656H5.66211ZM5.66211 19.4656H19.6621V5.46564H5.66211V19.4656Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    }
    &:hover {
      &::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_17575_33388' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect x='0.662109' y='0.465637' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17575_33388)'%3E%3Cpath d='M11.2621 16.6656L18.3121 9.61564L16.9121 8.21564L11.2621 13.8656L8.41211 11.0156L7.01211 12.4156L11.2621 16.6656ZM5.66211 21.4656C5.11211 21.4656 4.64128 21.2698 4.24961 20.8781C3.85794 20.4865 3.66211 20.0156 3.66211 19.4656V5.46564C3.66211 4.91564 3.85794 4.4448 4.24961 4.05314C4.64128 3.66147 5.11211 3.46564 5.66211 3.46564H19.6621C20.2121 3.46564 20.6829 3.66147 21.0746 4.05314C21.4663 4.4448 21.6621 4.91564 21.6621 5.46564V19.4656C21.6621 20.0156 21.4663 20.4865 21.0746 20.8781C20.6829 21.2698 20.2121 21.4656 19.6621 21.4656H5.66211ZM5.66211 19.4656H19.6621V5.46564H5.66211V19.4656Z' fill='%23EDEDED'/%3E%3C/g%3E%3C/svg%3E");
      }
    }
  }
}
.form-check-input:checked[type='checkbox'] {
  &.read-only {
    background-color: var(--ce-colors-text-white);
    border-color: var(--ce-colors-text-tertiary);
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23475467' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
}
.badge__icon {
  width: 20px;
  height: 20px;
  stroke: var(--ce-colors-fg-quaternary);
}
.modal__title__badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--ce-radius-full);
  background-color: var(--ce-colors-bg-quaternary);
  &.modal__title__badge--alert {
    background-color: var(--ce-colors-bg-error-secondary);
    & .badge__icon {
      stroke: var(--ce-colors-fg-error-primary);
    }
  }
  &.modal__title__badge--success {
    background-color: var(--ce-colors-bg-success-secondary);
    & .badge__icon {
      stroke: var(--ce-colors-fg-success-primary);
    }
  }
  &.modal__title__badge--warning {
    background-color: var(--ce-colors-bg-warning-secondary);
    & .badge__icon {
      stroke: var(--ce-colors-fg-warning-primary);
    }
  }
  &.modal__title__badge--info {
    background-color: var(--ce-colors-bg-brand-secondary);
    & .badge__icon {
      stroke: var(--ce-colors-fg-brand-primary);
    }
  }
}
.modal-mask {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ce-colors-bg-secondary);
  opacity: 1;
  z-index: 2000;
  transition: all 0.15s ease-in-out;
}
.global-invalid-feedback {
  display: none;
  padding: var(--ce-spacing-2);
  margin-bottom: var(--ce-spacing-1);
  width: 100%;
  margin-top: var(--ce-spacing-2);
  font-size: var(--ce-text-sm);
  text-align: center;
  &::after {
    content: '請確認項目都已正確填寫';
  }
  &.global-invalid-feedback--login {
    color: var(--ce-colors-text-error-primary);
  }

  &.custom-invalid-feedback::after {
    content: '';
  }
  /* &.global-invalid-feedback--login::after {
        content: '帳號或密碼不正確';
    } */
}
.star-checked {
  color: orange;
}

/* ------------------ Show Password Toggle ------------------ */
::-ms-reveal {
  display: none;
}
.password-toggle input {
  padding-right: calc(1.5em + 0.75rem);
  background-position: right calc(0.375em + 0.1875rem) center !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
  background-repeat: no-repeat !important;
  border-radius: var(--bs-border-radius) !important;
  &:placeholder-shown {
    background-image: none !important;
  }
  &[type='text'] {
    &:not(:placeholder-shown) {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
    }
  }
  &[type='password'] {
    &:not(:placeholder-shown) {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
    }
  }
}
[data-bs-theme='dark'] .password-toggle input {
  &[type='text'] {
    &:not(:placeholder-shown) {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%23adb5bd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
    }
  }
  &[type='password'] {
    &:not(:placeholder-shown) {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%23adb5bd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
    }
  }
}
.password-toggle {
  & input {
    &:placeholder-shown + button {
      display: none;
    }
  }
  & input {
    &:not(:placeholder-shown) + button {
      display: block;
    }
  }
  & button {
    position: absolute;
    top: 3px;
    right: 4px;
    z-index: 9;
    width: 28px;
    height: 30px;
    background: 0;
    border: 0;
    &:active,
    &:focus,
    &:hover {
      cursor: pointer;
    }
    &:focus {
      outline: none !important;
    }
  }
}