body#page_index{--hn-ink:#103f49;--hn-muted:#46606a;--hn-paper:#f7f8f5;--hn-size:18px;background:var(--hn-paper);color:var(--hn-ink);font-family:-apple-system,BlinkMacSystemFont,"Microsoft JhengHei",sans-serif;}
body#page_index[data-home-font=large]{--hn-size:21px;}body#page_index[data-home-font=xl]{--hn-size:25px;}
body#page_index #main{background:var(--hn-paper);padding:0;}
body#page_index #main .wrapper.catalog-layout{width:calc(100% - 64px);max-width:1280px;margin:auto;padding:0;background:none;}
body#page_index [class^=hn-],body#page_index [class^=hn-] *{box-sizing:border-box;min-width:0;}
body#page_index [class^=hn-]{font-family:inherit;}
body#page_index [class^=hn-] p{font-size:var(--hn-size);line-height:1.8;color:var(--hn-muted);margin:0;}
body#page_index [class^=hn-] a{color:var(--hn-ink);text-decoration:none;}
body#page_index [class^=hn-] h2{font-size:clamp(28px,3vw,38px);line-height:1.5;letter-spacing:.01em;margin:0;color:var(--hn-ink);font-weight:600;}
body#page_index [class^=hn-] h3{font-size:calc(var(--hn-size) + 2px);font-weight:600;line-height:1.55;margin:0;color:var(--hn-ink);overflow-wrap:anywhere;}
body#page_index .hn-reading{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:18px 0;font-size:14px;color:var(--hn-muted);}
body#page_index .hn-reading button{font:inherit;color:inherit;border:1px solid #cfdde0;background:transparent;border-radius:22px;min-height:40px;padding:6px 14px;cursor:pointer;}
body#page_index .hn-reading button[aria-pressed=true]{background:var(--hn-ink);color:white;border-color:var(--hn-ink);}
body#page_index .hn-notice{padding:18px 24px;background:#f5efe1;border-left:3px solid #b78a46;margin-bottom:20px;border-radius:3px 12px 12px 3px;font-size:var(--hn-size);}
body#page_index .hn-notice p{white-space:pre-line;margin-top:5px;}
body#page_index .hn-shop-notice{margin-bottom:20px;font-size:var(--hn-size);line-height:1.7;overflow-wrap:anywhere;}
body#page_index .hn-hero{display:grid;grid-template-columns:1.05fr 1fr;background:#eaf3f4;border-radius:28px;overflow:hidden;}
body#page_index .hn-hero-copy{padding:60px 40px 54px 48px;align-self:center;}
body#page_index p.hn-kicker{font-size:12px;font-weight:600;letter-spacing:.16em;color:#4d757f;margin-bottom:16px;line-height:1.7;}
body#page_index .hn-hero h1{position:static;clip:auto;width:auto;height:auto;font-size:clamp(34px,3.7vw,50px);line-height:1.4;margin:0 0 24px;font-weight:600;color:var(--hn-ink);letter-spacing:.015em;}
body#page_index .hn-hero h1 span{font-size:.8em;}
body#page_index .hn-hero .hn-intro{margin-bottom:28px;}
body#page_index .hn-buttons{display:flex;flex-wrap:wrap;gap:12px;}
body#page_index a.hn-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:13px 20px;border:1px solid #9fc0c7;border-radius:8px;font-size:var(--hn-size);font-weight:500;line-height:1.5;background:#ffffff40;color:var(--hn-ink);text-decoration:none;}
body#page_index a.hn-primary{background:#147486;color:#fff;border-color:#147486;}
body#page_index p.hn-hero-foot{margin-top:22px;font-size:15px;}
body#page_index .hn-hero-photo{position:relative;min-height:450px;background:#dbe9ec;}
body#page_index .hn-hero-photo picture{display:block;height:100%;}
body#page_index .hn-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;}
body#page_index .hn-hero-photo>span{position:absolute;bottom:24px;right:24px;padding:10px 16px;border-radius:4px;background:#f7f8f5e8;font-size:14px;letter-spacing:.08em;}
body#page_index .hn-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d3e0e3;padding:30px 0;gap:24px;}
body#page_index .hn-shortcuts>a{display:flex;align-items:center;gap:18px;min-height:70px;border-right:1px solid #d3e0e3;padding-right:20px;}
body#page_index .hn-shortcuts>a:last-child{border:0;}body#page_index .hn-shortcuts strong{display:block;font-size:var(--hn-size);font-weight:600;}
body#page_index .hn-shortcuts small{display:block;font-size:calc(var(--hn-size) - 2px);line-height:1.7;color:var(--hn-muted);margin-top:4px;}body#page_index .hn-number{font-size:14px;color:#5f8189;}
body#page_index .hn-shortcuts>a>span:last-child{margin-left:auto;}
body#page_index .hn-section{margin:80px 0;}
body#page_index .hn-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;}
body#page_index .hn-section-head>a{font-size:var(--hn-size);min-height:44px;display:flex;align-items:center;}
body#page_index .hn-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
body#page_index .hn-service{background:white;border-radius:14px;border:1px solid #d3e0e3;overflow:hidden;display:block;}
body#page_index .hn-service-image{height:220px;background:#f1f5f4;overflow:hidden;}
body#page_index .hn-service-image img{display:block;height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s;}
body#page_index .hn-service>div:last-child{padding:22px 24px;}body#page_index .hn-service>div:last-child>span{display:block;font-size:15px;color:var(--hn-muted);margin-top:10px;}
body#page_index .hn-fallback{display:grid;place-items:center;height:100%;font-size:72px;font-weight:300;color:#8fa9af;}
body#page_index .hn-process{padding:36px 0;border-top:1px solid #d3e0e3;border-bottom:1px solid #d3e0e3;}
body#page_index .hn-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:32px 0 12px;padding:0;}
body#page_index .hn-steps li>span{display:block;font-size:36px;font-weight:300;color:#8fa9af;margin-bottom:24px;}
body#page_index .hn-steps h3{margin-bottom:12px;}
body#page_index .hn-trust{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:48px;background:#eaf3f4;border-radius:20px;}
body#page_index .hn-trust>div>p:not(.hn-kicker){margin:20px 0;}body#page_index .hn-trust-list article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #c6d7da;}
body#page_index .hn-trust-list article:first-child{padding-top:0;}body#page_index .hn-trust-list article>span{color:#5f8189;font-size:14px;padding-top:6px;}body#page_index .hn-trust-list p{margin-top:8px;}
body#page_index p.hn-section-note{margin:-8px 0 24px;}
body#page_index .hn-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
body#page_index .hn-product{background:white;border:1px solid #d7e3e5;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;}
body#page_index .hn-product-image{aspect-ratio:1;background:#f1f5f4;padding:18px;}
body#page_index .hn-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block;}
body#page_index .hn-product-copy{padding:20px;display:flex;flex-direction:column;flex:1;gap:12px;}body#page_index .hn-product-copy h3{font-size:var(--hn-size);}
body#page_index .hn-product-copy p{font-size:calc(var(--hn-size) + 2px);font-weight:600;color:var(--hn-ink);margin-top:auto;}
body#page_index .hn-product-copy>span{font-size:13px;color:var(--hn-muted);}
body#page_index .hn-member{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;border:1px solid #c6d7da;border-radius:16px;}
body#page_index .hn-member h2{font-size:26px;}body#page_index .hn-member p:not(.hn-kicker){margin-top:12px;}
body#page_index .hn-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;}
body#page_index .hn-faq details{border-bottom:1px solid #d3e0e3;padding:20px 0;}body#page_index .hn-faq summary{font-size:var(--hn-size);line-height:1.6;cursor:pointer;font-weight:600;}body#page_index .hn-faq details p{padding-top:16px;}
body#page_index .hn-final{text-align:center;padding:48px 20px;}body#page_index .hn-final p{margin:16px 0 24px;}
body#page_index .hn-news{margin:60px 0;}body#page_index .hn-news #index_banner{margin-top:24px;border-radius:16px;overflow:hidden;}
body#page_index #top{background:#eaf3f4;}body#page_index #header{background:#fff;}
 
