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

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

.header .logo {
  width: 21.95312%;
  height: 0;
  padding-bottom: 7.42188%;
  top: 51.01351%;
  left: 39.29688%;
}

.header .logo a {
  width: 100%;
  height: 0;
  padding-bottom: 36.71875%;
  display: block;
  background-size: 100%;
}

.header .slogan {
  width: 70.70312%;
  height: 0;
  padding-bottom: 29.53125%;
  top: 59.12162%;
  left: 15.70313%;
  background-size: 100%;
}

.header .roleA {
  width: 39.375%;
  height: 0;
  padding-bottom: 77.42188%;
  top: 0%;
  left: 11.01562%;
  background-size: 100%;
}

.header .roleB {
  width: 50%;
  height: 0;
  padding-bottom: 77.42188%;
  top: 0%;
  left: 47.34375%;
  background-size: 100%;
}

.header .diamond {
  width: 148.4375%;
  height: 0;
  padding-bottom: 61.95312%;
  top: 0%;
  left: -24.14062%;
  background-size: 100%;
}

/* ================= 內容 ================= */
.content .container {
  width: 98%;
  padding: 25px 10px;
}

.content .container > h3 {
  padding: 0;
}

.content .container > h3 img {
  width: 100%;
}