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

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

.header .logo {
  width: 16.01562%;
  height: 0;
  padding-bottom: 10.54688%;
  left: 82.03125%;
  top: 0.68493%;
}

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

.header .coins {
  width: 70.70312%;
  height: 0;
  padding-bottom: 25.625%;
  position: absolute;
  top: 17.80822%;
  left: 16.875%;
  background-size: 100%;
}

.header .role {
  width: 53.98437%;
  height: 0;
  padding-bottom: 37.03125%;
  position: absolute;
  top: 22.19178%;
  left: 24.53125%;
  background-size: 100%;
}

.header .gun {
  width: 25.625%;
  height: 0;
  padding-bottom: 26.95312%;
  top: 79.86301%;
  left: 77.34375%;
  background-size: 100%;
}

.header .slogan {
  width: 66.875%;
  height: 0;
  padding-bottom: 53.04688%;
  top: 1.64384%;
  left: 16.25%;
  background-size: 100%;
}

.header .hit {
  width: 12.8125%;
  height: 0;
  padding-bottom: 13.90625%;
}

.header .hit-1 {
  top: 47.94521%;
  left: 59.375%;
  background-size: 100%;
}

.header .hit-2 {
  top: 27.39726%;
  left: 39.0625%;
  background-size: 100%;
}

.header .bullet {
  width: 8.67188%;
  height: 0;
  padding-bottom: 19.45312%;
  top: 68.49315%;
  left: 64.84375%;
  background-size: 100%;
}

.nav {
  width: 75%;
  margin-left: 2%;
}

@media only screen and (max-width: 500px) {
  .nav {
    width: 72%;
  }
}

.nav .container {
  width: 100%;
  max-width: 520px;
}

.nav .container ul.navBtn {
  margin-left: 0;
}

@media only screen and (max-width: 500px) {
  .nav .container ul.navBtn {
    margin-left: 10%;
  }
}

.nav .container ul.navBtn li {
  width: 25%;
  height: 0;
  padding-bottom: 19.23077%;
}

@media only screen and (max-width: 500px) {
  .nav .container ul.navBtn li {
    width: 50%;
  }
}

.nav .container ul.navBtn li.navBtn1 a {
  background-position-x: 0% !important;
}

.nav .container ul.navBtn li.navBtn2 a {
  background-position-x: -100% !important;
}

.nav .container ul.navBtn li.navBtn3 a {
  background-position-x: -200% !important;
}

.nav .container ul.navBtn li.navBtn4 a {
  background-position-x: -300% !important;
}

.nav .container ul.navBtn li a {
  width: 96.15385%;
  height: 0;
  padding-bottom: 38.46154%;
  background-size: 400%;
}

.navBtn5 {
  position: relative;
}

.navBtn5::before {
  width: 34.61538%;
  height: 0;
  padding-bottom: 34.61538%;
  top: -10%;
  left: -1.92308%;
  background-size: 100%;
}

/* ================= 內容 ================= */
.content > h3 {
  padding: 0 0 10px 0;
}

.content > h3 img {
  display: block;
  width: 60%;
  margin: 0 auto;
}

.content .container {
  width: 95%;
  padding: 0;
}

.content .container .contentMain {
  width: 98%;
}

.content .container ol,
.content .container ul {
  margin-left: 1.5em;
}