@charset "UTF-8";
.wrapper {
  background-size: 150%;
  overflow: hidden;
}

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

.header .logo {
  width: 16.71875%;
  height: 0;
  padding-bottom: 11.25%;
  top: 1.52905%;
  left: 82.57812%;
  background-size: 100%;
}

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

.header .slogan {
  width: 72.5%;
  height: 0;
  padding-bottom: 23.20312%;
  top: 51.37615%;
  left: 14.21875%;
  background-size: 100%;
}

.header .dragon {
  width: 61.17188%;
  height: 0;
  padding-bottom: 50.9375%;
  top: 0%;
  left: -24.6875%;
  background-size: 100%;
}

.header .fire {
  width: 64.29688%;
  height: 0;
  padding-bottom: 24.29688%;
  top: 0%;
  left: 29.76562%;
  background-size: 100%;
}

.header .card1 {
  width: 20.78125%;
  height: 0;
  padding-bottom: 20.78125%;
  top: 0%;
  left: 69.29688%;
  background-size: 100%;
}

.header .card2 {
  width: 18.28125%;
  height: 0;
  padding-bottom: 18.75%;
  top: 0.61162%;
  left: 8.75%;
  background-size: 100%;
}

.header .card3 {
  width: 16.875%;
  height: 0;
  padding-bottom: 15.85938%;
  top: 40.21407%;
  left: 72.10938%;
  background-size: 100%;
}

.header .card4 {
  width: 16.95312%;
  height: 0;
  padding-bottom: 15.70313%;
  top: 37.61468%;
  left: 2.34375%;
  background-size: 100%;
}

/* ================= 內容 ================= */
.content .container {
  padding: 2.5% 3.5%;
  border: 6px solid #1e4aad;
}

.tabMain {
  padding: 2%;
}

@media only screen and (max-width: 798px) {
  .item__box-img-500 {
    height: 300px;
  }
  .item__box-img-500 img {
    max-height: 300px;
  }
}