@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

* {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale 
}
body {
	margin:0 auto;
	background-color:#FFF;
	font-family:'Lato',Arial,sans-serif,STHeiti,'Microsoft JhengHei','敺株��迤暺煾��',"暺睲��" 
}
button {
	border:0;
	background:none;
	outline:0!important;
	box-shadow:none!important 
}

a:hover {
	text-decoration:none 
}


.top-banner {
	background:#f2f2f2
}

.top-banner .kv {
	max-width:1440px;
	 margin:0 auto;
	 text-align:center;
}

.content-wrapper {
	/*background-color: #F5F7F9;*/
	padding: 30px 0 0;
}


.content-wrapper .intro {
	letter-spacing: 0.01em;
	font-family:'Noto Sans TC',sans-serif;
}

.content-wrapper .intro h2{
    font-size: 26px;
	line-height: 1.5;
    font-weight: bold;
    text-align: center;
    color: #2e2e2e;
    margin-bottom: 20px;
}

.content-wrapper .intro p, .content-wrapper .promo {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 18px;
    color: #2e2e2e;
    line-height: 1.765;
    font-weight: 300;
    text-shadow: 0px 0px 12px #fff;
	margin:0 auto
}

.content-wrapper .special {
	font-weight: bold;
	color: #f33;
	font-size: 20px;
}


/* Guideline */
.redeem_guideline {
	margin:40px auto 60px;
}

.redeem_guideline h2 {
	font-weight: bold;
    font-size: 24px;
    color: #2e2e2e;
	background: linear-gradient(to top, rgba(255,154,154,0.3) 50%, transparent 50%);
	padding:0 20px;
	display: inline;
	letter-spacing: 0.1em;
}

.redeem_guideline .carousel-item{
	transition-duration: 0.85s;
}

.redeem_guideline .carousel-indicators {
	bottom:-50px;
}
.redeem_guideline .carousel-indicators li{
	height: 10px;
	width:10px;
	border:1px solid #f33;
	border-radius:50%;
}

.redeem_guideline .carousel-indicators .active {
	background:#f33;
} 

.redeem_guideline .carousel-control-prev, .carousel-control-next {
	opacity: 1;
	width: 10%;
}

.redeem_guideline .carousel-control-prev-icon {
	background:url(../images/angle-left.svg) no-repeat center/contain;
}

.redeem_guideline .carousel-control-next-icon {
	background:url(../images/angle-right.svg) no-repeat center/contain;
}

.redeem_guideline ol {
	margin-top:20px;
}

.redeem_guideline .guideline li {
	font-size: 19px;
    line-height: 28px;
	color: #2e2e2e;
	margin-bottom: 10px;
}

.promo-tag .promo-tag-box {
	margin:20px auto;
	background-color: rgba(255,154,154,0.2);
    border-radius: 10px;
	padding: 20px 30px;
    color: #2e2e2e;
	font-family: 'Noto Sans TC', sans-serif;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 16px;
}

.promo-tag .promo-tag-box p{
	margin-bottom: 8px;
}

.content-wrapper .promo{
	padding: 30px 0;
	background-color: #F2F2F2;
	margin-top: 30px;
}

.content-wrapper .promo .special {
	color: #f33;
}

.content-wrapper .promo small{
	font-size: 13px;
    color: #2e2e2e;
    margin-top: 15px;
    display: block;
	letter-spacing: 0.01em;
}

/* Coupon Code */
.offer-wrapper .offer-coupon {
	margin-bottom:20px 
}

.coupon-section {
	border-radius:5px;
	font-weight:700;
	font-size:21px;
	text-transform:uppercase;
	letter-spacing:.05em;
	height:45px;
	background-color:#fff;
	text-align:center;
	line-height:45px;
	border: 1px solid #CCCCCC;
	color: #ec2327;
}

