nav {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
    top: 30px !important;

    max-width: 1320px;
    height: 63px;
    background: linear-gradient(180deg, #FFFFFF 66%, #DEF8FF 100%);
    border-radius: 50px;
}

nav .navbar-brand .main-logo {
    max-width: 271px;
}

nav .navbar-nav .nav-item {
    padding: 15px 5px;
    position: relative;
}

nav .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    color: #00539B;
}

nav .navbar-nav .nav-item:hover .nav-link {
    color: #00ADDE !important;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
    color: #00ADDE !important;
}

.btn-download {
    padding: 9px 10px;
    width: 130px;
    height: 45px;
    background: #0071A3;
    border-radius: 70px;
    border: 0;
    color: white;
    font-family: Microsoft JhengHei;
    font-size: 17px;
}

@media (max-width: 992px) {

    .navbar-collapse {
        background: linear-gradient(180deg, #FFFFFF 66%, #DEF8FF 100%);
        border-radius: 15px;
        top: 20px;
        position: relative;
    }

    nav .btn-nav-open {
        max-width: 51px;
    }

    nav .btn-close {
        position: relative;
        top: 17px;
        right: 16px;
    }

    nav .btn-nav-open[aria-expanded="false"],
    nav .btn-nav-close[aria-expanded="true"] {
        display: inline-block;
        border: none;
    }

    nav .btn-nav-open[aria-expanded="true"],
    nav .btn-nav-close[aria-expanded="false"] {
        display: none;
        border: none;
    }

    nav .navbar-nav .nav-item {
        padding: 10px 5px;
        text-align: center;
    }

    nav .navbar-nav .nav-item .dropdown-toggle.show::after {
        border-top: 0;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
        border-left: 0.3em solid transparent;
    }

    nav {
        width: calc(100% - 40px);
    }

    nav .navbar-brand .main-logo {
        max-width: 200px;
    }
}