
ul.tagMenu{
  z-index: 999;
}




.tagMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 55px;
  margin: auto;
  position: relative;
  /* background-color: #2c3e50; */
  z-index: 7;
}
.tagMenu>li {
  float: left;
  /* jquery 等分width */
  /* width: 16.66666%;  */
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.tagMenu>li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #4D4D4D;
  text-decoration: none;
  position: relative;
  font-size: 1.125rem;
  z-index: 9;

}
.tagMenu a.active {
    color: #fff !important;
    background-color: #FC5E16;
    /* pointer-events: none; */
}
.tagMenu a:hover {
  color: #fff;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}
.tagMenu li.slider {
  /* jquery 等分width */
  /* width: 16.66666%; */
  height: 100%;
  position: absolute;
  left: inherit;
  top: 0;
  background-color: #FC5E16;
  z-index: 8;
  transition: left 0.2s, background-color 0.2s;
  opacity: 0;
}

/* .tagMenu li:nth-child(1):hover ~ .slider,
.tagMenu li:nth-child(1):focus ~ .slider,
.tagMenu li:nth-child(1):active ~ .slider {
  left: 0;
  background-color: #FC5E16;
}
.tagMenu li:nth-child(2):hover ~ .slider,
.tagMenu li:nth-child(2):focus ~ .slider,
.tagMenu li:nth-child(2):active ~ .slider {
  left: 16.6666%;
  background-color: #FC5E16;
}
.tagMenu li:nth-child(3):hover ~ .slider,
.tagMenu li:nth-child(3):focus ~ .slider,
.tagMenu li:nth-child(3):active ~ .slider {
  left: 33.3333%;
  background-color: #FC5E16;
}
.tagMenu li:nth-child(4):hover ~ .slider,
.tagMenu li:nth-child(4):focus ~ .slider,
.tagMenu li:nth-child(4):active ~ .slider {
  left: 49.9999%;
  background-color: #FC5E16;
}
.tagMenu li:nth-child(5):hover ~ .slider,
.tagMenu li:nth-child(5):focus ~ .slider,
.tagMenu li:nth-child(5):active ~ .slider {
  left: 66.666%;
  background-color: #FC5E16;
}
.tagMenu li:nth-child(6):hover ~ .slider,
.tagMenu li:nth-child(6):focus ~ .slider,
.tagMenu li:nth-child(6):active ~ .slider {
  left: 83.33333%;
  background-color: #FC5E16;
} */



/* 下拉式選單 */
.tagMenu>li ul.secondary{
  width: 100%;
  position: absolute;
  z-index: 999;
  background-color: #F2F2F2;
  color: #4D4D4D;
  display: none;
}


.tagMenu>li ul.secondary a{
    padding: .5rem 0px;
}

.tagMenu>li ul.secondary a:hover{
    background-color: #202737;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/* active */
.tagMenu>li.active {
  background-color: #FC5E16;
}
.tagMenu>li.active>a{
  color: #fff!important;
}
.tagMenu>li ul.secondary>li.active{
  background-color: #202737;
}
.tagMenu>li ul.secondary>li.active>a{
  color: #fff;
}



