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

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

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

.header .logo {
  width: 13.98437%;
  height: 0;
  padding-bottom: 9.375%;
  top: 8.04749%;
  left: 23.4375%;
  background-size: 100%;
}

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

.header .main {
  width: 21.09375%;
  height: 0;
  padding-top: 41.79688%;
  top: 16.22691%;
  left: 23.35938%;
  background-size: 100%;
}

.header .sloganLeft {
  width: 5.15625%;
  height: 0;
  padding-top: 21.17188%;
  top: 55.93668%;
  left: 19.0625%;
  background-size: 100%;
}

.header .sloganRight {
  width: 5.9375%;
  height: 0;
  padding-top: 31.64062%;
  top: 13.72032%;
  left: 42.89062%;
  background-size: 100%;
}

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

.nav .container .navBtn {
  width: 100%;
}

.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: 12.80423%;
}

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

/* ================= 內容 ================= */
.content {
  background-size: 150%;
}

.content .container {
  padding: 1% 2%;
}

.content .container h3 img {
  max-width: 100%;
}

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

/*================= table================= */
.table .ImgStyleB {
  width: 40%;
}

.table .ImgStyleC {
  width: 50%;
}

.table_imgsizeA img {
  width: 40%;
}