@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=Montserrat:wght@600;700&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 
}
.anniversary-offer {
	position:relative;
	padding-top:56px;
	overflow:hidden;
	font-family:'Noto Sans TC',sans-serif;
	background:url(../images/bottom-pattern.png) repeat-x bottom
}
.anniversary-offer .bg:after {
	content:'';
	position:absolute;
	height:100%;
	top:0;
	width:100%;
	opacity: 0.9;
	/*background:url(../images/bg-emoji.png) no-repeat top 60px center/1440px auto,url(../images/bg-confetti.png) repeat-x top 30px center/1440px auto,url(../images/bg-radial.png) no-repeat top center/100% auto,linear-gradient(360deg,rgba(255,153,0,0) 35%,rgba(255,77,1,0.7) 100%)*/
	background:/*url(../images/bg-emoji.png) no-repeat top 60px center/1440px auto,*/url(../images/bg-confetti-green.png) repeat-x top 30px center/1440px auto,url(../images/bg-radial-w.png) no-repeat top center/100% auto,linear-gradient(360deg, rgba(255, 230, 0, 0) 17.78%, rgba(255, 230, 0, 0.7) 100%);
}
.anniversary-offer .container {
	background:url(../images/ppl-left.svg) no-repeat left bottom,url(../images/ppl-right.svg) no-repeat right bottom 
} 

/* Offer Content */
.offer-wrapper {
	position:relative;
	background:#FFF;
	border:3px solid #FFBF5F;
	box-shadow:0px 5px 10px rgba(234, 189, 14, 0.2);
	margin-bottom:85px 
}
.offer-wrapper .img-wrapper {
	position:absolute 
}
.offer-wrapper .img-wrapper.plane {
	right:-121px;
	top:-32px 
}
.offer-wrapper .img-wrapper.plane img {
	max-width:256px;
	width:100% 
}
.offer-wrapper .img-wrapper.luggage {
	left:-114px;
	bottom:-95px 
}
.offer-wrapper .img-wrapper.luggage img {
	max-width:248px;
	width:100% 
}
.ckhh-logo-bar {
	position: absolute;
	left: 15px;
	top: 20px;
}

.ckhh-logo-bar img {
	max-width: 220px;
	width: 100%;
}

.offer-wrapper h2 {
	font-family:'Noto Sans TC',sans-serif;
	font-weight:700;
	font-size:32px;
	line-height:47px;
	color:#0285D2;
	text-align:center;
	margin:0 auto;
	line-height: 1.4;
	padding: 20px 0 20px 0
}
.offer-wrapper h2 img {
	margin-right:20px;
	vertical-align:middle 
}
.offer-wrapper .offer-contents {
	padding:20px 80px 45px 
}

