/* !====js-下拉選單==== */
.dropdown{position:relative;}
[data-toggle="dropdown"]{position: relative;cursor: pointer;display: block;/* padding-right: 2rem; */}
/* [data-toggle="dropdown"]::after{content: '\F282';font-family: bootstrap-icons;display: inline-block;transition: var(--transition);} */
[data-toggle="dropdown"].--isOpen::after{transform: rotate(-180deg);}
.dropdownMenu{position: absolute;top: 100%;left: 0;width: 100%;background: var(--mjColor-lx3);box-shadow: 0 .5rem .5rem -.5rem rgba(0, 0, 0, 0.2);opacity: 0;transform: translate(0, -3rem);transition: var(--transition);pointer-events: none;}
.dropdown:has(.--isOpen) .dropdownMenu{
    pointer-events: inherit;
    transform: translate(0, 0);
    opacity: 1;
}

.dropdown.--full{position:static;}

/* 當 navLink 沒有 --isOpen 時，dropdownMenu 不可被聚焦 */
.dropdown:not(:has(.--isOpen)) .dropdownMenu a,
.dropdown:not(:has(.--isOpen)) .dropdownMenu button {
    pointer-events: none;
}
.dropdownMenu__close{display: none;}

.navDropTt{margin-bottom:2rem;display:flex;flex-direction:column;align-items: center;}
.navTt__sub{color:var(--subColor);}
.navTt__mj{margin-bottom:0;font-weight:700;letter-spacing:0.12em}
.navDropCt{--num:5;--maxW:12.5rem;--gap:1rem;display:flex;flex-wrap:wrap;gap: calc(var(--gap) * 3) var(--gap);margin: auto;max-width: calc(var(--num) * var(--maxW) + (var(--num) - 1) * var(--gap));}
.navDropCt__item{width:calc((100% - (var(--gap) * (var(--num) - 1))) / var(--num));}
.cover.--navImg{--asR:420/280;width: 100%;aspect-ratio: var(--asR);}
.cover.--navImg img{width:100%}
.navDropCt__item__tt{padding:0.25rem 0;letter-spacing:0.02em;}
.navDropCt.--life{--num: 5;}

/* !====選單==== */
.logo{margin:0;display: flex;}
.logo__pic{height:2.375rem;aspect-ratio:274/38}
.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 99999999999;background-color: #fff;box-shadow: 0 0 .5rem rgba(0,0,0,0.25);}
.navbar>.container{display: flex;align-items: center;gap:2rem;justify-content: space-between;}
.navbarBrand{display: block;padding: 1rem 0;text-align: center;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;gap: clamp(0.25rem,1vw,1rem);align-items: center;margin-left: auto;}
.navbarNav__item{}
.navLink{--cl: var(--black);display: block;cursor: pointer;font-size: clamp(1rem,1.05vw,1.0625rem);padding: 0 0.5rem;text-wrap-mode: nowrap;}
.navSub{background-color: #fff;padding: 1rem;border: 1px solid var(--gray-lx2);border-radius: 0;box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);list-style: none;margin: 1.25rem 0 0;padding: 0.75rem 1rem;}
.navSub__item{}
.navSubLink{}
.funcBtn__item__content {padding:0}
.funcDItem{display:block;padding: 0.625rem;}

.funcBtn{display: flex;gap: 0.5rem 1rem;margin-left: 2rem;flex-wrap: wrap;text-wrap-mode: nowrap;}
.funcBtn__item__toggle img{height: 1.5rem;}

@media screen and (min-width: 992px) {
    .navbarNav__item:hover .navLink,.navLink.--isOpen,.active .navLink{color: var(--subColor);}
    .--full .dropdownMenu{margin-top:0;border-radius:0;padding: 3rem 0;max-height: 70dvh;overflow-y: auto;transition: var(--trans-ease);}
    .navDropTt.--mbOnly{display:none}
}
@media screen and (max-width: 991px) {
    /* !991====選單==== */
    .navbar>.container{max-width:100%;}
    .navbarToggle{--w: 2rem;--h:2px;--mv: .5rem;--cl: var(--black);position: relative;display: flex;align-items: center;justify-content: center;width: var(--w);height: var(--w);padding: 0;border: none;background-color: transparent;}
    .navbarToggle span{display: block;width: var(--w);height: var(--h);background-color: var(--cl);transition: var(--trans-ease);transform-origin: center;border-radius: 100rem;}
    .navbarToggle span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: rotate(0) translate(-50%,calc(-1 * (var(--mv) + var(--h))));}
    .navbarToggle span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: rotate(-0) translate(-50%,var(--mv));}
    .navbarToggle.--isOpen span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
    .navbarToggle.--isOpen span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
    .navbarToggle.--isOpen span:nth-child(2){opacity: 0;transform: translateX(10%);}

    .navbarNav{position: fixed;top:var(--headerH);left:0;right:0;bottom:0;background-color: #f4f4f4;z-index:9999;flex-direction: column;align-items: center;pointer-events: none;opacity: 0;transition: var(--trans-ease);padding: 0 1rem;}
    .navbarNav.--isOpen{opacity:1;pointer-events:auto;/* max-height: calc(100dvh - var(--headerH)); */overflow-y: auto;}
    .navLink{padding: .875rem 0;border-bottom: 1px solid #ddd;}
    [data-toggle="dropdown"]{position:relative;display: flex;align-items: center;justify-content: space-between;}
    [data-toggle="dropdown"]:after{content:'\f285';position: absolute;font-family:'Bootstrap-icons';transform: translateY(-50%);right: 0.125rem;top: 50%;}
    .navbarNav__item{width:100%}
    .navbarNav__item.active .navLink{color:var(--subColor);font-weight: 500;}
    .navSub{position: fixed;opacity: 1;transform: none;margin: 0;pointer-events: none;width: 100%;border-radius: 0;box-shadow: none;width: 100%;left: 0;top: var(--headerH);transform: translateX(100%);transition: 0.3s all;bottom: 0;z-index: 10;padding: 0 1rem;}
    .navSub .container{max-width:100%;padding: 0;}
    .navDropTt{padding:0.875rem;background: var(--subColor);color: #fff;margin: 1rem 0 0;}
    .funcDItem{padding: 0.875rem 0;border-bottom: 1px solid #ddd;}
    .navTt__mj{font-weight:500;font-size:1.125rem;position:relative;}
    .navTt__mj:before{content:'\f284';font-family:'Bootstrap-icons';transform:translateY(0.125rem);display:inline-block;}
    .navTt__sub{display:none;}
    .navDropCt{--num:1!important;gap:1rem;max-width: 100%;gap: 0;}
    .cover.--navImg{display:none;}
    .funcBtn{margin:0;flex-direction: column;width: 100%;gap: 0;}
    .funcBtn__item__toggle{padding:0.875rem 0;border-bottom: 1px solid #ddd;width: 100%;display: block;}

    .logo__pic{height:1.5rem;}
    .navDropCt__item{padding:0.875rem 0;border-bottom:1px solid #ddd;}
    .navDropCt__item.active{color: var(--subColor-l);}
    .navDropCt__item__tt{padding:0;}

}