:root {
    --layout-nav-bar-menu-margin-wise: 140px;
    --layout-nav-bar-dropdown-menu-width-control-wise: 152px;
    --layout-top-nav-bar-screen-darken: rgba(0, 0, 0, 0.85);
    --layout-nav-bar-dropdown-item-text-hover-color: white;
    --layout-footer-item-text-hover-color: white;
}

.top-nav-bar-screen-darken {
    background-color: var(--layout-top-nav-bar-screen-darken);
}

.menu-margin-wise {
    height: var(--layout-nav-bar-menu-margin-wise);
    background-color: dimgray;
}

@media (max-width: 1199px) {
    .menu-margin-wise {
        height: 50px;
        background-color: dimgray;
    }
}

.dropdown-menu-width-control-wise {
    width: unset;
    border-radius: unset;
    position: fixed !important;
    top: var(--layout-nav-bar-dropdown-menu-width-control-wise);
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    max-height: 100%;
    overflow: auto !important;
}

@media (max-width: 1199px) {
    .dropdown-menu-width-control-wise {
        width: unset;
        border-radius: 0.25rem;
        position: unset !important;
        max-height: 100%;
        overflow: auto !important;
    }
}

.dropdown-menu {
    position: page !important;
    border: none;
    padding: -100px;
    white-space: normal;
    padding-inline: 0px;
}

.dropdown-menu-li-wise > a:hover, .hover-wise > a:hover {
    color: var(--layout-nav-bar-dropdown-item-text-hover-color) !important;
}

.footer-hover-wise > a:hover {
    color: var(--layout-footer-item-text-hover-color) !important;
}

.navbar-nav .show .dropdown-menu > li > a {
    list-style: none;
}

.nav-item .dropdown-toggle {
    display: block;
}

    .nav-item .dropdown-toggle::after {
        transform: scale(1.5); /* 放大 1.5 倍 */
    }

.justify-content-center-end-wise {
    justify-content: end;
}

@media (max-width: 768px) {
    .justify-content-center-end-wise {
        justify-content: center;
    }
}

.justify-content-start-center-wise {
    justify-content: start;
}

@media (max-width: 768px) {
    .justify-content-start-center-wise {
        justify-content: center;
    }
}

.screen-darken {
    /*content: '';
    background-color: rgba(0, 0, 0, 0.65);
    filter: brightness(0.35);    
    pointer-events: none;
    z-index: -1;
    visibility: visible;
    position: page;*/
}

@media (max-width: 1199px) {
    /*.screen-darken {
        content: '';
        background-color: unset;
        filter: unset;
        pointer-events: unset;
        z-index: unset;
        visibility: unset;
        position: unset;
    }*/
}

.advert-img-wise {
    width: 100%;
    float: right;
}

.nav-col-md-8-wise {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.nav-col-md-4-wise {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

@media (max-width: 991px) {
    .nav-col-md-8-wise {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .nav-col-md-4-wise {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1%;
        flex: 0 0 1%;
        max-width: 1%;
    }
}