.offer-wrapper .offer-contents .title h1 {
	/*font-weight:700;
	font-size:24px;
	line-height:29px;
	color:#0285D2;
	font-family:'Montserrat',sans-serif;*/
	font-weight: 700;
	font-size: 28px;
	line-height: 41px;
	text-align: center;
	letter-spacing: 0.07em;
	color: #000000;
	margin-bottom:20px; 
	font-family:'Lato', 'Noto Sans TC',sans-serif;
	background: linear-gradient(to top, #DAF5B7 50%, transparent 50%);
	display: inline;
	padding:0 20px;
}

.offer-wrapper .offer-contents .title p {
	/*font-weight:700;
	font-size:24px;
	line-height:29px;
	color:#0285D2;
	font-family:'Montserrat',sans-serif;*/
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.07em;
	color: #000000;
	margin-bottom:20px; 
	font-family:'Lato', 'Noto Sans TC',sans-serif;
}

.offer-wrapper .offer-contents .title p:first-of-type {
	margin-top:20px;
}

.offer-wrapper .offer-contents .head-title h1 img {
	max-width:540px;
	margin:20px auto 30px
}

.offer-wrapper .offer-contents .backhome {
	color: #007FC1;
	font-size: 14px;
	margin-bottom:20px;
	display: block;
}
.offer-wrapper .offer-contents .backhome .backhome-txt {
	position: relative;
	top: 2px;
}

/*.offer-wrapper .offer-contents .title .head-title p {
	background-color: #fff;
    width: auto;
    display: inline-block;
    z-index: 3;
    padding: 0px 20px;
    font-size: 28px;
    line-height: 31px;
    color: #fc7c16;
    position: relative;
    margin: 0;
}
.offer-wrapper .offer-contents .title .head-title {
	position: relative;
}
.offer-wrapper .offer-contents .title .head-title:after  {
	content: '';
    width:80%;
    border-bottom: solid 4px #fc7c16;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    margin: 0 auto;
    z-index: 1;
}*/
.offer-wrapper .offer-contents .title .deadline{
	font-size: 15px
}


.offer-wrapper .offer-contents .font-20{
	font-size: 20px
}



.offer-wrapper .offer-contents .discount {
	/*font-weight:700;
	font-size:28px;
	line-height:38px;
	color:#E41C26;
	font-family:'Montserrat',sans-serif;
	margin-bottom:10px */
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #EB005D;
	font-family:'Lato', 'Noto Sans TC',sans-serif;
}

.offer-wrapper .offer-contents .discount.code {
	font-size: 24px;
	line-height: 36px;
	background: #fae359;
    padding: 2px 5px;
    border-radius: 5px;
	color: #000;
	letter-spacing: 0;
}

/* 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:#F6F6F6;
	text-align:center;
	line-height:45px 
}
.btn-CouponCopy {
	background:linear-gradient(90deg,#E41C26 0%,#FE8210 100%);
	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 
}


.discount-offer-box {
	border-radius:10px;
	border:1px solid #000;
	box-shadow: 1px 1px 0px #000000;
	overflow: hidden;
	max-width:620px;
	margin:0 auto;
	background:#FEFFE4;
	margin-bottom:30px;
}

.discount-offer-box .top {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.07em;
	color: #000000;
	padding:10px;
	background: #FAC146;
	border-bottom:1px solid #000
}

.discount-offer-box .bottom {
	padding:20px 15px 15px;
	background:url('../images/discount-box-bg.png') no-repeat bottom right/contain
}

.discount-offer-box .bottom .discount {
	font-family: 'Lato', 'Noto Sans TC', sans-serif;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	color: #EB005D;
	font-weight:bold;
	text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
               2px 2px #fff, -2px -2px #fff, 2px -2px #fff, -2px 2px #fff;
}

.discount-offer-box .bottom .discount span{
	font-size:35px;
	font-weight:bold;
}

.discount-offer-box .bottom p{
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.07em;
	color: #000000;
	padding-top:10px;
	margin-bottom: 0;
}

/* Location */
.locations .location-box {
	margin-bottom:20px;
	border:1px solid #DDD;
	border-radius:15px;
	-webkit-box-shadow:0 4px 8px rgba(62,62,62,0.25);
	-moz-box-shadow:0 4px 8px rgba(62,62,62,0.25);
	box-shadow:0 4px 8px rgba(62,62,62,0.25);
	transition:all .3s 
}
.locations .location-box:hover .location-img img{
	transform:scale(1.1);
	transition:all .5s 
}
.locations .location-box:hover {
	-webkit-box-shadow:0 4px 16px rgba(62,62,62,0.25);
	-moz-box-shadow:0 4px 16px rgba(62,62,62,0.25);
	box-shadow:0 4px 16px rgba(62,62,62,0.25); 
}
.locations .location-box .location-img {
	border-radius:15px 15px 0 0;
	height:146px;
	overflow:hidden 
}
.locations .location-box img {
	height:100%;
	object-fit:cover 
}
.locations .location-box .location-content {
	padding:15px;
	font-family:'Noto Sans TC',sans-serif 
}
.locations .location-box .title {
	font-weight:700;
	font-size:18px;
	line-height:23px;
	color:#0285D2;
	margin-bottom:3px 
}
.locations .location-box .description {
	font-weight:400;
	font-size:16px;
	line-height:23px;
	color:#000;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	min-height:50px;
	margin:0 auto 
}

/* Expand Contents */
.offer-wrapper .btn-more {
	position:relative;
	width:100%;
	background:#009734;
	border-radius:5px;
	font-family:'Noto Sans TC',sans-serif;
	font-weight:700;
	font-size:16px;
	line-height:24px;
	text-align:left;
	margin-top:20px;
	padding:12px 28px;
	color:#fff;
	
}
.offer-wrapper .btn-more[aria-expanded="true"] {
	border-radius:5px 5px 0 0 
}
.offer-wrapper .btn-more:after {
	content:'';
	background:url(../images/icon-plus.svg) no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	top:12px;
	right:28px;
	display:block;
	transform:rotateZ(180deg);
	transition:all .3s 
}
.offer-wrapper .btn-more[aria-expanded="true"]:after {
	transform:rotateZ(0deg);
	background:url(../images/icon-expand.svg) no-repeat 
}
.expand-content {
	padding:25px 45px;
	border:1px solid #009734;
	border-top:0;
	border-radius:0 0 5px 5px;
	font-family:'Inter',sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:14px;
	line-height:17px;
	color:#000 
}


.expand-content table {
	border:1px solid #000 !important;
	margin-top:8px;
	width: 100%;
}

.expand-content ul {
	padding-inline-start: 10px;
}

.expand-content li {
	margin-bottom:8px;
}

.expand-content a {
	text-decoration:underline 
}
.discount-details .caption {
	display:flex;
	justify-content:space-between;
	align-items:baseline 
}
.expand-content .intro {
	display:flex;
	justify-content:space-between 
}
.expand-content .intro .d-flex .no {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	width:20px;
	height:20px;
	left:0;
	top:0;
	color:#0285D2;
	border:1px solid #0285D2;
	border-radius:50%;
	font-weight:600;
	font-size:14px;
	line-height:33px;
	font-family:'Montserrat',sans-serif 
}
.expand-content .intro p {
	font-family:'Noto Sans TC',sans-serif;
	font-weight:700;
	font-size:16px;
	line-height:24px;
	text-align:center;
	color:#333 
}
.expand-content .intro span {
	font-weight:700;
	font-size:18px;
	line-height:27px;
	color:#E41C26 
}
.offer-wrapper .intro .d-flex {
	position:relative;
	align-items:center;
	flex-direction:column;
	max-width:243px;
	width:100% 
}
.offer-wrapper .intro .title-icon {
	max-width:105px;
	margin:0 auto 12px;
	width:100%;
	text-align:center 
}
.offer-wrapper .remarks {
	font-size:12px!important;
	line-height:15px 
}
.offer-wrapper hr {
	border-color:#DDD 
}


/* Email Subscibe */
.email-subscribe {
	background-color:#EEF8FF;
	padding:10px 8% 
}
.email-subscribe .signup-msg {
	font-family:'Noto Sans TC',sans-serif;
	font-weight:700;
	font-size:20px;
	line-height:30px;
	color:#0071B2 
}
.email-subscribe .subscription-content {
	margin-left:35px;
	display:flex;
	flex-direction:column 
}
.email-subscribe .signup-msg .offer {
	font-family:'Montserrat',sans-serif;
	font-weight:700;
	font-size:30px;
	line-height:36px;
	color:#E41C26;
	padding:0 4px 
}
.email-subscribe .signup-msg p {
	font-weight:400;
	font-size:14px;
	line-height:21px;
	letter-spacing:.05em;
	color:#000;
	margin:5px 0 12px;
	text-align:left 
}
.email-subscribe .signup-msg p a {
	text-decoration:underline;
	font-weight:400;
	font-size:14px;
	line-height:21px;
	letter-spacing:.05em;
	color:#000 
}
.email-subscribe .email-input {
	display:flex 
}
.email-subscribe .email-input input {
	height:40px;
	background:#FFF;
	border:1px solid #CCC;
	border-radius:5px;
	padding:10px;
	font-weight:400;
	font-size:15px;
	line-height:22px;
	letter-spacing:.05em;
	color:#6A6A6A;
	max-width:360px;
	width:100%;
	margin-right:20px;
	display:inline-block 
}
.email-subscribe .email-input input:focus,.email-subscribe .btn-subscribe:focus {
	outline:0;
	box-shadow:none 
}
.email-subscribe .btn-subscribe {
	background:linear-gradient(#fff,#fff) padding-box,linear-gradient(490deg,#E41C26 0%,#FE8210 100%) border-box;
	border:2px solid transparent;
	border-radius:5px;
	border-radius:5px;
	font-weight:700;
	font-size:15px;
	line-height:22px;
	display:flex;
	align-items:center;
	text-align:center;
	letter-spacing:.05em;
	color:#E41C26;
	width:125px;
	height:40px;
	display:inline-block 
}

/* Coming Soon */
.more_title {
	position:relative;
	margin:0 0 30px 
}
.more_title p {
	width:auto;
	display:inline-block;
	z-index:3;
	padding:0 35px;
	color:#4F4F4F;
	position:relative;
	margin:0;
	font-weight:700;
	font-size:24px;
	line-height:1.6;
	text-align:center;
	letter-spacing:.05em;
	color:#0085D2 
}
.more_title:before,.more_title:after {
	background-color:#0085D2;
	content:"";
	display:inline-block;
	height:1px;
	position:relative;
	vertical-align:middle;
	width:15% 
}
.more_title:before {
	right:.5em;
	margin-left:-50% 
}
.more_title:after {
	left:.5em;
	margin-right:-50% 
}
.coming-soon {
	max-width:650px;
	margin:0 auto 320px 
}
.coming-soon img {
	max-width:92px;
	width:100% 
}
#SignUpModal .modal-dialog {
	max-width:650px 
}
#SignUpModal.modal.modal-static .modal-dialog {
	-webkit-transform:none!important;
	transform:none!important 
}
#SignUpModal .modal-body {
	padding:40px 
}
#SignUpModal h5 {
	font-weight:700;
	color:#ED1C24;
	font-size:24px;
	padding-bottom:20px 
}
#SignUpModal p {
	color:#333;
	font-size:16px;
	margin-bottom:30px;
	font-family:'Noto Sans TC',sans-serif 
}
#SignUpModal .btn-done {
	font-family:'Noto Sans TC',sans-serif;
	margin:0 auto;
	border-radius:5px;
	font-weight:700;
	font-size:18px;
	text-align:center;
	letter-spacing:.05em;
	color:#53b780;
	width:150px;
	height:40px;
	border:2px solid #53b780;
	cursor:pointer 
}
#back-to-top a {
	font-size:14px;
	text-decoration:none 
}
.btn-home {
	position:absolute;
	top:20px;
	left:25px;
	z-index:2 
}
.btn-home a {
	font-size:18px;
	color:#ED1C24 
}
.btn-home img {
	margin-top:-4px 
}

