#banner {position: relative;width: 100vw;margin: 0 auto;top: 0px;left: 0;margin-top: 0px;z-index: 990;}
#banner .slick-slider { margin-bottom: 0; }
#banner .main-slider .item a {position: relative;width: 100%;height: calc(100vh - 10px);background: rgb(20 20 20 / 45%);background-size: 100% auto;display: block;z-index: 2;}
#banner .main-slider .item .banner-txt {position: absolute;width: 600px;top: 37vh;left: calc((100% / 2) - 300px);z-index: 2;}
.banner-txt h2{font-size: 3.7em;color: #fff;font-weight: bold;text-shadow: 0 0 10px rgb(0 0 0 / 0.5);text-align: center;transform: translateX(-30px);}
.banner-txt h2 span{font-size: 1em;transition: unset;}
.banner-txt p {font-size: 21px;text-shadow: 0 0 10px rgb(0 0 0 / 0.5);color: #fff;text-align: center;transform: translateX(30px);transition-delay: .5s;opacity: 0;padding-top: 1vh;}
.slick-current.slick-active .banner-txt h2 ,
.slick-current.slick-active .banner-txt p { transform: translateX(0); opacity: 1; }
.ml7 {
  position: relative;
  font-weight: 900;
  font-size: 3.7em;
 
}
.ml7 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
  
}
.ml7 .letter {
  transform-origin: 0 100%;
  display: inline-block;
  line-height: 1em;
  font-weight: 400;
}
#banner .bottoom{
  position: absolute;
  /* width: 50%; */
  z-index: 999999999999;
  margin-top: -34vh;
  margin-left: calc((100% / 2) - 260px);
}
#banner .bottoom .callphone{
    width: 250px;
    display: inline-block;
    text-align: center;
    border:2px #ccc solid;
    border-radius: 50px;
    background-color:#eee;
    padding: 10px 0;
}
#banner .bottoom .callphone a{
    color: #232324;
    font-family: 'Noto Sans TC';
    font-weight: 500;
}
#banner .bottoom .callline{
  width: 250px;
  display: inline-block;
  text-align: center;
  border: 2px #FFAD00 solid;
  border-radius: 50px;
  background-color: #FFAD00;
  padding: 10px 0;
}
#banner .bottoom .callline a{
    color: #030303;
}
@media screen and (max-width:1280px) {
    #banner {top: 0;}
    #banner .main-slider .item a {height: calc(100vh - 2vh);}
}
@media screen and (max-width:680px) {
    #banner{width: 90vw;}
    #banner .main-slider .item .banner-txt{top: 20vh;width: 95%;left: 2.5%;}
    #banner .main-slider .item a{
    height: calc(100vh - 110px);
}
    #banner{margin-top:100px;width: 100%;}
    .banner-txt h2{
    font-size: 1.7em;
}
#banner .bottoom{
  margin-left: 2.5%;
  margin-top: -20vh;
  width: 100%;
}
#banner .bottoom22 .bottoom{
    margin: 0;
    bottom: 0;
    position: fixed;
}
#banner .bottoom .callphone{
    width: 47%;
}
#banner .bottoom .callline{
    width: 45%;
}
    .banner-txt h2 span{
    font-size: 1.05em;
    }
    .banner-txt p{
      
font-size: 1.25em;
    }
}