@charset "UTF-8";
html, body {
  background-size: 150%;
}

.wrapper {
  background-size: 150%;
  overflow: hidden;
}

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

.header .logo {
  width: 14.45312%;
  height: 0;
  padding-bottom: 9.375%;
  top: 1.92593%;
  left: 17.03125%;
  background-size: 100%;
}

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

.header .slogan01 {
  width: 42.10938%;
  height: 0;
  padding-top: 11.79688%;
  top: 16.88889%;
  left: 27.96875%;
  background-size: 100%;
}

.header .slogan02 {
  width: 49.21875%;
  height: 0;
  padding-top: 20.23438%;
  top: 37.48148%;
  left: 23.75%;
  background-size: 100%;
}

.header .slogan03 {
  width: 48.82812%;
  height: 0;
  padding-top: 10.85938%;
  top: 67.85185%;
  left: 24.375%;
  background-size: 100%;
}

.header .bubble {
  width: 13.90625%;
  height: 0;
  padding-top: 12.8125%;
  top: 0.88889%;
  left: 66.875%;
  background-size: 100%;
}

.nav .container {
  width: 98%;
  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;
  /*@include ms-phone-width{
              @include flexboxSetting(space-around);
            }*/
}

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

.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.navBtn3 a {
  background-position-x: -200% !important;
}

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

/* ================= 內容 ================= */
.content .container {
  padding: 1% 2%;
}

.content .container h3 {
  margin-bottom: 4%;
}

.content .container p {
  margin-left: 1em;
}

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