body#page_index [class^=hn-] a:focus-visible,body#page_index [class^=hn-] button:focus-visible,body#page_index .hn-faq summary:focus-visible{outline:3px solid #b78a46;outline-offset:4px;}
@media(hover:hover){body#page_index .hn-service:hover img{transform:scale(1.035);}body#page_index a.hn-button:hover{box-shadow:0 4px 16px #1474861c;}}
@media(max-width:1000px){body#page_index .hn-hero-copy{padding:36px 28px;}body#page_index .hn-steps{grid-template-columns:repeat(2,minmax(0,1fr));}body#page_index .hn-products{grid-template-columns:repeat(2,minmax(0,1fr));}body#page_index .hn-trust{gap:30px;padding:30px;}body#page_index .hn-member{display:block;}body#page_index .hn-member .hn-buttons{margin-top:24px;}}
@media(max-width:700px){body#page_index{--hn-size:17px;}body#page_index #main .wrapper.catalog-layout{width:calc(100% - 32px);}body#page_index .hn-reading{padding:12px 0;}body#page_index .hn-hero{grid-template-columns:1fr;border-radius:18px;}body#page_index .hn-hero-copy{padding:32px 24px;}body#page_index .hn-hero h1{font-size:34px;}body#page_index .hn-hero-photo{min-height:220px;height:220px;}body#page_index .hn-hero-photo img{object-position:center 65%;}body#page_index .hn-hero-photo>span{bottom:16px;right:16px;font-size:12px;}body#page_index .hn-shortcuts{grid-template-columns:1fr;gap:0;padding:14px 0;}body#page_index .hn-shortcuts>a{border:0;border-bottom:1px solid #d3e0e3;padding:16px 4px;min-height:70px;}body#page_index .hn-section{margin:48px 0;}body#page_index .hn-section-head{align-items:start;flex-direction:column;gap:10px;margin-bottom:20px;}body#page_index .hn-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}body#page_index .hn-service-image{height:140px;}body#page_index .hn-service>div:last-child{padding:16px 12px;}body#page_index .hn-service h3{font-size:var(--hn-size);}body#page_index .hn-service>div:last-child>span{font-size:13px;}body#page_index .hn-steps{gap:24px;}body#page_index .hn-steps li>span{font-size:30px;margin-bottom:12px;}body#page_index .hn-trust,body#page_index .hn-faq{grid-template-columns:1fr;gap:28px;}body#page_index .hn-trust,body#page_index .hn-member{padding:26px 22px;}body#page_index .hn-products{gap:12px;}body#page_index .hn-product-image{padding:12px;}body#page_index .hn-product-copy{padding:14px;}body#page_index .hn-product-copy>span{font-size:12px;}body#page_index .hn-notice{padding:16px;}body#page_index .hn-final{text-align:left;padding:16px 0;}body#page_index[data-home-font=large] .hn-services,body#page_index[data-home-font=xl] .hn-services,body#page_index[data-home-font=large] .hn-products,body#page_index[data-home-font=xl] .hn-products,body#page_index[data-home-font=large] .hn-steps,body#page_index[data-home-font=xl] .hn-steps{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){body#page_index .hn-service-image img{transition:none;}}

 
body#page_index #main .hn-hero{border:1px solid #d8e4df;background:#f0f4ef;box-shadow:0 24px 65px #294d4210;grid-template-columns:1.02fr 1fr;}
body#page_index #main .hn-hero-copy{padding:64px 42px 64px 48px;}
body#page_index #main .hn-hero h1{font-size:clamp(30px,3.05vw,46px);line-height:1.45;letter-spacing:-.025em;}
body#page_index #main .hn-hero h1 span{display:block;font-size:.74em;color:#577068;margin-top:12px;}
body#page_index #main .hn-hero-photo{min-height:490px;background:#dce5dd;}
body#page_index #main .hn-hero-photo [hidden]{display:none!important;}
body#page_index #main .hn-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
body#page_index #main .hn-hero-alt img{object-position:30% center;transform:scale(1.06);}
body#page_index #main .hn-hero-return img{object-position:center 60%;transform:none;}
body#page_index #main .hn-hero-photo>span{bottom:76px;left:24px;right:auto;max-width:calc(100% - 48px);}
body#page_index #main .hn-carousel-controls{position:absolute;bottom:20px;left:24px;right:24px;display:flex;gap:12px;align-items:center;color:#173e37;}
body#page_index #main .hn-carousel-controls button{border:1px solid #ffffffaa;background:#fffffff0;color:#173e37;border-radius:30px;min-width:42px;min-height:42px;padding:8px 14px;cursor:pointer;}
body#page_index #main .hn-carousel-controls [data-hero-count]{background:#ffffffe6;padding:8px 12px;border-radius:20px;font-size:12px;letter-spacing:.1em;}
body#page_index #main .hn-carousel-controls [data-hero-pause]{margin-left:auto;}
body#page_index #main .hn-assurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:23px 16px;gap:16px;border-bottom:1px solid #d5dfd9;text-align:center;color:#526c63;font-size:14px;}
body#page_index #main .hn-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0;border:0;}
body#page_index #main .hn-shortcuts>a{display:flex;gap:12px;padding:20px;border:1px solid #dae4df;border-radius:16px;background:#fff;}
body#page_index #main .hn-shortcuts strong,body#page_index #main .hn-shortcuts small{display:block;}
body#page_index #main .hn-photo-inquiry{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#e7eee6;border-radius:24px;padding:42px;margin:64px 0;}
body#page_index #main .hn-photo-inquiry h2{margin:12px 0;}
body#page_index #main .hn-reading{display:flex;gap:8px;justify-content:flex-end;padding:18px 0;align-items:center;}
body#page_index #main .hn-reading button{padding:7px 13px;border:1px solid #cddbd5;border-radius:20px;background:transparent;color:#35574c;cursor:pointer;}
body#page_index #main .hn-reading button[aria-pressed=true]{background:#234e44;color:white;border-color:#234e44;}
body#page_index #main .hn-button{font-size:var(--hn-size);}
body#page_index[data-home-font=large] #main .hn-hero h1{font-size:clamp(35px,3.5vw,52px);}
body#page_index[data-home-font=xl] #main .hn-hero h1{font-size:clamp(39px,4vw,58px);}
body#page_index[data-home-font=large] #main .hn-section h2{font-size:40px;}
body#page_index[data-home-font=xl] #main .hn-section h2{font-size:46px;}
@media(max-width:700px){
body#page_index #main .wrapper.catalog-layout{width:calc(100% - 32px);}
body#page_index #main .hn-hero{grid-template-columns:minmax(0,1fr);border-radius:20px;}
body#page_index #main .hn-hero-copy{padding:32px 24px;}
body#page_index #main .hn-hero-photo{min-height:300px;height:300px;}
body#page_index #main .hn-assurances{grid-template-columns:1fr;text-align:left;padding:22px 10px;gap:10px;}
body#page_index #main .hn-shortcuts{grid-template-columns:1fr;gap:10px;}
body#page_index #main .hn-photo-inquiry{display:block;padding:28px 22px;margin:40px 0;}
body#page_index #main .hn-photo-inquiry .hn-button{margin-top:22px;}
body#page_index #main .hn-reading{font-size:12px;gap:5px;}
body#page_index #main .hn-reading button{padding:7px 10px;}
}

 
body#page_index .hn-hero-photo .hn-hero-slide{display:block;height:100%;}
body#page_index .hn-hero-photo [data-hero-slide][hidden]{display:none;}
/* 2026-10-24 官網改版第一批：首頁「依需求找服務說明」—— 連到各服務專頁、收送、案例與常見問題 */
body#page_index .hn-guide-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;}
body#page_index .hn-guide-list li{margin:0;padding:0;list-style:none;}
body#page_index .hn-guide-list a{display:flex;flex-direction:column;gap:4px;height:100%;min-height:44px;padding:16px 18px;border:1px solid #dae4df;border-radius:14px;background:#fff;box-sizing:border-box;text-decoration:none;}
body#page_index .hn-guide-list strong{display:block;font-size:var(--hn-size);font-weight:600;color:#0e5462;}
body#page_index .hn-guide-list small{display:block;font-size:calc(var(--hn-size) - 2px);line-height:1.6;color:var(--hn-muted);}
body#page_index .hn-guide-list a:focus-visible{outline:3px solid #f2b84b;outline-offset:2px;}
@media(hover:hover){body#page_index .hn-guide-list a:hover{border-color:#147486;box-shadow:0 4px 16px #1474861c;}}
@media(max-width:1000px){body#page_index .hn-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){body#page_index .hn-guide-list{gap:10px;}body#page_index .hn-guide-list a{padding:14px;}body#page_index[data-home-font=large] .hn-guide-list,body#page_index[data-home-font=xl] .hn-guide-list{grid-template-columns:1fr;}}