@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#fafaf8;--ink:#191919;--yellow:#f39800;--line:#deded8;--muted:#666660}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a45c00;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{display:block;width:180px;height:58px;object-fit:contain}.home{font-size:13px;border:1px solid var(--line);border-radius:50px;padding:10px 16px}.home span{margin-left:16px}.hero{max-width:1440px;margin:auto;padding:38px 5% 0}.eyebrow,.hero-bottom{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:1.7px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:62px 0 60px}h1{margin:0;font-size:clamp(52px,7.5vw,110px);letter-spacing:-.055em;line-height:1.2}h1 span{position:relative;isolation:isolate;white-space:nowrap}h1 span:after{content:'';position:absolute;left:2px;right:5px;bottom:3px;height:36%;background:var(--yellow);z-index:-1}.intro{padding-left:20%}.intro p{font-size:22px;line-height:1.65;font-weight:500;margin:0 0 16px}.intro small{color:var(--muted);font-size:13px;line-height:1.85}.hero-bottom{padding:20px 0;border-top:1px solid var(--line);color:var(--muted);letter-spacing:1px}.categories{position:sticky;top:0;z-index:5;display:flex;justify-content:center;gap:30px;overflow-x:auto;white-space:nowrap;background:rgba(250,250,248,.97);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 5%;font-size:13px}.categories a{padding:4px 0}.categories a:hover{color:#925200}.content{max-width:1320px;padding:0 5%;margin:auto}.category{padding-top:74px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading>div{display:flex;align-items:center;gap:17px}.num{font-size:12px;background:var(--yellow);width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.section-heading h2{font-size:29px;letter-spacing:-1px;margin:0}.english{font-size:10px;font-weight:600;letter-spacing:1.8px}table{width:100%;border-collapse:collapse;table-layout:fixed}thead{background:var(--ink);color:white}thead th{font-size:12px;font-weight:500;text-align:left;letter-spacing:1px;padding:16px 22px}thead th:first-child{width:25%}thead th:nth-child(2){width:21%}tbody th,tbody td{padding:27px 22px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}tbody th{font-size:17px;line-height:1.65;font-weight:600}.sub{display:block;font-size:12px;line-height:1.8;color:var(--muted);font-weight:400;margin-top:8px}.price strong{display:block;font-size:25px;letter-spacing:-.8px;font-weight:700;white-space:nowrap;line-height:1.5}.price span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.detail{font-size:14px;line-height:1.9;color:#4c4c48}.detail p{margin:0 0 11px}.detail p:last-child{margin-bottom:0}.detail .for{font-size:12px;color:#825000;background:#f9eed9;padding:7px 10px;display:inline-block;line-height:1.7}.note-emphasis{font-size:12px;line-height:1.9;color:var(--muted)}.inline-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #999;font-size:13px;color:var(--ink);padding-bottom:2px}.inline-link:hover{border-color:var(--yellow);color:#925200}.note{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:22px;background:#f0f0eb;margin-top:18px;font-size:12px;line-height:1.9}.note>span{font-weight:600}.note p{margin:0;color:#55554e}.note .inline-link{font-size:12px;margin-left:5px}.monthly{background:var(--yellow);padding:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-top:80px}.monthly h2{font-size:34px;line-height:1.5;letter-spacing:-1px;margin:19px 0}.monthly p{font-size:14px;line-height:1.8;margin:0}.monthly-price{justify-self:end}.monthly-price>span{font-size:13px}.monthly-price p{margin:15px 0 25px}.monthly-price strong{font-size:49px;letter-spacing:-2px}.contact{display:flex;align-items:center;justify-content:space-between;gap:60px;background:var(--ink);color:white;padding:17px 23px;border-radius:40px;font-size:14px}.contact:hover{background:#393939}.closing{display:flex;align-items:center;justify-content:space-between;padding:38px 0 60px;gap:20px;font-size:14px}.closing p{margin:0}footer{background:white;padding:40px 5% 0}footer>img{width:155px;height:65px;object-fit:contain;display:block;margin-bottom:35px}footer>div{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:10px;letter-spacing:1px}footer a{font-size:12px}@media(min-width:1500px){.content{padding:0 24px}}@media(max-width:850px){.categories{justify-content:flex-start;gap:24px}.intro{padding-left:0}thead th:first-child{width:26%}thead th:nth-child(2){width:24%}thead th,tbody th,tbody td{padding-left:14px;padding-right:14px}.price strong{font-size:22px}.monthly{padding:32px}.monthly h2{font-size:28px}.monthly-price strong{font-size:38px}}@media(max-width:600px){html{scroll-padding-top:78px}header{padding:15px 5%}header img{width:137px;height:45px}.home{font-size:11px;padding:9px 12px}.home span{margin-left:8px}.hero{padding-top:24px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-grid{grid-template-columns:1fr;padding:38px 0 30px;gap:28px}h1{font-size:56px}.intro{display:flex;gap:18px;align-items:center;justify-content:space-between}.intro p{font-size:17px;margin:0}.intro small{font-size:11px}.hero-bottom{font-size:10px;letter-spacing:0;gap:8px}.categories{font-size:12px;padding-top:13px;padding-bottom:13px;gap:23px}.category{padding-top:46px}.section-heading{margin-bottom:18px;align-items:flex-end}.section-heading>div{gap:10px}.section-heading h2{font-size:24px}.section-heading .english{font-size:8px;letter-spacing:.6px;max-width:95px;text-align:right;line-height:1.7}.num{width:27px;height:27px;font-size:10px}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody{display:block;border-top:2px solid var(--ink)}tr{display:grid;grid-template-columns:minmax(0,1fr) 125px;border-bottom:1px solid var(--line);padding:23px 0;gap:16px 12px}tbody th,tbody td{padding:0;border:0}tbody th{font-size:16px}.price{text-align:right}.price strong{font-size:22px}.price span{font-size:11px}.detail{grid-column:1/-1;font-size:13px;line-height:1.9}.sub{font-size:11px;margin-top:5px}.note{grid-template-columns:1fr;gap:7px;padding:18px}.note .inline-link{margin:7px 0 0}.monthly{grid-template-columns:1fr;padding:27px 23px;margin-top:46px;gap:32px}.monthly h2{font-size:29px;margin:17px 0}.monthly p{font-size:13px}.monthly-price{justify-self:stretch;border-top:1px solid #bb780e;padding-top:24px}.monthly-price p{margin:10px 0 20px}.monthly-price strong{font-size:43px}.contact{font-size:13px}.closing{align-items:flex-start;flex-direction:column;font-size:13px;padding:26px 0 40px}.desktop-break{display:none}footer{padding-top:25px}footer>img{width:140px;margin-bottom:23px}footer>div{font-size:8px;letter-spacing:.6px}footer a{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.pricing-disclaimer{max-width:460px;margin:24px 0 0;font-size:13px;line-height:1.9;color:var(--muted);letter-spacing:.02em}@media(max-width:600px){.pricing-disclaimer{font-size:12px;margin-top:20px;max-width:310px}}

