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

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

.header .slogan {
  width: 53%;
  height: 0;
  padding-bottom: 38.64706%;
  top: 0%;
  left: 5.52941%;
  background-size: 100%;
}

.header .slogan2 {
  width: 23.11765%;
  height: 0;
  padding-bottom: 8.76471%;
  top: 43.58209%;
  left: 24.64706%;
  background-size: 100%;
}

.header .logo {
  width: 16.23529%;
  height: 0;
  padding-bottom: 5.29412%;
}

.header .logo {
  top: 1.19403%;
  left: 52.88235%;
  background-size: 100%;
}

/* ================= 內容 ================= */
.content .container {
  padding: 0;
}

.comment::before {
  font-size: 8em;
}

.comment01 {
  top: -5.5em;
  left: -1em;
}

@media only screen and (max-width: 595px) {
  .comment01 {
    left: -3em;
  }
}

@media only screen and (max-width: 415px) {
  .comment01 {
    left: -4em;
  }
}

.comment div {
  font-size: .8em;
}

.comment div img {
  width: 65%;
}

@media only screen and (max-width: 415px) {
  .comment div img {
    width: 55%;
  }
}

/* ================= 內容區塊 ================= */
@media only screen and (max-width: 500px) {
  .box {
    margin-top: 35px;
    padding: 30px 25px;
  }
}