.navbar {
    box-sizing: border-box;
    padding: 0;
    background-color: #FFF;
    z-index: 999;
    box-shadow: 0 0 20px rgba(51, 51, 51, 0.3);
}

    .navbar .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

.navbar-toggler {
    /* border: #e5e6de 1px solid;
    background-color: #e5e6de; */
}

.navbar-brand {
    width: 25vw;
    margin-right: 0;
    padding-left: 48px;
}

    .navbar-brand img {
        width: 50%;
    }

.navbar-collapse {
    flex-grow: initial;
}

/* 設計校正 */
.navbar-nav > .nav-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9vw;
    height: 100px;
    border-bottom: #FFF 3px solid;
}

    .navbar-nav > .nav-item:nth-child(2) {
        background-color: #23a077;
        border-bottom: #23a077 3px solid;
    }

    .navbar-nav > .nav-item:nth-last-child(2) {
        border-bottom: #E5E6DE 3px solid;
    }

.nav-link {
    cursor: pointer;
}

.navbar-nav > .nav-item:nth-child(2) .nav-link {
    color: #FFF;
}

.navbar-nav > .nav-item:last-child {
    width: 10vw;
}

.navbar-nav > .nav-item.nav-item-block {
    width: 16vw;
    display: block;
    overflow: hidden;
}

.nav-item-block {
    border-left: #bebebe 1px solid;
    border-right: #bebebe 1px solid;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0,0,0,.55);
}

.nav-item-block > .nav-item {
    width: 50%;
    height: 50px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: #bebebe 1px solid;
}

.navbar-nav > .nav-item:hover,
.navbar-nav > .nav-item.active {
    background-color: #E5E6DE;
    cursor: pointer;
    color: #23a077;
    border-bottom: #23a077 3px solid;
}

.nav-item-block > .nav-item:hover {
    background-color: #E5E6DE;
    cursor: pointer;
    color: #23a077;
}

.navbar-nav .nav-item-block:hover {
    background-color: #FFF;
    border-bottom: #E5E6DE 3px solid;
}

    .navbar-nav .nav-item-block:hover .nav-link {
        color: rgba(0,0,0,.55);
    }

.navbar-nav > .nav-item:nth-child(2):hover .nav-link,
.navbar-nav > .nav-item:nth-child(2).active .nav-link,
.nav-item-block > .nav-item:hover a,
.navbar-nav .nav-item-block .nav-link:hover {
    color: #23a077;
}

.nav-item.login-block:hover a {
    color: rgba(0,0,0,.55);
}

.nav-item-block > .nav-item:first-child {
    border-right: #bebebe 1px solid;
}

.nav-item-block > .nav-item:last-child {
    width: 100%;
    /* justify-content: right; */
    padding: 0 1vw;
    border-bottom: #bebebe 1px solid;
    background-color: #e5e6de;
}

.nav-item-block > .nav-item .search {
    color: #23a077;
}

.search {
    background-color: #E5E6DE;
    padding-left: 0;
}

    .search input:hover {
        color: #23a077;
    }

    .search input {
        float: left;
        outline-style: none;
        border: none;
        background-color: rgba(255, 255, 255, 0);
    }

    .search button {
        outline-style: none;
        border: none;
        background-color: rgba(255, 255, 255, 0);
        background-image: url('../images/img_icon_search.png');
        background-repeat: no-repeat;
        padding: 10px;
        vertical-align: middle;
    }

/* 下拉選單校正 start // 修改日期 20210914 */
.dropdown-menu {
    /* background-color: transparent; */
    border: none;
    font-size: initial;
    padding: 0;
    /* background-color: #23a077; */
    background-color: rgb(65, 104, 73);
    border-radius: 0;
    box-shadow: 0 0 20px rgb(51 51 51 / 30%);
    min-width: 9.5rem;
}

.dropdown-toggle {
    outline: none;
}