.email-error-box.d-flex
{
    display: none !important;    
}
.email-error-box.d-flex.show
{
    display: flex !important;    
}

.email-error-box .email_error{    
    color:red;    
}
.selected{background: linear-gradient(90deg,#5a9216 0%,#8bc34a 100%);cursor: auto;}


/* Deals  */
.deals .title p {
	font-size:20px;
	line-height:30px;
}

.deals .title img {
	vertical-align:-2px;
	margin-right:10px
}

.deals .title span {
	font-weight:400;
	font-size:16px;
	line-height:24px;
	color:#666;
	display:block;
	text-align:center
}

.deal-box {
	color: #333;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    border: 1px solid transparent;
}

.deal-box .left{
	width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-right: 0;
    transition: all .3s;
}

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

.deal-box .right{
    background: #E41C26;
    display: flex;
    flex-direction: column;
    padding: 12px;
    flex: 1;
    justify-content: center;
}

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

.deal-box .flight-type,.deal-box .hotel {
	font-size:20px;
	font-weight: 900;
}

.deal-box .hotel {
	min-height:45px
}

.deal-box .airline {
	font-size:16px;
	color:#333
}

.deal-box .flight-details {
	font-size:15px;
	color:#333
}

.deal-box .price {
	font-size:24px;
	font-weight:700;
	color: #fff;
}

.deal-box .price span{
	font-size:18px;
	color: #fff;
}

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

.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:#E41C26;
	width:100%;
	padding: 8px;
}

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

   .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: #333;
   }
	.deal-hotel-box .hotel span {
	    font-weight: normal;
	}

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

	.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: #333;
	}

	.deal-hotel-box .price, .deal-hotel-box .price span {
		color: #000;
		margin-bottom: 10px;
		font-family: 'Lato', sans-serif;
		color:#EB005D
	}

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

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

	.deal-hotel-box button {
		background: #F68E12;
		border-radius: 3px;
		font-size: 16px;
		line-height: 24px;
	}

	.discount-code .wrapper{
		display: flex;
		align-items: center;
		font-size:22px;
		border-radius: 15px;
		max-width: 450px;
		margin:10px auto 20px;
		background:#FAC146;
		overflow: hidden;
		font-weight:500;
	}

	.discount-code .wrapper div:first-child {
		color: #333;
		padding:10px 25px 10px;
	}

	.discount-code .wrapper div:nth-child(2) {
		color: #333;
		flex:1;
		background: white;
		padding:10px;
		border:1px solid #FAC146;
		border-left: 0;
		border-right: 0;
		
	}
	.discount-code .wrapper div:last-child {
		color: #333;
		padding:10px 25px 10px;
	}
	
	#copy-code-btn{
	   transition: .2s ease-in-out 0s;
	   }
	   #copy-code-btn:hover{
		  transform: scale(1.25);
		  }




