/*----------------------------------------*/
/* 表頭 - 置頂
/*----------------------------------------*/
.header-section {
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 1030;
}

.header-logo { z-index: 99; padding: 10px; display: inline-block; }
.header-logo img { max-height: 60px; }

.header-top {
    border-radius: 0 0 0 50px;
    display: inline-block;
    background: #f29739;
    padding-top: 5px;
    padding-right: 20px;
}
.header-top a {
    color: #FFF;
    padding: 0 30px;
    text-decoration: none;
}
.header-top a:last-child {
    padding-left:15px;
    border-right: 0;
}
.header-top a:hover {
    color: #ffcc98;
}
.header-top .dropdown-menu a {
    font-size: 17px;
    display: block;
    color: #333333;
    text-transform: uppercase;
    padding: 10px 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}
.header-top .dropdown-menu a:hover {
    color: #f29739;
    background: transparent;
}
.header-top .dropdown-menu {
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 15%);
}


/*----------------------------------------*/
/* 表頭 - 主功能表
/*----------------------------------------*/

.header-main {
    margin-left: auto;
    /*margin-right: 25px;*/
}
.header-main .dropdown-toggle::after {
    display: none;
}
.header-main.navbar-nav .nav-link {
    color: #666;
    font-size: 1.1em;
    padding: 0.8rem 0.8rem 0.4rem !important;
}
.header-main.navbar-nav .nav-link i {
    font-size: 0.7em;
}
.header-main.navbar-nav .show > .nav-link, .header-main.navbar-nav .active > .nav-link, .header-main.navbar-nav .nav-link.show, .header-main.navbar-nav .nav-link.active {
    color: #f29739;
}
.header-main.navbar-nav .dropdown-menu {
    font-size: 1em;
}


@media only screen and (max-width: 768px) {
    .header-logo img { max-height: 40px; }
    .header-top a {
        padding: 0 25px;
    }
    .header-main {
        margin: auto;
    }
    #navbarNavDropdown {
        max-height: calc(100vh - 60px);
        overflow-y: scroll !important;
    }
    .header-main.navbar-nav .dropdown-menu {
        border: transparent;
        border-top: 1px dashed #ffcc98;
        border-radius: 0;
    }
    .header-main.navbar-nav .nav-link {
        font-size: 1.1em;
    }
}