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

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

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

.header .slogan {
  width: 46.95312%;
  height: 0;
  padding-bottom: 10.9375%;
  top: 16.24294%;
  left: 16.64062%;
  background-size: 100%;
}

.header .slogan02 {
  width: 53.82813%;
  height: 0;
  padding-bottom: 19.0625%;
  top: 36.01695%;
  left: 13.35938%;
  background-size: 100%;
}

.header .role {
  width: 59.29688%;
  height: 0;
  padding-bottom: 50.625%;
  top: 13.70056%;
  left: 43.125%;
  background-size: 100%;
}

.header .logo {
  width: 20.39062%;
  height: 0;
  padding-bottom: 6.5625%;
  top: 2.9661%;
  left: 29.92187%;
  background-size: 100%;
}

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

/* ================= 內容 ================= */
.content .cont_t {
  background-size: 110.15625%;
  height: 0;
  padding-bottom: 3.90625%;
}

.content .cont_b {
  background-size: 110.15625%;
  height: 0;
  padding-bottom: 9.375%;
}

.content .container {
  width: 100%;
  background-size: 110.15625%;
}

.content .table tr td .img_styleD {
  width: 70%;
}

@media only screen and (max-width: 560px) {
  .content .table tr td .img_styleD {
    width: 100%;
  }
}