body {
  opacity: 0;
  visibility: hidden;
}

body.wd-show {
  opacity: 1;
  visibility: visible;
  transition: 0.1s;
}

body.wd-make {
  opacity: 1;
  visibility: visible;
}
.wsb-container {
  position:relative;
  text-align:center;
}
.wsb-container .w {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  margin-top:3vw;
  color:#fff;
  width:90%;
  max-width:800px;
  text-transform:uppercase;
}
.wsb-container .w span {
  opacity:0;
  display:inline-block;
}
.wsb-container.ws .w span {
  animation: flipInY 2s 0.5s both;
  opacity:1;
  min-width:0.5em;
}
.wsb-container .w1 {
  font-size:36px;
  font-weight:bolder;
}
.wsb-container .w2 {
  letter-spacing:5px;
  font-size:14px;
}
.wsb-container .w3 {
  font-size:18px;
  margin-top:1em;
}
.wsb-container .detail .w3 {
  display:none;
}
.wd-sub-img-banner.detail img {
  max-height:300px !important;
}
.a .wsb-container .w {
  margin-top:8vw;
}
.a .wsb-container .w3 {
  display:none;
}
.wd-sub-img-banner img {
  height:40vh !important;
  max-height:500px !important;
  width:100% !important;
  object-fit:cover !important;
  filter:brightness(0.8) saturate(1.5);
}
.a .wd-sub-img-banner img {
  height:30vh !important;
}
.wd .wd-hide {
  display:none !important;
}