#MenuBar {
	*width: 100%; 
} 
#MenuName1 {
	font-size: 1rem; margin: 5px 0; padding: 5px 0; /*padding: 5px 45px; MenuName1_寬高*/
}
#MenuName1 > div {
	display: inline-block; border-radius: 0px; 
}
#MenuName1 > div > div {
	padding: 0px 25px 0px 0px; display: inline-block; 
}
.MenuStyle3 {
	 background: rgba(var( --rgb1opacity3 ));border-top-width: var( --MenuStyleBD ); border-bottom-width: var( --MenuStyleBD ); position: fixed !important; top: var(--ItemBar2H); opacity: 1; color: var( --NavColor ); transition: background 1s ease; 
}
.MenuStyle3 .dropdown-toggle {
	color: var( --NavColor ) !important; background: #ffffff;
}
.MenuStyle3 .dropdown-toggle:hover, .MenuStyle3 .dropdown-toggle.active {
	color: #fff !important;
}
#MenuStyle3 {
	display: flex; align-items: center; justify-content: center; margin: 0 auto; width: var(--MenuStyle3_width); transition: all .65s ; color: var( --NavColor );  *overflow-y:hidden;
}
#MenuStyle3:not(.d2-4) {
	 background-image: linear-gradient(to bottom, rgba(var( --rgb1opacity3 )), rgba(var( --rgb2opacity3 ))) ;
}
#MenuStyle3.w100 {
	width: 100%;
}
.MenuStyle2 {
	border-top-width: var( --MenuStyleBD ); border-bottom-width: var( --MenuStyleBD ); position: relative; top: 0; box-shadow: none; opacity: 1
}
#MenuStyle2 {
	width: 100%;  margin: 0 auto; text-align: center; z-index: 95; padding: 10px 0; position: relative; 
}
#MenuStyle2 .btn-group:hover .dropdown-menu, #MenuStyle3 .btn-group:hover .dropdown-menu {
	*display: block; margin-top: 0; 
}		
#MenuStyle2, #MenuStyle3 {
	font-size:  1.05em !important; 
}
#MenuStyle2 .dropdown-toggle {
	min-width: 100px; border: 1px solid var(--fontColor) ; position: relative; cursor: pointer; min-height: 31px; line-height: 31px; margin: 0 7px 0 0; padding: 5px 15px; border-radius: 0px; background: rgba(0,0,0,0);  color: var(--fontColor);  transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; box-shadow: none !important; font-size: 0.85em; *border-radius: 3px
}
#MenuStyle2 .dropdown-toggle i{
	padding-left: 5px; font-size: 0.85em;
}
#MenuStyle2 .dropdown-toggle.active {
	text-shadow: none !important;
}
#MenuStyle2 .dropdown-toggle:hover, #MenuStyle2 .dropdown-toggle.active {
	text-shadow: none !important;  animation: border-fade 0.2s forwards, borderANDbgcolor 0.85s forwards;
}
@keyframes borderANDbgcolor {
  0% {
    background: rgba(0,0,0,0);  color: var(--fontColor); 
  }
  100% {
    background: var(--dropdownToggleOver); color: var(--dropdownToggleColor); 
  }
}
@keyframes border-fade {
  0% {
    border-color: var(--fontColor); 
  }
  25% {
    border-top-color: rgba(192,192,192,.65); border-right-color: var(--fontColor); border-bottom-color: var(--fontColor); border-left-color: var(--fontColor);
  }
  50% {
    border-top-color: rgba(192,192,192,.65); border-right-color: rgba(192,192,192,.65); border-bottom-color: var(--fontColor); border-left-color: var(--fontColor);
  }
  75% {
    border-top-color: rgba(192,192,192,.65); border-right-color: rgba(192,192,192,.65); border-bottom-color: rgba(192,192,192,.65); border-left-color: var(--fontColor);
  }
  100% {
    border-color: rgba(192,192,192,.65); 
  }
}
#MenuStyle3 .btn-group { 
	margin: -2px 10px 0 0; 
}
#MenuStyle3 .dropdown-toggle {
	position: relative; cursor: pointer; *font-size: 1.05em; height: 100%; padding: 0 15px; border-radius: 0px; color: var( --NavColor )!important; /*min-height: 37px; 高*/
	transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; 
}
#MenuStyle3 .dropdown-toggle:hover {
	*text-shadow: -1px 1px 1px #666; *color: var( --dropdown-over-bar3 ); 
}
#MenuStyle3 .Item {
	font-size: 1.2rem; letter-spacing: 0.15rem; padding: 0 !important; 
}
#MenuStyle3 .Item1 {
	font-size: 1rem; padding-left: 10px
}
#MenuStyle3 .Item, #MenuStyle3 .Item1 {
	*text-transform: uppercase; 
}
.menuSpace {
	height: 80px; *background-color: #999
}
.ABC {
	height: 0px; 
}
.dropdown-toggle div {
	position: relative; top: 0px; 
}}
.dropdown-toggle:active {
	position: relative; *top: 1px; *left: 1px; 
}
.dropdown-toggle.active {
	*text-shadow: 1px 1px 1px #666;
}
.dropdown-menu, .dropdown-menu li a{
	font-size: 1rem; color: #ffffff !important; margin: 5px 0;:
}
#MenuStyle2 .dropdown-menu, #MenuStyle3 .dropdown-menu {
	min-width: 250px; border-radius: 0px; margin: 0 !important; padding: 0; max-height: calc( 100vh - var( --ItemBar1H ) - var( --ItemBar2H ) ); overflow-y: auto; border: 0; background: #222222; 
}
#MenuStyle2 .dropdown-menu li a, #MenuStyle3 .dropdown-menu li a {
	text-decoration: none; padding-bottom: 5px; padding-top: 5px;
}
#MenuStyle2 .dropdown-menu li a:hover, #MenuStyle3 .dropdown-menu li a:hover {
	background: #555; text-decoration: none; color: #ffffff !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; 
}
#MenuStyle2 .dropdown-menu li.active a, #MenuStyle3 .dropdown-menu li.active a {
	text-decoration: none; color: #ffff00 !important; background: none;
}
#MenuStyle2 .dropdown-menu li.active a:hover, #MenuStyle3 .dropdown-menu li.active a:hover  {
	background: #000;
}
.title-group {
	display: inline-block;
	position: relative;
	padding: 0px 30px;
	*color: #e67e22; 
}
.title-group::before, .title-group::after {
	content: '';
	position: absolute;
	height: 40%;
	width: 2px;
	background-color: var( --NavColor );*#e67e22;
	top: 30%;
	transform: rotate(15deg);
}
.title-group::before {
	left: -10px;
}
.title-group::after {
	right: -10px;
}






@media only screen and (max-width: 1024px) {
	#MenuStyle2, #MenuStyle3 {
		display: none; 
	}
}
@media only screen and (max-width: 992px) {
	#MenuStyle2 .dropdown-menu, #MenuStyle3 .dropdown-menu {
		max-height: calc(100vh - 70px); 
	}
	.menuSpace {
		height: 50px;
	}
}
@media (max-width: 575.98px) 
{
	.menuSpace {
		height: 20px;
	}
}