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

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

.header .container .slogan {
  width: 50.78125%;
  height: 0;
  padding-bottom: 15.54687%;
  top: 42.09302%;
  left: 19.84375%;
}

.header .container .main {
  width: 49.84375%;
  height: 0;
  padding-bottom: 24.6875%;
  top: 11.39535%;
  left: 20.15625%;
}

.header .container .logo {
  width: 15.3125%;
  height: 0;
  padding-bottom: 10.625%;
  top: 30.46512%;
  left: 4.53125%;
}

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

@media only screen and (max-width: 415px) {
  .content .container h3 img {
    max-width: 50%;
  }
}

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