@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{-webkit-text-size-adjust:100%}body{overflow-x:hidden}input.error,textarea.error{border:1px solid red}:focus-visible{outline:none}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
*//*
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)
*/*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}::before,
::after {
  --tw-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: Noto Sans TC, sans-serif; /* 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 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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 and border 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;
}/*
Reset default styling for dialogs.
*/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: #95918f; /* 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]:where(:not([hidden="until-found"])) {
  display: none;
}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.-bottom-px{bottom:-1px}.-left-1\.5{left:-0.375rem}.-left-2\.5{left:-0.625rem}.-left-\[131px\]{left:-131px}.-left-\[54px\]{left:-54px}.-right-12{right:-3rem}.bottom-0{bottom:0px}.bottom-12{bottom:3rem}.bottom-14{bottom:3.5rem}.bottom-\[189px\]{bottom:189px}.left-0{left:0px}.left-20{left:5rem}.left-3{left:0.75rem}.left-4{left:1rem}.left-\[538px\]{left:538px}.left-\[57\%\]{left:57%}.right-0{right:0px}.right-20{right:5rem}.right-5{right:1.25rem}.top-0{top:0px}.top-11{top:2.75rem}.top-12{top:3rem}.top-20{top:5rem}.top-3{top:0.75rem}.top-6{top:1.5rem}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[24\]{z-index:24}.z-\[45\]{z-index:45}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\[458px\]{margin-left:458px;margin-right:458px}.mx-auto{margin-left:auto;margin-right:auto}.my-14{margin-top:3.5rem;margin-bottom:3.5rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mr-4{margin-right:-1rem}.-mt-1{margin-top:-0.25rem}.-mt-\[330px\]{margin-top:-330px}.mb-1{margin-bottom:0.25rem}.mb-1\.5{margin-bottom:0.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-1\.5{margin-left:0.375rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:0.5rem}.ml-3{margin-left:0.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-\[538px\]{margin-left:538px}.mr-5{margin-right:1.25rem}.mr-\[103px\]{margin-right:103px}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:0.5rem}.mt-20{margin-top:5rem}.mt-28{margin-top:7rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-9{margin-top:2.25rem}.mt-\[19vw\]{margin-top:19vw}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-40{height:10rem}.h-6{height:1.5rem}.h-\[202px\]{height:202px}.h-\[3px\]{height:3px}.h-\[74\.55vh\]{height:74.55vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.w-0{width:0px}.w-6{width:1.5rem}.w-\[106px\]{width:106px}.w-\[170px\]{width:170px}.w-\[23px\]{width:23px}.w-\[29\.738\%\]{width:29.738%}.w-\[311px\]{width:311px}.w-\[528px\]{width:528px}.w-\[530px\]{width:530px}.w-\[538px\]{width:538px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-\[180px\]{max-width:180px}.max-w-\[600px\]{max-width:600px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.-translate-x-4{--tw-translate-x:-1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x:0;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes arrow_down{0%, 80%, 100%{transform:translateY(0px);opacity:1}39.9%{transform:translateY(10px);opacity:0}40%{transform:translateY(-10px);opacity:0}}.animate-arrow-down{animation:arrow_down 2s infinite ease-in-out}@keyframes AnimeScaleX_Left{0%{transform:scaleX(0%);transform-origin:left}80%, 100%{transform:scaleX(100%);transform-origin:left}}.animate-sx{animation:AnimeScaleX_Left 3s infinite ease-in-out}.cursor-none{cursor:none}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-0\.5{gap:0.125rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-x-10 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2.5rem * var(--tw-space-x-reverse));margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-12 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(3rem * var(--tw-space-x-reverse));margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-28 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(7rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(7rem * var(--tw-space-y-reverse))}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-52 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(13rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(13rem * var(--tw-space-y-reverse))}.space-y-56 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(14rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(14rem * var(--tw-space-y-reverse))}.space-y-\[6px\] > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6px * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border-b{border-bottom-width:1px}.border-b-\[0\.5px\]{border-bottom-width:0.5px}.border-\[\#e7615f\]{--tw-border-opacity:1;border-color:rgb(231 97 95 / var(--tw-border-opacity, 1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-black\/30{border-color:rgb(0 0 0 / 0.3)}.border-black\/50{border-color:rgb(0 0 0 / 0.5)}.border-gray-400{--tw-border-opacity:1;border-color:rgb(149 145 143 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/50{border-color:rgb(255 255 255 / 0.5)}.bg-\[\#F6F6F6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246 / var(--tw-bg-opacity, 1))}.bg-\[\#efefef\]{--tw-bg-opacity:1;background-color:rgb(239 239 239 / var(--tw-bg-opacity, 1))}.bg-\[\#f7f7f7\]{--tw-bg-opacity:1;background-color:rgb(247 247 247 / var(--tw-bg-opacity, 1))}.bg-\[\#ffffff80\]{background-color:#ffffff80}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(255 103 96 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/50{background-color:rgb(255 255 255 / 0.5)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-right{background-position:right}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.fill-\[\#8a8a8a\]{fill:#8a8a8a}.p-1{padding:0.25rem}.px-20{padding-left:5rem;padding-right:5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.pb-1{padding-bottom:0.25rem}.pb-14{padding-bottom:3.5rem}.pb-2{padding-bottom:0.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:0.25rem}.pl-1\.5{padding-left:0.375rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-20{padding-right:5rem}.pr-6{padding-right:1.5rem}.pt-32{padding-top:8rem}.text-left{text-align:left}.text-right{text-align:right}.font-en{font-family:Roboto, sans-serif}.text-3xl{font-size:32px;line-height:1.2}.text-\[13px\]{font-size:13px}.text-\[27px\]{font-size:27px}.text-\[28px\]\/\[1\.4\]{font-size:28px;line-height:1.4}.text-\[38px\]{font-size:38px}.text-base{font-size:16px;line-height:1.8}.text-lg{font-size:18px;line-height:1.8}.text-lg\/\[1\.4\]{font-size:18px;line-height:1.4}.text-sm{font-size:14px;line-height:1.8}.text-xl{font-size:20px;line-height:1.8}.text-xs{font-size:12px;line-height:1.8}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-none{line-height:1}.tracking-normal{letter-spacing:1px}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/30{color:rgb(0 0 0 / 0.3)}.text-black\/50{color:rgb(0 0 0 / 0.5)}.text-black\/60{color:rgb(0 0 0 / 0.6)}.text-gray-400{--tw-text-opacity:1;color:rgb(149 145 143 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity:1;color:rgb(60 51 49 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity:1;color:rgb(255 103 96 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/50{color:rgb(255 255 255 / 0.5)}.\!opacity-100{opacity:1 !important}.opacity-0{opacity:0}.opacity-30{opacity:0.3}.opacity-50{opacity:0.5}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-1000{transition-duration:1000ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.duration-700{transition-duration:700ms}.duration-\[1\.4s\]{transition-duration:1.4s}.img-cover{width:100%;height:100%;object-fit:cover}.img-scaledown{width:100%;height:100%;object-fit:scale-down}.tf{top:50%;left:50%;--tw-translate-y: -50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flip-y{--tw-rotate-x: 0deg;--tw-rotate-y: 180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.zoom-80{zoom:.8}.\[--c\:\#fff\]{--c:#fff}.\[left\:calc\(\(100vw-600px\)\/2\+28px\)\]{left:calc((100vw - 600px) / 2 + 28px)}*.is-show{opacity:1;pointer-events:all}.basic-hover{cursor:pointer;transition:all .3s}.basic-hover:hover{opacity:.6}@media (max-width: 1200px){.nobr_m br{display:none}}:root b,:root strong{font-weight:700}@media (max-width: 1200px){:root .fancybox__carousel{padding:0 10px}}:root .fancybox__backdrop{background-color:rgba(0,0,0,.9)}:root .fancybox__toolbar{opacity:1 !important}@media (min-width: 1201px) and (max-width: 1700px){:root .fancybox__content{max-width:800px}}:root .f-button{width:auto;height:auto;color:initial}:root .f-button svg{width:auto;height:auto;fill:initial;stroke:initial;stroke-width:initial;stroke-linecap:initial;stroke-linejoin:initial}:root .fancy-prev,:root .fancy-next{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);margin-left:-644px;background:none !important}@media (min-width: 1201px) and (max-width: 1700px){:root .fancy-prev,:root .fancy-next{margin-left:-463px}}@media (max-width: 1200px){:root .fancy-prev,:root .fancy-next{display:none}}@media (max-width: 600px){:root .fancy-prev,:root .fancy-next{display:block;margin-left:0;left:auto;right:87px;transform:translateX(0%);margin-top:132px}:root .fancy-prev img,:root .fancy-next img{height:8px}}:root .fancy-prev:after,:root .fancy-next:after{content:"";position:absolute;inset:-20px;z-index:-1;cursor:pointer}:root .fancy-next{margin-left:644px}@media (min-width: 1201px) and (max-width: 1700px){:root .fancy-next{margin-left:463px}}@media (max-width: 1200px){:root .fancy-next{margin-left:0;right:14px}}:root .fancy-close{position:fixed;left:50%;transform:translateX(-50%);bottom:40px;background:none !important}:root .fancy-close:after{content:"";position:absolute;inset:-20px;z-index:-1;cursor:pointer}.contactForm .flickity-slider{transform:none !important}.contactForm .flickity-slider>div{left:0 !important;opacity:0;transition:opacity .3s ease-in-out;z-index:-1}.contactForm .flickity-slider>div.is-selected{opacity:1;z-index:0}.contactFinish{padding-left:1rem;font-size:16px;line-height:1.8}.sound-wave{display:flex}.sound-bar{width:1px;height:2px;background-color:#FF6760;margin-right:2px;transform:scaleY(1);animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.sound-bar:nth-child(4n){animation-name:bar-scale-xl;animation-duration:1s}.sound-bar:nth-child(4){animation-duration:1.15s}.sound-bar:nth-child(3){animation-name:bar-scale-lg;animation-duration:.8s}.sound-bar:nth-child(6){animation-name:bar-scale-md;animation-duration:.85s}.sound-bar:nth-child(2),.sound-bar:nth-child(5),.sound-bar:nth-child(7),.sound-bar:nth-child(9){animation-name:bar-scale-sm;animation-duration:.9s}@keyframes bar-scale-sm{0%,50%{transform:scaleY(1)}25%{transform:scaleY(4.2)}75%{transform:scaleY(2.8)}}@keyframes bar-scale-md{0%,50%{transform:scaleY(1.4)}25%{transform:scaleY(4.2)}75%{transform:scaleY(3.5)}}@keyframes bar-scale-lg{0%,50%{transform:scaleY(5.6)}25%{transform:scaleY(2.8)}75%{transform:scaleY(4.2)}}@keyframes bar-scale-xl{0%,50%{transform:scaleY(1)}25%{transform:scaleY(4.9)}75%{transform:scaleY(7.7)}}#pd-pic img{display:inline-block;margin:6px 0}@media (min-width: 1201px) and (max-width: 1700px){#pd-pic img{zoom:.7}}@media (max-width: 1200px){#pd-pic img{zoom:.334913}.text-sm{font-size:13px}}#pd-content-mobile img{margin:8px 0}.placeholder\:text-xs::placeholder{font-size:12px;line-height:1.8}.placeholder\:opacity-60::placeholder{opacity:0.6}.after\:absolute::after{content:var(--tw-content);position:absolute}.after\:-inset-4::after{content:var(--tw-content);inset:-1rem}.after\:-z-10::after{content:var(--tw-content);z-index:-10}.checked\:bg-dot:checked{background-image:radial-gradient(circle at center, #000 5px, transparent 0)}.hover\:fill-red-400:hover{fill:#FF6760}.hover\:font-medium:hover{font-weight:500}.hover\:\!text-red-400:hover{--tw-text-opacity:1 !important;color:rgb(255 103 96 / var(--tw-text-opacity, 1)) !important}.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(255 103 96 / var(--tw-text-opacity, 1))}.group:nth-child(odd) .group-odd\:order-1{order:1}.group:nth-child(odd) .group-odd\:order-2{order:2}.group\/arrow:hover .group-hover\/arrow\:w-full{width:100%}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes AnimeBtnLink_Next{0%{transform:translateX(0%)}35.99%{transform:translateX(100%)}36%{transform:translateX(-100%)}100%{transform:translateX(0%)}}.group\/arrow:hover .group-hover\/arrow\:animate-link-right{animation:AnimeBtnLink_Next 0.4s}.group:hover .group-hover\:fill-red-400{fill:#FF6760}.group\/arrow:hover .group-hover\/arrow\:text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.group\/arrow:hover .group-hover\/arrow\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group\/move:hover .group-hover\/move\:opacity-100{opacity:1}.group\/pic1:hover .group-hover\/pic1\:opacity-100{opacity:1}.group\/pic2:hover .group-hover\/pic2\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-100{opacity:1}.group.is-white .group-\[\.is-white\]\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group.is-inview .group-\[\.is-inview\]\:opacity-0{opacity:0}.peer:checked ~ .peer-checked\:scale-x-100{--tw-scale-x:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked ~ .peer-checked\:opacity-100{opacity:1}@media (prefers-reduced-motion: reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width: 1201px) and (max-width: 1700px){.xl\:bottom-11{bottom:2.75rem}.xl\:left-\[469px\]{left:469px}.xl\:mx-\[508px\]{margin-left:508px;margin-right:508px}.xl\:ml-\[469px\]{margin-left:469px}.xl\:mt-40{margin-top:10rem}.xl\:mt-\[-240px\]{margin-top:-240px}.xl\:mt-\[10vw\]{margin-top:10vw}.xl\:block{display:block}.xl\:h-\[860px\]{height:860px}.xl\:w-\[370px\]{width:370px}.xl\:w-\[469px\]{width:469px}.xl\:space-y-44 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(11rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(11rem * var(--tw-space-y-reverse))}.xl\:pt-28{padding-top:7rem}.xl\:img-cover{width:100%;height:100%;object-fit:cover}.xl\:zoom-80{zoom:.8}.xl\:zoom-90{zoom:.9}.xl\:zoom-125{zoom:1.25}}@media (max-width: 1200px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:bottom-24{bottom:6rem}.lg\:bottom-7{bottom:1.75rem}.lg\:bottom-8{bottom:2rem}.lg\:bottom-\[30px\]{bottom:30px}.lg\:left-5{left:1.25rem}.lg\:left-\[30\.13\%\]{left:30.13%}.lg\:right-5{right:1.25rem}.lg\:right-6{right:1.5rem}.lg\:top-5{top:1.25rem}.lg\:z-40{z-index:40}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:mx-11{margin-left:2.75rem;margin-right:2.75rem}.lg\:mx-5{margin-left:1.25rem;margin-right:1.25rem}.lg\:mx-8{margin-left:2rem;margin-right:2rem}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:my-7{margin-top:1.75rem;margin-bottom:1.75rem}.lg\:mb-0{margin-bottom:0px}.lg\:mb-16{margin-bottom:4rem}.lg\:mb-2{margin-bottom:0.5rem}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-24{margin-bottom:6rem}.lg\:mb-28{margin-bottom:7rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-0{margin-left:0px}.lg\:ml-16{margin-left:4rem}.lg\:ml-5{margin-left:1.25rem}.lg\:mr-0{margin-right:0px}.lg\:mr-5{margin-right:1.25rem}.lg\:mt-0{margin-top:0px}.lg\:mt-1\.5{margin-top:0.375rem}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-11{margin-top:2.75rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-2{margin-top:0.5rem}.lg\:mt-20{margin-top:5rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-28{margin-top:7rem}.lg\:mt-5{margin-top:1.25rem}.lg\:mt-6{margin-top:1.5rem}.lg\:mt-8{margin-top:2rem}.lg\:mt-9{margin-top:2.25rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[140px\]{height:140px}.lg\:h-\[37px\]{height:37px}.lg\:h-auto{height:auto}.lg\:w-\[56\.536\%\]{width:56.536%}.lg\:w-\[81px\]{width:81px}.lg\:w-\[91px\]{width:91px}.lg\:w-auto{width:auto}.lg\:max-w-\[580px\]{max-width:580px}.lg\:max-w-\[600px\]{max-width:600px}.lg\:flex-1{flex:1 1 0%}.lg\:-translate-x-9{--tw-translate-x:-2.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:cursor-pointer{cursor:pointer}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:gap-1{gap:0.25rem}.lg\:gap-2{gap:0.5rem}.lg\:gap-3{gap:0.75rem}.lg\:gap-px{gap:1px}.lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.lg\:space-y-20 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem * var(--tw-space-y-reverse))}.lg\:space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.lg\:space-y-32 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8rem * var(--tw-space-y-reverse))}.lg\:self-start{align-self:flex-start}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-visible{overflow:visible}.lg\:whitespace-normal{white-space:normal}.lg\:border-none{border-style:none}.lg\:bg-cover{background-size:cover}.lg\:p-0{padding:0px}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:pb-0{padding-bottom:0px}.lg\:pb-8{padding-bottom:2rem}.lg\:pl-16{padding-left:4rem}.lg\:pr-16{padding-right:4rem}.lg\:pr-5{padding-right:1.25rem}.lg\:pr-6{padding-right:1.5rem}.lg\:pr-px{padding-right:1px}.lg\:text-left{text-align:left}.lg\:text-justify{text-align:justify}.lg\:text-2xl{font-size:25px;line-height:1.2}.lg\:text-\[21px\]{font-size:21px}.lg\:text-\[30px\]{font-size:30px}.lg\:text-base{font-size:16px;line-height:1.8}.lg\:text-sm{font-size:14px;line-height:1.8}.lg\:text-xl{font-size:20px;line-height:1.8}.lg\:font-medium{font-weight:500}.lg\:leading-snug{line-height:1.4}.lg\:zoom-70{zoom:.7}.lg\:zoom-90{zoom:.9}.lg\:zoom-140{zoom:1.4}}@media (max-width: 600px){.sm\:-left-\[134px\]{left:-134px}.sm\:left-16{left:4rem}.sm\:mx-16{margin-left:4rem;margin-right:4rem}.sm\:ml-16{margin-left:4rem}.sm\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 1200px){@keyframes AnimeBtnLink_Next{0%{transform:translateX(0%)}35.99%{transform:translateX(100%)}36%{transform:translateX(-100%)}100%{transform:translateX(0%)}}.group\/arrow:hover .desktop\:group-hover\/arrow\:animate-link-right{animation:AnimeBtnLink_Next 0.4s}}.\[\&\.current\]\:text-\[23px\].current{font-size:23px}.\[\&\.current\]\:font-medium.current{font-weight:500}.\[\&\.current\]\:opacity-100.current{opacity:1}.\[\&\.is-open\]\:translate-x-0.is-open{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\.now\]\:opacity-100.now{opacity:1}