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

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

.header .logo {
  width: 19.60938%;
  height: 0;
  padding-bottom: 13.67188%;
  left: 9.92188%;
  top: 3.07692%;
}

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

.header .productImg {
  width: 38.75%;
  height: 0;
  padding-bottom: 37.8125%;
  left: 8.75%;
  top: 26.02564%;
  background-size: 100%;
}

.header .title {
  width: 57.03125%;
  height: 0;
  padding-bottom: 31.25%;
  left: 9.45312%;
  top: 21.02564%;
}

.header .title .sub {
  width: 93.9726%;
  height: 0;
  padding-bottom: 8.76712%;
  left: 46.71233%;
  top: 82.75%;
  background-size: 100%;
}

.header .title .paw {
  width: 44.38356%;
  height: 0;
  padding-bottom: 52.46575%;
  left: 76.43836%;
  top: 0%;
  background-size: 100%;
  -webkit-animation: delay 0.35s, paw .25s 0.35s ease;
          animation: delay 0.35s, paw .25s 0.35s ease;
}

.header .title .slogan {
  width: 141.09589%;
  height: 0;
  padding-bottom: 21.23288%;
  left: 0%;
  top: 99.75%;
  background-size: 100%;
}

@-webkit-keyframes delay {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

@keyframes delay {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes paw {
  0% {
    padding-bottom: 0%;
  }
  100% {
    padding-bottom: 47.22565%;
  }
}

@keyframes paw {
  0% {
    padding-bottom: 0%;
  }
  100% {
    padding-bottom: 47.22565%;
  }
}

/* ================= 內容 ================= */
.content {
  padding: 0 0 30px;
  width: 95%;
  margin: 0 auto;
}

.content .container {
  width: 98%;
  padding: 20px 10px;
}

.content .container ol,
.content .container ul {
  margin-left: 2em;
}