/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
body {
  font-family: "Noto Serif TC", serif;
  font-weight: 500;
  letter-spacing: 2%;
  background-image: url(../images/bg.jpg);
}

#pg01,
#pg02,
#pg03,
#pg04,
#pg05,
#pg06,
#pg07,
#pg08,
#pg09,
#pg10,
#pg11,
#pg12,
#pg13,
#pg14 {
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #pg01,
  #pg02,
  #pg03,
  #pg04,
  #pg05,
  #pg06,
  #pg07,
  #pg08,
  #pg09,
  #pg10,
  #pg11,
  #pg12,
  #pg13,
  #pg14 {
    margin: 0 auto 8% auto;
  }
}

.page_logo {
  position: absolute;
  z-index: 2;
  top: 5%;
  left: 2%;
  width: 9%;
}
@media (max-width: 767px) {
  .page_logo {
    width: 28%;
    top: 2%;
    left: 5%;
  }
}

.page_info {
  position: absolute;
  z-index: 2;
  transform: scale(0.95, 1);
}
@media (max-width: 767px) {
  .page_info {
    position: relative;
    margin: 0 auto;
  }
}
.page_info h2 {
  font-size: 2vw;
  font-weight: 900;
  color: #eda927;
  letter-spacing: 5px;
}
@media (max-width: 767px) {
  .page_info h2 {
    font-size: 6vw;
  }
}
.page_info h3 {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.9;
  color: #eda927;
  letter-spacing: 5px;
}
@media (max-width: 767px) {
  .page_info h3 {
    font-size: 4.7vw;
  }
}

p {
  font-size: 1.15vw;
  font-weight: 400;
  line-height: 1.9;
  color: #0086ac;
  letter-spacing: 0.1vw;
  text-align: justify;
}
@media (max-width: 767px) {
  p {
    font-size: 3.5vw;
  }
}

.page_info2 {
  position: absolute;
  z-index: 2;
  transform: scale(0.95, 1);
}
@media (max-width: 767px) {
  .page_info2 {
    position: relative;
    margin: 0 auto;
  }
}

.page_pic {
  position: relative;
}

#pg02 .page_info {
  width: 50%;
  top: 5%;
  left: 42%;
}
@media (max-width: 767px) {
  #pg02 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg03 .page_info {
  width: 40%;
  top: 23%;
  left: 51%;
}
@media (max-width: 767px) {
  #pg03 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg04 .page_info {
  width: 51%;
  top: 9%;
  left: 7%;
  text-align: right;
}
@media (max-width: 767px) {
  #pg04 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg05 .page_info {
  width: 40%;
  top: 15%;
  left: 13%;
  text-align: right;
}
@media (max-width: 767px) {
  #pg05 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}
#pg05 .page_info2 {
  width: 38%;
  top: 60%;
  left: 44.4%;
}
@media (max-width: 767px) {
  #pg05 .page_info2 {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg06 .page_info {
  width: 42%;
  top: 12%;
  left: 47.3%;
}
@media (max-width: 767px) {
  #pg06 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg07 .page_info {
  width: 42%;
  top: 19%;
  left: 14%;
  text-align: right;
}
@media (max-width: 767px) {
  #pg07 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg08 .page_info {
  width: 48%;
  top: 17%;
  left: 46%;
}
@media (max-width: 767px) {
  #pg08 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg09 .page_info {
  width: 42%;
  top: 13%;
  left: 11%;
  text-align: right;
}
@media (max-width: 767px) {
  #pg09 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}
#pg09 .page_info2 {
  width: 39%;
  top: 63%;
  left: 44.4%;
}
@media (max-width: 767px) {
  #pg09 .page_info2 {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg10 .page_info {
  width: 44%;
  top: 20%;
  left: 15%;
  text-align: right;
}
@media (max-width: 767px) {
  #pg10 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg11 .page_info {
  width: 42%;
  top: 11%;
  left: 45%;
}
@media (max-width: 767px) {
  #pg11 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg12 .page_info {
  width: 40%;
  top: 16%;
  left: 17.7%;
  text-align: right;
}
@media (max-width: 767px) {
  #pg12 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg13 .page_info {
  width: 41%;
  top: 15%;
  left: 46%;
}
@media (max-width: 767px) {
  #pg13 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}

#pg14 .page_info {
  width: 35%;
  top: 22%;
  left: 16%;
  text-align: right;
}
@media (max-width: 767px) {
  #pg14 .page_info {
    width: 90%;
    top: 0;
    left: 0;
  }
}/*# sourceMappingURL=page.css.map */