#bs-example-navbar-collapse-1 {
    margin-top: 0;
    background-color: #ffffff;
}

.nav,
.navbar,
.navbar-inverse {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
    background-color: #ffffff;
}

.navbar-inverse {
    background-color: #ffffff;
}

.navbar-brand {
    margin: 0;
    padding: 0;
    float: left;
    height: 100px;
    padding: 0 20px;
    margin-top: 30px;
}

.navbar-inverse .navbar-toggle {
    padding: 10px 10px;
    background-color: #5bc0de;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #5bc0de;
}

.navbar-inverse .navbar-toggle:hover .icon-bar {
    border: 1px solid #eee;
}


/*affected the line color when the page display in mobile*/

.navbar-inverse .navbar-collapse {
    border-color: #ffffff;
}

.navbar .nav > li > a {
    color: #000;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    background:#83D0E7; 
    color: #fff;
    text-decoration: none;
    border-bottom: 0 solid #eee;
    margin-bottom: 0;
}

.dropdown .dropdown-toggle {
    background-color: #ffffff;
}


/*影响下拉菜单的宽度,自动适应*/

.navbar-inverse .dropdown-menu {
    background-color: #ffffff;
    min-width: 100%;
}


/*导航自动宽度样式*/

.nav-justified > .dropdown .dropdown-menu {
    width: 100%;
}


/*设定下拉菜单展开时父级栏目的背景*/

.nav .open > a {
    background-color: #83D0E7;
}


/*affected the dropdown-menu background and font color*/

.navbar-inverse .dropdown-menu > li > a {
    color: #000;
    background-color: #fff;
    border-bottom: 1px dotted #eee;
}

.navbar-inverse .dropdown-menu > li > a:hover {
    background-color: #5bc0de;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .navbar-header{
        border-bottom: 1px solid #5bc0de;
    }
    .navbar .nav > li > a {
        background-color: #5bc0de;
        border-bottom: 1px solid #5bc0de;
    }
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    .dropdown .dropdown-toggle:hover {
        background: transparent;
        color: red;
    }
    .navbar-inverse .nav-justified .open .dropdown-menu > .dropdown-header {
        border-color: #5bc0de;
    }
    .nav-justified .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .nav-justified .open .dropdown-menu > li > a,
    .nav-justified .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .nav-justified .open .dropdown-menu > li > a {
        line-height: 21px;
    }
    .nav-justified .open .dropdown-menu > li > a:hover,
    .nav-justified .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}
