/* Stylesheet skin CSS file for MegaNavbar BS4 (bootstrap 4).
** MegaNavbar BS4 v1.0.2 (http://www.navbar4.com/) Copyright 2018 www.Navbar4.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.*/

/*==========說明：使用 skin/navbar-white.css 做為修改範本 ==========*/

/*********** 主選單 Mobile 模式，icon 高度修正 Begin  ***********/
@media (max-width: 1199px) {
    .custom-height {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
}
/*********** 主選單 Mobile 模式，icon 高度修正 End  ***********/

/*========== Add By Jeff Begin ==========*/
.navbar {
    font: inherit;
    padding: 0;
    border: initial;
    line-height: initial;
}

.dropdown-toggle::after, .dropright-toggle::after {
     float: initial; 
}

.navbar .dropdown-menu>[class*="drop"]>.dropdown-toggle {
    color: #111;
}

.navbar .dropdown-menu>[class*="drop"]>.dropdown-toggle:hover {
    color: #ff6f61;
}

.navbar .dropdown-menu .dropdown-text {
    white-space: inherit;
}

    .navbar .dropdown-menu .dropdown-text a {
        color: #111;
    }

    .navbar .dropdown-menu .dropdown-text a:hover {
        color: #ff6f61;
    }
/*========== Add By Jeff End ==========*/

.navbar.navbar-white {
  background: #ffffff;
  border-color: #f2f2f2;
  color: #666666;
}
.navbar.navbar-white .navbar-collapse {
  background-color: #ffffff;
}
.navbar.navbar-white .navbar-collapse,
.navbar.navbar-white .navbar-collapse>*:not(.navbar-nav):not(.nav-divider),
.navbar.navbar-white .navbar-collapse .navbar-nav>* {
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.navbar.navbar-white .navbar-text {
  color: #666666;
}

/*========== Modify By Jeff Begin ==========*/
.navbar.navbar-white .nav-item > a.nav-link {
  color: #111;
  background-color: transparent;
}
.navbar.navbar-white .nav-item > a.nav-link:hover,
.navbar.navbar-white .nav-item > a.nav-link:focus {
  color: #ff6f61;
  background-color: transparent;
}
/*========== Modify By Jeff Begin ==========*/

.navbar.navbar-white .navbar-brand {
  color: #666666;
  background-color: transparent;
}
.navbar.navbar-white .navbar-brand:hover,
.navbar.navbar-white .navbar-brand:focus {
  color: #666666;
  background-color: transparent;
}
.navbar.navbar-white .navbar-toggler {
  border-color: #666666 !important;
}
.navbar.navbar-white .navbar-toggler .navbar-toggler-icon {
  background-color: transparent;
  color: #666666;
}
.navbar.navbar-white .navbar-toggler:hover {
  border-color: #808080 !important;
}
.navbar.navbar-white .navbar-toggler:hover .navbar-toggler-icon {
  background-color: #ffffff;
  color: #808080;
}
.navbar.navbar-white .nav-divider {
  background-color: #f2f2f2;
}
.navbar.navbar-white .btn-default {
  color: #666666;
  background-color: #ffffff;
  border-color: #cccccc;
}
.navbar.navbar-white .btn-default:hover,
.navbar.navbar-white .btn-default:focus,
.navbar.navbar-white .btn-default:active,
.navbar.navbar-white .btn-default.active {
  color: #666666;
  background-color: #f2f2f2;
  border-color: #d9d9d9;
}
.navbar.navbar-white .form-control {
  color: #666666;
  background-color: #ffffff;
  border-color: #cccccc;
}
.navbar.navbar-white .form-control::-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control::-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control::-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control::placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus,
.navbar.navbar-white .form-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #666666;
  background-color: #ffffff;
  border-color: #cccccc;
}
.navbar.navbar-white .form-control:focus::-webkit-input-placeholder,
.navbar.navbar-white .form-control:hover::-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus:-webkit-input-placeholder,
.navbar.navbar-white .form-control:hover:-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus::-moz-placeholder,
.navbar.navbar-white .form-control:hover::-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus:-moz-placeholder,
.navbar.navbar-white .form-control:hover:-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus::-ms-input-placeholder,
.navbar.navbar-white .form-control:hover::-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus:-ms-input-placeholder,
.navbar.navbar-white .form-control:hover:-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus::placeholder,
.navbar.navbar-white .form-control:hover::placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .form-control:focus:placeholder,
.navbar.navbar-white .form-control:hover:placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .border-default {
  border-color: #f2f2f2 !important;
}
.navbar.navbar-white .text-default {
  color: #f2f2f2 !important;
}
.navbar.navbar-white .bg-default {
  background-color: #f2f2f2 !important;
}

/*========== Modify By Jeff Begin ==========*/
.navbar.navbar-white .nav-item>a {
  color: #111;
  background-color: transparent;
}
.navbar.navbar-white .nav-item:hover>a {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item.active>a {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item.active:hover>a {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item>.dropdown-toggle:not(.collapsed) {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item:hover>.dropdown-toggle:not(.collapsed) {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item.disabled>a {
  color: rgba(102,102,102,0.5);
  background-color: transparent;
}
.navbar.navbar-white .nav-item.disabled:hover>a {
  color: rgba(102,102,102,0.5);
  background-color: transparent;
}
/*========== Modify By Jeff End ==========*/

.navbar.navbar-white .navbar-text,
.navbar.navbar-white .navbar-brand,
.navbar.navbar-white .nav-item>.nav-link,
.navbar.navbar-white .dropdown-toggle {
  line-height: 48px;
  padding: 0 10px;
}
.navbar.navbar-white .navbar-toggler-icon {
  padding: 8px;
}

/*========== Modify By Jeff Begin ==========*/
.navbar.navbar-white .navbar-nav .dropdown-menu {
  background-color: #ffffff;
  color: #666666;
  border-color: #f2f2f2;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-header {
  color: #666666;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item {
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item>a {
  color: #666666;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item>a>.description {
  color: #666666;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item.active {
  background-color: #e6e6e6;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item.active>a {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item.active>a>.description {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item.disabled {
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item.disabled>a {
  color: #262626;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item.disabled>a>.description {
  color: #262626;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover>a {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover>a>.description {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover.active {
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover.active>a {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover.active>a>.description {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover.disabled {
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover.disabled>a {
  color: #262626;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-item:hover.disabled>a>.description {
  color: #262626;
}
.navbar.navbar-white .navbar-nav .dropdown-menu a.dropdown-item {
  color: #666666;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu a.dropdown-item:hover {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle {
  color: #111;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle>.description {
  color: #111;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.active {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.active>.description {
  color: #ff6f61;
}

.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle:not(.collapsed) {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle:not(.collapsed)>.description {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.disabled {
  color: #262626;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.disabled>.description {
  color: #262626;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle>.description {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.active {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.active>.description {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle:not(.collapsed) {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle:not(.collapsed)>.description {
  color: #ff6f61;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.disabled {
  color: #262626;
  background-color: transparent;
}
.navbar.navbar-white .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.disabled>.description {
  color: #262626;
}
.navbar.navbar-white .navbar-nav .dropdown-menu a.dropdown-link {
  color: #62A2D8;
}
.navbar.navbar-white .navbar-nav .dropdown-menu a.dropdown-link:hover {
  color: #44A5FF;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .border-default {
  border-color: #555 !important;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .text-default {
  color: #555 !important;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .bg-default {
  background-color: #555 !important;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .btn-default {
  color: #666666;
  background-color: #ffffff;
  border-color: #d9d9d9;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .btn-default:hover,
.navbar.navbar-white .navbar-nav .dropdown-menu .btn-default:focus,
.navbar.navbar-white .navbar-nav .dropdown-menu .btn-default:active,
.navbar.navbar-white .navbar-nav .dropdown-menu .btn-default.active {
  color: #ff6f61;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control {
  color: #666666;
  background-color: #ffffff;
  border-color: #d9d9d9;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control::-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control::-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control::-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control::placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #666666;
  background-color: #ffffff;
  border-color: #d9d9d9;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus::-webkit-input-placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover::-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus:-webkit-input-placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover:-webkit-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus::-moz-placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover::-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus:-moz-placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover:-moz-placeholder {
  opacity: 1;
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus::-ms-input-placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover::-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus:-ms-input-placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover:-ms-input-placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus::placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover::placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:focus:placeholder,
.navbar.navbar-white .navbar-nav .dropdown-menu .form-control:hover:placeholder {
  color: rgba(102,102,102,0.5);
}
.navbar.navbar-white .navbar-nav .dropdown-menu .nav-tabs {
  border-bottom-color: #e6e6e6;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .nav-tabs .nav-link:focus,
.navbar.navbar-white .navbar-nav .dropdown-menu .nav-tabs .nav-link:hover {
  border-color: #e6e6e6;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .nav-tabs .nav-link.active {
  background-color: #ffffff;
  border-color: #e6e6e6;
}
.navbar.navbar-white .navbar-nav .dropdown-menu .dropdown-divider {
  border-color: #e6e6e6;
}
/*========== Modify By Jeff End ==========*/


/*.navbar {
    font: inherit;
    padding: 0;
    border: initial;
    line-height: initial;
}

.dropdown-toggle::after, .dropright-toggle::after {
     float: initial; 
}

.navbar.navbar-white .nav-item>.dropdown-toggle:not(.collapsed) {
  color: #111;
  background-color: transparent;
}
.navbar.navbar-white .nav-item:hover>.dropdown-toggle:not(.collapsed) {
  color: #ff6f61;
  background-color: transparent;
}

.navbar.navbar-white .nav-item>a {
  color: #111;
  background-color: transparent;
}
.navbar.navbar-white .nav-item:hover>a {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item.active>a {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item.active:hover>a {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item>.dropdown-toggle:not(.collapsed) {
  color: #ff6f61;
  background-color: transparent;
}
.navbar.navbar-white .nav-item:hover>.dropdown-toggle:not(.collapsed) {
  color: #ff6f61;
  background-color: transparent;
}*/