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

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

.header .slogan {
  width: 69.375%;
  height: 0;
  padding-bottom: 19.21875%;
  top: 4.26667%;
  left: 3.125%;
  background-size: 100%;
}

.header .slogan1 {
  width: 53.20312%;
  height: 0;
  padding-bottom: 13.59375%;
  top: 76.66667%;
  left: 13.67188%;
  background-size: 100%;
}

.header .btnlogo {
  width: 19.79688%;
  height: 0;
  padding-bottom: 13.01562%;
  top: 30.66667%;
  left: 15.625%;
  background-size: 100%;
}

.nav {
  width: 100%;
  padding-bottom: 0;
}

.nav .container {
  width: 98%;
}

.nav .container .navBtn {
  width: 100%;
  margin-left: 0;
}

.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: 50%;
  height: 0;
  padding-bottom: 12.12815%;
}

.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: 98%;
  height: 0;
  padding-bottom: 23.90805%;
  background-size: 200% 100%;
}

/* ================= 內容 ================= */
.content {
  position: relative;
}

.content .container {
  width: 98%;
  padding: 20px 10px;
  font-size: 0.9em;
}

.content .container > h3 img {
  width: 70%;
}

.content .container .table th, .content .container .table td {
  font-size: 0.9em;
}

@media only screen and (orientation: portrait) and (max-width: 500px) {
  .content {
    position: relative;
  }
  .content .container {
    width: 98%;
    padding: 10px 0;
    font-size: 0.9em;
    /*border:none;
		border-top: 3px solid  #22264C;
		border-bottom: 3px solid  #22264C;*/
  }
  .content .container > h3 img {
    width: 70%;
  }
  .content .container .table th, .content .container .table td {
    font-size: 0.9em;
  }
  .content .container ol {
    padding: 0 8px !important;
  }
}