/* Main menu group: "VITALIS" opens 管理為何要系統 / 認識 VS1 系統 / VS1 的好處. Mouse-over, keyboard and tap all work; colours are literal so it looks the same on every page's stylesheet. */
.site-navigation .nav-group{position:relative;display:inline-flex;align-items:center}
.site-header .site-navigation .nav-group-toggle{position:relative;display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;color:#4E5563;font:600 12px/1 Manrope,"Noto Sans TC","Noto Sans CJK HK","PingFang HK","Microsoft JhengHei",sans-serif;letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent}
.site-header .site-navigation .nav-group-toggle::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:#B8985A;transform:scaleX(0);transform-origin:right;transition:transform .24s}
.site-header .site-navigation .nav-group-toggle:hover,.site-header .site-navigation .nav-group.is-open .nav-group-toggle,.site-header .site-navigation .nav-group.is-current .nav-group-toggle{color:#174334}
.site-header .site-navigation .nav-group-toggle:hover::after,.site-header .site-navigation .nav-group-toggle:focus-visible::after,.site-header .site-navigation .nav-group.is-open .nav-group-toggle::after,.site-header .site-navigation .nav-group.is-current .nav-group-toggle::after{transform:scaleX(1);transform-origin:left}
.site-header .site-navigation .nav-group-toggle:focus-visible{outline:2px solid #B8943F;outline-offset:4px;border-radius:2px}
.nav-group-toggle .nav-caret{flex:none;transition:transform .22s}
.nav-group.is-open .nav-caret{transform:rotate(180deg)}
.nav-sub{position:absolute;top:100%;left:50%;z-index:90;padding-top:14px;opacity:0;visibility:hidden;pointer-events:none;translate:-50% 6px;transition:opacity .2s ease,translate .25s ease,visibility 0s .25s}
.nav-group.is-open .nav-sub,.nav-group:not(.is-js):focus-within .nav-sub{opacity:1;visibility:visible;pointer-events:auto;translate:-50% 0;transition-delay:0s}
@media (hover:hover) and (pointer:fine){.nav-group:not(.is-js):hover .nav-sub{opacity:1;visibility:visible;pointer-events:auto;translate:-50% 0;transition-delay:0s}}
.nav-sub-in{display:grid;gap:2px;min-width:228px;padding:6px;border:1px solid rgba(21,63,46,.14);border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(10,30,22,.16)}
.site-header .site-navigation .nav-sub-in a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:0;border-radius:9px;color:#153F2E;font:600 14px/1.25 Manrope,"Noto Sans TC","Noto Sans CJK HK","PingFang HK","Microsoft JhengHei",sans-serif;letter-spacing:.04em;white-space:nowrap;transition:background-color .18s,color .18s}
.site-header .site-navigation .nav-sub-in a::after{display:none}
.site-header .site-navigation .nav-sub-in a:hover,.site-header .site-navigation .nav-sub-in a:focus-visible{background:rgba(184,148,63,.16);color:#0F2A21}
.site-header .site-navigation .nav-sub-in a:focus-visible{outline:2px solid #B8943F;outline-offset:-2px}
.site-header .site-navigation .nav-sub-in a[aria-current="page"]{background:rgba(184,148,63,.12)}
.site-header .site-navigation .nav-sub-in a[aria-current="page"]::after{display:block;position:static;width:7px;height:7px;border-radius:50%;background:#B8943F;transform:none}
@media (max-width:1080px){
  .site-navigation .nav-group{display:grid;justify-self:stretch;justify-items:stretch;border:0}
  .site-header .site-navigation .nav-group-toggle{width:100%;justify-content:space-between;gap:12px;padding:15px 2px;border-bottom:1px solid rgba(21,63,46,.12);font-size:14px;letter-spacing:.08em}
  .site-header .site-navigation .nav-group-toggle::after{display:none}
  .nav-sub{position:static;display:none;padding:0;opacity:1;visibility:visible;pointer-events:auto;translate:none;transition:none}
  .nav-group.is-open .nav-sub,.nav-group.is-js:not(.is-open) .nav-sub{translate:none}
  .nav-group.is-open .nav-sub{display:block;padding:10px 0 6px}
  .nav-sub-in{min-width:0;gap:0;padding:4px;border:0;border-radius:12px;background:rgba(184,148,63,.09);box-shadow:none}
  .site-header .site-navigation .nav-sub-in a{justify-content:space-between;gap:10px;padding:12px 14px;font-size:14px;letter-spacing:.06em;white-space:nowrap;border-bottom:0;background:transparent}
  .site-header .site-navigation .nav-sub-in a[aria-current="page"]{background:rgba(184,148,63,.18)}
}
@media (prefers-reduced-motion:reduce){.nav-sub,.nav-group-toggle::after,.nav-caret{transition:none!important}}