.floating-actions{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;z-index:30}.floating-actions a{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;box-shadow:0 3px 18px #0003;transition:transform .2s}.floating-actions a:hover{transform:translateY(-3px)}.float-top{background:#fff;color:#191919;border:1px solid #ddd}.float-top svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.float-line{background:#06c755;color:#fff;flex-direction:column;gap:0}.float-line svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.float-line span{font:bold 10px Arial;letter-spacing:.6px;line-height:1}
.float-home{background:#fff;color:#191919;border:1px solid #ddd}.float-home svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-actions .float-home{order:1}.floating-actions .float-top{order:2}.floating-actions .float-line{order:3}
@media(min-width:1450px){.floating-actions{right:24px}}
@media(max-width:1449px) and (min-width:801px){.content{padding-right:90px}.closing{padding-right:0}}
@media(max-width:800px){.floating-actions{right:14px;bottom:max(16px,env(safe-area-inset-bottom))}.floating-actions a{width:48px;height:48px}.content{padding-right:78px}.closing{padding-right:0}footer>div{padding-right:60px}footer>img{margin-bottom:100px}}
@media(prefers-reduced-motion:reduce){.floating-actions a{transition:none}.floating-actions a:hover{transform:none}}

/* Pricing title rhythm and extensible payment marks */
h1 .title-motion{display:inline-block;animation:pricing-title-float 5s ease-in-out infinite}h1 .title-motion-first:after{display:none}h1 .title-motion-second{animation-delay:.3s}h1 .title-motion-second:after{transform-origin:left center;animation:pricing-highlight 5s ease-in-out infinite}.payment-jump{display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:0 0 7px;font-size:11px;letter-spacing:1px}.payment-jump:hover{border-color:var(--yellow);color:#925200}.payment-jump span{font-size:16px}.payment-methods{padding:20px 0 40px;text-align:center;scroll-margin-top:85px}.payment-methods h2{margin:0 0 23px;font-size:13px;font-weight:500;letter-spacing:2px}.payment-list{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}.payment-list li{display:flex;align-items:center;justify-content:center;min-width:130px;height:74px}.bank-payment{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;letter-spacing:2px}.bank-payment svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.payment-list .line-pay-logo{display:block;width:148px;height:auto;max-width:100%;object-fit:contain}@keyframes pricing-title-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pricing-highlight{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.92)}}@media(max-width:800px){.payment-methods{padding:20px 46px 30px}.payment-list{gap:15px}.payment-list li{min-width:105px;height:60px}.payment-list .line-pay-logo{width:122px}.bank-payment{font-size:16px;gap:8px}.bank-payment svg{width:35px;height:35px}}@media(prefers-reduced-motion:reduce){h1 .title-motion,h1 .title-motion-second:after{animation:none}}

.payment-list .line-pay-logo{width:132px;border-radius:12px}@media(max-width:800px){.payment-list .line-pay-logo{width:118px;border-radius:10px}}

.payment-list .bank-payment{background:var(--yellow);border-radius:12px;width:132px;height:65.34px;justify-content:center;gap:8px;font-size:17px;letter-spacing:1px}.payment-list .bank-payment svg{width:36px;height:36px}@media(max-width:800px){.payment-list .bank-payment{width:118px;height:58.41px;border-radius:10px;font-size:16px}.payment-list .bank-payment svg{width:32px;height:32px}}

#graphic>.section-heading{flex-wrap:wrap;align-items:flex-start}#graphic>.section-heading>div{flex-shrink:0}.graphic-fee-note{flex:1;min-width:240px;margin:0;font-size:12px;font-weight:400;line-height:1.85;color:var(--muted);max-width:720px}#graphic>.section-heading>.english{margin-top:9px}.monthly-details{padding-top:40px}.monthly-details .price strong{white-space:normal;font-size:23px;overflow-wrap:anywhere}.customer-service-option{margin-top:16px;padding:14px 16px;background:#f9eed9;border-left:2px solid var(--yellow)}.customer-service-option>strong{font-size:13px;color:var(--ink);font-weight:600}.customer-service-option p{font-size:12px;margin:5px 0 0}@media(max-width:800px){#graphic>.section-heading>.english{display:none}.graphic-fee-note{min-width:0;flex-basis:100%}.monthly-details .price strong{font-size:20px}}@media(max-width:600px){.monthly-details{padding-top:30px}.monthly-details .section-heading{flex-wrap:wrap}.monthly-details tr{grid-template-columns:minmax(0,1fr) 108px}.monthly-details .price strong{font-size:19px}.customer-service-option{padding:12px}.graphic-fee-note{font-size:11px}}
