body{margin:0}:root{--color-white: #ffffff;--color-black: #000000;--color-primary: #8b0000;--color-primary-light: #a32447;--color-primary-dark: #6d1029;--color-primary-hover: #a00000;--color-secondary: #c9a96e;--color-secondary-light: #d7b984;--color-secondary-dark: #b3955a;--color-accent: #FF7A04;--color-accent-light: #FF9D4D;--color-accent-dark: #EE8132;--color-grey-50: #F6F6F6;--color-grey-100: #EEEEEE;--color-grey-200: #E8E8E8;--color-grey-300: #DCDCDC;--color-grey-400: #dbdbdb;--color-grey-500: #8D8D8D;--color-grey-600: #666666;--color-grey-700: #626262;--color-grey-800: #3A3939;--color-grey-900: #282828;--color-success: #64C8A0;--color-success-light: #B8E986;--color-success-dark: #2d7a50;--color-warning: #FF9D4D;--color-warning-light: #FFBB4D;--color-warning-dark: #EE8132;--color-error: #c8102f;--color-error-light: #e63950;--color-error-dark: #990033;--color-info: #124786;--color-info-light: #0B3279;--color-info-dark: #0a2a5c;--color-text-primary: #282828;--color-text-secondary: #626262;--color-text-muted: #8D8D8D;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #F6F6F6;--color-bg-tertiary: #EEEEEE;--color-border-light: #EEEEEE;--color-border-default: #DDDDDD;--color-border-dark: #dbdbdb;--color-beige: #E7E1DA;--color-beige-dark: #dcd2c8;--color-dark: #1a1a2e;--color-dark-teal: #1a3a4a;--color-line: #39CD00}:root{--fs-h1: 36px;--fs-h2: 24px;--fs-h3: 20px;--fs-title: 18px;--fs-subtitle: 16px;--fs-p: 14px;--fs-note: 12px;--fs-message: 11px;--fs-small: 12px;--fs-46p: 46px;--fs-36p: 36px;--fs-24p: 24px;--fs-21p: 21px;--fs-16p: 16px;--fs-13p: 13px;--fs-9p: 9px;--fs-m-24p: 24px;--fs-m-20p: 20px;--fs-m-18p: 18px;--fs-m-16p: 16px;--fs-m-14p: 14px;--fs-m-13p: 13px;--fs-light: 300;--fs-regular: 400;--fs-medium: 500;--fs-semibold: 600;--fs-bold: 700;--fm-base: "Noto Sans TC", Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fm-nato: "Noto Sans TC"}:root{--size-base: 10px;--size-center-width: 1100px;--size-center-width1: 760px;--size-center-width2: 660px;--size-search-bar-width: 1100px;--size-max-mobile-content: 720px;--size-max-pad-content: 960px;--size-max-laptop-content: 1200px;--size-max-monitor-content: 1380px;--size-gap: 1rem;--size-gap-sm: .5rem;--size-gap-lg: 1.5rem;--size-box-padding: 10px;--size-laptop-container-padding: 24px;--size-radius-big: 1.5rem;--size-radius-normal: 1rem;--size-radius-medium: .875rem;--size-radius-small: .5rem;--size-radius-tiny: .25rem;--size-shadow-tiny: 0 1px .5rem 0 hsla(0, 0%, 0%, .1);--size-shadow-normal: 0 2px 1rem 0 hsla(0, 0%, 0%, .15);--size-shadow-large: 0 4px 2rem 0 hsla(0, 0%, 0%, .2);--lh-50p: 50px;--lh-40p: 40px;--lh-36p: 36px;--lh-28p: 28px;--lh-26p: 26px;--lh-24p: 24px;--lh-22p: 22px;--lh-20p: 20px;--lh-16p: 16px;--size-mobile-sm: 320px;--size-mobile: 375px;--size-mobile-lg: 414px;--size-max-mobile: 800px;--size-tablet: 768px;--size-tablet-lg: 1024px;--size-desktop: 1366px;--size-desktop-lg: 1920px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px}:root{--z-sidenav: 100;--z-show-container: 101;--z-mobile-menu: 102;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-offcanvas: 1050;--z-modal: 1060;--z-popover: 1070;--z-tooltip: 1080}