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

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

.header .container .slogan {
  width: 55.625%;
  height: 0;
  padding-bottom: 8.04688%;
  top: 27.33333%;
  left: 8.04688%;
}

.header .container .slogan2 {
  width: 60.3125%;
  height: 0;
  padding-bottom: 21.79688%;
  top: 44%;
  left: 3.90625%;
}

.header .container .tip {
  width: 25.46875%;
  height: 0;
  padding-bottom: 16.40625%;
  top: 4.26667%;
  left: 48.4375%;
}

.header .container .logo {
  width: 21.79688%;
  height: 0;
  padding-bottom: 15.625%;
  top: 0%;
  left: 25.39062%;
}

/* ================= 內容 ================= */
@media only screen and (max-width: 415px) {
  .content .container h3 {
    top: -38px;
  }
}

@media only screen and (max-width: 376px) {
  .content h5 > span {
    display: block;
  }
}