/* 按鈕閃光 S */
.light {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  overflow: hidden;
  display: block;
  position: relative;
}

.light:after {
  content: "";
  display: block;
  position: absolute;
  left: -150%;
  top: 0;
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  animation: light 3s infinite ease-in-out;
}

@keyframes light {
  0% {
    left: -150%;
  }

  70% {
    left: 150%;
  }

  100% {
    left: 150%;
  }
}

/* 按鈕跳動-果凍 */
.bounce {
  animation: bounce 2s infinite ease-in-out;
}

@keyframes bounce {
  0% {
    transform: scale(1, 1) translate3d(0, 0, 0);
  }

  10% {
    transform: scale(1.05, .95) translate3d(0, 0, 0);
  }

  30% {
    transform: scale(.95, 1.05) translate3d(0, -8%, 0);
  }

  50% {
    transform: scale(1.02, .97) translate3d(0, 0, 0);
  }

  57% {
    transform: scale(1, 1) translate3d(0, -2%, 0);
  }

  64% {
    transform: scale(1, 1) translate3d(0, 0, 0);
  }

  100% {
    transform: scale(1, 1) translate3d(0, 0, 0);
  }
}

/* 放大縮小 */
.shrink {
  animation: shrink 2s infinite linear;
}


@keyframes shrink {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.05, 1.05);
  }

  100% {
    transform: scale(1, 1);
  }
}

/* 漂浮 */
.float {
  animation: float 1.5s infinite ease-in-out alternate;
}

@keyframes float {
  0% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(10px);
  }
}

.offerBtn {
  transition: all .3s;
}

.offerBtn:hover {
  opacity: 0.9;
}


.thing15-1 {
  width: 24.6%;
  top: 46.8%;
  left: 12%;
}

.thing15-2 {
  width: 74.8%;
  top: 77%;
  left: 12.5%;
}

.thing15-3 {
  width: 100.0%;
  top: -12%;
  left: 0%;
  mix-blend-mode: screen;
  clip-path: inset(12.2% 0 0 0);
  pointer-events: none;
}

.thing16-1 {
  width: 74.8%;
  top: 67%;
  left: 12.5%;
}

.thing17-1 {
  width: 74.8%;
  top: 68%;
  left: 12.5%;
}

.thing18-1 {
  width: 74.8%;
  top: 71.5%;
  left: 12.5%;
}

.scale {
  animation: scale 1s infinite ease-in-out;
}

@keyframes scale {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}