.navbar-nav > .nav-item.active .dropdown-menu a {
    color: #FFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .navbar-nav > .nav-item.active .dropdown-menu a:hover,
    .navbar-nav > .nav-item.active .dropdown-menu a:active {
        /* background-color: #E5E6DE; */
        /* color: #23a077; */
        background-color: rgb(65, 104, 73);
        color: #d1e180;
    }

        .navbar-nav > .nav-item.active .dropdown-menu a:hover span:before,
        .navbar-nav > .nav-item.active .dropdown-menu a:active span:before,
        .navbar-nav > .nav-item.active .dropdown-menu a.touch span:before {
            content: url(../images/img_dropmenu_icon.png);
            vertical-align: -2px;
            margin-right: 4px;
        }

/* 下拉選單校正 end */

/* Animated 'X' icon for bootstrap toggle 
--------------------------------------------- */
.icon-bar {
    width: 22px;
    height: 2px;
    background-color: #B6B6B6;
    display: block;
    transition: all 0.2s;
    margin-top: 4px
}

.navbar-toggler {
    border: none;
    background: transparent !important;
    padding: 0.525rem;
}

    .navbar-toggler .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
    }

    .navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }

    .navbar-toggler.default .top-bar,
    .navbar-toggler.collapsed .top-bar {
        transform: rotate(0);
    }

    .navbar-toggler.default .middle-bar,
    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggler.default .bottom-bar,
    .navbar-toggler.collapsed .bottom-bar {
        transform: rotate(0);
    }

@media only screen and (max-width: 1680px) {
    .navbar-brand img {
        width: 64%;
    }

    .navbar-nav > .nav-item:last-child {
        width: 11vw;
    }
}

@media only screen and (max-width: 1440px) {
    .navbar-brand img {
        width: 80%;
    }

    .navbar-nav > .nav-item:last-child {
        width: 13vw;
    }
}

@media only screen and (max-width: 1366px) {
    .navbar-brand {
        padding-left: 20px;
    }

        .navbar-brand img {
            width: 64%;
        }

    .search input {
        width: 88%;
    }
}

@media only screen and (max-width: 1365px) {
    /* 選單補正 */
    nav,
    .navbar,
    .navbar-collapse {
        /* width: 100vw; */
        /* overflow: hidden; */
    }

    .navbar-nav {
        border-top: #ccc 1px solid;
        padding-top: 2vh;
    }

    .navbar-collapse {
        padding-top: 1vh;
    }

    .navbar-toggler {
        margin-right: 20px;
    }
    /* 選單補正 */

    .navbar {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-nav {
        width: 100vw;
        /* overflow: hidden; */
    }

        .navbar-nav > .nav-item,
        .navbar-nav > .nav-item.nav-item-block,
        .nav-item-block > .nav-item:last-child,
        .nav-item-block > .nav-item {
            width: 100vw;
            font-size: 1.15rem;
            height: 7vh;
            border: none;
            justify-content: left;
            padding: 0;
        }

            .navbar-nav > .nav-item,
            .nav-item-block > .nav-item,
            .nav-item-block > .nav-item .search {
                padding-left: 2vw;
            }

                .navbar-nav > .nav-item, .nav-item-block > .nav-item, .nav-item-block > .nav-item .search {
                    padding-left: 6vw;
                }

                    .navbar-nav > .nav-item:last-child {
                        width: auto;
                    }

    .search input {
        margin-left: 6vw;
    }

    /* 下拉選單校正 start // 修改日期 20210914 */
    .dropdown-menu {
        box-shadow: none;
    }

    .navbar-nav > .nav-item:nth-child(2) {
        display: block;
        align-items: initial;
        justify-content: initial;
        width: auto;
        height: initial;
        padding-top: 2vh;
        padding-bottom: 0;
        padding-left: 0;
    }

        .navbar-nav > .nav-item:nth-child(2) a.dropdown-toggle {
            padding-bottom: 2vh;
        }

        .navbar-nav > .nav-item:nth-child(2) .nav-link {
            padding-left: 6vw;
        }

    .navbar-nav > .nav-item.active .dropdown-menu a:first-child {
        /* border-top: #23a077 3px solid; */
    }

    .navbar-nav > .nav-item.active .dropdown-menu a {
        padding-left: 6vw;
    }

    /* 下拉選單校正 end */

}

@media only screen and (max-width: 1024px) {
    .navbar-nav > .nav-item.nav-item-block {
        height: auto;
    }

    .navbar {
        height: auto;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    nav .logo img {
        width: 80%;
    }

    .search input {
        width: 70%;
    }
}

@media only screen and (max-width: 960px) {
    .navbar-collapse {
        padding-top: 2vh;
    }

    .sent-block {
        /* text-align: center; */
    }

    .leftsideMenu .leftsideMenuBtn {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    nav .logo img {
        width: 140%;
    }
}


.nav-item.dropdown > ul li a{
    color: #fff;
}
.nav-item.dropdown > ul li a:hover{
    color: rgb(65, 104, 73);
}


/*內頁選單語系*/
@media screen and (min-width: 1300px) {
    .nav_linkblock > .nav-item:first-child{
        width: calc(100% - 150px);
    }
    .nav_linkblock > .nav-item:nth-child(2){
        width: 150px;
    }
}
