@charset "UTF-8";
@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
  100% {
    -webkit-transform: translateX(25%);
            transform: translateX(25%);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
  100% {
    -webkit-transform: translateX(25%);
            transform: translateX(25%);
  }
}
@-webkit-keyframes cube {
  from {
    -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
            transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(10) rotate(960deg) translate(-50%, -50%);
            transform: scale(10) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}
@keyframes cube {
  from {
    -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
            transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(10) rotate(960deg) translate(-50%, -50%);
            transform: scale(10) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #8a7593;
            box-shadow: 0 0 0 0 #8a7593;
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #8a7593;
            box-shadow: 0 0 0 0 #8a7593;
  }
}
.btn-77 {
  border: 0 solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
  background-color: #ffffff;
  background-image: none;
  color: white;
  cursor: pointer;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  border: 3px solid #ffef97;
  border-radius: 999px;
  -webkit-box-shadow: 0 0 0 1em transparent;
          box-shadow: 0 0 0 1em transparent;
  display: block;
  -webkit-mask-image: none;
  mask-image: none;
  overflow: hidden;
  padding: 1.2rem 3rem;
  position: relative;
  text-transform: uppercase;
}
.btn-77:after {
  border: 0 solid;
  border: 0 solid;
}
.btn-77:before {
  border: 0 solid;
  border: 0 solid;
}
.btn-77:disabled {
  cursor: default;
}
.btn-77:-moz-focusring {
  outline: auto;
}
.btn-77 svg {
  display: block;
}
.btn-77 [hidden] {
  display: none;
}

@-webkit-keyframes bounce {
  0% {
    top: -1.8rem;
  }
  50% {
    top: -2rem;
  }
  100% {
    top: -1.8rem;
  }
}
@keyframes bounce {
  0% {
    top: -1.8rem;
  }
  50% {
    top: -2rem;
  }
  100% {
    top: -1.8rem;
  }
}
@-webkit-keyframes shadow {
  0%, 100% {
    left: 0.34rem;
    width: 0.77rem;
    background: #c4ad69;
  }
  50% {
    top: -0.2rem;
    left: 0.3rem; /*讓陰影保持在原位*/
    width: 0.85rem;
    height: 0.07rem;
    background: #ceb979;
  }
}
@keyframes shadow {
  0%, 100% {
    left: 0.34rem;
    width: 0.77rem;
    background: #c4ad69;
  }
  50% {
    top: -0.2rem;
    left: 0.3rem; /*讓陰影保持在原位*/
    width: 0.85rem;
    height: 0.07rem;
    background: #ceb979;
  }
}
@-webkit-keyframes rotate {
  0%, 100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@keyframes rotate {
  0%, 100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.leWaterWave span {
  -webkit-animation: leWaterWave 0.2s linear infinite;
          animation: leWaterWave 0.2s linear infinite;
}

@-webkit-keyframes leWaterWave {
  50% {
    -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
            transform: skewY(1deg) skewX(-1deg) scale(1.06);
  }
}

@keyframes leWaterWave {
  50% {
    -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
            transform: skewY(1deg) skewX(-1deg) scale(1.06);
  }
}