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

/* ================= 版頭 ================= */
.header {
  background-size: 150%;
}

.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 37.0625%;
}

.header .slogan {
  width: 38.6875%;
  height: 0;
  padding-bottom: 17.5%;
  top: 49.57841%;
  left: 20.5625%;
  background-size: 100%;
}

.header .trophy {
  width: 20.375%;
  height: 0;
  padding-bottom: 32.4375%;
  top: 5.05902%;
  left: 31.25%;
  background-size: 100%;
}

.header .logo {
  width: 15.4375%;
  height: 0;
  padding-bottom: 10.6875%;
  top: 0.16863%;
  left: 13.125%;
  background-size: 100%;
}

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

.header .notice {
  width: 11.5%;
  height: 0;
  padding-bottom: 11.5%;
  top: 163%;
  right: 6.25%;
  background-size: 100%;
}

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

/* ================= 頁面選單 ================= */
.nav {
  width: 100%;
}

.nav .container {
  width: 100%;
}

.nav .navBtn {
  width: 95%;
  max-width: 1104px;
}

.nav .navBtn ul li {
  width: 33%;
  height: 0;
  padding-bottom: 10.59783%;
}

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

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

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

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

.nav .navBtn ul li.navBtn5 a {
  background-position-x: -400% !important;
}

.nav .navBtn ul li.navBtn6 a {
  background-position-x: -500% !important;
}

.nav .navBtn ul li a {
  width: 97.82609%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 30.16304%;
  background-size: 600% 100%;
}

/* ================= 內容 ================= */
.content {
  margin: 0 auto;
}

.content .container {
  width: calc(98% - 10px);
  padding: 14px 2.5em 30px 2.5em;
}

@media only screen and (max-width: 400px) {
  .content .container {
    padding: 14px 0.5em 30px 0.5em;
  }
}

.content h3 img {
  width: 60%;
}

@media only screen and (max-width: 400px) {
  .content h3 img {
    width: 90%;
  }
}

@media only screen and (max-width: 400px) {
  .item__box--02 .item__box-title {
    font-size: .9em;
  }
}

@media only screen and (max-width: 400px) {
  .card {
    padding: .9em;
  }
}