.header_type8 {
    background: var(--color-white);
    transition: all 0.5s;
    z-index: 9;
    position: relative;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

    .header_type8 .header_levelOne::before {
        content: "";
        width: 50%;
        height: 44px;
        background-color: var(--color-primary);
        position: absolute;
        display: block;
        left: 0;
        top: 0;
    }

    .header_type8 .header_top .header_levelOne .header_navigation {
        width: 70%;
        position: relative;
    }

    .header_type8 .header_levelOne .header_levelOne_box {
        display: flex;
        justify-content: space-between;
        color: var(--color-white);
        /* padding: 10px 0; */
    }

    .header_type8 .header_top .header_levelOne .header_navigation::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 44px 44px 0 0;
        border-color: var(--color-primary) transparent transparent transparent;
        position: absolute;
        right: -44px;
        top: 0px;
    }

    .header_type8 .header_top .header_levelOne ul.nav {
        background: var(--color-primary);
        align-items: center;
        /* padding: 12px 0; */
        height: 44px;
        line-height: 44px;
    }

        .header_type8 .header_top .header_levelOne ul.nav li a {
            padding: 0 8px;
            font-weight: 500;
            font-size: 0.875rem;
            color: #fff;
            text-decoration: none;
        }

        .header_type8 .header_top .header_levelOne ul.nav li.dropdown .dropdown-menu {
            padding: 0;
        }

            .header_type8 .header_top .header_levelOne ul.nav li.dropdown .dropdown-menu a {
                color: black;
                padding: 6px 15px;
                font-size: 0.9rem;
                font-weight: 500;
                display: flex;
                justify-content: space-between;
                letter-spacing: 0.1rem;
            }

    .header_type8 .header_bottom {
        background: var(--color-secondary);
    }

    .header_type8 .logo {
        font-size: 1.75rem;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    .header_type8 .header_top h1 {
        text-indent: -119988px;
        /*background: url("/Content/assets/images/logo.png") no-repeat left center;*/
        margin-bottom: 0;
        display: inline-block;
        background-size: 100%;
        width: 216px;
        height: 61.92px;
        background-repeat: no-repeat;
    }


    .header_type8 .mobile_menu_button {
        display: none;
    }

    .header_type8 .header_levelTwo_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .header_type8 .header_levelTwo_box .header_levelTwo_search {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .header_type8 .header_levelTwo_box .header_levelTwo_search .input-group {
                max-width: 228px;
            }

            .header_type8 .header_levelTwo_box .header_levelTwo_search .keywords {
                color: #5e5e5e;
                margin-bottom: 0;
                padding-right: 1rem;
            }

                .header_type8 .header_levelTwo_box .header_levelTwo_search .keywords a {
                    text-decoration: none;
                    color: #5e5e5e;
                }

                    .header_type8 .header_levelTwo_box .header_levelTwo_search .keywords a:hover {
                        color: var(--color-primary);
                    }

    /* .header_type8 .search .input-group {
    background-color: #cdcdcd;
    border-radius: 20px;
} */

    .header_type8 .search .input-group input {
        background-color: #cdcdcd;
        border-radius: 0px !important;
        margin-top: 16px;
        /* height: 46px; */
    }

    .header_type8 .search .input-group a {
        background-color: #cdcdcd;
        border-radius: 20px;
        border: 0;
        position: absolute;
        right: 14px;
        top: 26px;
        text-decoration: none;
        padding: 0;
        z-index: 3;
    }

    .header_type8 .searchbox .searchButton {
        border: 0;
        background-color: transparent;
        position: absolute;
        right: 5px;
        top: 22px;
    }

    .header_type8 .navbar {
        width: 100%;
        border-radius: 6px;
        /* background-color: var(--color-primary); */
        padding: 0;
    }

        .header_type8 .navbar ul {
            width: 100%;
            margin: 0px;
            list-style: none;
            padding: 0px;
        }

            .header_type8 .navbar ul li {
                position: relative;
                width: 100%;
                text-align: center;
            }

        .header_type8 .navbar > ul > li {
            /* padding-bottom: 1rem; */
            /* padding-top: 1rem; */
        }

        .header_type8 .navbar ul > li > ul {
            /*width: 610px;*/
            margin: 0px;
            list-style: none;
            position: absolute;
            display: flex;
            background: var(--color-white);
            flex-wrap: wrap;
            display: none;
            top: 56px;
            width: 200px;
        }

        /*.header_type8 .navbar ul > li:nth-last-child(2) > ul, .header_type8 .navbar ul > li:nth-last-child(1) > ul {
            left: auto;
            right: 0px;
        }*/

        /*.header_type8 .navbar ul > li:nth-last-child(2) > ul > li > ul,
            .header_type8 .navbar ul > li:nth-last-child(1) > ul > li > ul {
                left: auto;
                right: 100%;
            }*/

        .header_type8 .navbar ul > li:hover > ul, .header_type8 .navbar ul > li:focus-within > ul {
            display: flex;
        }

        .header_type8 .navbar ul > li > ul > li a {
            text-align: left;
            display: flex;
            padding: 10px 15px;
            border-right: solid 1px rgb(210, 210, 210);
            /*border-bottom: solid 1px rgb(210, 210, 210);*/
            justify-content: space-between;
            align-items: center;
        }

            .header_type8 .navbar ul > li > ul > li a:hover {
                color: var(--color-primary);
            }

            .header_type8 .navbar ul > li > ul > li > ul {
                position: absolute;
                left: 100%;
                top: 0;
                background-color: var(--color-white);
                display: block;
                margin-top: -1px;
                z-index: 8;
                /*box-shadow: 0px 0px 15px 0px #a4a4a4;*/
                border-radius: 5px;
            }

        .header_type8 .navbar ul > li > ul > li > ul {
            /*width: 260px;*/
            z-index: 9;
            display: none;
        }

            .header_type8 .navbar ul > li > ul > li > ul > li {
                width: 100%;
            }

        .header_type8 .navbar ul > li > ul a {
            color: #000;
            text-decoration: none;
            display: block;
        }

        .header_type8 .navbar a {
            color: var(--color-white);
            text-align: center;
        }

        .header_type8 .navbar > ul > li > a {
            color: #000;
            text-decoration: none;
            /* text-align: center; */
            font-size: 1.125rem;
            width: 100%;
            display: inline-block;
            padding-top: 1rem;
            padding-bottom: 0.6rem;
            border-bottom: 3px solid transparent;
        }

            .header_type8 .navbar > ul > li > a:hover, .header_type8 .navbar > ul > li > a:active {
                border-bottom: 3px solid var(--color-primary);
                color: var(--color-primary);
            }




    /*選單.E*/
    .header_type8 .form-control {
        border-radius: 50px;
        background-color: var(--color-light-grey);
    }

    .header_type8 .mobile_menu_button {
        display: none;
    }

    .header_type8 .header_search_wrap {
        position: relative;
    }

    .header_type8 a.search_btn {
        position: absolute;
        top: 6px;
        right: 16px;
        color: var(--color-black);
    }

    .header_type8 .header_top .nav li:last-child {
        margin-right: 10px;
    }


@media (max-width: 820px) {
    .header_type8 .container {
        max-width: 800px;
    }

    .header_type8 .header_levelTwo_box {
        display: flex;
        align-items: initial;
        justify-content: space-around;
        flex-direction: column;
        flex-wrap: nowrap;
    }

        .header_type8 .header_levelTwo_box .header_flex {
            display: flex !important;
            justify-content: space-between;
            width: 100%;
            align-items: center;
        }

            .header_type8 .header_levelTwo_box .header_flex a {
                display: inline-block;
                padding-bottom: 10px;
            }

            .header_type8 .navbar > ul > li > a {
                justify-content: start;
            }

    .header_type8 .header_bottom .container {
        max-width: 100%;
        padding: 0;
    }

    .header_type8 .mobile_header_top {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .header_type8 .header_top .header_levelOne .header_navigation {
        width: 54%;
    }

    .header_type8 .keywords {
        display: none;
    }

    .header_type8 a.mobile_menu_button {
        display: block;
        background: none;
        color: var(--color-black);
        border: none;
        font-size: 2rem;
    }

    .header_type8 .mobile_menu_button:hover,
    .header_type8 .mobile_menu_button:focus {
        color: var(--color-primary);
    }

    .header_type8 .navbar {
        display: none;
    }

        .header_type8 .navbar.open {
            display: block;
            max-height: 430px;
            overflow-y: scroll;
        }

        .header_type8 .navbar ul li {
            border: none;
            border-bottom: 1px solid #e1e1e1;
            width: 100% !important;
        }

        .header_type8 .navbar > ul > li:first-child {
            border-left: none;
        }

        .header_type8 .navbar > ul > li {
            display: block;
        }

        .header_type8 .navbar ul li a {
            display: block;
            width: 100%;
        }

        .header_type8 .navbar ul > li > ul {
            position: relative;
            top: 0px;
            left: 0px;
            margin: 0px;
            width: 100% !important;
        }

            .header_type8 .navbar ul > li > ul > li ul {
                position: relative;
                top: 0px;
                left: 0px;
                margin: 0px;
                width: 100% !important;
            }

        .header_type8 .navbar > ul > li {
            padding-bottom: 0.5rem;
            padding-top: 0.5rem;
        }

        .header_type8 .navbar ul > li > ul > li > ul > li a {
            padding-left: 30px;
        }

        .header_type8 .navbar ul > li > ul > li > ul > li > ul > li a {
            padding-left: 46px;
        }

        .header_type8 .navbar ul,
        .header_type8 .navbar > ul > li > ul,
        .header_type8 .navbar > ul > li > ul > li ul,
        .header_type8 .navbar > ul > li > ul > li ul > li ul,
        .header_type8 .navbar ul > li:hover > ul {
            display: none;
        }

        .header_type8 .navbar.open > ul,
        .header_type8 .navbar.open > ul > li.open > ul,
        .header_type8 .navbar.open > ul > li.open > ul > li.open > ul,
        .header_type8 .navbar.open > ul > li.open > ul > li.open > ul > li.open > ul {
            display: block;
        }
}


@media (max-width: 480px) {
    .header_type8 .header_levelOne {
        display: none;
    }

    .header_type8 .navbar > ul > li > a {
        padding-top:0;
        padding-bottom:0;
    }
}