.banner_wrap{
  position: relative;
  
}
.logolink{
  position: absolute;
  left: 0;
  top: 0;
  width: 320px;
  height: 110px;
  font-size: 0rem;
  /* border: 1px solid red; */
  background: transparent !important;
}
.lang{
  position: absolute;
  right: 15px;
  top: 5px;
}
.lang li a{
  position: relative;
  padding: 7px;
  color: #fff;
  font-size: 12px;
  vertical-align: middle;
  font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-shadow: 1px 1px 0 #003300;
  text-decoration: none !important;
}
.lang li:first-child:after{
  content: '∣';
  color: #fff;
  margin-left: 2px;
}
.lang li a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background-color: #eeff00;
  transition: all .3s;
}
.lang li a:hover{
  color: #eeff00;
  transition: all .3s;
  background: transparent !important;
}
.lang li a:hover:before{
  height: 3px;
  transition: all .3s;
}
.nav{
  position: absolute;
  left: 20px;
  top: 126px;
}
.nav ul,.lang ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav li,.lang li{
  display: inline-block;
  vertical-align: middle;
}
.nav li a{
  padding: 5px 0;
  color: #003300;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  text-decoration: none !important;
}
.nav li a:hover{
  color: #fff;
  background: transparent !important;
  text-shadow: 1px 1px 1px rgba(0 , 102 , 0 , 1),-1px -1px 1px rgba(0 , 102 , 0 , 1),-1px 0px 1px rgba(0 , 102 , 0 , 1),0px -1px 1px rgba(0 , 102 , 0 , 1);
}
.nav ul li:after{
  content: '';
  display: inline-block;
  height: 20px;
  border-left: 1px dashed #003300;
  margin: 0 7px;
  vertical-align: middle;
}
.nav ul li:last-child:after{
  display: none;
}