.nav > ul > li:hover > a { /*主色系滑入後淺色*/
    background-color: #1d92ca;
}

.sb-search-input, .sb-icon-search { /*主色加淺*/
    background-color: #1d92ca;
}

.menu_outer {
    background-color: #fff;
}

.menu_bar_top {
    background-color: #e7ebee;
}

.menu_bar, .manual ul li .manual_ouside a .title .icon, .service ul li .icon span, .blog ul li a .day, .blog ul li a .main button:hover {
    /*border-top: 10px solid rgba(255, 256, 256, .6);*/
    background-color: #1b88bd;
}

.logo, .dropdown {
    background: #fff;
}

.nav > ul > li > a {
    /*border-top: 5px solid #fff;*/
}

    .nav > ul > li.active > a, .nav > ul > li.active > a > i, .nav > ul > li > a:hover, .question ul li a:hover {
        color: #1b88bd;
    }

.nav ul li:hover, .nav > ul > li:hover > a, .search_list ul li a:hover, .manual ul li .manual_ouside a .title h5 {
    color: #1b88bd;
}



.nav > ul > li > ul {
    background-color: #33383e;
}

.nav > ul > li.nav_dropdown > ul > li:hover {
    background-color: #292e32;
}

    .nav > ul > li.nav_dropdown > ul > li:hover > a, .sb-icon-search i {
        color: #1b88bd;
    }

.nav > ul > li.nav_dropdown > ul > li > a:hover {
    background-color: #292e32;
}

    .nav > ul > li.nav_dropdown > ul > li > a:hover i {
        color: #1b88bd;
    }

.nav > ul > li > ul > li > ul > li > a:hover {
    color: #1b88bd;
    background-color: #292e32;
}

/*.nav > ul > li > a:hover, .nav > ul > li > a:hover i {
    color: #fff;
}*/

.main_text_color { /*主要文字顏色*/
    color: #1b88bd;
}

.menu-icon, .slide_link span i, .map_list > div.container > div span:last-child {
    color: #1b88bd;
}

.about_icon, .swiper-pagination-bullet-active {
    background: #1b88bd !important;
}

.container_gray, bg_gray {
    background: #f2f2f2;
}


.faq .title {
    border-bottom: 2px solid #1b88bd;
}
/* bootstrap Btn*/
.btn-main {
    color: #fff !important;
    background-color: #1b88bd;
    border-color: #1b88bd;
    border-radius: 0;
}

    .btn-main:hover,
    .btn-main:focus,
    .btn-main.focus,
    .btn-main:active,
    .btn-main.active,
    .open > .dropdown-toggle.btn-main {
        color: #fff;
        background-color: #187eb0;
        border-color: #187eb0;
    }

    .btn-main:active,
    .btn-main.active,
    .open > .dropdown-toggle.btn-main {
        background-image: none;
    }

    .btn-main.disabled,
    .btn-main[disabled],
    fieldset[disabled] .btn-danger,
    .btn-main.disabled:hover,
    .btn-main[disabled]:hover,
    fieldset[disabled] .btn-main:hover,
    .btn-main.disabled:focus,
    .btn-main[disabled]:focus,
    fieldset[disabled] .btn-main:focus,
    .btn-main.disabled.focus,
    .btn-main[disabled].focus,
    fieldset[disabled] .btn-main.focus,
    .btn-main.disabled:active,
    .btn-main[disabled]:active,
    fieldset[disabled] .btn-main:active,
    .btn-main.disabled.active,
    .btn-main[disabled].active,
    fieldset[disabled] .btn-main.active {
        background-color: #187eb0;
        border-color: #187eb0;
    }

    .btn-main .badge {
        color: #0188cc;
        background-color: #fff;
    }
/*pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1b88bd;
    border-color: #1b88bd;
}

.pagination > li > a, .pagination > li > span {
    color: #1b88bd;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #187eb0;
    }


@media only screen and (max-width: 768px) {
    .nav > ul > li.nav_dropdown > ul > li.active > a, .nav > ul > li.nav_dropdown > ul > li.active > a > i {
        color: #1b88bd !important;
    }
}
