:root{--c-purple-900: #5B3977;--c-purple-800: #7D5B99;--c-purple-700: #8557A8;--c-purple-600: #8E6FA7;--c-purple-400: #9C74BC;--c-purple-300: #D5A4FF;--c-purple-200: #D7C8E4;--c-purple-100: #EBE3F2;--c-brown-900: #66492E;--c-brown-700: #9D8F81;--c-brown-600: #B5A99D;--c-brown-500: #E3D9CF;--c-brown-400: #FAF4EB;--c-brown-300: #F3F1EC;--c-brown-200: #FBF8F1;--c-brown-100: #FFFCF8;--c-dark-900: #333333;--c-dark-800: #434343;--c-dark-700: #666666;--c-dark-600: #8C8C8C;--c-dark-500: #B0B0B0;--c-dark-400: #D5D5D5;--c-dark-300: #EAEAEA;--c-dark-200: #F1F1F1;--c-dark-100: #F8F7F5;--c-white: #FFFFFF;--c-orange-700: #F97D03;--c-orange-500: #EB8E13;--c-orange-400: #F7991C;--c-orange-300: #EAAB57;--c-orange-200: #F5E1CB;--c-orange-100: #FDEBCF;--c-yellow-500: #FFFB83;--c-red-700: #EC3C1F;--c-red-500: #FD6141;--c-green-700: #3D9921;--c-green-500: #85BB0E;--c-blue-900: #0F87BA;--c-blue-700: #4A88E6;--c-blue-200: #EAF1FF;--c-line-green: #02BA02;--c-facebook-blue: #276EE1;--c-youtube-red: #FF0000;--gradient-purple: linear-gradient(to bottom, color-mix(in srgb, var(--c-purple-300) 80%, transparent), var(--c-purple-800) 83.9%);--gradient-red: linear-gradient(to top, var(--c-red-700) 39%, var(--c-red-500) 85.7%);--gradient-orange: linear-gradient(0deg, var(--c-orange-700) 50.5%, var(--c-orange-300) 88.5%);--gradient-orange-light: linear-gradient(0deg, var(--c-orange-400) 53.1%, var(--c-orange-300) 87.1%);--gradient-brown: linear-gradient(0deg, color-mix(in srgb, var(--c-brown-900) 80%, transparent) 36.29%, var(--c-brown-500) 118.33%);--gradient-brown-light: linear-gradient(0deg, color-mix(in srgb, var(--c-brown-900) 70%, transparent) 43.29%, var(--c-brown-500) 107.23%);--gradient-grey: linear-gradient(0deg, var(--c-dark-500) 25%, var(--c-dark-300) 118.33%);--c-background: var(--c-white);--c-mobile-header-background: var(--c-dark-800);--text-4xl: 36px;--lh-4xl: 54px;--text-3xl: 30px;--lh-3xl: 45px;--text-2xl: 24px;--lh-2xl: 36px;--text-xl: 20px;--lh-xl: 30px;--text-lg: 18px;--lh-lg: 28px;--text-base: 16px;--lh-base: 25px;--text-sm: 14px;--lh-sm: 23px;--text-xs: 12px;--lh-xs: 16px;--font: "Microsoft JhengHei", PingFang, STHeiti, sans-serif, serif;--fw-regular: 400;--fw-bold: 700;--container: 1200px;--px-mobile: 16px;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5:10px;--space-3: 12px;--space-3-5:14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--space-36: 144px;--space-40: 160px;--space-44: 176px;--space-48: 192px;--space-52: 208px;--space-56: 224px;--space-60: 240px;--space-64: 256px;--space-72: 288px;--space-80: 320px;--radius-sm: 2px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--border-0: 0;--border: 1px;--border-2: 2px;--border-4: 4px;--border-8: 8px;--opacity-0: 0%;--opacity-5: 5%;--opacity-10: 10%;--opacity-20: 20%;--opacity-25: 25%;--opacity-30: 30%;--opacity-40: 40%;--opacity-50: 50%;--opacity-60: 60%;--opacity-70: 70%;--opacity-75: 75%;--opacity-80: 80%;--opacity-90: 90%;--opacity-95: 95%;--opacity-100: 100%;--c-overlay: rgba(0, 0, 0, .7);--c-overlay-light: rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--duration-75: 75ms;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-100: .1s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--icon-xs: 14px;--icon-sm: 16px;--icon-base: 18px;--icon-lg: 20px;--icon-xl: 22px;--icon-2xl: 26px;--icon-3xl: 32px;--ratio-16x9: 16 / 9;--ratio-4x3: 4 / 3;--ratio-1x1: 1 / 1}@media(max-width:992px){html{font-size:clamp(14px,4.44vw,21px)}}@media(max-width:992px){:root{--text-4xl: clamp(32px, 10vw, 48px);--text-3xl: clamp(27px, 8.33vw, 40px);--text-2xl: clamp(21px, 6.67vw, 32px);--text-xl: clamp(18px, 5.56vw, 27px);--text-lg: clamp(16px, 5vw, 24px);--text-base: clamp(14px, 4.44vw, 21px);--text-sm: clamp(12px, 3.89vw, 19px);--text-xs: clamp(11px, 3.33vw, 16px);--lh-4xl: clamp(48px, 15vw, 72px);--lh-3xl: clamp(40px, 12.5vw, 60px);--lh-2xl: clamp(32px, 10vw, 48px);--lh-xl: clamp(27px, 8.33vw, 40px);--lh-lg: clamp(25px, 7.78vw, 37px);--lh-base: clamp(22px, 6.94vw, 33px);--lh-sm: clamp(20px, 6.39vw, 31px);--lh-xs: clamp(14px, 4.44vw, 21px);--space-0-5: clamp(2px, .56vw, 3px);--space-1: clamp(4px, 1.11vw, 5px);--space-1-5: clamp(5px, 1.67vw, 8px);--space-2: clamp(7px, 2.22vw, 11px);--space-2-5: clamp(9px, 2.78vw, 13px);--space-3: clamp(11px, 3.33vw, 16px);--space-3-5: clamp(12px, 3.89vw, 19px);--space-4: clamp(14px, 4.44vw, 21px);--space-5: clamp(18px, 5.56vw, 27px);--space-6: clamp(21px, 6.67vw, 32px);--space-8: clamp(28px, 8.89vw, 43px);--space-10: clamp(36px, 11.11vw, 53px);--space-16: clamp(57px, 17.78vw, 85px);--space-20: clamp(71px, 22.22vw, 107px);--space-24: clamp(85px, 26.67vw, 128px);--space-28: clamp(100px, 31.11vw, 149px);--space-32: clamp(114px, 35.56vw, 171px);--space-36: clamp(128px, 40vw, 192px);--space-40: clamp(142px, 44.44vw, 213px);--space-44: clamp(156px, 48.89vw, 235px);--space-48: clamp(171px, 53.33vw, 256px);--space-52: clamp(185px, 57.78vw, 277px);--space-56: clamp(199px, 62.22vw, 299px);--space-60: clamp(213px, 66.67vw, 320px);--space-64: clamp(228px, 71.11vw, 341px);--space-72: clamp(256px, 80vw, 384px);--space-80: clamp(284px, 88.89vw, 427px);--icon-xs: clamp(12px, 3.89vw, 19px);--icon-sm: clamp(14px, 4.44vw, 21px);--icon-base: clamp(16px, 5vw, 24px);--icon-lg: clamp(18px, 5.56vw, 27px);--icon-xl: clamp(20px, 6.11vw, 29px);--icon-2xl: clamp(23px, 7.22vw, 35px);--icon-3xl: clamp(28px, 8.89vw, 43px);--px-mobile: clamp(14px, 4.44vw, 21px)}}