.btn-CouponCopy{
	background:#ee1818/*#CC0000*/;
	border-radius:5px;
	font-weight:700;
	font-size:18px;
	line-height:45px;
	text-align:center;
	letter-spacing:.05em;
	color:#FFF;
	width:100%;
	padding:0;
	height:45px;
}




.selected{background: /*linear-gradient(90deg,#5a9216 0%,#8bc34a 100%);*/ color:#fff; background:#000; opacity: 0.6; cursor: auto;}


/* Deals  */
.deals {
	padding:30px 0;
}

.deals.flight-deals .container{
	max-width:1000px;
	margin:0 auto;
}

@media (min-width:1200px){
	.deals.hotel-deals .container {
		max-width:1240px;
	} 
}

.flight-deals .title, .hotel-deals .title, .deals .title .special{
	font-weight:700;
	font-size:24px;
	line-height:30px;
	color:#0285D2;
}
.deals .title {
	margin-bottom:25px;
}

.deals .title .special{
	display: inline-block;
	color: #f33;
}

.deals .title-icon {
	vertical-align:-2px;
	margin-right:10px;
	max-width:25px;
	width: 100%;
}

.deal-box:hover{
	border: 1px solid #E41C26;
    transition: all .3s;
}


.deal-box{
	border:1px solid #d9d9d9;
	display:flex;
	justify-content:space-between;
	margin-bottom: 20px;
	background: #fff;
}

.deal-flight-box {
	align-items: center;
}

.deal-flight-box, .deal-hotel-box .right{
	padding:12px;
}


.deal-box .airline,.deal-box .flight-type {
	color:#0285D2
}

.deal-box .airline {
	font-size:20px;
	font-weight: 900;
}

.deal-box .flight-type {
	font-size:14px;
	color:#2e2e2e
}


.deal-box .depart{
	font-size: 14px;
}

.deal-box .depart img {
	vertical-align: -2px;
	margin-right: 8px;
}

.deal-box .price, .deal-box .price small {
	font-size:22px;
	font-weight:700;
	color: #ec2327;
}

.deal-box .price span{
	font-size:16px;
	color: #ec2327;
    display: inline-block;
}

.deal-flight-box .price span {
	font-size:13px;
}

.deal-box .ori-price {
	/*margin-top:10px;
	text-decoration:line-through;*/
	font-size:14px;
	color: #2e2e2e;
}

.deal-box .remarks, .deal-box .hotel-remarks {
	font-size:14px!important;
	color: #fff;
}


.deal-box button {
	font-weight:700;
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#FFF;
	background:#ec2327;
	padding: 8px;
	margin-top: 8px;
}

.deal-flight-box button{
	max-width: 128px;
	width:100%;
}

.hotel-deals {
	background:#F5F7F9;
}

.deal-hotel-box {
	flex-direction: column;  
	border:0;
	border-radius:6px;
}

.deal-hotel-box .hotel {
    min-height: 60px;
}

.deal-hotel-box:hover {
 border:0;
}

.deal-hotel-box:hover .right{
 border:0;
 box-shadow:0px 4px 10px rgba(15 41 77 / 20%);
}

.deal-hotel-box .hotel {
 font-weight: 700;
 font-size: 20px;
 line-height: 30px;
 text-align: center;
 letter-spacing: 0.05em;
 color: #2e2e2e;
}
.deal-hotel-box .hotel span {
 font-weight: normal;
}

.deal-hotel-box .hotel-img {
 border-radius:6px 6px 0 0;
 overflow: hidden;
 height: 176px;
}

.deal-hotel-box .hotel-img img{
	height: 100%;
	object-fit: cover;
}

.deal-hotel-box .right {
 background: #fff;
 border-radius:0 0 6px 6px;
 box-shadow: 0px 2px 8px rgba(15, 41, 77, 0.2);
 transition: all .3s
}


.deal-box .hotel-remarks {
 color: #2e2e2e;
}

.deal-hotel-box .price, .deal-hotel-box .price span {
 color: #000;
 font-family: 'Lato', sans-serif;
 color:#ec2327
}

.deal-hotel-box .price {
 font-size:20px;
 line-height: 1;
}

.deal-hotel-box small{
	font-size: 12px !important;
    color: #2e2e2e !important;
	font-weight: 400 !important;
	display: block;
	margin-top: 6px;
}

.deal-hotel-box .ori-price {
	min-height:21px;
	color:#666;
	margin: 8px auto 0;
	font-weight: normal;
}

.deal-hotel-box button {
	border-radius: 3px;
	margin-top:12px;
}

/* TnC */
.tnc_container {
	padding:30px 0
}
.tnc_container .btn-tnc {
	color: #2e2e2e;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
	padding: 10px 15px;
	border-radius:6px;
	font-weight:bold;
	font-size:16px;
}

.tnc_container .btn-tnc[aria-expanded="true"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom:0
}

.tnc_container .card-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top:0;
	font-size: 16px;
    color: #000;

}

