/* CSS Document */

.navbar-default .bg {
	background-color: rgba(12, 18, 23, .25);
}
.navbar-default .navbar-brand {
	color: #777;
}
.navbar-default .navbar-brand:focus {
	color: #5e5e5e;
	background-color:#0078E9;
}
.navbar-default .navbar-text {
	color: #777;
}
.navbar-default .navbar-nav > li > a {
	color: #777;
	font-size:14px;  /* 頂端menu字型大小 mod 15px改成14px by jerry_li 20180201*/
	color:#fff;
}
.navbar-default .navbar-nav > li:hover a {
	background-color:#0078E9;
	color:rgba(255, 255, 255, .8);
}
.navbar-default .navbar-nav > li ul li a {
	line-height:26px;
	border-bottom:1px solid rgba(255, 255, 255, .43);
	font-size:14px; /* 頂端menu字型大小 mod 15px改成14px by jerry_li 20180201*/
	padding: 3px 0;
}
.navbar-default .navbar-nav > li ul li a:hover {
	color:#fff;
}
.navbar-default .navbar-nav > li ul li a i {
	display:inline-block;
	width:6px;
	height:10px;
	background:url(../image/icon.png) no-repeat;
	background-position:-104px 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color:#0078E9;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #555;
	background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	padding:0;
	margin-bottom:0;
	margin-top:5px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-bottom:1px solid rgba(255, 255, 255, .35);
	padding: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #003F97;
}
/*-----------------------------------------*/


.navbar-default .navbar-nav .font_1, .navbar-default .navbar-nav .font_2 {
	border:0;
	background-color:#56B400;
}
.navbar-default .navbar-nav .font_1 {
	border-left:1px solid rgba(255, 255, 255, .35);
	text-align: center;
}
.navbar-default .navbar-nav .font_1 .font {
	display:inline-block;
	color:#fff;
	font-size:15px; /* 頂端menu font這個單字的大小*/
}
#controls {
	line-height:15px; /* 加了Product Search 所以 86px 改 15px mod by jerry_li 20180201 */
	padding: 0 1px; /* 頂端menu font綠色框間距大小 mod  6px 改1px by jerry_li 20180201 */
}
.navbar-default .navbar-nav .font_1 a {
	color:#fff;
	background-color:rgba(0, 0, 0, .41);
	padding: 4px 7px;
}
.navbar-default .navbar-nav .font_1:hover a {
	background-color:rgba(0, 0, 0, .41);
}
.navbar-default .navbar-nav .font_2 .dropdown-menu li {
	width:100%;
	margin:0;
	padding:0;
}
.navbar-default .navbar-nav .font_2 a {
	font-size:15px;
	border:0;
	text-align:center;
}
.navbar-default .navbar-nav .font_2 .dropdown-menu li a:hover {
	background-color:rgba(255, 255, 255, .3);
}
 @media (max-width: 1199px) {
.navbar-header {
 float:none;
 margin-bottom: 24px;
}
 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 width:100%;
}
 .navbar-brand > img {
 margin:0 auto;
}
 .navbar-nav {
 float:none;
}
.navbar-nav > li {
 border-top:1px solid rgba(255, 255, 255, .3);
}
 .navbar-default .navbar-nav .font_1, .navbar-default .navbar-nav .font_2 {
 padding-left: 1.34em;
}
}
 @media (max-width: 991px) {
 .navbar-default .navbar-nav .font_1, .navbar-default .navbar-nav .font_2 {
 padding-left:0;
}
 .nav > li > a {
 padding: 10px 3px;
}
}



/*------------------------------------------------------------------------*/
 @media (min-width: 768px) {
.navbar-nav {
 float: right;
 margin: 0;
}
.dropdown-menu {
 width:100%;
 background-color:#0078E9;
 margin-top: -1px;
 border:0;
 box-shadow: none;
 min-height: 190px;
 border-radius:0;
}
 .dropdown:hover .dropdown-menu {
display: block;
padding: 35px 80px;
}
.dropdown .dropdown-menu li {
 width: 28%;
 display: inline-block;
 padding-bottom: 10px;
 margin: 0 24px;
}
/* .navbar-default {
 position:fixed;
 top:0;
 width:100%;
 z-index:999;
}  表頭隨畫面移動,因為kenny不要,所以拿掉 by jerry_li 20240308 */
.navbar-nav > li {
 border-left:1px solid rgba(255, 255, 255, .35);
 border-right:1px solid rgba(255, 255, 255, .03);
 margin-left:-1px;
 min-height:88px;
}
.navbar-nav > li a {
 line-height:58px;
}
 .navbar-brand {               /* logo間距空間*/
 padding: 12px 1px;       /*mod 20px 15px 改 12px 1px by jerry_li 20180201  */   
}
 .navbar-collapse {
 display:inline-block;
}
 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 margin-left: 0;
}
}
 @media (max-width: 767px) {
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #fff;
}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 color: #fff;
 background-color: transparent;
}
 .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: #fff;
 background-color: #e7e7e7;
}
 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 color: #fff;
 background-color: transparent;
}
 #controls {           /* 字型*/
 line-height: 50px;
}
 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 width:auto;
}
.navbar-header {
 margin-bottom:0;
}
.navbar-brand > img {
 margin: 0;
}
 .navbar-brand {
 padding: 12px 15px;
}
 .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
 margin-right:0;
 margin-left: 0;
}
}
.navbar-default .navbar-link {
	color: #777;
}
.navbar-default .navbar-link:hover {
	color: #333;
}
.navbar-default .btn-link {
	color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
	color: #333;
}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
	color: #ccc;
}
.navbar-inverse {
	background-color: #222;
	border-color: #080808;
}
.navbar-inverse .navbar-brand {
	color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #fff;
	background-color: transparent;
}
.navbar-inverse .navbar-text {
	color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
	color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #fff;
	background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
	color: #444;
	background-color: transparent;
}
.navbar-inverse .navbar-toggle {
	border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #080808;
}
@media (max-width: 767px) {
 .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 border-color: #080808;
}
 .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 background-color: #080808;
}
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 color: #9d9d9d;
}
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 color: #fff;
 background-color: transparent;
}
 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 color: #fff;
 background-color: #080808;
}
 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 color: #444;
 background-color: transparent;
}
 .navbar {
 margin-bottom:0;
 background-color:#0078E9;
}
 .navbar .navbar-header {
 padding:0;
}
 .navbar-brand > img {
 width: 60%;
}
 .navbar-default .navbar-nav > li > a {
 text-align: center;
}
 .navbar-nav {
 margin:0;
}
 .navbar-default .navbar-nav > li ul li a {
 border:0;
}
}
.navbar-inverse .navbar-link {
	color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
	color: #fff;
}
.navbar-inverse .btn-link {
	color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
	color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
	color: #444;
}
/*-------------------------------*/