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

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

@media only screen and (min-aspect-ratio: 19 / 9) {
  .wrapper {
    background-size: 112.94118%;
  }
}

.js-container {
  height: 100%;
  top: 29px;
}

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

@media only screen and (min-aspect-ratio: 19 / 9) {
  .header .container {
    padding-bottom: 44.11765%;
  }
}

.header .slogan1 {
  width: 41.4%;
  height: 0;
  padding-bottom: 13.06667%;
  top: 62.02861%;
  left: 29.26667%;
  background-size: 100%;
}

@media only screen and (min-aspect-ratio: 20 / 9) {
  .header .slogan1 {
    top: 41.48244%;
  }
}

.header .slogan2 {
  width: 62.2%;
  height: 0;
  padding-bottom: 6.46667%;
  top: 87.77633%;
  left: 20.8%;
  background-size: 100%;
}

.header .slogan2_1 {
  width: 5.4%;
  height: 0;
  padding-bottom: 5.46667%;
  top: 85.04551%;
  left: 16.93333%;
  background-size: 100%;
}

.header .slogan2_2 {
  width: 5.4%;
  height: 0;
  padding-bottom: 5.46667%;
  top: 85.04551%;
  left: 42.46667%;
  background-size: 100%;
}

.header .logo {
  width: 12.46667%;
  height: 0;
  padding-bottom: 8.13333%;
  position: absolute;
  top: 1.95059%;
  left: 43.73333%;
}

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

.nav .container {
  width: 100%;
}

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

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

.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 a {
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 38.02535%;
  background-size: 500% 100%;
}

/* ================= 內容 ================= */
.content .container {
  width: 95%;
  padding: 3.75vw 5.078vw;
}

.card {
  padding: 16px;
  margin: 16px 0;
}

.card ol, .card ul {
  margin-left: 2em;
}

@media only screen and (max-width: 798px) {
  .DESClabel .text {
    width: 45%;
  }
}

@media only screen and (max-width: 640px) {
  .DESClabel .text {
    width: 65%;
  }
}

@media only screen and (max-width: 400px) {
  .DESClabel .text {
    width: 100%;
  }
}