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

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

.header .slogan {
  width: 75.3125%;
  height: 0;
  padding-bottom: 31.5625%;
  top: 38.23529%;
  left: 15.625%;
  background-size: 100%;
}

.header .logo {
  width: 17.26562%;
  height: 0;
  padding-bottom: 11.95312%;
  top: 0%;
  left: 62.5%;
}

.header .logo a {
  width: 100%;
  height: 0;
  padding-bottom: 69.23077%;
  background-size: 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;
  }
}