/* Batch M: DOM-matched subset of the two archived homepage framework stylesheets.
   Sources remain preserved in outputs/backups/batch-m-20260901-182626/site/assets/css/. */

/* 15bd40b7_frontend.css */
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  24%, 8% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
:host, :root { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; }
@font-face { font-display: block; font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; src: url("../fonts/f5462756_webfa-brands-400.woff2") format("woff2"), url("../fonts/d870a495_webfa-brands-400.ttf") format("truetype"); }
:host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; }
@font-face { font-display: block; font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; src: url("../fonts/3f5ca375_webfa-regular-400.woff2") format("woff2"), url("../fonts/e1df1495_webfa-regular-400.ttf") format("truetype"); }
:host, :root { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }
@font-face { font-display: block; font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; src: url("../fonts/0455e60a_webfa-solid-900.woff2") format("woff2"), url("../fonts/8e5c5f52_webfa-solid-900.ttf") format("truetype"); }
@font-face { font-display: block; font-family: "Font Awesome 5 Brands"; font-weight: 400; src: url("../fonts/f5462756_webfa-brands-400.woff2") format("woff2"), url("../fonts/d870a495_webfa-brands-400.ttf") format("truetype"); }
@font-face { font-display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; src: url("../fonts/0455e60a_webfa-solid-900.woff2") format("woff2"), url("../fonts/8e5c5f52_webfa-solid-900.ttf") format("truetype"); }
@font-face { font-display: block; font-family: "Font Awesome 5 Free"; font-weight: 400; src: url("../fonts/3f5ca375_webfa-regular-400.woff2") format("woff2"), url("../fonts/e1df1495_webfa-regular-400.ttf") format("truetype"); }
@font-face { font-display: block; font-family: FontAwesome; src: url("../fonts/0455e60a_webfa-solid-900.woff2") format("woff2"), url("../fonts/8e5c5f52_webfa-solid-900.ttf") format("truetype"); }
@font-face { font-display: block; font-family: FontAwesome; src: url("../fonts/f5462756_webfa-brands-400.woff2") format("woff2"), url("../fonts/d870a495_webfa-brands-400.ttf") format("truetype"); }
@font-face { font-display: block; font-family: FontAwesome; src: url("../fonts/3f5ca375_webfa-regular-400.woff2") format("woff2"), url("../fonts/e1df1495_webfa-regular-400.ttf") format("truetype"); unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; }
@font-face { font-display: block; font-family: FontAwesome; src: url("../fonts/2d228ab0_webfa-v4compatibility.woff2") format("woff2"), url("../fonts/93e11de5_webfa-v4compatibility.ttf") format("truetype"); unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; }
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }
*, ::after, ::before { box-sizing: border-box; }
html { text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; line-height: 1.15; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { background-color: rgb(255, 255, 255); color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; line-height: 1.5; margin: 0px; text-align: left; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; margin-top: 0px; }
p { margin-bottom: 1rem; margin-top: 0px; }
address, dl, ol, ul { margin-bottom: 1rem; }
dl, ol, ul { margin-top: 0px; }
a { background-color: transparent; color: rgb(0, 123, 255); text-decoration: none; }
a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
img { border-style: none; }
img, svg { vertical-align: middle; }
svg { overflow: hidden; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
[type="search"] { appearance: none; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
[hidden] { display: none !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; }
.h1, h1 { font-size: 2.5rem; }
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.75rem; }
.h4, h4 { font-size: 1.5rem; }
.img-fluid, .img-thumbnail { height: auto; max-width: 100%; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
@media (min-width: 576px){
.container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px){
.container, .container-md, .container-sm { max-width: 720px; }
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
}
.row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 15px; padding-right: 15px; position: relative; width: 100%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px){
.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px){
.col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-md-6 { flex: 0 0 50%; max-width: 50%; }
.col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-md-12 { flex: 0 0 100%; max-width: 100%; }
.offset-md-1 { margin-left: 8.33333%; }
}
@media (min-width: 992px){
.col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-lg-6 { flex: 0 0 50%; max-width: 50%; }
.col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
.offset-lg-1 { margin-left: 8.33333%; }
}
.form-control { background-clip: padding-box; background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; color: rgb(73, 80, 87); display: block; font-size: 1rem; font-weight: 400; height: calc(1.5em + 2px + 0.75rem); line-height: 1.5; padding: 0.375rem 0.75rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; }
@media (prefers-reduced-motion: reduce){
.form-control { transition: none; }
}
.form-control:focus { background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; color: rgb(73, 80, 87); outline: 0px; }
.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
.btn { background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; color: rgb(33, 37, 41); display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 0.375rem 0.75rem; text-align: center; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; user-select: none; vertical-align: middle; }
@media (prefers-reduced-motion: reduce){
.btn { transition: none; }
}
.btn:hover { color: rgb(33, 37, 41); text-decoration: none; }
.btn.focus, .btn:focus { box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; outline: 0px; }
.btn.disabled, .btn:disabled { opacity: 0.65; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
.btn-primary { background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); color: rgb(255, 255, 255); }
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); color: rgb(255, 255, 255); }
.btn-primary.focus, .btn-primary:focus { box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-primary.disabled, .btn-primary:disabled { background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); color: rgb(255, 255, 255); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); color: rgb(255, 255, 255); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce){
.fade { transition: none; }
}
.fade:not(.show) { opacity: 0; }
.input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; width: 100%; }
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { flex: 1 1 auto; margin-bottom: 0px; min-width: 0px; position: relative; width: 1%; }
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after, .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.nav { display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0px; padding-left: 0px; }
.breadcrumb { background-color: rgb(233, 236, 239); border-radius: 0.25rem; display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 1rem; padding: 0.75rem 1rem; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }
.breadcrumb-item + .breadcrumb-item::before { color: rgb(108, 117, 125); content: "/"; float: left; padding-right: 0.5rem; }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }
.breadcrumb-item.active { color: rgb(108, 117, 125); }
.badge { border-radius: 0.25rem; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.25em 0.4em; text-align: center; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; vertical-align: baseline; white-space: nowrap; }
@media (prefers-reduced-motion: reduce){
.badge { transition: none; }
}
.badge:empty { display: none; }
.badge-pill { border-radius: 10rem; padding-left: 0.6em; padding-right: 0.6em; }
.badge-danger { background-color: rgb(220, 53, 69); color: rgb(255, 255, 255); }
@keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}
.close { color: rgb(0, 0, 0); float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; opacity: 0.5; text-shadow: rgb(255, 255, 255) 0px 1px 0px; }
.close:hover { color: rgb(0, 0, 0); text-decoration: none; }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; }
button.close { background-color: transparent; border: 0px; padding: 0px; }
.modal { display: none; height: 100%; left: 0px; outline: 0px; overflow: hidden; position: fixed; top: 0px; width: 100%; z-index: 1050; }
.modal-dialog { margin: 0.5rem; pointer-events: none; position: relative; width: auto; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; }
@media (prefers-reduced-motion: reduce){
.modal.fade .modal-dialog { transition: none; }
}
.modal.fade .modal-dialog { transform: translateY(-50px); }
.modal-content { background-clip: padding-box; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; display: flex; flex-direction: column; outline: 0px; pointer-events: auto; position: relative; width: 100%; }
.modal-header { align-items: flex-start; border-bottom: 1px solid rgb(222, 226, 230); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); display: flex; justify-content: space-between; padding: 1rem; }
.modal-header .close { margin: -1rem -1rem -1rem auto; padding: 1rem; }
.modal-title { line-height: 1.5; margin-bottom: 0px; }
.modal-body { flex: 1 1 auto; padding: 1rem; position: relative; }
@media (min-width: 576px){
.modal-dialog { margin: 1.75rem auto; max-width: 500px; }
}
@keyframes spinner-border { 
  100% { transform: rotate(1turn); }
}
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
@media (min-width: 768px){
.d-md-none { display: none !important; }
}
.visible { visibility: visible !important; }
@media print{
*, ::after, ::before { box-shadow: none !important; text-shadow: none !important; }
a:not(.btn) { text-decoration: underline; }
blockquote, img, pre, tr { break-inside: avoid; }
h2, h3, p { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
@page { size: a3; }
.container, body { min-width: 992px !important; }
.badge { border: 1px solid rgb(0, 0, 0); }
}
@font-face { font-family: slick; font-style: normal; font-weight: 400; src: url("../fonts/8ad1f466_slick.woff") format("woff"), url("../fonts/adb63b66_slick.ttf") format("truetype"); }
.btn { white-space: nowrap; }
@font-face { font-display: block; font-family: icomoon-alibaba; font-style: normal; font-weight: 400; src: url("../fonts/2aa59722_icomoon-alibaba.ttf") format("truetype"), url("../fonts/90e7dfb0_icomoon-alibaba.woff") format("woff"); }
html { font-size: 16px; }
body { font-family: "Microsoft JhengHei", Arial, sans-serif; font-size: 1rem; overflow-x: hidden; }
@font-face { font-display: swap; font-family: Lato-Light; font-weight: 400; src: url("../fonts/96fc2d3f_Lato-Light.woff") format("woff"); }
@font-face { font-display: swap; font-family: Encode-Sans-Condensed; font-weight: 400; src: url("../fonts/7feaac42_EncodeSansCondensed-Thin.woff") format("woff"); }
#banner .splide__pagination__page.is-active { transform: scale(1); background: rgb(134, 151, 145) !important; }

/* 78129390_content.css */
@keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}
@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}
@keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}
@keyframes wobble { 
  0% { transform: translateZ(0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: translateZ(0px); }
}
@keyframes jello { 
  0%, 11.1%, 100% { transform: translateZ(0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes heartBeat { 
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}
@keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}
@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes flip { 
  0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); }
  40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); }
  50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); }
  80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); }
  100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); }
}
@keyframes flipInX { 
  0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); }
  40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateX(10deg); }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInY { 
  0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); }
  40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateY(10deg); }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); }
  100% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
}
@keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); }
  100% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
}
@keyframes lightSpeedIn { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); }
  60% { opacity: 1; transform: skewX(20deg); }
  80% { transform: skewX(-5deg); }
  100% { transform: translateZ(0px); }
}
@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); }
}
@keyframes rotateIn { 
  0% { opacity: 0; transform: rotate(-200deg); transform-origin: center center; }
  100% { opacity: 1; transform: translateZ(0px); transform-origin: center center; }
}
@keyframes rotateInDownLeft { 
  0% { opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; }
  100% { opacity: 1; transform: translateZ(0px); transform-origin: left bottom; }
}
@keyframes rotateInDownRight { 
  0% { opacity: 0; transform: rotate(45deg); transform-origin: right bottom; }
  100% { opacity: 1; transform: translateZ(0px); transform-origin: right bottom; }
}
@keyframes rotateInUpLeft { 
  0% { opacity: 0; transform: rotate(45deg); transform-origin: left bottom; }
  100% { opacity: 1; transform: translateZ(0px); transform-origin: left bottom; }
}
@keyframes rotateInUpRight { 
  0% { opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; }
  100% { opacity: 1; transform: translateZ(0px); transform-origin: right bottom; }
}
@keyframes rotateOut { 
  0% { opacity: 1; transform-origin: center center; }
  100% { opacity: 0; transform: rotate(200deg); transform-origin: center center; }
}
@keyframes rotateOutDownLeft { 
  0% { opacity: 1; transform-origin: left bottom; }
  100% { opacity: 0; transform: rotate(45deg); transform-origin: left bottom; }
}
@keyframes rotateOutDownRight { 
  0% { opacity: 1; transform-origin: right bottom; }
  100% { opacity: 0; transform: rotate(-45deg); transform-origin: right bottom; }
}
@keyframes rotateOutUpLeft { 
  0% { opacity: 1; transform-origin: left bottom; }
  100% { opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; }
}
@keyframes rotateOutUpRight { 
  0% { opacity: 1; transform-origin: right bottom; }
  100% { opacity: 0; transform: rotate(90deg); transform-origin: right bottom; }
}
@keyframes hinge { 
  0% { animation-timing-function: ease-in-out; transform-origin: left top; }
  20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: left top; }
  40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: left top; }
  100% { opacity: 0; transform: translate3d(0px, 700px, 0px); }
}
@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}
@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes zoomInDown { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); }
}
@keyframes zoomInLeft { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); }
}
@keyframes zoomInRight { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); }
}
@keyframes zoomInUp { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); }
}
@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@keyframes zoomOutDown { 
  40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); }
  100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; }
}
@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@keyframes zoomOutUp { 
  40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); }
  100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; }
}
@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; }
}
@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; }
}
@keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; }
}
@keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; }
}
@keyframes splide-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.splide__list { width: max-content; will-change: transform; margin: 0px !important; padding: 0px !important; }
.splide.is-active .splide__list { display: flex; }
.splide__pagination { align-items: center; display: inline-flex; flex-wrap: wrap; justify-content: center; margin: 0px; width: 95%; }
.splide { visibility: hidden; }
.splide, .splide__slide { outline: none; position: relative; }
.splide__slide { box-sizing: border-box; flex-shrink: 0; margin: 0px; list-style-type: none !important; }
.splide__slide img { vertical-align: bottom; }
.splide__track { overflow: hidden; position: relative; z-index: 0; }
.splide--draggable > .splide__track > .splide__list > .splide__slide { user-select: none; }
.splide--fade > .splide__track > .splide__list { display: block; }
.splide--fade > .splide__track > .splide__list > .splide__slide { left: 0px; opacity: 0; position: absolute; top: 0px; z-index: 0; }
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active { opacity: 1; position: relative; z-index: 1; }
@keyframes splide-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.splide__list { width: max-content; will-change: transform; margin: 0px !important; padding: 0px !important; }
.splide.is-active .splide__list { display: flex; }
.splide__pagination { align-items: center; display: inline-flex; flex-wrap: wrap; justify-content: center; margin: 0px; width: 95%; }
.splide { visibility: hidden; }
.splide, .splide__slide { outline: none; position: relative; }
.splide__slide { box-sizing: border-box; flex-shrink: 0; margin: 0px; list-style-type: none !important; }
.splide__slide img { vertical-align: bottom; }
.splide__track { overflow: hidden; position: relative; z-index: 0; }
.splide--draggable > .splide__track > .splide__list > .splide__slide { user-select: none; }
.splide--fade > .splide__track > .splide__list { display: block; }
.splide--fade > .splide__track > .splide__list > .splide__slide { left: 0px; opacity: 0; position: absolute; top: 0px; z-index: 0; }
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active { opacity: 1; position: relative; z-index: 1; }
.splide__arrow { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.splide__arrow svg { fill: rgb(0, 191, 255); height: 2.5em; transition: fill 0.2s linear; width: 2.5em; }
.splide__arrow:hover { cursor: pointer; }
.splide__arrow:hover svg { fill: rgb(102, 217, 255); }
.splide__arrow:focus { outline: none; }
.splide__arrow--prev { left: 1em; }
.splide__arrow--prev svg { transform: scaleX(-1); }
.splide__arrow--next { right: 1em; }
.splide__pagination { bottom: 0.5em; left: 50%; padding: 0px; position: absolute; transform: translateX(-50%); z-index: 1; }
.splide__pagination__page { background: rgb(204, 204, 204); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; display: inline-block; height: 10px; margin: 3px; padding: 0px; transition: 0.2s linear; width: 10px; }
.splide__pagination__page.is-active { background: rgb(0, 191, 255); transform: scale(1.4); }
.splide__pagination__page:hover { background: rgb(102, 217, 255); cursor: pointer; }
.splide__pagination__page:focus { outline: none; }
.btn { white-space: nowrap; }
@font-face { font-display: block; font-family: icomoon-alibaba; font-style: normal; font-weight: 400; src: url("../fonts/2aa59722_icomoon-alibaba.ttf") format("truetype"), url("../fonts/90e7dfb0_icomoon-alibaba.woff") format("woff"); }
.modal { z-index: 9999; }
.modal .modal-body .btn { background: rgb(0, 155, 159); border-color: rgb(0, 155, 159); color: rgb(255, 255, 255); transition: 0.3s; }
.modal .modal-body .btn:hover { background-color: rgb(0, 155, 159); border-color: rgb(0, 155, 159); color: rgb(255, 255, 255); }
@keyframes header { 
  0% { opacity: 0; transform: translate(-50%, -30px); }
  100% { opacity: 1; transform: translate(-50%); }
}
.bannerBox { position: relative; }
.bannerBox .banner_wrap { padding-left: 0px; }
.bannerBox.insBannerBox .splide__slide { border-top-right-radius: 5.208vw; overflow: hidden; }
.bannerBox.insBannerBox::before { background-color: rgb(232, 245, 245); bottom: 0px; content: ""; height: 20.3125vw; left: 0px; position: absolute; right: 0px; z-index: -1; }
.bannerBox.insBannerBox #banner .splide__pagination { display: none !important; }
.bannerBox.insBannerBox #banner .banner_summary .BannerTxtBox.InsBannerTxtBox { height: auto; left: 50%; position: absolute; top: 50%; transform: translateY(-50%); width: 37%; }
.bannerBox.insBannerBox #banner .banner_summary .BannerTxtBox .item .title { font-size: clamp(28px, 3.125vw, 60px); position: static; transform: none; }
.bannerBox.insBannerBox #banner .banner_summary .BannerTxtBox .item .txt { font-size: clamp(16px, 1.667vw, 32px); position: static; transform: none; }
.bannerBox #banner .splide__pagination { align-items: center; display: flex; flex-direction: column; height: 250px; justify-content: center; left: auto; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 80px; }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow { bottom: auto; left: 50%; top: auto; transform: translateX(-50%); }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--prev { top: 0px; }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--prev svg { transform: rotate(-90deg); }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--next { bottom: 0px; }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--next svg { transform: rotate(90deg); }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow svg { fill: rgb(255, 255, 255); height: 1em; width: 1em; }
.bannerBox #banner .splide__slide.is-active .banner_summary .BannerTxtBox .item .title { animation-delay: 0.8s; animation-duration: 1.2s; animation-fill-mode: both; animation-name: bannerTitle; }
.bannerBox #banner .splide__slide.is-active .banner_summary .BannerTxtBox .item .txt { animation-delay: 1.6s; animation-duration: 1.2s; animation-fill-mode: both; animation-name: bannerTitle; }
.bannerBox #banner .banner_summary { background: transparent; height: 100%; padding: 0px; width: 100%; }
.bannerBox #banner .banner_summary .BannerTxtBox { height: 100%; position: absolute; width: 100%; z-index: 1; }
.bannerBox #banner .banner_summary .BannerTxtBox .item .title { color: rgb(255, 255, 255); font-family: Urbanist-ExtraBold; font-size: clamp(32px, 4.6875vw, 90px); left: 10%; line-height: 1.056; position: absolute; text-shadow: rgba(25, 66, 43, 0.29) 0px 3px 6px; text-transform: uppercase; top: 30%; }
.bannerBox #banner .banner_summary .BannerTxtBox .item .txt { color: rgb(187, 251, 164); font-family: Urbanist-SemiBold; font-size: clamp(16px, 1.875vw, 36px); left: 63%; line-height: 1.278; position: absolute; text-shadow: rgba(67, 142, 100, 0.4) 0px 0px 0px; top: 62%; transform: translateY(-50%); z-index: 1; }
.sideFixBox { align-items: center; display: none; flex-direction: column; opacity: 0; padding-right: 30px; position: fixed; right: 0px; top: 50%; transform: translateY(-50%); transition: 0.3s; z-index: 999; }
.sideFixBox.layoutSideFixBox { display: block !important; opacity: 1; }
.sideFixBox ul { display: flex; flex-direction: column; list-style: none; margin: 0px; padding: 0px; }
.sideFixBox ul li { display: block; margin: 10px 0px; }
.sideFixBox ul li:last-child { display: none; }
.sideFixBox ul li a { background-color: rgb(179, 205, 77); border-radius: 50%; color: rgb(255, 255, 255); font-size: 30px; height: 60px; position: relative; transition: 0.3s; width: 60px; }
.sideFixBox ul li a, .sideFixBox ul li a .icon { align-items: center; display: flex; justify-content: center; }
.sideFixBox ul li a .icon { height: 100%; width: 100%; }
.sideFixBox ul li a:hover { background-color: rgb(0, 155, 159); }
.sideFixBox ul li a#cart_area .txt { display: none !important; }
.sideFixBox ul li a#cart_area .badge { align-items: center; background-color: rgb(0, 155, 159); color: rgb(255, 255, 255); display: flex; font-size: 14px; height: 25px; justify-content: center; padding: 0px; position: absolute; right: -5px; top: -5px; width: 25px; }
@media (max-width: 767px){
.bannerBox.insBannerBox .banner_wrap { padding: 0px; }
.bannerBox.insBannerBox #banner .splide__slide { border-top-right-radius: 0px; overflow: hidden; }
.bannerBox.insBannerBox #banner .banner_summary .BannerTxtBox.InsBannerTxtBox { left: 50%; transform: translate(-50%, -50%); width: 100%; }
.bannerBox.insBannerBox #banner .banner_summary .BannerTxtBox.InsBannerTxtBox .item { padding: 20px; }
.bannerBox.insBannerBox #banner .banner_summary .BannerTxtBox .item .txt { text-align: left; }
.bannerBox #banner .banner_summary { position: absolute; }
.bannerBox #banner .banner_summary .BannerTxtBox .item .title { left: 20px; top: 20%; transform: none; }
.bannerBox #banner .banner_summary .BannerTxtBox .item .txt { inset: auto 20px 7% auto; text-align: right; transform: none; width: auto; }
.bannerBox #banner .splide__pagination { inset: auto 0px 0px; flex-direction: row; height: auto; padding: 20px 0px; position: absolute; transform: none; width: 100%; }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--prev { left: 20px; top: 50%; transform: translateY(-50%); }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--prev svg { transform: rotate(180deg); }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--next { inset: 50% 20px auto auto; transform: translateY(-50%); }
.bannerBox #banner .splide__pagination .splide__arrows .splide__arrow.splide__arrow--next svg { transform: rotate(0deg); }
.sideFixBox { padding-right: 10px; }
.sideFixBox ul li { margin: 5px 0px; }
.sideFixBox ul li a { font-size: 18px; height: 40px; width: 40px; }
}
.ContactBox { padding: 0px 0px 3.646vw; position: relative; }
.ContactBox::before { background-color: rgb(232, 245, 245); bottom: 0px; content: ""; height: 14.583vw; left: 0px; position: absolute; right: 0px; }
.ContactBox .img_wrap { border-top-left-radius: 5.208vw; padding-bottom: 5.208vw; padding-top: 4.948vw; }
.ContactBox .title_wrap .item .title { color: rgb(255, 255, 255); font-family: Urbanist-ExtraBold; font-size: clamp(24px, 2.5vw, 48px); line-height: 1; text-align: center; text-transform: uppercase; }
.ContactBox .txt_wrap .item .txt { color: rgb(255, 254, 254); font-size: clamp(16px, 1.25vw, 24px); line-height: 1.417; margin-bottom: 1.042vw; }
.ContactBox .txt_wrap .item .more a { align-items: center; color: rgb(179, 205, 77); display: flex; font-family: Urbanist-SemiBold; font-size: clamp(15px, 0.9375vw, 18px); transition: 0.3s; }
.ContactBox .txt_wrap .item .more a:hover { color: rgb(98, 224, 232); }
.ContactBox .txt_wrap .item .more a .moreTxt { margin-right: 0.78125vw; }
@media (max-width: 991px){
.ContactBox .img_wrap { padding: 40px 30px; }
}
@media (max-width: 767px){
.ContactBox .img_wrap { padding: 40px 30px; }
.ContactBox .title_wrap .item .title { margin-bottom: 20px; }
.ContactBox .txt_wrap .item .txt { margin-bottom: 10px; text-align: center; }
.ContactBox .txt_wrap .item .more { align-items: center; display: flex; justify-content: center; }
}
@media (min-width: 768px){
.menu_wrap { align-items: center; display: flex; justify-content: center; }
}
#banner .banner-image { height: auto; width: 100%; }
#banner .splide__slide { outline: none; }
#banner .splide__pagination__page { margin-left: 10px; }
#banner .splide__pagination__page:hover { background: rgb(153, 153, 153); }
#banner .splide__pagination__page.is-active { background: rgb(51, 51, 51); }
#banner .banner_summary { background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.024)); bottom: 0px; color: rgb(255, 255, 255); font-size: 18px; padding: 20px 70px 20px 35px; position: absolute; }
@media (max-width: 767px){
#banner .banner_summary { position: static; }
}
@font-face { font-family: winho; font-style: normal; font-weight: 400; src: url("../fonts/d3106eb9_winho.woff2") format("woff2"), url("../fonts/741c9a47_winho.woff") format("woff"), url("../fonts/eef80eee_winho.ttf") format("truetype"); }
@keyframes wb-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@font-face { font-display: swap; font-family: Lato; font-weight: 400; src: url("../fonts/3cb96ccd_Lato-Regular.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Abel; font-weight: 400; src: url("../fonts/20a81eef_Abel-Regular.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Bitter; font-weight: 400; src: url("../fonts/2e2510bd_Bitter-Bold.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Urbanist-ExtraBold; font-weight: 400; src: url("../fonts/a1cbfb51_Urbanist-ExtraBold.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Urbanist-Bold; font-weight: 400; src: url("../fonts/64b5400f_Urbanist-Bold.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Urbanist-SemiBold; font-weight: 400; src: url("../fonts/19162dd3_Urbanist-SemiBold.woff2") format("woff2"); }
body { background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); font-family: Arial, "Microsoft JhengHei", Helvetica, sans-serif; }
html { overflow-x: hidden; scroll-behavior: smooth; }
p { margin-bottom: 0px; }
a:hover { text-decoration: none; }
@keyframes spinText { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes animation-cloud { 
  10% { transform: translateY(0px) scale(1); }
  50% { opacity: 0.5; transform: translateX(-10%) scale(2); }
  100% { opacity: 0; transform: translateX(-20%) scale(3); }
}
@keyframes bannerTitle { 
  0% { opacity: 0; transform: translate3d(0px, 30px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes bannerImg { 
  0% { opacity: 0; transform: translate3d(0px, 30px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 30px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
#content { padding-bottom: 5.99vw; }
.layoutBox > .row:nth-child(2) { padding-top: 4.167vw; }
#main_title { animation-delay: 0s; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp; color: rgb(0, 122, 125); font-family: Urbanist-ExtraBold; font-size: clamp(28px, 3.542vw, 68px); line-height: 1; margin-bottom: 4.167vw; max-width: 100%; padding-bottom: 1.5625vw; position: relative; text-align: center; text-transform: uppercase; }
#main_title.hasTreeTitle { font-size: clamp(26px, 3.021vw, 58px); margin-bottom: 2.604vw; padding-bottom: 0px; text-align: left; }
#main_title.hasTreeTitle::before { display: none; }
#main_title::before { background-color: rgb(179, 205, 77); border-radius: 0.15625vw; bottom: 0px; content: ""; height: 0.3125vw; left: 50%; position: absolute; transform: translateX(-50%); width: 4.167vw; }
.breadcrumbWrap { position: relative; }
.breadcrumbWrap::before { background-color: rgb(232, 245, 245); content: ""; height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 300%; }
#bread_area { transition: 0.1s; }
#bread_area .breadcrumb { align-items: baseline; background: inherit; flex-wrap: wrap; justify-content: flex-end; margin: 0px; padding: 1.5625vw 0px; }
#bread_area .breadcrumb-item { font-size: clamp(15px, 0.9375vw, 18px); }
#bread_area .breadcrumb-item.active { color: rgb(0, 155, 159); font-size: clamp(15px, 0.9375vw, 18px); }
#bread_area .breadcrumb-item + .breadcrumb-item { padding-left: 0.521vw; }
#bread_area .breadcrumb-item + .breadcrumb-item::before { color: rgb(102, 102, 102); content: "-"; padding-right: 0.521vw; }
#bread_area a { color: rgb(102, 102, 102); transition: 0.3s; }
#bread_area a:hover { color: rgb(0, 155, 159); }
.AboutShowBox { padding: 0px; }
.AboutShowBox #message_show_page > .container { max-width: 100%; padding: 0px; }
.AboutShowBox #message_show_page #main_title.hasTreeTitle { font-size: clamp(28px, 3.542vw, 68px); margin-bottom: 4.167vw; padding-bottom: 1.5625vw; text-align: center; }
.AboutShowBox #message_show_page #main_title.hasTreeTitle::before { display: block; }
.OnePageBox .title_wrap .item .title { color: rgb(0, 122, 125); font-family: Urbanist-ExtraBold; font-size: clamp(28px, 3.021vw, 58px); line-height: 1; margin-bottom: 2.34375vw; text-transform: uppercase; }
.OnePageBox .title_wrap .item .subTitle { color: rgb(0, 155, 159); font-family: Urbanist-ExtraBold; font-size: clamp(22px, 2.083vw, 40px); line-height: 1.2; text-transform: uppercase; }
.OnePageBox .title_wrap .item .txt { color: rgb(102, 102, 102); font-size: clamp(15px, 0.9375vw, 18px); line-height: 2; }
.OnePageBox .txt_wrap .item .GTxt { color: rgb(0, 155, 159); font-family: Urbanist-SemiBold; font-size: clamp(17px, 1.458vw, 28px); margin-bottom: 30px; }
.OnePageBox .txt_wrap .item .txt { color: rgb(102, 102, 102); font-size: clamp(15px, 0.9375vw, 18px); line-height: 2; }
.OnePageBox .img_wrap .item .image { overflow: hidden; position: relative; }
.OnePageBox .img_wrap .item .image.visible::before { transform: translateX(110%); }
.OnePageBox .img_wrap .item .image img { max-width: 100%; }
.OnePageBox .img_wrap .item .image::before { background-color: rgb(179, 205, 77); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: 1s cubic-bezier(0.08, 0.92, 0.35, 1) 0.5s; width: 100%; }
.OnePageBox .img_wrap .item .img img { max-width: 100%; }
.NaisiBox .title_wrap .item .subTitle { color: rgb(0, 122, 125); }
.NaisiBox .menuBox .menu_wrap ul { align-items: stretch; display: flex; list-style: none; margin: 0px; padding: 0px; width: 100%; }
.NaisiBox .menuBox .menu_wrap ul li { padding: 0px 15px; width: 33.3333%; }
.NaisiBox .menuBox .menu_wrap ul li + li { border-left: 2px solid rgb(236, 236, 230); }
.NaisiBox .menuBox .menu_wrap .item { position: relative; }
.NaisiBox .menuBox .menu_wrap .item a { inset: 0px; opacity: 0; position: absolute; }
.NaisiBox .menuBox .menu_wrap .item .num { color: rgb(179, 205, 77); font-family: Urbanist-ExtraBold; font-size: clamp(16px, 1.25vw, 24px); line-height: 1; margin-bottom: 0.78125vw; text-align: center; text-transform: uppercase; }
.NaisiBox .menuBox .menu_wrap .item .txt { color: rgb(0, 155, 159); font-family: Urbanist-ExtraBold; font-size: clamp(16px, 1.146vw, 22px); line-height: 1.455; text-align: center; text-transform: uppercase; }
.NaisiBox .FristRow .img_wrap .item .img { background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 6.25vw; border-top-right-radius: 6.25vw; overflow: hidden; padding: 5.208vw 3.90625vw; }
.NaisiBox .FristRow .img_wrap .item .img .txt_item { width: 50%; }
.NaisiBox .FristRow .img_wrap .item .img .txt_item .num { color: rgb(179, 205, 77); font-family: Urbanist-ExtraBold; font-size: clamp(22px, 2.083vw, 40px); line-height: 1; margin-bottom: 1.042vw; text-transform: uppercase; }
.NaisiBox .FristRow .img_wrap .item .img .txt_item .title { line-height: 1; margin-bottom: 1.5625vw; }
.NaisiBox .section1 { padding: 4.948vw 0px 0px; }
.NaisiBox .section1 .ThrRow .title_wrap .item .subTitle { color: rgb(0, 122, 125); margin-bottom: 2.34375vw; text-align: center; }
.NaisiBox .section1 .ThrRow .img_wrap .item { padding-top: 3.646vw; }
.NaisiBox .section1 .ThrRow .img_wrap .item .img { border-top-left-radius: 5.208vw; overflow: hidden; }
.NaisiBox .section1 .ThrRow .txt_wrap .item { padding-left: 3.385vw; }
.NaisiBox .section2 { padding: 4.948vw 0px 0px; }
.NaisiBox .section2 .SecRow { padding: 5.99vw 3.385vw 0px; }
.NaisiBox .section2 .SecRow .title_wrap, .NaisiBox .section2 .SecRow .title_wrap .item { align-items: center; display: flex; }
.NaisiBox .section2 .SecRow .txt_wrap .item { margin-bottom: 3.646vw; }
.NaisiBox .section2 .ThrRow { padding: 0px 3.385vw 2.604vw; }
.NaisiBox .section2 .ThrRow .title_wrap .item { padding-right: 2.604vw; }
.NaisiBox .section2 .ThrRow .title_wrap .item .subTitle { margin: 1.302vw 0px 2.083vw; }
.NaisiBox .section2 .ThrRow .title_wrap .item .txt { margin-bottom: 4.427vw; }
.NaisiBox .section2 .ThrRow .img_wrap .item { align-items: stretch; display: flex; margin-left: 2.604vw; overflow-x: scroll; }
.NaisiBox .section2 .ThrRow .img_wrap .item::-webkit-scrollbar { background-color: rgb(211, 211, 211); height: 5px; position: relative; }
.NaisiBox .section2 .ThrRow .img_wrap .item::-webkit-scrollbar-thumb { background-color: rgb(0, 155, 159); height: 5px; margin: 0px; transform: scale(1); }
.NaisiBox .section3 { padding: 4.948vw 0px 0px; }
.NaisiBox .section3 .SecRow { padding: 6.25vw 3.125vw 1.5625vw; }
.NaisiBox .section3 .ThrRow { padding: 0px 0px 3.125vw; }
.NaisiBox .section3 .ThrRow .img_wrap { display: flex; justify-content: flex-end; }
.NaisiBox .section4 { padding: 4.948vw 0px 0px; }
.NaisiBox .section4 .SecRow { padding: 6.25vw 0px 8.333vw; }
.NaisiBox .section4 .SecRow .title_wrap { align-items: center; display: flex; }
.NaisiBox .section4 .SecRow .title_wrap .item .subTitle { color: rgb(0, 155, 159); margin: 0px 0px 1.302vw; }
.NaisiBox .section4 .SecRow .img_wrap { display: flex; justify-content: flex-end; }
.NaisiBox .section4 .SecRow .img_wrap .item { position: relative; }
.NaisiBox .section4 .SecRow .img_wrap .item::before { background-color: rgb(232, 245, 245); bottom: -2.865vw; content: ""; height: 25vw; position: absolute; right: -3.646vw; width: 35.417vw; z-index: -1; }
.NaisiBox .section4 .SecRow .img_wrap .item .img { border-top-left-radius: 6.25vw; overflow: hidden; }
@media (max-width: 767px){
#aboutus_show_page > .container, #download_list_page .item_content, #download_list_page > .container, #message_cate_page > .container, #message_show_page .message_content > .container, #message_show_page > .container, #news_show_page > .container, #product-show-page > .container, #product_cate_page > .container, #product_list_page > .container { padding: 0px; }
}
@media (max-width: 991px){
.layoutBox > .row:nth-child(2) { padding-top: 60px; }
#bread_area .breadcrumb { padding: 15px; }
#bread_area .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 5px; }
#bread_area .breadcrumb .breadcrumb-item + .breadcrumb-item::before { padding-right: 5px; }
.layoutWrap { padding: 0px 30px; }
.layoutWrap.AboutShowBox { padding: 0px 15px; }
.OnePageBox .txt_wrap .item .txt { font-size: clamp(14px, 0.9375vw, 18px); line-height: 1.6; }
.NaisiBox .FristRow .img_wrap .item .img { padding: 30px; }
.NaisiBox .section1 .ThrRow .txt_wrap .item { padding-left: 0px; }
.NaisiBox .section2 .ThrRow .title_wrap .item { padding-right: 0px; }
.NaisiBox .section2 .ThrRow .img_wrap .item { margin-left: 0px; }
.NaisiBox .section3 .SecRow { padding: 6.25vw 0px 1.5625vw; }
}
@media (max-width: 767px){
#main_title { padding-bottom: 15px; }
#main_title::before { height: 3px; width: 60px; }
#main_title.hasTreeTitle { margin-bottom: 20px; }
.layoutBox > .row:nth-child(2) { padding-top: 40px; }
#bread_area .breadcrumb { padding: 15px; }
#bread_area .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 5px; }
#bread_area .breadcrumb .breadcrumb-item + .breadcrumb-item::before { padding-right: 5px; }
.layoutWrap { padding: 0px 30px; }
.layoutWrap.AboutShowBox { padding: 0px 15px; }
.AboutShowBox #aboutus_show_page #main_title.hasTreeTitle, .AboutShowBox #message_show_page #main_title.hasTreeTitle { padding-bottom: 15px; }
.OnePageBox .txt_wrap .item .txt { font-size: clamp(14px, 0.9375vw, 18px); line-height: 1.6; }
.NaisiBox .menuBox .menu_wrap ul { flex-wrap: wrap; }
.NaisiBox .menuBox .menu_wrap ul li { padding: 10px 15px; width: 100%; }
.NaisiBox .menuBox .menu_wrap ul li + li { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-top: 1px solid rgb(236, 236, 230); }
.NaisiBox .FristRow .img_wrap .item .img { padding: 20px; }
.NaisiBox .FristRow .img_wrap .item .img .txt_item { width: 100%; }
.NaisiBox .section1 .ThrRow .txt_wrap { order: 2; }
.NaisiBox .section1 .ThrRow .txt_wrap .item { padding-left: 0px; }
.NaisiBox .section1 .ThrRow .img_wrap { margin-bottom: 20px; order: 1; }
.NaisiBox .section2 .SecRow { padding: 30px 0px 0px; }
.NaisiBox .section2 .SecRow .title_wrap .item .subTitle { margin-bottom: 20px; }
.NaisiBox .section2 .ThrRow { padding: 0px 0px 30px; }
.NaisiBox .section2 .ThrRow .title_wrap { margin-bottom: 20px; }
.NaisiBox .section2 .ThrRow .title_wrap .item { padding-right: 0px; }
.NaisiBox .section2 .ThrRow .title_wrap .item .txt { margin-bottom: 10px; }
.NaisiBox .section2 .ThrRow .img_wrap .item { margin-left: 0px; }
.NaisiBox .section3 .SecRow { padding: 6.25vw 0px 1.5625vw; }
.NaisiBox .section3 .ThrRow .title_wrap, .NaisiBox .section4 .SecRow .title_wrap { margin-bottom: 20px; }
}