/* Resposnive */
@media (min-width:992px){

	.slogan img{
		max-width: 750px;
		margin:0 auto
	}
}


@media (max-width: 1199px){
	.deal-box .left {
		width: 180px;
	}

}

@media (max-width:1024px) {

	.offer-wrapper .offer-contents {
		padding:20px 30px 45px 
   }

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

}

@media (max-width:991px) {
	.anniversary-offer .bg:after {
		/*background:url(../images/bg-emoji-m.png) no-repeat top 120px center/contain,url(../images/bg-confetti-m.png) no-repeat top 120px center/1440px auto,url(../images/bg-radial.png) no-repeat top center/100% auto,linear-gradient(360deg,rgba(255,255,255,0) 20%,rgba(255,153,0,0.2) 31%,rgba(255,77,1,0.7) 100%) */
		background:/*url(../images/bg-emoji-m.png) no-repeat top 120px center/contain,*/url(../images/bg-confetti-m-green.png) no-repeat top 120px center/1440px auto,url(../images/bg-radial-w.png) no-repeat top center/100% auto,linear-gradient(360deg, rgba(255, 230, 0, 0) 17.78%, rgba(255, 230, 0, 0.7) 100%);
   }

   .anniversary-offer > .container {
		max-width: 90%;
	}

   .offer-wrapper h2 {padding:15px 0}
	.offer-wrapper h2 img {
		max-width:200px;
		/*width:100%
		width: 80%; */
   }
	.locations .location-box {
		width:90%;
		margin:0 auto 20px 
   }
	.offer-wrapper .btn-more {
		padding:12px 15px 
   }
   .offer-wrapper .btn-more:after {
		right:15px;
   }
	.subscribe-section {
		padding:15px 0 
   }
	.subscription-box {
		flex-direction:column 
   }
	.subscribe-section .subscription-content {
		margin:10px auto 0 
   }
	.subscription-box .icon-wrapper {
		display:none 
   }
	.email-subscribe {
		padding:10px 5% 
   }
	.email-subscribe .signup-msg {
		font-size:16px 
   }
	.email-subscribe .signup-msg .offer {
		font-size:20px 
   }
	.email-subscribe .signup-msg:before {
		content:'';
		background:url(../images/icon_subscribe.png) no-repeat center center/cover;
		width:40px;
		height:40px;
		display:inline-block;
		vertical-align:-6px;
		margin-right:10px 
   }
	.email-subscribe .subscription-content {
		margin-left:0 
   }
	.email-subscribe .subscription-box .offer-msg {
		display:initial 
   }
	.subscribe-section .subscription-box .signup-msg:before {
		content:'';
		background:url(../images/icon_subscribe.png) no-repeat center center/cover;
		width:40px;
		height:40px;
		display:inline-block;
		vertical-align:-6px;
		margin-right:10px 
   }

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


}

