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

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

.header .logo {
  width: 17.8125%;
  height: 0;
  padding-bottom: 8.04688%;
  top: 6.76157%;
  left: 41.40625%;
}

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

.header .man {
  width: 36.09375%;
  height: 0;
  padding-bottom: 60.3125%;
  top: 4.80427%;
  left: -0.70312%;
  background-size: 100%;
}

.header .girl {
  width: 30.23438%;
  height: 0;
  padding-bottom: 60.23437%;
  top: 4.98221%;
  left: 73.28125%;
  background-size: 100%;
}

.header .slogan {
  width: 55%;
  height: 0;
  padding-bottom: 31.95312%;
  top: 22.59786%;
  left: 22.65625%;
  background-size: 100%;
}

.nav {
  margin-bottom: 6%;
}

.nav .container {
  width: 65%;
  margin: 0 auto;
}

.nav .container .navBtn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nav .container .navBtn ul li {
  width: 45%;
  height: 0;
  padding-bottom: 17.68293%;
}

.nav .container .navBtn ul li.navBtn1 a {
  background-position-x: 0% !important;
}

.nav .container .navBtn ul li.navBtn2 a {
  background-position-x: -100% !important;
}

.nav .container .navBtn ul li a {
  width: 100%;
  height: 0;
  padding-bottom: 35.36585%;
  background-size: 200% 100%;
}

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

.content .container h3 {
  top: -30px;
}