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

.wrapper {
  overflow: hidden;
}

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

.header .slogan {
  width: 54.76562%;
  height: 0;
  padding-bottom: 18.67188%;
  top: 0.71429%;
  left: 30.46875%;
  background-size: 100%;
}

.header .logo {
  width: 19.84375%;
  height: 0;
  padding-bottom: 12.8125%;
  top: 4.28571%;
  left: 9.76562%;
  background-size: 100%;
}

.header .logo img {
  width: 100%;
}

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

.content > h3 img {
  width: 80%;
}

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

.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 > h3 img {
    width: 90%;
  }
  .content .container {
    width: 98%;
    padding: 10px 10px;
    font-size: 0.9em;
    /*border:none;
		border-top: 3px solid  #22264C;
		border-bottom: 3px solid  #22264C;*/
  }
  .content .container .table th, .content .container .table td {
    font-size: 0.9em;
  }
  .content .container ol {
    padding: 0 8px !important;
  }
}