/* Header-only subset of home.css, scoped under .hp-hdr for use on Elementor/The7 pages. Generated from home.css; keep in sync. */
.hp-hdr{display:contents}.hp-hdr *{box-sizing:border-box;margin:0;padding:0}.hp-hdr .site-header{font-family:var(--font);font-size:15px;line-height:1.7;color:var(--ink)}.hp-hdr ul,.hp-hdr .site-header li{list-style:none;margin:0;padding:0;font-size:inherit;line-height:inherit;border:0;background:none}.hp-hdr a{text-decoration:none;color:var(--g900)}.hp-hdr img{max-width:100%;height:auto;display:block}
:root{--g900:#004b23;--g500:#80b641;--g100:#f4faee;--g50:#f8fcf4;
  --ink:#5c5c5c;--ink-dark:#2b2b2b;--line:#dfe9d3;--white:#fff;
  --font:"Noto Sans TC","Noto Sans HK","PingFang TC","Hiragino Sans CNS","Microsoft JhengHei",system-ui,sans-serif;
  --max:1250px;--r:16px;--shadow:0 6px 24px rgba(0,75,35,.08);}
.hp-hdr .wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.hp-hdr .skip{position:absolute;left:-999px;top:0;background:var(--g900);color:#fff;padding:8px 16px}
.hp-hdr .skip:focus{left:8px;z-index:100}
.hp-hdr .site-header{position:sticky;top:0;z-index:50;background:var(--white);box-shadow:0 1px 0 #eef3e8}
.hp-hdr .nav{display:flex;align-items:center;height:90px;gap:16px}
.hp-hdr .logo{flex:none;margin-right:auto}
.hp-hdr .logo img{width:200px;height:67px}
.hp-hdr .nav-panel{display:contents}
.hp-hdr .menu{order:1}
.hp-hdr .nav-cta{order:2}
.hp-hdr .nav-social{order:3}
.hp-hdr .nav-close{display:none}
.hp-hdr .menu{display:flex;align-items:center;font-family:"Noto Serif JP","Noto Serif TC","Songti TC","PMingLiU",serif;font-size:20px;font-weight:700;line-height:1.2}
.hp-hdr .menu li{position:relative}
.hp-hdr .menu>li{display:flex;align-items:center}
.hp-hdr .menu>li>a,.hp-hdr .menu>li>span{display:flex;align-items:center;height:40px;padding:0 15px;color:var(--g900);white-space:nowrap}
.hp-hdr .menu>li.has-sub>a,.hp-hdr .menu>li.has-sub>span{padding-right:0}
.hp-hdr .menu>li>a:hover,.hp-hdr .menu>li.current>a,.hp-hdr .menu>li:hover>a,.hp-hdr .menu>li:hover>span{color:var(--g500)}
.hp-hdr .sub-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hp-hdr .caret{display:flex;align-items:center;justify-content:center;width:22px;height:40px;color:var(--g900);cursor:pointer}
.hp-hdr .caret i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:.2s}
.hp-hdr .menu>li:hover>.caret{color:var(--g500)}
.hp-hdr .sub-toggle:focus-visible+.caret{outline:2px solid var(--g500);outline-offset:-2px}
.hp-hdr .sub{font-family:var(--font);font-size:14px;font-weight:400;line-height:1.5}
.hp-hdr .sub li{display:flex;flex-wrap:wrap;align-items:center}
.hp-hdr .sub a,.hp-hdr .sub span{flex:1;display:block;padding:15px;color:#000}
.hp-hdr .sub a:hover{color:var(--g500);background:#f6faf0}
.hp-hdr .sub .caret{height:auto;align-self:stretch;padding-right:8px}
.hp-hdr .sub .sub{flex-basis:100%}
.hp-hdr .nav-cta{flex:none;display:inline-flex;align-items:center;height:46px;padding:0 22px;margin-left:6px;border-radius:999px;background:var(--g900);color:#fff;font-weight:700;font-size:17px;white-space:nowrap;transition:.2s}
.hp-hdr .nav-cta:hover{background:var(--g500);color:#fff}
.hp-hdr .nav-social{display:flex;gap:8px;margin-left:14px}
.hp-hdr .nav-social a{width:32px;height:32px;border-radius:50%;background:var(--g900);display:inline-flex;align-items:center;justify-content:center;transition:.2s}
.hp-hdr .nav-social a:hover{background:var(--g500)}
.hp-hdr .nav-social svg{width:17px;height:17px;fill:#fff}
.hp-hdr .nav-toggle{display:none}
.hp-hdr .burger{display:none;width:52px;height:52px;border:1px solid #d9dfd6;border-radius:12px;background:var(--white);cursor:pointer;position:relative;flex:none}
.hp-hdr .burger span,.hp-hdr .burger span::before,.hp-hdr .burger span::after{content:"";position:absolute;left:13px;width:24px;height:2.5px;border-radius:2px;background:var(--g900);transition:.2s}
.hp-hdr .burger span{top:24px}
.hp-hdr .burger span::before{top:-8px;left:0}
.hp-hdr .burger span::after{top:8px;left:0}
@media(min-width:1241px) and (max-width:1560px){.hp-hdr .menu{font-size:18px}.hp-hdr .menu>li>a,.hp-hdr .menu>li>span{padding:0 10px}.hp-hdr .nav-cta{margin-left:8px;padding:0 18px;font-size:16px;height:42px}.hp-hdr .nav-social{margin-left:8px;gap:6px}}
@media(min-width:1241px){.hp-hdr .menu>li>.sub{display:none;position:absolute;top:100%;left:0;min-width:218px;background:var(--white);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px 0;z-index:5}.hp-hdr .menu>li:hover>.sub,.hp-hdr .menu>li:focus-within>.sub,.hp-hdr .menu>li>.sub-toggle:checked~.sub{display:block}.hp-hdr .menu>li:hover>.caret i,.hp-hdr .menu>li>.sub-toggle:checked~.caret i{transform:rotate(-135deg);margin-top:4px}.hp-hdr .sub .caret i{transform:rotate(-45deg);margin:0}.hp-hdr .sub .sub{display:none;position:absolute;top:0;left:100%;min-width:218px;background:var(--white);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px 0}.hp-hdr .sub li:hover>.sub,.hp-hdr .sub li:focus-within>.sub,.hp-hdr .sub .sub-toggle:checked~.sub{display:block}}
@media(max-width:1240px){.hp-hdr .nav{height:88px}.hp-hdr .burger{display:block}.hp-hdr .nav-cta{order:0;margin:0;height:52px;padding:0 24px;font-size:20px;background:#7fb04b}.hp-hdr .nav-cta:hover{background:var(--g500)}.hp-hdr .nav-panel{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);background:var(--white);flex-direction:column;align-items:stretch;padding:70px 0 30px;overflow-y:auto;transform:translateX(100%);transition:transform .25s;box-shadow:-8px 0 30px rgba(0,0,0,.15);z-index:60}.hp-hdr .nav-toggle:checked ~ .nav-panel{transform:none}.hp-hdr .nav-close{display:block;position:absolute;top:14px;right:14px;width:44px;height:44px;cursor:pointer}.hp-hdr .nav-close::before,.hp-hdr .nav-close::after{content:"";position:absolute;left:10px;top:21px;width:24px;height:2px;background:var(--g900)}.hp-hdr .nav-close::before{transform:rotate(45deg)}.hp-hdr .nav-close::after{transform:rotate(-45deg)}.hp-hdr .menu{flex-direction:column;align-items:stretch;font-size:22px}.hp-hdr .menu>li{display:flex;flex-wrap:wrap;align-items:center;border-top:1px solid #eef3e8}.hp-hdr .menu>li>a,.hp-hdr .menu>li>span{flex:1;height:auto;padding:16px 24px;white-space:normal}.hp-hdr .menu>li.has-sub>a,.hp-hdr .menu>li.has-sub>span{padding-right:0}.hp-hdr .menu>li.current>a{background:var(--g500);color:#fff}.hp-hdr .caret{width:56px;align-self:stretch;height:auto}.hp-hdr .sub{display:none;flex-basis:100%;background:#f8fcf4;padding:4px 0;font-size:17px}.hp-hdr .sub-toggle:checked~.sub{display:block}.hp-hdr .sub-toggle:checked~.caret i{transform:rotate(-135deg);margin-top:4px}.hp-hdr .sub a,.hp-hdr .sub span{padding:13px 24px 13px 36px}.hp-hdr .sub .sub a,.hp-hdr .sub .sub span{padding-left:52px}.hp-hdr .nav-social{margin:24px 24px 0;justify-content:center}}
@media(max-width:600px){.hp-hdr .nav{height:72px;gap:10px}.hp-hdr .logo img{width:150px;height:50px}.hp-hdr .nav-cta{height:44px;padding:0 18px;font-size:17px}.hp-hdr .burger{width:46px;height:46px;border-radius:10px}.hp-hdr .burger span,.hp-hdr .burger span::before,.hp-hdr .burger span::after{left:11px;width:22px}.hp-hdr .burger span{top:21px}.hp-hdr .burger span::before{top:-7px;left:0}.hp-hdr .burger span::after{top:7px;left:0}}
/* Desktop mega menu: a top-level submenu that itself contains groups renders all groups side by side in one panel. */
@media(min-width:1241px){.hp-hdr .menu>li>.sub:has(>li.has-sub){left:50%;transform:translateX(-50%);padding:12px 10px 10px;gap:6px;align-items:flex-start}.hp-hdr .menu>li:hover>.sub:has(>li.has-sub),.hp-hdr .menu>li:focus-within>.sub:has(>li.has-sub),.hp-hdr .menu>li>.sub-toggle:checked~.sub:has(>li.has-sub){display:flex}.hp-hdr .menu>li>.sub>li.has-sub{display:block;flex:none;min-width:226px}.hp-hdr .menu>li>.sub>li.has-sub>span{font-weight:700;color:var(--g900);padding:8px 15px 8px;margin:0 6px 4px;border-bottom:2px solid #dfe9d2;white-space:nowrap}.hp-hdr .menu>li>.sub>li.has-sub>.caret,.hp-hdr .menu>li>.sub>li.has-sub>.sub-toggle{display:none}.hp-hdr .menu>li>.sub>li.has-sub>.sub{display:block;position:static;min-width:0;box-shadow:none;padding:0;background:transparent}.hp-hdr .menu>li>.sub>li.has-sub>.sub a{padding:11px 15px;white-space:nowrap}}

/* Level-4 menu items inline under parent link. */
@media(min-width:1241px){.hp-hdr .menu>li>.sub>li.has-sub>.sub>li.has-sub>.caret,.hp-hdr .menu>li>.sub>li.has-sub>.sub>li.has-sub>.sub-toggle{display:none}
.hp-hdr .menu>li>.sub>li.has-sub>.sub>li.has-sub>.sub{display:block;position:static;min-width:0;box-shadow:none;padding:0 0 4px;background:transparent}
.hp-hdr .menu>li>.sub>li.has-sub>.sub>li.has-sub>.sub a{padding:7px 15px 7px 32px;font-size:13px;color:#333}}
@media(max-width:1240px){.hp-hdr .sub .sub .sub a,.hp-hdr .sub .sub .sub span{padding-left:68px;font-size:15px}}