/* 該版必要 */
body {
  line-height: 1.5;
  font-family: PingFang TC, Microsoft JhengHei, sans-serif;
}
a,
button {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
iframe,
img {
  vertical-align: middle;
}
.container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
}

.container,
.container.-grid {
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
  .container,
  .container.-grid {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1460px;
  }
  .container.-grid {
    padding-right: 56px;
    padding-left: 56px;
  }
}

@media screen {
  html:not(.no-js) [data-scroll^='fade'][data-scroll^='fade'] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-scroll^='fade'][data-scroll^='fade'].-scroll-active {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  html:not(.no-js) [data-scroll='fade-up'] {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  html:not(.no-js) [data-scroll='fade-right'] {
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
}

[data-scroll] {
  pointer-events: none;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

[data-scroll].-scroll-active {
  pointer-events: auto;
}

[data-scroll][data-scroll][data-scroll-duration='600'],
body[data-scroll-duration='600'] [data-scroll] {
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
[data-scroll][data-scroll][data-scroll-duration='1000'],
body[data-scroll-duration='1000'] [data-scroll] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}