/* @import "./reset.css"; */

.banner-control-wp a {
  display: block;
  width: 100%;
}
.popup-control-wp a {
  display: block;
  width: 100%;
}
.banner-control-wp img {
  width: 100%;
}

.popup-control-wp,
img {
  width: 100%;
  height: auto;
}
.popup-control-wp {
  width: 80px;
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 99999;
}
.banner-control-wp {
  position: fixed;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 99999;
}

.sidebar-control-wp .left,
.sidebar-control-wp .right {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  display: block;
}
.sidebar-control-wp .left {
  left: 0;
  width: 150px;
}
.sidebar-control-wp .right {
  right: 0;
  display: none;
}
.sidebar-control-wp img {
  box-shadow: 0 0 15px #ffd700, 0 0 30px gold;
  transition: transform 0.3s ease, margin 0.3s ease;
}
.sidebar-control-wp .left:hover img,
.sidebar-control-wp .right:hover img {
  transform: scale(1.1);
}
.sidebar-control-wp .left img {
  border-radius: 0 10px 10px 0;
}
.sidebar-control-wp .right img {
  border-radius: 10px 0 0 10px;
}

@media (min-width: 720px) {
  .popup-control-wp {
    width: 100px;
    bottom: 150px;
  }
  .sidebar-control-wp .left {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .popup-control-wp {
    width: 150px;
    bottom: 200px;
  }
}
@media (min-width: 1280px) {
  .banner-control-wp {
    width: auto;
  }
  .popup-control-wp {
    width: 150px;
    bottom: 40px;
  }
  .sidebar-control-wp .right {
    display: block;
  }
}