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

/* ================= 版頭 ================= */
#background-video {
  width: 120%;
}

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

.header .slogan {
  width: 52.26667%;
  height: 0;
  padding-bottom: 14.46667%;
  top: 46.25954%;
  left: 25.33333%;
  background-size: 100%;
}

.header .slogan_sub {
  width: 35.86667%;
  height: 0;
  padding-bottom: 7.93333%;
  top: 71.29771%;
  left: 32.8%;
  background-size: 100%;
}

.header .role {
  width: 32%;
  height: 0;
  padding-bottom: 39.66667%;
  top: 7.48092%;
  left: 64%;
  background-size: 100%;
}

.header .role2 {
  width: 32%;
  height: 0;
  padding-bottom: 43.13333%;
  top: 0%;
  left: 4%;
  background-size: 100%;
}

.header .logo {
  width: 41.2%;
  height: 0;
  padding-bottom: 15.26667%;
  top: 21.37405%;
  left: 28.33333%;
  background-size: 100%;
}

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

/* ================= 頁面選單 ================= */
.nav {
  width: 100%;
}

.nav .navBtn {
  width: 98%;
  max-width: 1188px;
}

.nav .navBtn ul li {
  font-size: 1em;
}

@media only screen and (max-width: 480px) {
  .nav .navBtn ul li {
    width: 49%;
  }
}

.nav .navBtn ul li a {
  font-size: 1.5em;
}

/* ================= 內容 ================= */
.content .container .record {
  margin-bottom: 1%;
  font-size: 1em;
}

@media only screen and (max-width: 798px) {
  .content .container .record {
    width: 100%;
  }
}

.content .container .record_all {
  font-size: 1em;
}

.content .container .amount {
  width: 57%;
  font-size: 1em;
}

@media only screen and (max-width: 798px) {
  .content .container .amount {
    width: 100%;
  }
}

/*================= tableNote =================*/
@media only screen and (max-width: 560px) {
  .tableNote_label {
    top: -30px;
    right: 20px;
  }
}