@media (max-width:768px) {
	.anniversary-offer .bg:after {
		/*background:url(../images/bg-confetti-m.png) no-repeat top 60px center/1440px auto,url(../images/bg-radial.png) no-repeat top center/100% auto,linear-gradient(360deg,rgba(255,255,255,0) 20%,rgba(255,153,0,0.2) 31%,rgba(255,77,1,0.7) 100%) */
		background:url(../images/bg-confetti-m-green.png) no-repeat top 60px center/1440px auto,url(../images/bg-radial-w.png) no-repeat top center/100% auto,linear-gradient(360deg, rgba(255, 230, 0, 0) 17.78%, rgba(255, 230, 0, 0.7) 100%);
   }
	.offer-wrapper {
		margin-bottom:45px 
   }
   .anniversary-offer > .container {
    max-width: 100%;
	}

	.offer-wrapper .offer-contents .title h1 {
		font-size:25px;
		line-height: 37px;
		padding:0 10px;
	}

}

@media (max-width:767px) {
	.offer-wrapper h2 img {
		max-width:180px;
		margin-right:0;
   }

	.offer-wrapper .offer-contents .title p{
		font-size:16px 
   }


   .discount-offer-box .bottom .discount{
		font-size:18px 
   }


   .offer-wrapper .offer-contents .discount.code {
		font-size: 20px;
	}


	.offer-wrapper .offer-contents .head-title h1 img.mobile {
		max-width: 300px;
	}
	.coupon-section {
		margin-bottom:15px 
   }
	.expand-content {
		padding:25px 
   }
	.email-subscribe {
		display:block 
   }
	.email-subscribe .email-box {
		flex-direction:column 
   }
	.email-subscribe p {
		font-size:16px 
   }
	.email-subscribe img {
		max-width:100px;
		padding-right:15px 
   }
	.subscribe-btn {
		width:100% 
   }
	.email-subscribe .subscribe-wrapper {
		flex-direction:column 
   }
	.email-subscribe .subscribe-wrapper .d-flex {
		align-items:center 
   }
	.email-subscribe .subscribe-wrapper input {
		max-width:100%;
		margin:15px auto 
   }

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

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

	.deal-box .ori-price {
		font-size: 12px;
	}
   .deal-box:not(.deal-hotel-box) .price {
   	font-size: 18px;
   }
   	.deal-box button {
   		font-size: 16px;
   	}
   	.deal-box .price {
   		font-size: 20px;
   	}

	   .discount-code .wrapper {
		   font-size:20px;
	   }
}

