@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}

::before,
::after {
  --un-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/*
Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden] {
  display: none;
} *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.mask-after::after{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;display:block;content:"";}.stretched-link::after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:"";}.g-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0.5rem;}.container{margin-left:auto;margin-right:auto;width:100%;max-width:100%;padding-left:1.5rem;padding-right:1.5rem;}.container-sm{margin-left:auto;margin-right:auto;width:100%;max-width:100%;padding-left:1.5rem;padding-right:1.5rem;padding-left:0;padding-right:0;}.f-row{margin-left:-0.25rem;margin-right:-0.25rem;display:flex;flex-wrap:wrap;}.f-row > *{max-width:100%;flex:none;padding-left:0.25rem;padding-right:0.25rem;}.img-fluid{max-width:100%;height:auto;}@media (min-width: 36em){.f-row{margin-left:-0.75rem;margin-right:-0.75rem;}.container,.container-sm{max-width:34.5rem;padding-left:0.75rem;padding-right:0.75rem;}.g-row{column-gap:1.5rem;}.f-row > *{padding-left:0.75rem;padding-right:0.75rem;}}@media (min-width: 48em){.md\:container{max-width:48em;}.container,.container-sm{max-width:44.5rem;}}@media (min-width: 62em){.md\:container{max-width:62em;}.container,.container-sm{max-width:60.5rem;}}@media (min-width: 75em){.md\:container{max-width:75em;}.container,.container-sm{max-width:73.5rem;}}@media (min-width: 90em){.md\:container{max-width:90em;}.container,.container-sm{max-width:76.5rem;}}@media (min-width: 100em){.md\:container{max-width:100em;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto;}.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.invisible{visibility:hidden;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.\*\:before\:absolute > *::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.-bottom-73px{bottom:-73px;}.bottom-0{bottom:0;}.left-0{left:0;}.left-1\/2{left:50%;}.left-full{left:100%;}.right-0{right:0;}.right-full{right:100%;}.top-0{top:0;}.top-1\/2{top:50%;}.top-18{top:4.5rem;}.top-32{top:8rem;}.top-full{top:100%;}.\*\:before\:left-0 > *::before{left:0;}.\*\:before\:top-10px > *::before{top:10px;}.before\:left-1\/2::before{left:50%;}.before\:top-0::before{top:0;}.after\:bottom-0::after{bottom:0;}.after\:left-0::after{left:0;}.after\:left-1\/2::after{left:50%;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}.z-0{z-index:0;}.z-1{z-index:1;}.z-2{z-index:2;}.z-3{z-index:3;}.z-40{z-index:40;}.z-50{z-index:50;}.hover\:after\:z-2:hover::after{z-index:2;}.after\:z-0::after{z-index:0;}.grid{display:grid;}.col-span-1{grid-column:span 1/span 1;}.col-span-12{grid-column:span 12/span 12;}.col-span-2{grid-column:span 2/span 2;}.col-span-6{grid-column:span 6/span 6;}.grid-cols-\[1fr_56\.4\%\]{grid-template-columns:1fr 56.4%;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid-rows-1,.group:hover .group-hover\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr));}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem;}.mx-auto{margin-left:auto;margin-right:auto;}.mb-10{margin-bottom:2.5rem;}.mb-12\.5,.not-last\:mb-12\.5:not(:last-child){margin-bottom:3.125rem;}.mb-12px{margin-bottom:12px;}.mb-2\.5,.not-last\:mb-2\.5:not(:last-child){margin-bottom:0.625rem;}.mb-2px{margin-bottom:2px;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-5{margin-bottom:1.25rem;}.mb-6,.not-last\:mb-6:not(:last-child){margin-bottom:1.5rem;}.mt-12\.4{margin-top:3.1rem;}.mt-12\.5,.not-first\:mt-12\.5:not(:first-child){margin-top:3.125rem;}.mt-14{margin-top:3.5rem;}.mt-2\.5{margin-top:0.625rem;}.mt-6,.not-first\:mt-6:not(:first-child){margin-top:1.5rem;}.block{display:block;}.before\:block::before{display:block;}.hidden{display:none;}.aspect-\[588\/308\]{aspect-ratio:588/308;}.aspect-ratio-\[358\/431\]{aspect-ratio:358/431;}.aspect-ratio-square,.aspect-square{aspect-ratio:1/1;}.\*\:h-400px > *{height:400px;}.\*\:w-full > *,.col-12,.w-full{width:100%;}.h-\[calc\(100dvh-6\.5rem\)\]{height:calc(100dvh - 6.5rem);}.h-0{height:0;}.h-10{height:2.5rem;}.h-16px{height:16px;}.h-18{height:4.5rem;}.h-2{height:0.5rem;}.h-2\.5{height:0.625rem;}.h-2px{height:2px;}.h-32px{height:32px;}.h-40px{height:40px;}.h-50px{height:50px;}.h-76{height:19rem;}.h-8px{height:8px;}.h-auto{height:auto;}.h-full{height:100%;}.max-h-312px{max-height:312px;}.max-h-full{max-height:100%;}.max-w-330{max-width:82.5rem;}.max-w-360{max-width:90rem;}.max-w-full{max-width:100%;}.w-1\/2{width:50%;}.w-10{width:2.5rem;}.w-10vw{width:10vw;}.w-150vw{width:150vw;}.w-175{width:43.75rem;}.w-2\/3{width:66.6666666667%;}.w-200{width:50rem;}.w-20px{width:20px;}.w-20vw{width:20vw;}.w-250{width:62.5rem;}.w-2px{width:2px;}.w-48{width:12rem;}.w-8px{width:8px;}.w-auto{width:auto;}.group:hover .group-hover\:before\:w-full::before{width:100%;}.\*\:before\:h-8px > *::before{height:8px;}.\*\:before\:w-8px > *::before{width:8px;}.before\:h-2px::before{height:2px;}.before\:h-6::before{height:1.5rem;}.before\:w-0::before{width:0;}.before\:w-16px::before{width:16px;}.after\:h-2px::after{height:2px;}.after\:h-px::after{height:1px;}.after\:w-16px::after{width:16px;}.after\:w-full::after{width:100%;}.flex{display:flex;}.flex-auto{flex:1 1 auto;}.flex-none{flex:none;}.shrink-0{flex-shrink:0;}.flex-row{flex-direction:row;}.flex-row-reverse{flex-direction:row-reverse;}.flex-col{flex-direction:column;}.flex-col-reverse{flex-direction:column-reverse;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.after\:table-row::after{display:table-row;}.border-separate{border-collapse:separate;}.border-spacing-1{--un-border-spacing-x:0.25rem;--un-border-spacing-y:0.25rem;border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}.border-spacing-4px{--un-border-spacing-x:4px;--un-border-spacing-y:4px;border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}.caption-top{caption-side:top;}.-before\:translate-1\/2::before{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-after\:translate-1\/2::after{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group:hover .group-hover\:scale-110{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}.cursor-pointer{cursor:pointer;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.self-end{align-self:flex-end;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-0\.5{gap:0.125rem;}.gap-10{gap:2.5rem;}.gap-12\.5{gap:3.125rem;}.gap-2{gap:0.5rem;}.gap-2\.5{gap:0.625rem;}.gap-25{gap:6.25rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.gap-6{gap:1.5rem;}.gap-8px{gap:8px;}.gap-px{gap:1px;}.gap-x-8px{column-gap:8px;}.gap-y-12\.5{row-gap:3.125rem;}.gap-y-25{row-gap:6.25rem;}.gap-y-6{row-gap:1.5rem;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.whitespace-nowrap{white-space:nowrap;}.border-px{border-width:1px;}.border-b,.border-b-px,.not-last\:border-b-px:not(:last-child){border-bottom-width:1px;}.border-b-2px{border-bottom-width:2px;}.border-l-2px{border-left-width:2px;}.border-l-5px{border-left-width:5px;}.border-l-px{border-left-width:1px;}.border-r-2px,.not-last\:border-r-2px:not(:last-child){border-right-width:2px;}.border-r-px{border-right-width:1px;}.border-t-0{border-top-width:0px;}.border-t-px{border-top-width:1px;}.before\:border-b-2px::before{border-bottom-width:2px;}.border-gray-5{--un-border-opacity:1;border-color:rgb(219 219 219 / var(--un-border-opacity));}.border-secondary-1{--un-border-opacity:1;border-color:rgb(186 227 249 / var(--un-border-opacity));}.border-secondary-2{--un-border-opacity:1;border-color:rgb(101 170 221 / var(--un-border-opacity));}.border-transparent{border-color:transparent;}.border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}.dark .dark\:border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));}.hover\:border-secondary-2:hover{--un-border-opacity:1;border-color:rgb(101 170 221 / var(--un-border-opacity));}.before\:border-secondary-2::before{--un-border-opacity:1;border-color:rgb(101 170 221 / var(--un-border-opacity));}.border-b-gray-5{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(219 219 219 / var(--un-border-bottom-opacity));}.border-b-gray-6{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(245 245 245 / var(--un-border-bottom-opacity));}.border-r-white{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgb(255 255 255 / var(--un-border-right-opacity));}.border-t-gray-5{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(219 219 219 / var(--un-border-top-opacity));}.hover\:border-l-secondary-2:hover{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgb(101 170 221 / var(--un-border-left-opacity));}.rounded{border-radius:0.25rem;}.rounded-10{border-radius:2.5rem;}.rounded-12px{border-radius:12px;}.rounded-24px{border-radius:24px;}.rounded-25{border-radius:6.25rem;}.rounded-40px{border-radius:40px;}.rounded-4px{border-radius:4px;}.rounded-full{border-radius:9999px;}.\*\:before\:rounded-full > *::before{border-radius:9999px;}.rounded-tr-8{border-top-right-radius:2rem;}.border-solid{border-style:solid;}.bg-gray-2{--un-bg-opacity:1;background-color:rgb(51 51 51 / var(--un-bg-opacity)) /* #333 */;}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity)) /* #e5e7eb */;}.bg-gray-300{--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity)) /* #d1d5db */;}.bg-gray-6{--un-bg-opacity:1;background-color:rgb(245 245 245 / var(--un-bg-opacity)) /* #F5F5F5 */;}.bg-primary-1{--un-bg-opacity:1;background-color:rgb(0 71 139 / var(--un-bg-opacity)) /* #00478B */;}.bg-secondary-1\/50{background-color:rgb(186 227 249 / 0.5) /* #BAE3F9 */;}.bg-secondary-2{--un-bg-opacity:1;background-color:rgb(101 170 221 / var(--un-bg-opacity)) /* #65AADD */;}.bg-secondary-2\/50{background-color:rgb(101 170 221 / 0.5) /* #65AADD */;}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.dark .dark\:bg-gray-600{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */;}.dark .dark\:bg-gray-700{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity)) /* #374151 */;}.hover\:after\:bg-black\/80:hover::after{background-color:rgb(0 0 0 / 0.8) /* #000 */;}.hover\:bg-secondary-2\/90:hover{background-color:rgb(101 170 221 / 0.9) /* #65AADD */;}.active\:bg-primary-1\/70:active{background-color:rgb(0 71 139 / 0.7) /* #00478B */;}.\*\:before\:bg-secondary-2 > *::before{--un-bg-opacity:1;background-color:rgb(101 170 221 / var(--un-bg-opacity)) /* #65AADD */;}.before\:bg-secondary-2::before{--un-bg-opacity:1;background-color:rgb(101 170 221 / var(--un-bg-opacity)) /* #65AADD */;}.after\:bg-black\/50::after{background-color:rgb(0 0 0 / 0.5) /* #000 */;}.after\:bg-gray-5::after{--un-bg-opacity:1;background-color:rgb(219 219 219 / var(--un-bg-opacity)) /* #DBDBDB */;}.after\:bg-secondary-2::after{--un-bg-opacity:1;background-color:rgb(101 170 221 / var(--un-bg-opacity)) /* #65AADD */;}.bg-cover{background-size:cover;}.bg-center{background-position:center;}.bg-no-repeat{background-repeat:no-repeat;}.object-cover{object-fit:cover;}.p-10{padding:2.5rem;}.p-2\.5{padding:0.625rem;}.p-4{padding:1rem;}.p-6{padding:1.5rem;}.p-8{padding:2rem;}.not-first\:py-6:not(:first-child),.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.px,.px-4{padding-left:1rem;padding-right:1rem;}.px-10{padding-left:2.5rem;padding-right:2.5rem;}.px-12\.5{padding-left:3.125rem;padding-right:3.125rem;}.px-15{padding-left:3.75rem;padding-right:3.75rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.px-8{padding-left:2rem;padding-right:2rem;}.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.py-12\.5{padding-top:3.125rem;padding-bottom:3.125rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-25{padding-top:6.25rem;padding-bottom:6.25rem;}.py-2px{padding-top:2px;padding-bottom:2px;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-6px{padding-top:6px;padding-bottom:6px;}.next\:pt-18+*{padding-top:4.5rem;}.pb-0{padding-bottom:0;}.pb-12\.5{padding-bottom:3.125rem;}.pb-18\.75{padding-bottom:4.6875rem;}.pb-2{padding-bottom:0.5rem;}.pb-6{padding-bottom:1.5rem;}.pl-0{padding-left:0;}.pl-3{padding-left:0.75rem;}.pl-4{padding-left:1rem;}.pl-5{padding-left:1.25rem;}.pl-6{padding-left:1.5rem;}.pl-8{padding-left:2rem;}.pr-3{padding-right:0.75rem;}.pr-6{padding-right:1.5rem;}.pt-12\.5{padding-top:3.125rem;}.pt-19{padding-top:4.75rem;}.pt-25{padding-top:6.25rem;}.pt-6{padding-top:1.5rem;}.pt-6px{padding-top:6px;}.first\:pb-6:first-child{padding-bottom:1.5rem;}.group:not(:first-child) .group-not-first\:pt-3\.5{padding-top:0.875rem;}.group:not(:last-child) .group-not-last\:pb-3\.5{padding-bottom:0.875rem;}.text-center{text-align:center;}.text-start{text-align:start;}.text-end{text-align:end;}.\*\:text-sm\/relaxed > *,.text-sm\/relaxed{font-size:0.875rem;line-height:1.8;}.text-11\.5\/tight{font-size:2.875rem;line-height:1.2;}.text-25\/tight{font-size:6.25rem;line-height:1.2;}.text-2xl\/normal{font-size:1.5rem;line-height:1.5;}.text-2xl\/tight{font-size:1.5rem;line-height:1.2;}.text-4xl\/135\%{font-size:2.25rem;line-height:135%;}.text-8\/tight,.text-h3\/tight{font-size:2rem;line-height:1.2;}.text-base\/normal{font-size:1rem;line-height:1.5;}.text-base\/relaxed{font-size:1rem;line-height:1.8;}.text-h2\/135\%{font-size:2.875rem;line-height:135%;}.text-h3\/135\%{font-size:2rem;line-height:135%;}.text-h3\/relaxed{font-size:2rem;line-height:1.8;}.text-lg\/none{font-size:1.125rem;line-height:1;}.text-lg\/normal{font-size:1.125rem;line-height:1.5;}.text-lg\/relaxed{font-size:1.125rem;line-height:1.8;}.text-lg\/tight{font-size:1.125rem;line-height:1.2;}.text-xl\/tight{font-size:1.25rem;line-height:1.2;}.text-xs\/none{font-size:0.75rem;line-height:1;}.dark .dark\:text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity)) /* #4b5563 */;}.text-gray-1{--un-text-opacity:1;color:rgb(26 26 26 / var(--un-text-opacity)) /* #1A1A1A */;}.text-gray-200{--un-text-opacity:1;color:rgb(229 231 235 / var(--un-text-opacity)) /* #e5e7eb */;}.text-gray-3{--un-text-opacity:1;color:rgb(92 92 92 / var(--un-text-opacity)) /* #5C5C5C */;}.text-gray-4{--un-text-opacity:1;color:rgb(143 143 143 / var(--un-text-opacity)) /* #8F8F8F */;}.text-gray-5{--un-text-opacity:1;color:rgb(219 219 219 / var(--un-text-opacity)) /* #DBDBDB */;}.text-primary-1{--un-text-opacity:1;color:rgb(0 71 139 / var(--un-text-opacity)) /* #00478B */;}.text-primary-1\/40{color:rgb(0 71 139 / 0.4) /* #00478B */;}.text-secondary-1{--un-text-opacity:1;color:rgb(186 227 249 / var(--un-text-opacity)) /* #BAE3F9 */;}.text-secondary-2,.group:hover .group-hover\:text-secondary-2{--un-text-opacity:1;color:rgb(101 170 221 / var(--un-text-opacity)) /* #65AADD */;}.text-white,.group:hover .group-hover\:text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.text-white\/40{color:rgb(255 255 255 / 0.4) /* #fff */;}.group:hover .group-hover\:text-primary-1\/50{color:rgb(0 71 139 / 0.5) /* #00478B */;}.hover\:text-gray-1:hover{--un-text-opacity:1;color:rgb(26 26 26 / var(--un-text-opacity)) /* #1A1A1A */;}.hover\:text-primary-1:hover{--un-text-opacity:1;color:rgb(0 71 139 / var(--un-text-opacity)) /* #00478B */;}.hover\:text-secondary-2:hover{--un-text-opacity:1;color:rgb(101 170 221 / var(--un-text-opacity)) /* #65AADD */;}.hover\:text-secondary-2\/70:hover{color:rgb(101 170 221 / 0.7) /* #65AADD */;}.font-medium,.fw-medium{font-weight:500;}.fw-bold{font-weight:700;}.fw-extrabold{font-weight:800;}.fw-normal{font-weight:400;}.hover\:fw-bold:hover{font-weight:700;}.leading-inherit{line-height:inherit;}.leading-normal{line-height:1.5;}.tracking-1\.5px{letter-spacing:1.5px;}.tracking-2px{letter-spacing:2px;}.tracking-inherit{letter-spacing:inherit;}.\*\:font-noto-sans-tc > *,.font-noto-sans-tc{font-family:"Noto Sans TC", sans-serif;}.opacity-0{opacity:0;}.opacity-60{opacity:0.6;}.group:hover .group-hover\:opacity-100{opacity:1;}.hover\:opacity-100:hover{opacity:1;}.hover\:opacity-80:hover{opacity:0.8;}.shadow-c1{--un-shadow:0px 5px 40px 0px var(--un-shadow-color, rgba(0, 34, 100, 0.10));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-c3{--un-shadow:0px 5px 40px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-c4{--un-shadow:-10px -10px 20px 0px #FFF, 0px 15px 40px 0px rgba(0, 0, 0, 0.05);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.group:hover .group-hover\:shadow-c5{--un-shadow:-10px -10px 20px 0px rgba(255,255,255,0.5), 5px 5px 5px 5px rgba(0, 0, 0, 0.2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline-px{outline-width:1px;}.outline-transparent{outline-color:transparent /* transparent */;}.outline-white{--un-outline-color-opacity:1;outline-color:rgb(255 255 255 / var(--un-outline-color-opacity)) /* #fff */;}.hover\:outline-white:hover{--un-outline-color-opacity:1;outline-color:rgb(255 255 255 / var(--un-outline-color-opacity)) /* #fff */;}.outline-solid{outline-style:solid;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.before\:transition-all::before{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.after\:transition-all::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}.duration-400{transition-duration:400ms;}.duration-500{transition-duration:500ms;}.before\:duration-300::before{transition-duration:300ms;}.after\:duration-400::after{transition-duration:400ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.\*\:before\:content-empty > *::before{content:"";}.before\:content-empty::before{content:"";}.after\:content-empty::after{content:"";}.list-disc{list-style-type:'．';}.grid-rows-0{grid-template-rows:repeat(1,minmax(0,0fr));}@media (min-width: 36em){.sm\:col-span-6{grid-column:span 6/span 6;}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.sm\:h-81{height:20.25rem;}.sm\:w-3\/4{width:75%;}.sm\:gap-6{gap:1.5rem;}.sm\:text-2xl\/tight{font-size:1.5rem;line-height:1.2;}.sm\:text-3xl\/tight{font-size:1.875rem;line-height:1.2;}.sm\:text-base\/relaxed{font-size:1rem;line-height:1.8;}.sm\:text-h2\/relaxed{font-size:2.875rem;line-height:1.8;}.sm\:text-h2\/tight{font-size:2.875rem;line-height:1.2;}.sm\:text-h3\/tight{font-size:2rem;line-height:1.2;}.sm\:text-sm\/relaxed{font-size:0.875rem;line-height:1.8;}}@media (min-width: 48em){.md\:\*\:before\:top-12px > *::before{top:12px;}.md\:col-span-1{grid-column:span 1/span 1;}.md\:col-span-10{grid-column:span 10/span 10;}.md\:col-span-3{grid-column:span 3/span 3;}.md\:col-span-4{grid-column:span 4/span 4;}.md\:col-span-6{grid-column:span 6/span 6;}.md\:col-span-8{grid-column:span 8/span 8;}.md\:col-start-2{grid-column-start:2;}.md\:grid-cols-\[repeat\(3\,minmax\(80px\,max-content\)\)\]{grid-template-columns:repeat(3,minmax(80px,max-content));}.md\:mx-0{margin-left:0;margin-right:0;}.md\:mb-12\.5,.md\:not-last\:mb-12\.5:not(:last-child){margin-bottom:3.125rem;}.md\:mb-25,.md\:not-last\:mb-25:not(:last-child){margin-bottom:6.25rem;}.md\:mb-5{margin-bottom:1.25rem;}.md\:mb-6{margin-bottom:1.5rem;}.md\:mt-25{margin-top:6.25rem;}.md\:not-first\:mt-12\.5:not(:first-child){margin-top:3.125rem;}.md\:block{display:block;}.md\:hidden{display:none;}.md\:\*\:aspect-\[1440\/400\] > *{aspect-ratio:1440/400;}.md\:\*\:h-auto > *{height:auto;}.md\:h-96{height:24rem;}.md\:max-w-none{max-width:none;}.md\:w-100px{width:100px;}.md\:w-2\/3{width:66.6666666667%;}.md\:w-225{width:56.25rem;}.md\:w-300{width:75rem;}.md\:w-44\.5\%{width:44.5%;}.md\:w-44\.9\%{width:44.9%;}.md\:w-46\%{width:46%;}.md\:w-auto{width:auto;}.md\:flex-row{flex-direction:row;}.md\:items-center{align-items:center;}.md\:justify-end{justify-content:flex-end;}.md\:justify-center{justify-content:center;}.md\:justify-between{justify-content:space-between;}.md\:gap-0{gap:0;}.md\:gap-1{gap:0.25rem;}.md\:gap-10{gap:2.5rem;}.md\:gap-12\.5{gap:3.125rem;}.md\:gap-15{gap:3.75rem;}.md\:gap-25{gap:6.25rem;}.md\:gap-3{gap:0.75rem;}.md\:gap-30{gap:7.5rem;}.md\:gap-6{gap:1.5rem;}.md\:gap-x-6{column-gap:1.5rem;}.md\:gap-y-12\.5{row-gap:3.125rem;}.md\:gap-y-25{row-gap:6.25rem;}.md\:gap-y-6{row-gap:1.5rem;}.md\:border-l-10px{border-left-width:10px;}.md\:p-10{padding:2.5rem;}.md\:px-0{padding-left:0;padding-right:0;}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem;}.md\:px-12\.5{padding-left:3.125rem;padding-right:3.125rem;}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.md\:py-12\.5{padding-top:3.125rem;padding-bottom:3.125rem;}.md\:py-14\.25{padding-top:3.5625rem;padding-bottom:3.5625rem;}.md\:py-15{padding-top:3.75rem;padding-bottom:3.75rem;}.md\:py-25{padding-top:6.25rem;padding-bottom:6.25rem;}.md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.md\:pb-12\.5{padding-bottom:3.125rem;}.md\:pb-22\.5{padding-bottom:5.625rem;}.md\:pb-25{padding-bottom:6.25rem;}.md\:pl-0{padding-left:0;}.md\:pl-25{padding-left:6.25rem;}.md\:pr-10{padding-right:2.5rem;}.md\:pr-22\.5{padding-right:5.625rem;}.md\:pr-30{padding-right:7.5rem;}.md\:pt-12\.5{padding-top:3.125rem;}.md\:pt-25{padding-top:6.25rem;}.md\:pt-31\.5{padding-top:7.875rem;}.md\:text-2xl\/relaxed{font-size:1.5rem;line-height:1.8;}.md\:text-2xl\/tight{font-size:1.5rem;line-height:1.2;}.md\:text-4xl\/tight{font-size:2.25rem;line-height:1.2;}.md\:text-50\/tight{font-size:12.5rem;line-height:1.2;}.md\:text-5xl\/135\%{font-size:3rem;line-height:135%;}.md\:text-5xl\/tight{font-size:3rem;line-height:1.2;}.md\:text-8\/tight,.md\:text-h3\/tight{font-size:2rem;line-height:1.2;}.md\:text-9\/none{font-size:2.25rem;line-height:1;}.md\:text-h1\/135\%{font-size:4rem;line-height:135%;}.md\:text-h2\/135\%{font-size:2.875rem;line-height:135%;}.md\:text-h2\/tight{font-size:2.875rem;line-height:1.2;}.md\:text-lg\/relaxed{font-size:1.125rem;line-height:1.8;}.md\:col-10{width:83.33333333333334%;}.md\:offset-1{margin-left:8.333333333333332%;}}@media (min-width: 62em){.lg\:right-56px{right:56px;}.lg\:top-26{top:6.5rem;}.lg\:col-span-10{grid-column:span 10/span 10;}.lg\:col-span-2{grid-column:span 2/span 2;}.lg\:col-span-3{grid-column:span 3/span 3;}.lg\:col-span-4{grid-column:span 4/span 4;}.lg\:col-span-8{grid-column:span 8/span 8;}.lg\:col-span-9{grid-column:span 9/span 9;}.lg\:col-start-1{grid-column-start:1;}.lg\:col-start-3{grid-column-start:3;}.lg\:grid-cols-\[repeat\(auto-fit\,minmax\(80px\,max-content\)\)\]{grid-template-columns:repeat(auto-fit,minmax(80px,max-content));}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.lg\:mx-0{margin-left:0;margin-right:0;}.lg\:mb-6{margin-bottom:1.5rem;}.lg\:block{display:block;}.lg\:hidden{display:none;}.lg\:h-26{height:6.5rem;}.lg\:max-w-none{max-width:none;}.lg\:w-200px{width:200px;}.lg\:w-44\.5\%{width:44.5%;}.lg\:w-45\.9\%{width:45.9%;}.lg\:w-50vw{width:50vw;}.lg\:w-full{width:100%;}.lg\:flex{display:flex;}.lg\:flex-row{flex-direction:row;}.lg\:items-center{align-items:center;}.lg\:gap-10{gap:2.5rem;}.lg\:p-10{padding:2.5rem;}.lg\:px-0{padding-left:0;padding-right:0;}.lg\:px-30{padding-left:7.5rem;padding-right:7.5rem;}.lg\:py-12\.5{padding-top:3.125rem;padding-bottom:3.125rem;}.lg\:next\:pt-26+*{padding-top:6.5rem;}.lg\:pb-6{padding-bottom:1.5rem;}.lg\:pl-8{padding-left:2rem;}.lg\:pr-30{padding-right:7.5rem;}.lg\:pr-8{padding-right:2rem;}.lg\:text-20\/tight{font-size:5rem;line-height:1.2;}.lg\:text-h1\/135\%{font-size:4rem;line-height:135%;}.lg\:text-h1\/tight{font-size:4rem;line-height:1.2;}.lg\:col-8{width:66.66666666666666%;}.lg\:offset-2{margin-left:16.666666666666664%;}}@media (min-width: 75em){.xl\:col-span-1{grid-column:span 1/span 1;}.xl\:col-span-2{grid-column:span 2/span 2;}.xl\:mx-0{margin-left:0;margin-right:0;}.xl\:mb-8{margin-bottom:2rem;}.xl\:ml-30{margin-left:7.5rem;}.xl\:max-w-none{max-width:none;}.xl\:w-36\.8\%{width:36.8%;}.xl\:w-53\.6\%{width:53.6%;}.xl\:flex-row{flex-direction:row;}.xl\:flex-row-reverse{flex-direction:row-reverse;}.xl\:gap-51{gap:12.75rem;}.xl\:gap-6{gap:1.5rem;}.xl\:gap-83px{gap:83px;}.xl\:px-0{padding-left:0;padding-right:0;}.xl\:pl-30{padding-left:7.5rem;}.xl\:pr-30{padding-right:7.5rem;}}@media (min-width: 90em){.\32 xl\:mb-12\.5{margin-bottom:3.125rem;}.\32 xl\:ml-auto{margin-left:auto;}.\32 xl\:mr-auto{margin-right:auto;}.\32 xl\:max-w-330{max-width:82.5rem;}.\32 xl\:pb-12{padding-bottom:3rem;}.\32 xl\:pl-0{padding-left:0;}.\32 xl\:pr-0{padding-right:0;}}@media (min-width: 100em){.\33 xl\:mx-auto{margin-left:auto;margin-right:auto;}.\33 xl\:w-5vw{width:5vw;}} 

body {
  font-family: "Nunito Sans", "Noto Sans TC", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  text-rendering: optimizeLegibility;
  color: #1a1a1a;
  font-size: 1rem;
  line-height: 180%;
}
@media screen and (min-width: 36em) {
  body {
    font-size: 1.125rem;
  }
}
* {
  letter-spacing: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 120%;
}
html {
  scroll-behavior: smooth;
}
.l-banner__bg {
  position: relative;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 18.75rem;
}
@media screen and (min-width: 48em) {
  .l-banner__bg {
    height: auto;
  }
}
.l-banner__bg::before {
  position: absolute;
  z-index: 0;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  pointer-events: none;
}
@media screen and (min-width: 48em) {
  .l-banner--default .l-banner__bg {
    aspect-ratio: 1440/500;
  }
}
@media screen and (min-width: 48em) {
  .l-banner--nav .l-banner__bg {
    aspect-ratio: 1440/300;
  }
}
.l-banner--top .l-banner__bg {
  margin-bottom: 4.5625rem;
}
@media screen and (min-width: 48em) {
  .l-banner--top .l-banner__bg {
    aspect-ratio: 1440/500;
  }
}
.l-navigation__primary-item {
  position: relative;
  aspect-ratio: 384/250;
  border-radius: 32px;
  overflow: hidden;
}
.l-navigation__primary-item::before, .l-navigation__primary-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}
.l-navigation__primary-item::after {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.l-navigation__primary-item:hover::after {
  opacity: 1;
}
.l-navigation__secondary-item {
  position: relative;
  aspect-ratio: 384/124.788;
  border-radius: 16px;
  border: 1px solid #65aadd;
  background-color: #fff;
  box-shadow: 0px 2px 15px 0px rgba(17, 73, 137, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.l-navigation__secondary-item::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  clip-path: polygon(0% 0%, 100% 0%, 91% 100%, 0% 100%);
  width: 100%;
  background-color: #65aadd;
  transform: translateX(-79.68%);
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 0;
}
.l-navigation__secondary-item:hover::before {
  width: 150%;
  transform: translateX(0);
}
.l-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.l-form__col {
  position: relative;
}
.l-form__col--1 {
  grid-column: span 2/span 2;
}
@media screen and (min-width: 48em) {
  .l-form__col--1 {
    grid-column: span 1/span 1;
  }
}
.l-form__col--2 {
  grid-column: span 2/span 2;
}
.l-form label,
.l-form .wpcf7-form-control {
  display: block;
  width: 100%;
}
.l-form .wpcf7-form-control {
  max-width: 100%;
  padding: 0.75rem 1.5rem;
  border-radius: 2px;
  background-color: #fff;
  backdrop-filter: blur(10px);
  color: inherit;
  line-height: inherit;
  letter-spacing: 2px;
  z-index: 0;
}
.l-form .wpcf7-form-control::placeholder {
  opacity: 0;
}
.l-form .wpcf7-form-control:focus {
  outline: 1px solid transparent;
}
.l-form .wpcf7-textarea {
  min-height: 134px;
  height: 134px;
}
.l-form-placeholder {
  position: absolute;
  top: 12px;
  left: 24px;
  z-index: 1;
  font-size: 1.125rem;
  transition: all 0.1s linear;
}
.l-form__col:has(.wpcf7-form-control:focus) .l-form-placeholder, .l-form__col:has(.wpcf7-form-control:not(:placeholder-shown)) .l-form-placeholder {
  font-weight: 300;
  transform: translate(-20px, -10px) scale(75%);
  color: #8f8f8f;
  line-height: 1;
  pointer-events: none; /* 避免點擊標籤 */
}
.l-form__submit {
  position: relative;
  margin-top: 1.875rem;
  display: flex;
  justify-content: flex-end;
}
.l-form__submit > p {
  background-color: #fff;
}
.l-form__submit .wpcf7-submit {
  display: none;
}
.l-form__submit .wpcf7-spinner {
  position: absolute;
  top: calc(100% + 24px);
  right: 0;
}
.l-form .wpcf7-form-control-wrap {
  position: relative;
  display: block;
}
.l-form .wpcf7-not-valid-tip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}
.l-form__col:has(.wpcf7-not-valid-tip) .wpcf7-form-control {
  outline: 1px solid #cb0c0c;
}
.l-form__col:has(.wpcf7-not-valid-tip) .l-form-placeholder {
  color: #8f8f8f;
}
.l-logo {
  width: 89.089px;
  height: 40px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-indent: 101%;
  overflow: hidden;
  display: inline-block;
}
@media screen and (min-width: 62em) {
  .l-logo {
    width: 111.361px;
    height: 50px;
  }
}
.l-menu {
  display: flex;
}
.l-menu .sub-menu {
  display: none;
}
[data-id=mobile-modal-btn] {
  position: relative;
}
[data-id=mobile-modal-btn] * {
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #1a1a1a;
  transition: 0.3s ease-in-out;
  border-radius: 9px;
  opacity: 1;
  left: 0;
}
[data-id=mobile-modal-btn] span:nth-child(1) {
  top: 0;
}
[data-id=mobile-modal-btn] span:nth-child(4) {
  bottom: 0;
}
[data-id=mobile-modal-btn] span:nth-child(2),
[data-id=mobile-modal-btn] span:nth-child(3) {
  top: 50%;
}
[data-id=mobile-modal-btn].open span:nth-child(2) {
  transform: rotate(45deg);
}
[data-id=mobile-modal-btn].open span:nth-child(3) {
  transform: rotate(-45deg);
}
[data-id=mobile-modal-btn].open span:nth-child(1),
[data-id=mobile-modal-btn].open span:nth-child(4) {
  left: 50%;
  width: 0%;
}
[data-id=mobile-modal-btn].open span:nth-child(1) {
  top: 50%;
}
[data-id=mobile-modal-btn].open span:nth-child(4) {
  bottom: 50%;
}
.l-article-editor h1,
.l-article-editor h2,
.l-article-editor h3,
.l-article-editor h4,
.l-article-editor h5,
.l-article-editor h6 {
  font-weight: 500;
}
.l-article-editor h2 {
  font-size: 2.875rem;
}
.l-article-editor h3 {
  font-size: 2rem;
}
.l-article-editor h4 {
  font-size: 1.5rem;
}
.l-article-editor h5 {
  font-size: 1.25rem;
}
.l-article-editor h6 {
  font-size: 1.125rem;
}
.l-article-editor img {
  max-width: 100%;
  height: auto;
}
.l-article-editor ul {
  list-style-type: "．";
}
.l-article-editor ol {
  list-style-type: decimal;
}
.l-article-editor * {
  letter-spacing: 2px;
}
.l-article-editor *:not(:last-child) {
  margin-bottom: 1.5rem;
}
.l-article-editor * + p:has(img) {
  margin-top: 3.125rem;
}
@media screen and (min-width: 48em) {
  .l-article-editor * + p:has(img) {
    margin-top: 6.25rem;
  }
}
.l-table-editor *, .l-table-editor--note * {
  letter-spacing: 2px;
}
.l-table-editor ol,
.l-table-editor ul, .l-table-editor--note ol,
.l-table-editor--note ul {
  padding-left: 1.5rem;
  text-align: start;
}
.l-table-editor ol, .l-table-editor--note ol {
  list-style-type: decimal;
}
.l-table-editor ul, .l-table-editor--note ul {
  list-style-type: "．";
}
.l-table-editor--note > p:not(:last-child) {
  margin-bottom: 1.5rem;
}
.l-table-editor--note > p:has(img) {
  margin-top: 3.125rem;
}
.l-footer__copyright * {
  letter-spacing: 2px;
}
.l-footer__copyright a {
  transition: color 0.3s;
}
.l-footer__copyright a:hover {
  color: #65aadd;
}
.swiper .swiper-pagination {
  bottom: 0;
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.5;
  transition: opacity 0.3s;
  margin: 0 !important;
}
.swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.btn,
.l-form .l-form__submit-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-family: "Nunito Sans";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 800;
  line-height: 150%; /* 27px */
  width: 180px;
  height: 59px;
  background-color: #bae3f9;
  overflow: hidden;
  transition: color 0.3s;
}
.btn__content,
.l-form .l-form__submit-btn__content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  z-index: 2;
}
.btn__arrow,
.l-form .l-form__submit-btn__arrow {
  transition: color 0.3s;
}
.btn::after,
.l-form .l-form__submit-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 57px;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  border: 1px solid #bae3f9;
  clip-path: polygon(23% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: 0;
}
.btn::before,
.l-form .l-form__submit-btn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #65aadd;
  clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  z-index: 1;
  transform: translateX(-100%);
  transition: transform 0.3s;
}
.btn:hover,
.l-form .l-form__submit-btn:hover {
  color: #fff;
}
.btn:hover::before,
.l-form .l-form__submit-btn:hover::before {
  transform: translateX(0%);
}
.btn:hover .btn__arrow {
  color: #bae3f9;
}
.l-form .l-form__submit-btn:hover .l-form__submit-btn__arrow {
  color: #bae3f9;
}
.c-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 180%;
}
@media screen and (min-width: 48em) {
  .c-breadcrumb {
    font-size: 1.125rem;
  }
}
.c-breadcrumb * {
  letter-spacing: 2px;
}
.c-breadcrumb--top {
  color: #1a1a1a;
}
.c-breadcrumb--nav {
  padding: 0.75rem 0px;
  color: #8f8f8f;
}
.c-breadcrumb--default {
  color: #fff;
}
.c-signature-img {
  aspect-ratio: 256/96;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 48em) {
  .c-signature-img {
    height: 96px;
  }
}
.c-pagination .disabled {
  color: #8f8f8f;
  pointer-events: none;
}
.c-pagination .page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: auto;
  height: 32px;
  color: #65aadd;
  font-weight: 700;
  line-height: 150%; /* 27px */
  transition: color 0.3s;
}
.c-pagination .page-numbers::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #bae3f9;
  transition: width 0.3s;
}
.c-pagination .page-numbers:hover {
  color: #00478b;
}
.c-pagination .page-numbers:hover::before {
  width: 100%;
}
.c-pagination .page-numbers.current {
  color: #00478b;
}
.c-pagination .page-numbers.current::before {
  width: 100%;
}
.c-pagination .page-numbers.next, .c-pagination .page-numbers.prev {
  color: #8f8f8f;
}
.c-pagination .page-numbers.next:hover, .c-pagination .page-numbers.prev:hover {
  color: #00478b;
}
.c-pagination .page-numbers.next::before, .c-pagination .page-numbers.prev::before {
  display: none;
}
@keyframes downloadLink {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.c-download-btn:hover .c-download-icon-anim {
  animation-name: downloadLink;
  animation-duration: 0.5s;
  animation-fill-mode: backwards;
}
.c-select {
  padding: 0.5rem 1.5rem;
  border: 1px solid #65aadd;
  background-color: #fff;
  color: #65aadd;
  font-family: "Nunito Sans";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9 13L13 7L5 7L9 13Z" fill="%2365AADD"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 20px;
}
.c-lang-selector {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 100px;
  padding: 8px 16px;
  border: 0.5px solid #1a1a1a;
}
@media screen and (min-width: 48em) {
  .c-lang-selector {
    justify-content: start;
  }
}
.c-lang-selector ul {
  position: static;
}
.c-lang-selector .wpml-ls-legacy-dropdown-click {
  width: unset;
}
.c-lang-selector .wpml-ls-item {
  padding: 0;
}
.c-lang-selector a.wpml-ls-item-toggle {
  position: static;
  border: none;
  padding: 0;
  letter-spacing: 2px;
}
.c-lang-selector a.wpml-ls-item-toggle::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.c-lang-selector a.wpml-ls-item-toggle::after {
  display: none;
}
.c-lang-selector a.wpml-ls-item-toggle:hover, .c-lang-selector a.wpml-ls-item-toggle:focus {
  background: none;
}
.c-lang-selector .wpml-ls-sub-menu {
  top: unset;
  bottom: 100%;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .c-lang-selector .wpml-ls-sub-menu {
    top: 100%;
    bottom: unset;
    width: unset;
  }
}
.c-lang-selector .wpml-ls-sub-menu::before, .c-lang-selector .wpml-ls-sub-menu::after {
  content: "";
  width: 1.5625rem;
  height: 0.78125rem;
  background-color: #1a1a1a;
  margin: 0 auto;
}
.c-lang-selector .wpml-ls-sub-menu::before {
  display: none;
  clip-path: polygon(50% 0%, 0 100%, 100% 100%);
}
@media screen and (min-width: 62em) {
  .c-lang-selector .wpml-ls-sub-menu::before {
    display: block;
  }
}
.c-lang-selector .wpml-ls-sub-menu::after {
  display: block;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (min-width: 62em) {
  .c-lang-selector .wpml-ls-sub-menu::after {
    display: none;
  }
}
.c-lang-selector .wpml-ls-sub-menu:not(:has(.wpml-ls-item))::before, .c-lang-selector .wpml-ls-sub-menu:not(:has(.wpml-ls-item))::after {
  display: none;
}
.c-lang-selector .wpml-ls-sub-menu,
.c-lang-selector .wpml-ls-sub-menu .wpml-ls-link {
  border: none;
}
.c-lang-selector .wpml-ls-sub-menu .wpml-ls-link {
  letter-spacing: 2px;
  color: white;
  background-color: #1a1a1a;
  padding: 0.5rem 0.75rem;
}
.c-lang-selector .wpml-ls-sub-menu .wpml-ls-item:first-child .wpml-ls-link {
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  overflow: hidden;
}
.c-lang-selector .wpml-ls-sub-menu .wpml-ls-item:last-child .wpml-ls-link {
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
[data-aos=fade-up] {
  transform: translateY(50px);
}
[data-aos=blur] {
  filter: blur(1em) brightness(1.85);
}
[data-aos=blur].aos-animate {
  filter: blur(0) brightness(1);
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev,
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  width: 40px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #1859b4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-button-next svg,
.swiper .swiper-button-prev svg,
.swiper-container .swiper-button-next svg,
.swiper-container .swiper-button-prev svg {
  width: 7px;
  height: 10px;
}
.swiper .swiper-button-next svg path,
.swiper .swiper-button-prev svg path,
.swiper-container .swiper-button-next svg path,
.swiper-container .swiper-button-prev svg path {
  transition: all 0.3s;
}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after,
.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after {
  content: "";
}
.swiper .swiper-button-next:hover svg path,
.swiper .swiper-button-prev:hover svg path,
.swiper-container .swiper-button-next:hover svg path,
.swiper-container .swiper-button-prev:hover svg path {
  stroke: #1859b4;
}
.swiper .swiper-button-next svg,
.swiper-container .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper__year {
  width: 80%;
}
.swiper__year-container {
  padding: 1rem 0;
  background-color: rgba(186, 227, 249, 0.2);
  position: relative;
}
.swiper__year-container .swiper-button-next {
  top: 50%;
  right: 1.5rem;
}
.swiper__year-container .swiper-button-prev {
  top: 50%;
  left: 1.5rem;
}
.swiper__year .swiper-wrapper {
  justify-content: space-between;
  align-items: center;
}
.swiper__year .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: unset;
  height: 100%;
  font-family: "Nunito Sans";
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 100%; /* 48px */
  color: rgba(0, 71, 139, 0.4);
  cursor: pointer;
  transition: color 0.3s;
}
.swiper__year .swiper-slide-thumb-active {
  color: #00478b;
  font-size: 3rem;
}
@media (max-width: 767px) {
  .swiper__year {
    width: calc(100% - 104px);
  }
  .swiper__year-container .swiper-button-next {
    right: 0.75rem;
  }
  .swiper__year-container .swiper-button-prev {
    left: 0.75rem;
  }
  .swiper__year .swiper-slide {
    font-size: 1.125rem;
  }
  .swiper__year .swiper-slide-thumb-active {
    font-size: 1.5rem;
  }
}
.swiper__year-content > .swiper-wrapper > .swiper-slide {
  opacity: 0;
}
.swiper__year-content > .swiper-wrapper > .swiper-slide-active {
  opacity: 1;
}
.page-index__banner {
  position: relative;
  max-height: 44.625rem;
}
.page-index__banner::before, .page-index__banner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-index__banner::before {
  width: 44.58%;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  z-index: 1;
  backdrop-filter: blur(5px);
}
.page-index__banner::after {
  right: 0;
  z-index: 0;
}
.page-index__products-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 69.6%;
  height: auto;
  aspect-ratio: 544/680;
  z-index: 0;
  clip-path: polygon(26.07% 0%, 100% 0%, 77.37% 100%, 0% 100%);
  background-color: #bae3f9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 36em) {
  .page-index__products-bg {
    width: 40%;
  }
}
@media screen and (min-width: 48em) {
  .page-index__products-bg {
    width: 45%;
  }
}
@media screen and (min-width: 62em) {
  .page-index__products-bg {
    width: 37.7%;
  }
}
.page-index__products-triangle {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 25px;
  background-color: rgba(255, 255, 255, 0.5);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: 1;
}
.page-index__development-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 55%;
  height: auto;
  aspect-ratio: 503.8/806;
  background-color: #65aadd;
  clip-path: polygon(0% 0%, 99.96% 0%, 71% 100%, 0% 100%);
  z-index: 0;
}
@media screen and (min-width: 48em) {
  .page-index__development-bg {
    width: auto;
    height: 100%;
  }
}
.swiper__clients {
  padding-left: 1.5rem;
  overflow: visible;
}
@media screen and (min-width: 36em) {
  .swiper__clients {
    padding-left: 0;
    overflow: hidden;
  }
}
.swiper__clients .swiper-wrapper {
  display: grid;
  grid-auto-flow: column; /* 讓網格項目橫向擴展 */
  grid-template-rows: repeat(2, auto); /* 固定兩行，高度自適應 */
  row-gap: 0px;
  transition-timing-function: linear;
}
@media screen and (min-width: 36em) {
  .swiper__clients .swiper-wrapper {
    row-gap: 0;
  }
}
.swiper__clients .swiper-slide {
  width: 9.375rem;
  height: auto !important;
}
@media screen and (min-width: 48em) {
  .swiper__clients .swiper-slide {
    width: 11.25rem;
  }
}