@charset "UTF-8";
/*!
 * 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 {
  margin-top: 0px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
  background-color: #FFF;
}

.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: none;
}

.btn {
  position: absolute;
  background-color: rgba(33, 242, 90, 0);
  z-index: 999;
}

.pc {
  display: block;
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
}

.mob {
  display: none;
}
@media (max-width: 767px) {
  .mob {
    display: block;
  }
}

#p01 {
  position: relative;
}

#p02,
#p03,
#p04,
#p05,
#p06,
#p07,
#p08,
#p09 {
  position: relative;
  z-index: 2;
}

.abs {
  position: absolute;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

div, span {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

/*解決滾動到區塊時出現框線問題*/
a, a:hover {
  text-decoration: none;
}

.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url(../images/bg_01.png);
  background-repeat: repeat-y;
  background-size: contain;
}

.border_g {
  width: 65%;
  position: relative;
  margin: 7% auto 4% auto;
  background-color: #fff;
  border: #9fd9f6 solid 2px;
  text-align: center;
  padding-bottom: 3%;
}
@media (max-width: 767px) {
  .border_g {
    width: 90%;
    margin-top: 15%;
  }
}
.border_g::after {
  display: block;
  content: "";
  width: 102%;
  height: 100%;
  position: absolute;
  left: -1%;
  top: 0;
  background-color: #fff9b3;
  outline: #9fd9f6 solid 2px;
  z-index: -1;
}
@media (max-width: 767px) {
  .border_g::after {
    width: 104%;
    left: -2%;
  }
}
.border_g p {
  font-size: 1.3vw;
  line-height: 3vw;
  color: #727171;
}
@media (max-width: 767px) {
  .border_g p {
    font-size: 4vw;
    line-height: 4vw;
    margin-top: 4vw;
  }
}

.btn_buy {
  width: 6.5%;
  position: fixed;
  right: 0%;
  bottom: 2%;
  z-index: 99;
  transform-origin: center;
  animation: btn_buy 1s ease-in-out infinite;
}
@media (max-width: 767px) {
  .btn_buy {
    width: 15%;
    bottom: 4%;
  }
}

@keyframes btn_buy {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
/* KV */
@media (max-width: 767px) {
  #p01 {
    padding-top: 5%;
    background-color: #FFF;
  }
}

.kvtitle {
  z-index: 3;
  position: absolute;
  top: 3%;
}
@media (max-width: 767px) {
  .kvtitle {
    top: 6%;
  }
}

.kv_g {
  position: absolute;
  top: 31%;
}
@media (max-width: 767px) {
  .kv_g {
    top: 34%;
  }
}
.kv_g .swiper {
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
.kv_g .swiper-slide .img {
  width: 90%;
}

/* 台虎冬季航班全航線 */
.title_01 {
  position: absolute;
  margin-top: -12.2%;
  z-index: 5;
}
@media (max-width: 767px) {
  .title_01 {
    margin-top: -36%;
  }
}

.price {
  display: flex;
  justify-content: center;
  padding: 1%;
}
.price img {
  width: 42%;
}
@media (max-width: 767px) {
  .price {
    margin-top: 23%;
    width: 90%;
    padding: 4%;
  }
  .price img {
    width: 100%;
  }
}

#p02 {
  padding-bottom: 5%;
}
@media (max-width: 767px) {
  #p02 {
    padding-bottom: 0%;
  }
}
#p02 h2 {
  font-size: 1.2vw;
  line-height: 2vw;
  color: #3b3b3b;
}
@media (max-width: 767px) {
  #p02 h2 {
    font-size: 4vw;
    line-height: 4vw;
  }
}

ul.sale_tips {
  width: 70%;
  margin: 0 auto;
  list-style-type: decimal;
  font-size: 1vw;
  line-height: 1.5vw;
  color: #727171;
}
@media (max-width: 767px) {
  ul.sale_tips {
    width: 100%;
    margin: 0 auto;
    padding-right: 4%;
    font-size: 3.2vw;
    line-height: 5vw;
  }
}
ul.sale_tips li {
  margin-bottom: 0.5%;
  margin-left: 2%;
}
@media (max-width: 767px) {
  ul.sale_tips li {
    margin-bottom: 1%;
    margin-left: 4%;
  }
}
ul.sale_tips li a {
  color: #e15513;
}

.btn_buytips {
  width: 16%;
  margin: 1% auto 0 auto;
  z-index: 3;
}
@media (max-width: 767px) {
  .btn_buytips {
    width: 50%;
    margin: 6% auto 4% auto;
  }
}

/* 航班時刻 */
.title_02 {
  margin: 0 auto;
  width: 30%;
  margin-top: -6%;
}
@media (max-width: 767px) {
  .title_02 {
    width: 57%;
    margin-top: -8%;
  }
}

.country {
  width: 17%;
  margin: 3% auto 1% auto;
}
@media (max-width: 767px) {
  .country {
    width: 29%;
  }
}

ul.area {
  display: flex;
  width: 95%;
  padding: 0;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
}
ul.area li {
  width: 18%;
  margin: 1%;
  list-style: none;
}
@media (max-width: 767px) {
  ul.area li {
    width: 30%;
  }
}
ul.area li:hover {
  background-color: #fff9b3;
}

/* 虎迷優惠 */
#p05 {
  display: flex;
  background-image: url(../images/bg_02.png);
  background-repeat: repeat-y;
}

.title_03 {
  width: 19%;
  position: absolute;
  left: 40.5%;
  top: 4%;
  z-index: 5;
}
@media (max-width: 767px) {
  .title_03 {
    width: 57%;
    margin-top: -3%;
    left: 21.5%;
  }
}

.discount_g {
  width: 60%;
  margin: 11% auto 5% auto;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 767px) {
  .discount_g {
    margin-top: 25%;
  }
}
.discount_g .swiper-slide {
  margin-bottom: 2%;
}
@media (max-width: 767px) {
  .discount_g .swiper-slide {
    margin-bottom: 10%;
  }
}
.discount_g a {
  width: 50%;
  position: absolute;
  bottom: -2.7%;
  left: 25%;
}

/* 購票抽智慧電車 */
@media (max-width: 767px) {
  #p06 {
    padding-bottom: 10%;
  }
}

.title_04 {
  width: 44%;
  position: absolute;
  left: 28%;
  top: -13%;
  z-index: 5;
}
@media (max-width: 767px) {
  .title_04 {
    width: 90%;
    left: 5%;
    top: -5%;
  }
}

.motor {
  width: 21%;
  position: absolute;
  right: 9%;
  top: -12%;
  z-index: 3;
}
@media (max-width: 767px) {
  .motor {
    width: 67%;
    right: 14%;
    top: 51%;
  }
}

.motor_t {
  width: 90%;
  margin: 7% auto 0% auto;
}
@media (max-width: 767px) {
  .motor_t {
    margin-top: 17%;
    margin-bottom: 10%;
  }
}

.btn_login {
  width: 20%;
  position: absolute;
  left: 40%;
  bottom: -7%;
  z-index: 3;
}
@media (max-width: 767px) {
  .btn_login {
    width: 40%;
    left: 30%;
    bottom: -2.8%;
  }
}

.schedule {
  width: 75%;
  margin: 0 auto;
  padding: 4%;
}
@media (max-width: 767px) {
  .schedule {
    width: 100%;
    padding: 10% 0;
  }
}/*# sourceMappingURL=full.css.map */