/* 導覽列 */
.nav{
    font-family:"Noto Sans TC", Verdana, Geneva, sans-serif ,微軟正黑體;
}
.navbar-default .navbar-nav>li>a{
 padding-top: 55px!important;
}
.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
}
.navbar-default .navbar-brand {
  color: #444444; height: 90px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #444444;
}
.navbar-default .navbar-text {
  color: #444444;
}
.navbar-default .navbar-nav > li > a {
  color: #444444;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #444444;   background-color: #eeeeee!important;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #444444;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover{
  color: #ffffff!important;
  background-color: #888888!important;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
 color: #444444!important;   background-color: #eeeeee!important;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #888888;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #444444;
  background-color: #888888;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #444444;
  background-color: #888888;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #444444;
  background-color: #eeeeee;
}
.navbar-default .navbar-toggle {
  border-color: #888888;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #888888; color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #444444;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #444444;
}
.navbar-default .navbar-link {
  color: #444444;
}
.navbar-default .navbar-link:hover {
  color: #444444;
}

@media (max-width: 767px) {
.navbar-collapse ,.collapse .in {
  background-color: #eeeeee;
}

.navbar-default .navbar-nav>li>a{
 padding-top: 10px!important;
}
.navbar-default .navbar-brand {
  color: #444444; height: 60px;
}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #444444;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #444444;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #444444;
    background-color: #888888;
  }
}