/* vertical-centered text */

.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.text-vcenter h1 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  display: none;
}

/* additional sections */
.box{
  padding-top:100px;
  padding-bottom: 50px;
}

#box1 {
  display: table;
  height: 530px;
  width: 100%;
}

/* BOX1 banner  */
.bannerbg{
    height: 530px;
    background: #fff url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/banner_pc202003.jpg);
    background-repeat: no-repeat; 
    background-position:center center ; 
    -moz-background-size: cover;
    background-size: cover;
}
 @media only screen and (max-width: 767px){
    #box1 {
      height: 350px;
      width: 100%;
    }
    .bannerbg{
        background: #fff url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/banner_mobile202003.jpg) ;
        background-repeat: no-repeat; 
        background-position:center center ; 
        /*background-attachment:fixed;*/
        -moz-background-size: cover;
        background-size: cover;
    }

} 

#box2 {
  background: #7c5aa6;
}

#box3 {
  background-color: #febcd2;
  /* background: url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/box3_bg.jpg) no-repeat center top , url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/box4_bg_bottom.png) no-repeat center bottom; */
  
  padding-bottom: 2em;
}

#box4 {
  background-color: #6c6dfd;
  
  /* background: url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/box4_bg.png) no-repeat center top , url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/box4_bg_bottom.png) no-repeat center bottom; */
  padding-bottom: 2em;
  
}

#box5 {
  /* background-color: #aaa; */
  background: url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/box4_bg.png) no-repeat center top , url(https://event.cdn-eztravel.com.tw/events/airticket/event/airlinediscount/image/box4_bg_bottom.png) no-repeat center bottom;
  padding-bottom: 2em;
}



.card{
  border: 4px solid rgba(0,0,0,0); 
  background-color: rgba(255,255,255,0.5);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.card:hover{
  border: 4px solid #dc3545;
  background-color: #fff;
  z-index: 99;
  /* -moz-transform:scale(1.02);
  -webkit-transform:scale(1.02);
  -o-transform:scale(1.02);
  -ms-transform:scale(1.02);
  transform:scale(1.02); */
  /* -webkit-transform: rotate3d(0, 1, 0, 360deg);
  -moz-transform: rotate3d(0, 1, 0, 360deg);
  -ms-transform: rotate3d(0, 1, 0, 360deg);
  transform: rotate3d(0, 1, 0, 360deg); */
}



.ticket_img{
  height: 200px;
}
.ticket_height{
  min-height: 442px;
}


.card-body{
  padding: 0.5rem 0.8rem;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #dc3545;
    color: #fff;
    font-weight: bold;
}

.nav-pills .nav-link {
    color: #222;
    border-radius: 0rem;
    border-bottom: 3px solid #dc3545;
    margin: 5px 10px;
    padding: 10px 5px 2px 4px;
}


/*  */
figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 1em;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

figcaption {
    position: absolute;
    top: -10px;
    left: -15px;
    padding: 35px;
    background:rgba(204,85,0,0.8);
    color: #fff;
}


figure:hover figcaption{
    opacity: 1;
    -webkit-transform: translate(15px, 0px);
    -moz-transform: translate(15px, 0px);
    -ms-transform: translate(15px, 0px);
    transform: translate(15px, 0px);
}




/* BN TEXT */
.BN_block{
  width: 350px;
}

.txt-BN{
  background-color:#7c5aa6;
  color: #FFFFFF;
  padding: 2px 25px;
  display: inline-block;
}
.txt-month{
  font-size: 3em;
  font-weight: bold;
}
.txt-title{
  font-size: 3.5em;
  font-weight: bold;
  animation-delay: 0.5s ;
  -moz-animation-delay: 0.5s ;
  -webkit-animation-delay: 0.5s ;
}

.txt-sale{
  font-size: 2em;
  font-weight: bold;
  background-color: #d3e2c1;
  padding: 6px 25px;
  color: #1c5193;
  animation-delay: 1s ;
  -moz-animation-delay: 1s ;
  -webkit-animation-delay: 1s ;
}

@media only screen and (max-width: 321px){
  .BN_block{
      width: 305px;
    }
  .txt-month{font-size: 2.5em;}
  .txt-title{font-size: 3em;}
  .txt-sale{font-size: 1.5em;}
}
.txt-headline{
  font-size: 3em;
  font-weight: bold;
  border: 10px solid #fff;
  padding: 15px 30px;
  display: inline-block;

}


/* IMG */
.raiders_img{
  margin: 20px 0px;
  padding: 8px;
}
.raiders_img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 14;
}


/*  */
.dollartxt{
  color:#444;
  font-size: 16px;
}
.productPrice{
  color: #ff6600;
  font-size: 28px;
}
.productPrice:hover{
      /* color: #ff6600; */
      text-decoration:none;
 }

 .spectxt{
   color:#777;
 }


 /* 區域太長手機尺寸會超出去 */
 @media only screen and (max-width: 767px){
    .txt-tab{
      font-size: 90%;
   }
 }