/* Original homepage blocks and source order retained. Scoped visual refinement. */
body.home-preserved{--home-dark-gray:#4A4D52;--home-light-gray:#C2C3C5;--home-medium-gray:#919396;--home-muted-brown:#746E65;--home-dark-brown:#46413A;--home-pale-green:#EDF5D9;--home-sage:#A9BA9D;--home-olive:#718968;--home-periwinkle-light:#9EA8DB;--home-periwinkle:#6976CC;--home-periwinkle-dark:#555CB3;background:#F7F8F2!important;color:var(--home-dark-brown);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;letter-spacing:.03em}
.home-preserved #wrapper,.home-preserved #wrap_link{width:min(1420px,94%);background:#fff}
.home-preserved #wrapper{padding-top:24px;border-radius:0 0 20px 20px}
.home-preserved .navbar{box-shadow:0 4px 18px rgba(70,65,58,.08);border-bottom:1px solid var(--home-light-gray)}
.home-preserved nav.navbar .navbar-brand{padding-left:0}
/* Match the shared portal header width and centered gutters used by area pages. */
@media(min-width:1101px){.home-preserved nav.navbar.bootsnav>.container{width:min(1360px,calc(100% - 48px));margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.home-preserved nav.navbar.bootsnav>.container{width:min(1240px,calc(100% - 64px));margin-left:auto;margin-right:auto}}
@media(max-width:800px){.home-preserved nav.navbar.bootsnav>.container{width:calc(100% - 40px)}}
@media(max-width:520px){.home-preserved nav.navbar.bootsnav>.container{width:calc(100% - 32px)}}
.home-preserved .home-seo.hero{background:var(--home-pale-green);border:1px solid var(--home-sage);border-left:6px solid var(--home-periwinkle-light);border-radius:16px;padding:32px;margin:84px auto 36px;max-width:1240px;text-align:left}
.home-preserved .home-seo.hero h1{color:var(--home-dark-brown);font-size:clamp(25px,2.6vw,38px);line-height:1.5;letter-spacing:.02em}
.home-preserved .home-seo.hero p{font-size:17px;line-height:1.9}
.home-preserved .t_left{background:rgba(169,186,157,.38);border-radius:16px}
.home-preserved .service_ad{border-radius:14px;box-shadow:0 4px 16px rgba(70,65,58,.14)}
.home-preserved .service_ad:hover{box-shadow:0 8px 24px rgba(85,92,179,.20)}
.home-preserved .service_ad:hover .vmore{text-decoration:none;border-radius:6px}
.home-preserved .vmore{border-radius:6px;background:var(--home-periwinkle-dark);box-shadow:none}
.home-preserved .links_title{border-radius:8px 8px 0 0;overflow:hidden}
.home-preserved .links_list{background:var(--home-pale-green);border:1px solid var(--home-sage);border-top:0;padding:12px}
.home-preserved .links_list a{padding:6px 0;line-height:1.6}
.home-preserved .home-seo{color:var(--home-dark-brown)}
.home-preserved .home-seo h2{color:var(--home-periwinkle-dark);line-height:1.5}
.home-preserved a:focus-visible,.home-preserved button:focus-visible{outline:3px solid var(--home-periwinkle-dark);outline-offset:4px}
.home-preserved .home-seo a,.home-preserved .links_list a{color:var(--home-dark-gray)}
.home-preserved .home-seo a:hover,.home-preserved .links_list a:hover{color:var(--home-periwinkle-dark)}
.home-preserved .home-seo th{background:var(--home-sage);color:var(--home-dark-brown)}
.home-preserved .home-seo td{border-color:var(--home-light-gray)}
.home-preserved .home-seo .lead{background:var(--home-pale-green);border-left-color:var(--home-olive);color:var(--home-dark-brown)}
.home-preserved .home-seo .faq h3{background:var(--home-pale-green);color:var(--home-dark-brown);border-left:4px solid var(--home-periwinkle-light)}
.home-preserved .home-seo .faq h3:before{color:var(--home-periwinkle-dark)}
.home-preserved .home-seo [style*="#888"]{color:var(--home-medium-gray)!important}
.home-preserved .home-seo .chips a{border-color:var(--home-sage);background:#fff;color:var(--home-dark-gray)}
.home-preserved .home-seo .chips a:hover{background:var(--home-pale-green);border-color:var(--home-periwinkle-light)}
.home-preserved .logotitle p{color:var(--home-dark-gray)!important}
.home-preserved .logotitle span{color:var(--home-olive)!important}
.home-preserved .logotitle:before,.home-preserved .logotitle:after{background:var(--home-dark-gray)}
.home-preserved #ihot,.home-preserved #ilife{border-color:var(--home-sage)}
.home-preserved [id]{scroll-margin-top:110px}
.home-preserved .slick-prev,.home-preserved .slick-next{min-width:44px;min-height:44px;z-index:2}
@media(max-width:767px){
.home-preserved #wrapper,.home-preserved #wrap_link{width:94%}
.home-preserved .home-seo.hero{padding:22px 16px;margin:74px 0 24px}
.home-preserved .home-seo.hero p{font-size:16px}
.home-preserved .home-seo table{display:block;max-width:100%;overflow-x:auto}
.home-preserved .links_list a{min-height:44px;display:flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){.home-preserved *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-preserved .wow{visibility:visible!important}}

@media(max-width:767px){
.home-preserved nav.navbar .navbar-brand{display:flex!important;align-items:center;width:auto!important;height:70px!important;padding:8px 8px 8px 0!important;margin:0!important;float:left!important}
.home-preserved nav.navbar .navbar-brand img.logo{position:static!important;max-width:100px!important;width:100px!important;height:auto!important;margin:0!important}
.home-preserved nav.navbar .logotitle{position:static!important;margin:0 0 0 8px!important;padding:0!important;width:auto!important;border:0!important}
.home-preserved nav.navbar .logotitle p{font-size:17px!important;line-height:1.5!important;margin:0!important;letter-spacing:2px!important}
.home-preserved nav.navbar .logotitle span{font-size:10px!important;letter-spacing:0!important}
.home-preserved nav.navbar .navbar-toggle{position:absolute;right:10px;top:12px;margin:0!important;min-width:44px;min-height:44px;z-index:3}
.home-preserved nav.navbar .navbar-header{min-height:70px;padding-left:0;padding-right:0}
}