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

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

.header .role {
  width: 44.29688%;
  height: 0;
  padding-bottom: 74.6875%;
  top: 2.26501%;
  left: 51.32812%;
  background-size: 100%;
}

.header .circle {
  width: 46.875%;
  height: 0;
  padding-bottom: 49.29688%;
  top: 0%;
  left: 12.8125%;
  background-size: 100%;
}

.header .circle-gold {
  width: 73.16667%;
  height: 0;
  padding-bottom: 73%;
  top: 23.77179%;
  left: 13.33333%;
  background-size: 100%;
}

.header .slogan {
  width: 48.59375%;
  height: 0;
  padding-bottom: 13.82812%;
  top: 63.64666%;
  left: 11.71875%;
  background-size: 100%;
}

.header .slogan02 {
  width: 59.29688%;
  height: 0;
  padding-bottom: 13.20312%;
  top: 77.23669%;
  left: 9.14062%;
  background-size: 100%;
}

.header .logo {
  width: 15.15625%;
  height: 0;
  padding-bottom: 10.15625%;
  position: absolute;
  top: 0.906%;
  left: 48.51562%;
  background: url(/Action/79_TMD/20211215MU/images/logo.png?v=20211214);
  background-size: 100%;
  z-index: 1;
}

/* ================= 內容 ================= */
.content .container {
  width: 95%;
}

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

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