/* html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: 'Noto Sans TC',montserrat, Arial, Helvetica, sans-serif;
} */
body {
  background-color: #D97E12;
  background: url(../images/index_xxl-human.webp), url(../images/index_xxl.webp);
  background-position: center 30px, center top;
  background-size: 100%, cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#main-body {
  min-height: calc(100vh - 220px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main-body .slogan {
  font-size: calc(2rem + 0.9vw);
  color: #000000;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  /* mix-blend-mode: color-dodge; */
  text-shadow: 0px 2px 8px rgba(255, 255, 255, 0.9), 0px 4px 13px rgba(255, 255, 255, 0.8);
  position: absolute;
  /* bottom: 0px; */
  z-index: 2;
  top: 70px;
}

#main-body .slogan-img {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 150px;
}

#main-body .slogan-img img {
  width: auto;
}

#publicity .navbar .navbar-toggler {
  margin-top: 0px !important;
  background-color: rgba(255, 255, 255, 0.3);
}

#publicity .navbar .navbar-collapse.show {
  height: calc(100vh - 300px);
  transition: all 320ms ease-in-out;
  background-color: #FFFFFF;
  z-index: 3;
  display: inline-block;
}

#publicity .navbar .navbar-collapse.show .nav-item {
  margin: 1rem 2rem;
  line-height: 3;
  border-bottom: 1px solid #dadbdc;
  width: calc(100% - 4rem);
}

#publicity .navbar .navbar-collapse.show .nav-item a {
  color: #000000;
}

#publicity .navbar-nav {
  margin-right: 0rem !important;
  align-items: flex-start !important;
}

@media screen and (min-width: 1600px) {
  #main-body .slogan {
    /* bottom: 400px; */
    top:70px;
  }
}

@media screen and (max-width: 1400px) {
  body {
    background: url(../images/index_lg-human.webp), url(../images/index_lg.webp);
    background-position: center bottom, center top;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  #main-body .slogan-img {
    bottom: 155px;
  }
}

@media screen and (max-width: 1200px) {
  body {
    background-size: cover, cover;
  }

  #main-body .slogan {
    bottom: 340px;
    /* top:70px; */
  }

  #main-body .slogan-img {
    bottom: 220px;
  }
}

@media screen and (max-width: 992px) {
  body {
    background: url(../images/index_md-human.webp), url(../images/index_md.webp);
    background-position: center bottom, center top;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  #main-body {
    min-height: calc(100vh - 154px);
  }

  #main-body .slogan {
    /* bottom: 420px; */
    top: unset;
  }

  #main-body .slogan-img {
    bottom: 100px;
  }

  #main-body .slogan-img img {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  body {
    background: url(../images/index_sm-human.webp), url(../images/index_sm.webp);
    background-position: center bottom, center top;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .fixed-top {
    position: static;
  }
}

@media screen and (max-width: 576px) {
  body {
    background: url(../images/index_xxs-human.webp), url(../images/index_xs.webp);
    background-position: center bottom, center top;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  #main-body {
    min-height: calc(100vh - 110px);
  }

  footer {
    background: url(../images/footer.webp) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: center top !important;
  }

  footer .footer_content {
    justify-content: center !important;
    margin: 4rem 0 1rem 0 !important;
    padding: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  body {
    background: url(../images/index_xxs-human.webp), url(../images/index_xs.webp);
    background-position: center bottom, center top;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
}

@media screen and (max-width: 414px) {
  body {
    background: url(../images/index_xs.webp);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  #main-body .slogan-img {
    bottom: 185px;
  }
}

/*# sourceMappingURL=pubindex-style.css.map */