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

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

.header .logo {
  width: 18.04688%;
  height: 0;
  padding-bottom: 12.57813%;
  top: 65.4321%;
  left: 3.90625%;
  background-size: 100%;
}

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

.header .slogan {
  width: 54.14062%;
  height: 0;
  padding-top: 18.98438%;
  top: 0.24691%;
  left: 41.79688%;
  background-size: 100%;
}

.header .slogan2 {
  width: 51.79688%;
  height: 0;
  padding-top: 20.39062%;
  top: 60.49383%;
  left: 33.20312%;
  background-size: 100%;
}

.header .package {
  width: 33.20312%;
  height: 0;
  padding-top: 30.78125%;
  top: 25.18519%;
  left: 48.20312%;
  background-size: 100%;
}

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

.content .container_styleA {
  padding: 6% 20px 20px 20px;
}

.content .container h3 {
  width: 100%;
  margin: -12% auto 0 auto;
}

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

@media screen and (max-width: 800px) {
  .content {
    margin-bottom: 5%;
  }
  .content .container {
    padding: 20px;
  }
  .content .container_styleA {
    padding: 9% 20px 20px 20px;
  }
  .content .container h3 {
    margin: -18% auto 0 auto;
  }
  .content p {
    margin-left: 1rem;
  }
  .gotoheader {
    font-size: 1.3em;
  }
}

@media screen and (max-width: 500px) {
  .row {
    padding: 0px;
  }
}