/* Css For Main Nav */
#channel_nav ul {
  display: inline-block;
  width: 100%;
  background-color: #E77735;
  list-style: none;
}

#channel_nav li {
  display: inline-block;
  white-space: nowrap;
  padding-left: 20px;
  margin-right: 10px;
  padding: 10px 20px 8px 20px;
}

@media only screen and (max-width: 855px){
  #channel_nav li {
    width: 45%;
  }
}

.channel-nav-link {
  padding-right: 20px;
  background-image: url(images/nav-arrow.png);
  -o-transition:none;
  -ms-transition:none;
  -moz-transition:none;
  -webkit-transition:none;
  /* ...and now override with proper CSS property */
  transition:none;
  background-position: bottom right;
  background-repeat: no-repeat;
  font-size: 16px;
  color: #fff;
  font-family: "Microsoft JhengHei","微軟正黑體","Microsoft JhengHei","Tahoma","Verdana","Arial","sans-serif";
}

@media only screen and (max-width: 855px){
  .channel-nav-link {
    background-image: none;
  }
}

.no-sub-menu .channel-nav-link {
  background-image: none;
}

.channel-nav-link-active {
  background-image: url(images/nav-arrow-up.png);
}

.channel-nav-link:hover {
  color: #fff;
  cursor: pointer;
  padding-bottom: 0px;
  border-bottom: #c93 0px solid;
  text-decoration: none;
}

.nav-item.level-1 {
  display: none;
  width: 100%;
}

#channel_nav_sec ul.menu-content {
  background-color: rgb(205,69,47);
  width: 100%;
  position: absolute;
  z-index: 5000;
  list-style: none;
}

#channel_nav_sec li.level-2 {
  display: inline-block;
  width: 19.5%;
  margin-top: 20px;
  padding-left: 15px;
  vertical-align: top;
}

li.level-2 a {
  color: #fff;
  font-size: 16px;
}

li.level-2 a:hover {
  color: #fcf77a;
  border-bottom: 1px solid #fcf77a;
  text-decoration: none;
}

.nav_tab_container {
  margin-bottom: 0px;
  font-weight: bold;
}

#site_top_container {
  display: flex;
  align-items: end;
}

#channel_nav {
  flex: 1;
}

#channel_nav_sec {
  display:flex;
  justify-content: end;
}

@media only screen and (max-width: 855px){
  #site_top_container header a{
    display: none;
  }
}
 
@media all and (min-width: 750px) {
  #channel_nav ul {
    margin-top: 25px;
  }
}
