.section-banner{position: relative;z-index: 2;}

.wrapper-banner{
  background-color: #1E303B;
}
.box-banner-logo{
  flex:0 0 auto;
  width: 250px;
  padding-left: 2.5rem;
  padding-top: 4.5rem;
  padding-bottom:1rem;
}
.box-banner-bg{
  background-repeat:no-repeat ;
 }
.banner-about{
  background-size:cover;
  background-image: url(../img/banner/about.png);
  background-position: left center;
}
.banner-lecture{
  background-size:cover;
  background-image: url(../img/banner/lecture.png);
  background-position: left center;
}
.banner-future{
  background-size:cover;
  background-image: url(../img/banner/future.png);
  background-position: left top;
}
.banner-application{
  background-size:cover;
  background-image: url(../img/banner/application.png);
  background-position: left center;
}
.banner-alloy{
  background-size:cover;
  background-image: url(../img/banner/alloy.png);
  background-position: left bottom ;
}
.banner-alloy2{
  background-size:80% auto;
  background-image: url(../img/banner/alloy2.png);
  background-position: right center ;
}
.banner-alloy3{
  background-size:cover;
  background-image: url(../img/banner/alloy3.png);
  background-position: left center ;
}
.banner-alloy4{
  background-size:cover;
  background-image: url(../img/banner/alloy4.png);
  background-position:left center ;
}

.box-location__ch{
  background-color: var(--sub-color);
  color: #DEEFF4;
  padding: 0.5rem 1rem;
  text-wrap: nowrap;
}
.box-location__en{
  padding: 0.5rem 1rem;
  color: var(--sub-color);}
.box-formula{
  background-color: rgba(30,49,59,0.5);
  border:1px solid #1E303A;
  color:#ffffff;
  border-radius: 13px;
  padding: 0.5rem;
  font-weight:bolder;
  font-size: 1rem;
  width: 100%;
}
.box-formula.sp{ max-width: 650px;}
.box-formula div{
  bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .banner-application{
    background-size:70%;
    background-position: right center;
  }
  .box-location__ch{
    padding: 1rem 2.5rem;
  }
  .box-banner-logo{
    width: 30%;
    padding-top: 5.5rem;
    padding-bottom: 2rem;
  }
  .banner-about{
    background-size:90%  auto;
    background-image: url(../img/banner/about.png);
    background-position: 130% center;
  }
  
}
@media screen and (min-width: 1200px) {
.box-formula{
  font-size: 1.2rem;
  padding: 0.5rem 1.5rem;
}
}

/*alloy-----------------------
-------------------------------*/
.box-feature{
  background-color: var(--main-color-dark);
  color: #ffffff;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
}
.small2{
  font-size: 0.85rem;
}