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

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

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

.header .slogan {
  width: 51.95312%;
  height: 0;
  padding-bottom: 22.89062%;
  top: 5.81222%;
  left: 22.96875%;
  background-size: 100%;
}

.header .role {
  width: 58.67187%;
  height: 0;
  padding-bottom: 81.40625%;
  top: 0%;
  left: 58.59375%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.header .logo {
  width: 19.92188%;
  height: 0;
  padding-bottom: 12.96875%;
  position: absolute;
  top: 40.98361%;
  left: 3.28125%;
  background: url(/Action/79_TMD/20211227MU/images/logo.png?v=20211223);
  background-size: 100%;
  z-index: 1;
}

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

.nav .container {
  width: 100%;
}

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

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

.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: 76.99681%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 43.45048%;
  background-size: 600% 100%;
}

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

.content .container::before {
  content: '';
  display: block;
  width: 100%;
  height: calc(100% - 25vw);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/Action/79_TMD/20211227MU/images/cont-repeat.png);
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100%;
  z-index: -1;
}

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

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