@charset "UTF-8";
/*容器基本框架*/
body {
  background-size: 150%;
}

.wrapper {
  background-size: 150%;
  overflow: hidden;
}

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 82.03125%;
}

.header .logo {
  width: 15.15625%;
  height: 0;
  padding-bottom: 10.15625%;
  top: 1.52381%;
  left: 29.21875%;
  background-size: 100%;
}

.header .logo a {
  width: 100%;
  height: 0;
  padding-bottom: 67.01031%;
}

.header .slogan {
  width: 64.53125%;
  height: 0;
  padding-bottom: 14.375%;
  top: 50.95238%;
  left: 7.89062%;
  background-size: 100%;
}

.header .slogan02 {
  width: 64.375%;
  height: 0;
  padding-bottom: 7.34375%;
  top: 68.57143%;
  left: 6.32812%;
  background-size: 100%;
}

.header .gacha {
  width: 34.29688%;
  height: 0;
  padding-bottom: 52.10938%;
  top: 0.47619%;
  left: 22.89062%;
  background-size: 100%;
}

.header .egg {
  width: 26.5625%;
  height: 0;
  padding-bottom: 23.51562%;
  top: 7.42857%;
  left: 51.17188%;
  background-size: 100%;
}

/* ================= 內容 ================= */
.content {
  margin-bottom: 7.5%;
}

.content .container {
  width: 90%;
  margin: 0 auto;
}

.content h3 {
  width: 100%;
  margin: -14% auto 0 -30px;
}

ol.list, ul.list {
  margin-left: 1.7em;
}

@media screen and (max-width: 800px) {
  .content {
    margin-bottom: 9%;
  }
  .content .container {
    padding: 20px;
  }
  .content .container_styleA {
    padding: 8% 20px 20px 20px;
  }
  .content h3 {
    margin: -16% auto 0 -20px;
  }
  .content p {
    margin-left: 1rem;
  }
  .gotoheader {
    font-size: 1.3em;
  }
}