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

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

.header .logo {
  width: 15.85938%;
  height: 0;
  padding-bottom: 10.23438%;
  top: 80.5298%;
  left: 82.96875%;
  background-size: 100%;
}

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

.header .slogan {
  width: 64.6875%;
  height: 0;
  padding-top: 33.51562%;
  top: 43.04636%;
  left: 0%;
  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: 14.87947%;
}

.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: 44.6384%;
  background-size: 300% 100%;
}

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

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

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

ul.tabBtnstyleB {
  margin-bottom: 1%;
}

ul.tabBtnstyleB li {
  width: 35%;
  height: 0;
  padding-bottom: 14%;
  background-size: 200% 100%;
}

ul.tabBtnstyleB li#tabBtnA:hover, ul.tabBtnstyleB li#tabBtnA.active {
  background-size: 200% 100%;
}

ul.tabBtnstyleB li#tabBtnB:hover, ul.tabBtnstyleB li#tabBtnB.active {
  background-size: 200% 100%;
}

@media screen and (max-width: 500px) {
  ul.tabBtnstyleB li {
    width: 70%;
    padding-bottom: 30%;
  }
  .row {
    padding: 0px;
  }
}