@media (max-width:550px) {
	.anniversary-offer .bg:after {
		/*background:url(../images/bg-confetti.png) repeat-x top 30px center/contain,url(../images/bg-radial.png) no-repeat top center/100% auto,linear-gradient(360deg,rgba(255,255,255,0) 20%,rgba(255,153,0,0.2) 31%,rgba(255,77,1,0.7) 100%) */
		background:url(../images/bg-confetti-green.png) repeat-x top 30px center/contain,url(../images/bg-radial-w.png) no-repeat top center/100% auto,linear-gradient(360deg, rgba(255, 230, 0, 0) 17.78%, rgba(255, 230, 0, 0.7) 100%); 
   }
	.anniversary-offer .container {
		background:url(../images/ppl-left.svg) no-repeat left -12px bottom/130px auto,url(../images/ppl-right.svg) no-repeat right bottom/130px auto 
   }

   .offer-wrapper .offer-contents {
	   padding-left: 15px;
	   padding-right:15px;
   }

	.offer-wrapper {
		margin-bottom:35px 
   }
	.offer-wrapper h2 {
		font-size:22px 
   }
	.offer-wrapper .intro {
		flex-direction:column;
		justify-content:center 
   }
	.offer-wrapper .intro p {
		letter-spacing:.05em!important 
   }
	.offer-wrapper .intro .d-flex {
		margin:0 auto 15px;
		max-width:90% 
   }
	.coming-soon {
		margin-bottom:260px 
   }
	.coming-soon img {
		max-width:calc((100vw / 4) - 25px) 
   }
	.more_title p {
		font-size:18px 
   }
	.more_title:after {
		left:-15px;
		margin-right:-50%;
		top:-20px 
   }
	.more_title:before {
		right:-35px;
		margin-left:-50%;
		top:-20px 
   }
	#SignUpModal .modal-body {
		padding:20px 20px 30px 
   }
	.btn-home {
		top:65px 
   }
	#back-to-top a {
		bottom:30px;
		right:15px 
   }
   .deadline {
   	font-size: 15px;
   }
   .deals .title p {
   	font-size: 20px;
   }


	.offer-wrapper h2 {
		padding-top: 10px;
		padding-bottom:10px;
	}

   .offer-wrapper .offer-contents .title .subtitle { 
   	font-size: 20px;
   }

	.offer-wrapper .offer-contents .font-20{
		font-size: 18px
	}

	.deal-box .flight-type, .deal-box .hotel {
		font-size: 18px;
	}

	.offer-wrapper .btn-more p {
		width: 80%;
		margin-bottom: 0;
	}

	.discount-offer-box .top {
		font-size:18px;
	}

	.discount-offer-box .bottom p {
		font-size:18px;
	}

}

/* For EN */
.anniversary-offer.en * {
	letter-spacing:0!important 
}