@charset "UTF-8";
* {
  font-family: sans-serif, black "Segoe UI", Arial, "微軟正黑體" !important;
}

body {
  width: 100%;
  overflow: hidden;
  font-family: sans-serif, black "Segoe UI", Arial, "微軟正黑體";
}

@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}

.hide {
  display: none;
}

button {
  background-color: #00689a;
  border-radius: 50px;
  margin: 5vh auto;
}

.main_img {
  width: 100vw;
  height: 40vh;
  background-image: url("https://webview.plus.marq.com.tw/test/TaipeiCity/img/backgroundimg.jpg");
  background-repeat: round;
  background-size: cover;
}
@media (min-width: 768px) {
  .main_img {
    height: 40vh;
    background-size: 100%;
  }
}

#progressbar {
  position: relative;
  width: 50%;
  margin: 2vh auto;
}
@media (min-width: 768px) {
  #progressbar {
    width: 40%;
    margin: 3vh auto;
  }
}
#progressbar .progressbar-text {
  font-size: 3rem;
}
@media (min-width: 768px) {
  #progressbar .progressbar-text {
    font-size: 6rem !important;
  }
}

.start_button, .chinese_button, .enlgish_button, .arrow_button {
  width: 70vw;
  height: 6vh;
  color: white;
  font-weight: bold;
}
.start_button p, .chinese_button p, .enlgish_button p, .arrow_button p {
  margin: 0;
}

.start_button {
  margin: 0 auto;
  margin-top: 8vh;
}
@media (min-width: 768px) {
  .start_button {
    font-size: 5vw;
    margin-top: 3vh;
  }
}

.ar_logo {
  width: 70vw;
  margin: 3vh auto;
}
@media (min-width: 768px) {
  .ar_logo {
    width: 45vw;
    height: 10vh;
    margin: 2vh auto;
  }
}

.welcome_page .row, .orientationchange_page .row {
  height: 100vh;
}

.navigator_page {
  background-color: slategrey;
}
.navigator_page .row {
  height: 100vh;
}
.navigator_page .row .suggestImg {
  width: 10%;
  padding: 1%;
}
.navigator_page .row .smallText {
  font-size: 1rem;
}
.navigator_page .row .btnButtom {
  background-color: white;
  padding: 3vw;
  border-radius: 50px;
  margin: 1vw;
}

.language_page {
  background-image: url("https://webview.plus.marq.com.tw/test/TaipeiCity/img/backgroundimg.jpg");
  background-size: cover;
  width: 100vw;
  height: 100vh;
}
.language_page .row .btn-group-vertical {
  margin: 30vh auto;
}
@media (min-width: 768px) {
  .language_page .row {
    font-size: 5vw;
  }
}

.ar_arrow_page_en, .ar_arrow_page_tw {
  background-image: url("https://webview.plus.marq.com.tw/test/TaipeiCity/img/backgroundimg.jpg");
  background-size: cover;
  width: 100vw;
  height: 100vh;
}
.ar_arrow_page_en .row, .ar_arrow_page_tw .row {
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ar_arrow_page_en .row, .ar_arrow_page_tw .row {
    font-size: 5vw;
    margin: 0 auto;
  }
}
.ar_arrow_page_en .row .col-xl-3, .ar_arrow_page_tw .row .col-xl-3 {
  margin: 20vh auto 10vh auto;
}
@media (min-width: 768px) {
  .ar_arrow_page_en .row .col-xl-3, .ar_arrow_page_tw .row .col-xl-3 {
    margin: 20vh auto 15vh auto;
  }
}
.ar_arrow_page_en .row .col-xl-3 .arrow_text, .ar_arrow_page_tw .row .col-xl-3 .arrow_text {
  padding: 2vh 5vw;
}
.ar_arrow_page_en .row .col-xl-3 .text-right, .ar_arrow_page_tw .row .col-xl-3 .text-right {
  text-align: right;
}
.ar_arrow_page_en .row .col-xl-3 .text-right .arIcon, .ar_arrow_page_tw .row .col-xl-3 .text-right .arIcon {
  width: 15vw;
  margin: 0 5vh;
}
.ar_arrow_page_en .row .col-xl-3 p, .ar_arrow_page_tw .row .col-xl-3 p {
  text-align: left;
  margin: 0;
}

.model_page model-viewer {
  width: 100vw;
  height: 70vh;
}
.model_page p {
  font-size: 1rem;
  padding: 3vh 3vw;
  text-align: left;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .model_page p {
    font-size: 2rem;
  }
}
.model_page .en p {
  font-size: 0.5rem;
}
@media (min-width: 768px) {
  .model_page .en p {
    font-size: 2rem;
  }
}
.model_page .bus-text {
  height: 30vh;
  overflow-y: auto;
  max-height: 30vh;
}

.musicIcon {
  position: absolute;
  width: 16%;
  bottom: 1%;
  left: 6%;
}

/*# sourceMappingURL=busCity.css.map */
