/* 由網站編輯器產生 — 不載入任何外部資源（字型使用系統字型） */
:root{--primary:#22b8f0;--primary-dark:#1c97c5;--on-primary:#1a1a1a;--link:#08719a;--text:#333333;--heading:#212121;--dark:#f5f5f5;--on-dark:#333333;--footer-link:#08719a;--light:#eefaff;--border:#e2e4e8;--font:Arial, Helvetica, sans-serif;--menu-case:uppercase;--maxw:1200px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:15px;line-height:1.65;color:var(--text);background:#fff}
img{max-width:100%;height:auto;border:0}
a{color:var(--link)}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:#fff;color:var(--text);padding:10px 16px;border:2px solid var(--primary);border-radius:4px}
.skip-link:focus{left:12px}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:3px solid var(--primary);position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;position:relative}
.site-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--heading);font-weight:bold;font-size:1.25rem;padding:8px 0;flex-shrink:0}
.site-logo img{max-height:60px;width:auto;display:block}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;flex-shrink:0}
.nav-toggle:hover{color:var(--link);border-color:var(--primary)}
.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{display:block;width:22px;height:2px;border-radius:1px;background:currentColor;content:"";transition:transform .2s,background .2s}
.nav-toggle .bars{position:relative}
.nav-toggle .bars::before,.nav-toggle .bars::after{position:absolute;left:0}
.nav-toggle .bars::before{top:-7px}.nav-toggle .bars::after{top:7px}
.nav-toggle[aria-expanded="true"] .bars{background:transparent}
.nav-toggle[aria-expanded="true"] .bars::before{transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .bars::after{transform:translateY(-7px) rotate(-45deg)}
@keyframes we-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.menu,.submenu{list-style:none;margin:0;padding:0}
.menu{display:flex;flex-wrap:wrap;justify-content:flex-end}
.menu li{position:relative}
.menu a,.menu .menu-text{display:block;padding:10px 14px;color:var(--text);text-decoration:none;font-size:.95rem;background:none;border:0;font-family:inherit;cursor:pointer;text-align:left;text-transform:var(--menu-case);letter-spacing:.02em}
.menu > li > a,.menu > li > .menu-text{position:relative}
.menu > li > a::after,.menu > li > .menu-text::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--primary);transform:scaleX(0);transition:transform .2s}
.menu > li:hover > a::after,.menu > li.active > a::after,.menu > li.active > .menu-text::after,.menu > li:hover > .menu-text::after{transform:scaleX(1)}
.menu a:hover,.menu li.active > a,.menu li.active > .menu-text,.menu a[aria-current="page"]{color:var(--link)}
.has-sub > a,.has-sub > .menu-text{padding-right:26px}
.sub-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.sub-toggle::before{content:"";display:block;width:6px;height:6px;margin:0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.submenu{position:absolute;left:0;top:100%;min-width:220px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.14);border-top:3px solid var(--primary);padding:6px 0;display:none;z-index:60}
.submenu .submenu{left:100%;top:-9px}
.submenu a,.submenu .menu-text{padding:9px 18px;width:100%}
.submenu .sub-toggle{transform:translateY(-50%) rotate(-90deg)}
.submenu a:hover,.submenu li.active > a{background:var(--primary);color:var(--on-primary)}
.menu li:hover > .submenu,.menu li:focus-within > .submenu,.menu li.open > .submenu{display:block}
.banner{position:relative;background:var(--light);overflow:hidden}
.banner .slides{display:grid}
.banner .slide{grid-area:1/1;position:relative;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.banner .slide.is-active{opacity:1;visibility:visible}
.banner img{display:block;width:100%;height:auto}
.banner.fit-cover img{height:clamp(220px,36vw,480px);object-fit:cover}
.banner.fit-short img{height:clamp(120px,16vw,220px);object-fit:cover}
.banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);padding:18px 34px;border-radius:8px;text-align:center;max-width:min(80%,680px)}
.banner-text p{margin:.35em 0 0;color:var(--text)}
.banner-text p.banner-title{margin:0;font-size:clamp(1.3rem,3vw,2.2rem);font-weight:bold;line-height:1.25;color:var(--heading)}
.banner-text a{color:inherit;text-decoration:none}
.banner-text a:hover{color:var(--link)}
.bn-prev,.bn-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.78);color:var(--heading);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.bn-prev{left:14px}.bn-next{right:14px}
.bn-prev:hover,.bn-next:hover{background:#fff}
.bn-dots{position:absolute;left:0;right:0;bottom:8px;z-index:2;display:flex;justify-content:center;gap:2px}
.bn-dots button{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}
.bn-dots button::before{content:"";display:block;width:12px;height:12px;margin:auto;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.45);box-shadow:0 0 3px rgba(0,0,0,.4)}
.bn-dots button[aria-current="true"]::before{background:var(--primary)}
.bn-pause{position:absolute;right:12px;bottom:8px;z-index:2;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.78);color:var(--heading);font-size:11px;cursor:pointer}
.site-main{padding:40px 0 56px;min-height:40vh}
.site-main:focus{outline:none}
.site-main .page-title{margin:0 0 24px;font-size:2rem;color:var(--heading);line-height:1.25}
.site-main h1,.site-main h2,.site-main h3,.site-main h4,.site-main h5,.site-main h6{color:var(--heading);line-height:1.3;margin:1.2em 0 .5em;font-weight:bold}
.site-main h1{font-size:2rem}
.site-main h2{font-size:1.55rem}
.site-main h3{font-size:1.22rem}
.site-main h4{font-size:1.05rem}
.site-main p,.site-main ul,.site-main ol,.site-main table,.site-main pre,.site-main blockquote,.site-main figure{margin:0 0 1em}
.site-main ul,.site-main ol{padding-left:1.6em}
.site-main a{color:var(--link)}
.site-main a:hover{color:var(--primary-dark)}
.site-main blockquote{padding:.6em 1.2em;border-left:4px solid var(--primary);background:var(--light)}
.site-main pre{background:var(--light);padding:12px 14px;overflow:auto;border-radius:4px;font-family:"Courier New",Courier,monospace;white-space:pre-wrap}
.site-main hr{border:0;border-top:1px solid var(--border);margin:1.5em 0}
.site-main img{max-width:100%;height:auto}
.site-main .img-left{float:left;margin:.3em 1.2em .8em 0;max-width:50%}
.site-main .img-right{float:right;margin:.3em 0 .8em 1.2em;max-width:50%}
.site-main .img-center{display:block;margin:.5em auto 1em}
.site-main table{border-collapse:collapse;width:100%}
.site-main th,.site-main td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
.site-main th{background:var(--light);font-weight:bold}
.site-main .table-wrap{overflow-x:auto;margin:0 0 1em}
.site-main .table-wrap table{margin:0}
.site-main details{border:1px solid var(--border);border-radius:6px;margin:0 0 .8em;background:#fff}
.site-main details > summary{cursor:pointer;list-style:none;padding:11px 16px 11px 40px;font-weight:bold;color:var(--heading);background:var(--light);border-radius:6px;position:relative}
.site-main details[open] > summary{border-bottom:1px solid var(--border);border-radius:6px 6px 0 0}
.site-main details > summary::-webkit-details-marker{display:none}
.site-main details > summary::before{content:"";position:absolute;left:17px;top:50%;width:7px;height:7px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:translateY(-70%) rotate(-45deg);transition:transform .2s}
.site-main details[open] > summary::before{transform:translateY(-70%) rotate(45deg)}
.site-main details > :not(summary){margin-left:16px;margin-right:16px}
.site-main details > summary + *{margin-top:14px}
.site-main details > :last-child:not(summary){margin-bottom:14px}
.site-main .grid{display:grid;gap:24px;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr))}
.site-main .grid.cols-1{--cols:1}
.site-main .grid.cols-2{--cols:2}
.site-main .grid.cols-3{--cols:3}
.site-main .grid.cols-4{--cols:4}
.site-main .grid.cols-5{--cols:5}
.site-main .grid.cols-6{--cols:6}
.site-main .grid .cs-2{grid-column:span 2}
.site-main .grid .cs-3{grid-column:span 3}
.site-main .grid .cs-4{grid-column:span 4}
.site-main .grid .cs-5{grid-column:span 5}
.site-main .grid .cs-6{grid-column:span 6}
.site-main .grid .rs-2{grid-row:span 2}
.site-main .grid .rs-3{grid-row:span 3}
.site-main .grid .rs-4{grid-row:span 4}
.site-main .grid .rs-5{grid-row:span 5}
.site-main .grid .rs-6{grid-row:span 6}
.site-main .grid .rs-7{grid-row:span 7}
.site-main .grid .rs-8{grid-row:span 8}
.site-main .grid .rs-9{grid-row:span 9}
.site-main .grid .rs-10{grid-row:span 10}
.site-main .grid .rs-11{grid-row:span 11}
.site-main .grid .rs-12{grid-row:span 12}
.site-main .cell{min-width:0}
.site-main .cell::after{content:"";display:table;clear:both}
.site-main .cell > :first-child{margin-top:0}
.site-main .cell > :last-child{margin-bottom:0}
.site-main .grid.style-card .cell{background:#fafbfc;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:6px;padding:20px 22px}
.site-main .grid.style-card .cell.cell-empty{background:none;border-color:transparent}
@media (max-width: 900px){.site-main .grid.cols-3,.site-main .grid.cols-4,.site-main .grid.cols-5,.site-main .grid.cols-6{--cols:2}.site-main .grid .cs-3,.site-main .grid .cs-4,.site-main .grid .cs-5,.site-main .grid .cs-6{grid-column:span 2}.site-main .grid > .cell{grid-row:auto}}
@media (max-width: 600px){.site-main .grid.cols-2,.site-main .grid.cols-3,.site-main .grid.cols-4,.site-main .grid.cols-5,.site-main .grid.cols-6{--cols:1}.site-main .grid > .cell{grid-column:auto;grid-row:auto}.site-main .img-left,.site-main .img-right{float:none;display:block;margin:.5em auto 1em;max-width:100%}.site-main h1{font-size:1.6rem}.site-main h2{font-size:1.35rem}}
.site-footer{background:var(--dark);color:var(--on-dark);padding:36px 0 26px;font-size:.9rem;text-align:center}
.site-footer a{color:var(--footer-link)}
.site-footer p{margin:0 0 .5em}
.legal-nav ul{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(128,128,128,.25);display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center}
@media (max-width: 900px){
.js .site-header .nav-toggle{display:inline-flex}
.js .site-header .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.14);max-height:calc(100vh - 80px);overflow:auto;border-top:1px solid var(--border);z-index:70}
.js .site-header .site-nav.open{display:block;animation:we-drop .18s ease-out}
.js .site-header .menu{flex-direction:column;flex-wrap:nowrap}
.js .site-header .menu li{border-bottom:1px solid var(--border)}
.js .site-header .menu li:last-child{border-bottom:0}
.js .site-header .menu a,.js .site-header .menu .menu-text{padding:13px 20px;width:100%}
.js .site-header .menu > li > a::after,.js .site-header .menu > li > .menu-text::after{display:none}
.js .site-header .has-sub > a,.js .site-header .has-sub > .menu-text{padding-right:56px}
.js .site-header .sub-toggle{right:8px;top:24px;width:40px;height:40px}
.js .site-header .submenu .sub-toggle{transform:translateY(-50%)}
.js .site-header .submenu,.js .site-header .submenu .submenu{position:static;box-shadow:none;border-top:1px solid var(--border);min-width:0;padding:0;background:var(--light)}
.js .site-header .submenu a,.js .site-header .submenu .menu-text{padding-left:36px}
.js .site-header .submenu .submenu a,.js .site-header .submenu .submenu .menu-text{padding-left:52px}
.js .site-header .menu li:hover > .submenu,.js .site-header .menu li:focus-within > .submenu{display:none}
.js .site-header .menu li.open > .submenu{display:block}
.js .site-header .menu li.open > .sub-toggle::before{transform:rotate(-135deg) translateY(-2px)}
}
.js .site-header.nav-compact .nav-toggle{display:inline-flex}
.js .site-header.nav-compact .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.14);max-height:calc(100vh - 80px);overflow:auto;border-top:1px solid var(--border);z-index:70}
.js .site-header.nav-compact .site-nav.open{display:block;animation:we-drop .18s ease-out}
.js .site-header.nav-compact .menu{flex-direction:column;flex-wrap:nowrap}
.js .site-header.nav-compact .menu li{border-bottom:1px solid var(--border)}
.js .site-header.nav-compact .menu li:last-child{border-bottom:0}
.js .site-header.nav-compact .menu a,.js .site-header.nav-compact .menu .menu-text{padding:13px 20px;width:100%}
.js .site-header.nav-compact .menu > li > a::after,.js .site-header.nav-compact .menu > li > .menu-text::after{display:none}
.js .site-header.nav-compact .has-sub > a,.js .site-header.nav-compact .has-sub > .menu-text{padding-right:56px}
.js .site-header.nav-compact .sub-toggle{right:8px;top:24px;width:40px;height:40px}
.js .site-header.nav-compact .submenu .sub-toggle{transform:translateY(-50%)}
.js .site-header.nav-compact .submenu,.js .site-header.nav-compact .submenu .submenu{position:static;box-shadow:none;border-top:1px solid var(--border);min-width:0;padding:0;background:var(--light)}
.js .site-header.nav-compact .submenu a,.js .site-header.nav-compact .submenu .menu-text{padding-left:36px}
.js .site-header.nav-compact .submenu .submenu a,.js .site-header.nav-compact .submenu .submenu .menu-text{padding-left:52px}
.js .site-header.nav-compact .menu li:hover > .submenu,.js .site-header.nav-compact .menu li:focus-within > .submenu{display:none}
.js .site-header.nav-compact .menu li.open > .submenu{display:block}
.js .site-header.nav-compact .menu li.open > .sub-toggle::before{transform:rotate(-135deg) translateY(-2px)}
@media (max-width: 600px){
.header-inner{min-height:64px}
.site-logo img{max-height:44px}
.site-main{padding:28px 0 40px}
.site-main .page-title{font-size:1.6rem}
.banner-text{position:static;transform:none;max-width:none;border-radius:0;background:var(--light);padding:14px 20px}
.bn-prev,.bn-next{width:34px;height:34px;font-size:22px;top:40%}
}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.site-header{position:static;box-shadow:none}.site-nav,.nav-toggle,.skip-link,.bn-prev,.bn-next,.bn-dots,.bn-pause{display:none!important}.site-footer{background:none;color:#000}}