.tnc_container .card-body ol{
	padding-inline-start: 35px;
}

.tnc_container .card-body li {
	margin-bottom: 15px;
	line-height: 1.5;
}

.tnc_container table, .tnc_container .table td, .tnc_container table th {
	font-size:14px;
	border-color: #666666;
}

.disclaim {
	font-weight:bold;
    font-size: 15px;
    color: #2e2e2e;
    text-align: right;
}


/* Resposnive */
@media (min-width: 1199px){
	.deal-hotel-box .price{
		min-height: 40px;
		vertical-align: bottom;
	}
}

@media (max-width:1024px) {
	.offer-wrapper .offer-contents .title .head-title:after {
		width: 100%;
	}

	.offer-wrapper h2 {
		font-size:24px;
		padding-top: 10px;
	}

}

@media (max-width:991px) {
	.offer-wrapper .btn-more {
		padding:12px 15px 
   }
   .offer-wrapper .btn-more:after {
		right:15px;
   }

   .deal-box .left {
   		width: 60%
   }

    .deal-hotel-box .left{
   		width: 300px;
   	}


   .deal-hotel-box .hotel-img{
	height:220px;
   }

}


@media (max-width:767px) {
	

	.content-wrapper .intro h2{
		font-size: 24px; 
	}

	.content-wrapper .intro p, .content-wrapper .promo {
		font-size:16px;
	}

	.flight-deals .title, .hotel-deals .title, .deals .title .special {
		font-size:20px;
	}

	.coupon-section {
		margin-bottom:15px 
   }
	.expand-content {
		padding:25px 
   }

   .deal-box:not(.deal-hotel-box) .left {
   	flex: 1;
   }

   .deal-box .right{
   	flex: unset;
   }

   .deal-box:not(.deal-hotel-box) .price {
   	font-size: 20px;
   }
   .deal-hotel-box {
   		flex-direction: column;
   }

   .deal-hotel-box .hotel-img{
	height:unset;
   }

   .redeem_guideline {
	   margin-bottom:0px;
   }

   #guidelineCarousel {
	   margin-bottom:70px;
   }

   #guidelineCarousel img {
	   max-width: 400px;
	   margin:0 auto
   }

   .redeem_guideline h2 {
	   font-size:22px;
   }

   .redeem_guideline .guideline li {
	   font-size:16px;
   }


}

/* For EN */
.content-wrapper.en * {
	letter-spacing:0!important 
}

.en .deal-box .price, .en .deal-box .price small {
	line-height: 1;
}

.en .deal-hotel-box .hotel, .en .deal-box .airline {
	font-size:18px;
}

.en .deal-hotel-box .hotel {
	margin-bottom:20px;
}


@media (min-width:767px){
	.en .deal-hotel-box .hotel {
		min-height:90px;
	}
}


@media (max-width: 414px){
	.en .deal-box .price span, .en .deal-box .price small {
		display: block;
	}
}	

@media (max-width: 320px){
	.en .deal-box .price small {
		display: block;
	}
	.deal-hotel-box .hotel {
		min-height: unset;
	}
}