header .menu a,
html[data-lang=tc] header .menu a {
	font-family: "Noto Sans TC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica;
	width: 80px
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=zh-hk] header .menu a#attractions,
	html[data-lang=tc] header .menu a#attractions {
		width: 75px
	}
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=zh-hk] header .menu a#shops,
	html[data-lang=tc] header .menu a#shops {
		width: 70px
	}
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=zh-hk] header .menu a#food-and-drink,
	html[data-lang=tc] header .menu a#food-and-drink {
		width: 70px
	}
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=zh-hk] header .menu a#malls,
	html[data-lang=tc] header .menu a#malls {
		width: 70px
	}
}

html[data-lang=zh-hk] header .menu a#free-tours,
html[data-lang=tc] header .menu a#free-tours {
	width: 125px
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=zh-hk] header .menu a#free-tours,
	html[data-lang=tc] header .menu a#free-tours {
		width: 95px
	}
}

html[data-lang=zh-hk] .itineraries-container h2,
html[data-lang=tc] .itineraries-container h2 {
	font-family: "Noto Sans TC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

html[data-lang=zh-hk] .section-header h1,
html[data-lang=tc] .section-header h1 {
	font-family: "Noto Sans TC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

html[data-lang=zh-hk] #rule,
html[data-lang=tc] #rule {
	font-family: "Noto Sans TC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

html[data-lang=sc] body,
html[data-lang=sc] input,
html[data-lang=sc] textarea,
html[data-lang=sc-sg] body,
html[data-lang=sc-sg] input,
html[data-lang=sc-sg] textarea {
	font-family: "Noto Sans SC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

html[data-lang=sc] .section-header h1,
html[data-lang=sc-sg] .section-header h1 {
	font-family: "Noto Sans SC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

body {
	font-size: 16px;
	overflow-x: hidden
}

body:before {
	content: 'desktop';
	display: none
}

@media (max-width: 823px) {
	body:before {
		content: 'tablet'
	}
}

@media (max-width: 767px) {
	body:before {
		content: 'mobile'
	}
}

body.loaded {
	opacity: 1
}

body.popup-full {
	position: fixed
}

input,
textarea {
	font-size: 16px;
	color: #333;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px
}

textarea {
	padding: 15px 20px
}

::-webkit-input-placeholder {
	color: #A3B2BE
}

::-moz-placeholder {
	color: #A3B2BE
}

:-ms-input-placeholder {
	color: #A3B2BE
}

:-moz-placeholder {
	color: #A3B2BE
}

.readable {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
	top: 50%
}

img.desktop {
	display: block
}

@media (max-width: 767px) {
	img.desktop {
		display: none
	}
}

img.mobile {
	display: none
}

@media (max-width: 767px) {
	img.mobile {
		display: block
	}
}

a {
	color: #EC1F48
}

a.btn-cta {
	border-radius: 30px;
	background-color: #EC1F48;
	color: #FFF;
	font-size: 16px;
	display: inline-block;
	min-width: 152px;
	height: 54px;
	padding: 27px 20px;
	text-align: center;
	position: relative;
	overflow: hidden
}

@media (max-width: 1024px) {
	a.btn-cta {
		min-width: 130px;
		height: 45px;
		padding: 20px
	}
}

@media (max-width: 767px) {
	a.btn-cta {
		font-size: 14px;
		padding: 20px 20px;
		height: 40px
	}
}

a.btn-cta:hover:before {
	top: 0
}

a.btn-cta:hover span {
	top: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

a.btn-cta:hover span.hover {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

a.btn-cta:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

a.btn-cta span {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

a.btn-cta span.hover {
	top: 100%;
	-webkit-transform: translate(-50%, 120%);
	-moz-transform: translate(-50%, 120%);
	-ms-transform: translate(-50%, 120%);
	transform: translate(-50%, 120%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-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
}

a.btn-cta span.icon-arrow-top-right:after {
	display: none;
	margin-left: 5px;
	font-size: 18px;
	line-height: 1.8;
	vertical-align: middle
}

.main {
	margin-top: 92px;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
	background-color: #F9F9F9
}

/*@media (max-width: 1129px) {
	.main {
		margin-top: 68px;
		overflow: hidden
	}
}*/

.main .swiper-container {
	overflow: visible
}

.main .swiper-container.swiper-container-initialized {
	overflow: hidden
}

.main .swiper-container.swiper-container-initialized .swiper-pagination {
	display: block
}

.main .swiper-container.swiper-container-initialized:hover .swiper-button-prev,
.main .swiper-container.swiper-container-initialized:hover .swiper-button-next {
	opacity: 1
}

.main .swiper-container .swiper-button-prev,
.main .swiper-container .swiper-button-next {
	opacity: 0;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	color: #E40C3B;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7)
}

@media (max-width: 767px) {
	.main .swiper-container .swiper-button-prev,
	.main .swiper-container .swiper-button-next {
		display: none
	}
}

.main .swiper-container .swiper-button-prev:before,
.main .swiper-container .swiper-button-next:before {
	content: '';
	font-size: 22px;
	z-index: 1;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 1
}

.main .swiper-container .swiper-button-prev:after,
.main .swiper-container .swiper-button-next:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.main .swiper-container .swiper-pagination {
	position: static;
	margin-top: 25px;
	display: none
}

@media (max-width: 767px) {
	.main .swiper-container .swiper-pagination {
		margin-top: 8px
	}
}

.main .swiper-container .swiper-pagination.hide {
	display: none
}

.main .swiper-container .swiper-pagination span {
	position: relative;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
	width: 8px;
	height: 8px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	border-radius: 50%;
	opacity: 1
}

@media (max-width: 767px) {
	.main .swiper-container .swiper-pagination span {
		width: 6px;
		height: 6px;
		margin-right: 16px
	}
}

.main .swiper-container .swiper-pagination span:last-child {
	margin-right: 0
}

.main .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #E40C3B
}

body.comingsoon {
	flex-direction: column;
	height: 100%
}

@media (min-width: 1130px) {
	body.comingsoon {
		display: flex
	}
}

body.comingsoon header {
	flex-direction: row
}

body.comingsoon .main {
	flex-direction: row;
	flex: 2
}

body.comingsoon footer {
	flex-direction: row
}

.rf {
	margin-top: 28px
}

.rf .rule,
.rf .faq {
	display: inline-block;
	color: #fff;
	background: #FF5F91;
	padding: 17px 50px;
	font-weight: bold;
	margin: 10px;
	border-radius: 50px
}

@media (max-width: 500px) {
	.rf .rule,
	.rf .faq {
		display: block
	}
}

.hidden {
	display: none
}

[data-type="staycationdelights"] .rf .rule,
[data-type="staycationdelights"] .rf .faq {
	background: #25CEC1
}

[data-type="staycationdelights"] .cny-container {
	display: none
}

.mfp-container .staycationdelights .mfp-close {
	background: #25CEC1
}

[data-type="attractions"] .offer-container .alpha-location-panel {
	border-color: #019839
}

[data-type="attractions"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #019839
}

[data-type="attractions"] .offer-container .alpha-location-panel a {
	color: #019839
}

[data-type="attractions"] .offer-container .alpha-location-container {
	border-color: #019839
}

@media (max-width: 1024px) {
	[data-type="attractions"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #302DE0
	}
}

@media (max-width: 1024px) {
	[data-type="attractions"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #302DE0
	}
}

@media (max-width: 1024px) {
	[data-type="attractions"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #302DE0
	}
}

[data-type="attractions"] .offer-container .feature-filter {
	border-color: #019839
}

[data-type="attractions"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #019839;
	background: #C1FFD7
}

[data-type="attractions"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #019839
}

[data-type="attractions"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #019839
}

[data-type="attractions"] .offer-details-wrapper .offer-book {
	background-color: #302DE0
}

[data-type="attractions"] .offer-details-wrapper .offer-book h1 {
	color: #019839
}

[data-type="attractions"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #019839;
	color: #fff
}

[data-type="attractions"] .offer-details-wrapper .offer-info h3 {
	color: #019839
}

[data-type="attractions"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #302DE0
}

[data-type="attractions"] #faq .faq-header {
	background-color: #302DE0
}

[data-type="attractions"] #faq .faq-header .title {
	color: #019839
}

[data-type="attractions"] #faq .faq-container .faq .question.active .title {
	color: #019839
}

[data-type="attractions"] #faq .faq-container .faq .question .title {
	color: #302DE0
}

[data-type="attractions"] #faq .faq-container .free .title {
	color: #019839
}

[data-type="attractions"] #faq .faq-container .free a .how {
	background: #019839
}

[data-type="hotels"] .offer-container .alpha-location-panel {
	border-color: #25CEC1
}

[data-type="hotels"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #25CEC1
}

[data-type="hotels"] .offer-container .alpha-location-panel a {
	color: #25CEC1
}

[data-type="hotels"] .offer-container .alpha-location-container {
	border-color: #25CEC1
}

@media (max-width: 1024px) {
	[data-type="hotels"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #9D54E7
	}
}

@media (max-width: 1024px) {
	[data-type="hotels"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #9D54E7
	}
}

@media (max-width: 1024px) {
	[data-type="hotels"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #9D54E7
	}
}

[data-type="hotels"] .offer-container .feature-filter {
	border-color: #25CEC1
}

[data-type="hotels"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #25CEC1;
	background: #ADFFFA
}

[data-type="hotels"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #25CEC1
}

[data-type="hotels"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #25CEC1
}

[data-type="hotels"] .offer-details-wrapper .offer-book {
	background-color: #9D54E7
}

[data-type="hotels"] .offer-details-wrapper .offer-book h1 {
	color: #25CEC1
}

[data-type="hotels"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #25CEC1;
	color: #fff
}

[data-type="hotels"] .offer-details-wrapper .offer-info h3 {
	color: #25CEC1
}

[data-type="hotels"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #9D54E7
}

[data-type="hotels"] #faq .faq-header {
	background-color: #9D54E7
}

[data-type="hotels"] #faq .faq-header .title {
	color: #25CEC1
}

[data-type="hotels"] #faq .faq-container .faq .question.active .title {
	color: #25CEC1
}

[data-type="hotels"] #faq .faq-container .faq .question .title {
	color: #9D54E7
}

[data-type="hotels"] #faq .faq-container .free .title {
	color: #25CEC1
}

[data-type="hotels"] #faq .faq-container .free a .how {
	background: #25CEC1
}

[data-type="staycation"] .offer-container .alpha-location-panel {
	border-color: #25CEC1
}

[data-type="staycation"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #25CEC1
}

[data-type="staycation"] .offer-container .alpha-location-panel a {
	color: #25CEC1
}

[data-type="staycation"] .offer-container .alpha-location-container {
	border-color: #25CEC1
}

@media (max-width: 1024px) {
	[data-type="staycation"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #9D54E7
	}
}

@media (max-width: 1024px) {
	[data-type="staycation"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #9D54E7
	}
}

@media (max-width: 1024px) {
	[data-type="staycation"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #9D54E7
	}
}

[data-type="staycation"] .offer-container .feature-filter {
	border-color: #25CEC1
}

[data-type="staycation"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #25CEC1;
	background: #ADFFFA
}

[data-type="staycation"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #25CEC1
}

[data-type="staycation"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #25CEC1
}

[data-type="staycation"] .offer-details-wrapper .offer-book {
	background-color: #9D54E7
}

[data-type="staycation"] .offer-details-wrapper .offer-book h1 {
	color: #25CEC1
}

[data-type="staycation"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #25CEC1;
	color: #fff
}

[data-type="staycation"] .offer-details-wrapper .offer-info h3 {
	color: #25CEC1
}

[data-type="staycation"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #9D54E7
}

[data-type="staycation"] #faq .faq-header {
	background-color: #9D54E7
}

[data-type="staycation"] #faq .faq-header .title {
	color: #25CEC1
}

[data-type="staycation"] #faq .faq-container .faq .question.active .title {
	color: #25CEC1
}

[data-type="staycation"] #faq .faq-container .faq .question .title {
	color: #9D54E7
}

[data-type="staycation"] #faq .faq-container .free .title {
	color: #25CEC1
}

[data-type="staycation"] #faq .faq-container .free a .how {
	background: #25CEC1
}

[data-type="staycationdelights"] .offer-container .alpha-location-panel {
	border-color: #25CEC1
}

[data-type="staycationdelights"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #25CEC1
}

[data-type="staycationdelights"] .offer-container .alpha-location-panel a {
	color: #25CEC1
}

[data-type="staycationdelights"] .offer-container .alpha-location-container {
	border-color: #25CEC1
}

@media (max-width: 1024px) {
	[data-type="staycationdelights"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #9D54E7
	}
}

@media (max-width: 1024px) {
	[data-type="staycationdelights"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #9D54E7
	}
}

@media (max-width: 1024px) {
	[data-type="staycationdelights"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #9D54E7
	}
}

[data-type="staycationdelights"] .offer-container .feature-filter {
	border-color: #25CEC1
}

[data-type="staycationdelights"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #25CEC1;
	background: #ADFFFA
}

[data-type="staycationdelights"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #25CEC1
}

[data-type="staycationdelights"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #25CEC1
}

[data-type="staycationdelights"] .offer-details-wrapper .offer-book {
	background-color: #9D54E7
}

[data-type="staycationdelights"] .offer-details-wrapper .offer-book h1 {
	color: #25CEC1
}

[data-type="staycationdelights"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #25CEC1;
	color: #fff
}

[data-type="staycationdelights"] .offer-details-wrapper .offer-info h3 {
	color: #25CEC1
}

[data-type="staycationdelights"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #9D54E7
}

[data-type="staycationdelights"] #faq .faq-header {
	background-color: #9D54E7
}

[data-type="staycationdelights"] #faq .faq-header .title {
	color: #25CEC1
}

[data-type="staycationdelights"] #faq .faq-container .faq .question.active .title {
	color: #25CEC1
}

[data-type="staycationdelights"] #faq .faq-container .faq .question .title {
	color: #9D54E7
}

[data-type="staycationdelights"] #faq .faq-container .free .title {
	color: #25CEC1
}

[data-type="staycationdelights"] #faq .faq-container .free a .how {
	background: #25CEC1
}

[data-type="flights-and-packages"] .offer-container .alpha-location-panel {
	border-color: #EA8B00
}

[data-type="flights-and-packages"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #EA8B00
}

[data-type="flights-and-packages"] .offer-container .alpha-location-panel a {
	color: #EA8B00
}

[data-type="flights-and-packages"] .offer-container .alpha-location-container {
	border-color: #EA8B00
}

@media (max-width: 1024px) {
	[data-type="flights-and-packages"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #B91B0F
	}
}

@media (max-width: 1024px) {
	[data-type="flights-and-packages"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #B91B0F
	}
}

@media (max-width: 1024px) {
	[data-type="flights-and-packages"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #B91B0F
	}
}

[data-type="flights-and-packages"] .offer-container .feature-filter {
	border-color: #EA8B00
}

[data-type="flights-and-packages"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #EA8B00;
	background: #FAD7EA
}

[data-type="flights-and-packages"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #EA8B00
}

[data-type="flights-and-packages"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #EA8B00
}

[data-type="flights-and-packages"] .offer-details-wrapper .offer-book {
	background-color: #B91B0F
}

[data-type="flights-and-packages"] .offer-details-wrapper .offer-book h1 {
	color: #EA8B00
}

[data-type="flights-and-packages"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #EA8B00;
	color: #fff
}

[data-type="flights-and-packages"] .offer-details-wrapper .offer-info h3 {
	color: #EA8B00
}

[data-type="flights-and-packages"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #B91B0F
}

[data-type="flights-and-packages"] #faq .faq-header {
	background-color: #B91B0F
}

[data-type="flights-and-packages"] #faq .faq-header .title {
	color: #EA8B00
}

[data-type="flights-and-packages"] #faq .faq-container .faq .question.active .title {
	color: #EA8B00
}

[data-type="flights-and-packages"] #faq .faq-container .faq .question .title {
	color: #B91B0F
}

[data-type="flights-and-packages"] #faq .faq-container .free .title {
	color: #EA8B00
}

[data-type="flights-and-packages"] #faq .faq-container .free a .how {
	background: #EA8B00
}

[data-type="shops"] .offer-container .alpha-location-panel {
	border-color: #9D54E7
}

[data-type="shops"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #9D54E7
}

[data-type="shops"] .offer-container .alpha-location-panel a {
	color: #9D54E7
}

[data-type="shops"] .offer-container .alpha-location-container {
	border-color: #9D54E7
}

@media (max-width: 1024px) {
	[data-type="shops"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #FD7FA6
	}
}

@media (max-width: 1024px) {
	[data-type="shops"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #FD7FA6
	}
}

@media (max-width: 1024px) {
	[data-type="shops"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #FD7FA6
	}
}

[data-type="shops"] .offer-container .feature-filter {
	border-color: #9D54E7
}

[data-type="shops"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #9D54E7;
	background: #D9BEF5
}

[data-type="shops"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #9D54E7
}

[data-type="shops"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #9D54E7
}

[data-type="shops"] .offer-details-wrapper .offer-book {
	background-color: #FD7FA6
}

[data-type="shops"] .offer-details-wrapper .offer-book h1 {
	color: #9D54E7
}

[data-type="shops"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #9D54E7;
	color: #fff
}

[data-type="shops"] .offer-details-wrapper .offer-info h3 {
	color: #9D54E7
}

[data-type="shops"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #FD7FA6
}

[data-type="shops"] #faq .faq-header {
	background-color: #FD7FA6
}

[data-type="shops"] #faq .faq-header .title {
	color: #9D54E7
}

[data-type="shops"] #faq .faq-container .faq .question.active .title {
	color: #9D54E7
}

[data-type="shops"] #faq .faq-container .faq .question .title {
	color: #FD7FA6
}

[data-type="shops"] #faq .faq-container .free .title {
	color: #9D54E7
}

[data-type="shops"] #faq .faq-container .free a .how {
	background: #9D54E7
}

[data-type="food-and-drink"] .offer-container .alpha-location-panel {
	border-color: #FF5A00
}

[data-type="food-and-drink"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #FF5A00
}

[data-type="food-and-drink"] .offer-container .alpha-location-panel a {
	color: #FF5A00
}

[data-type="food-and-drink"] .offer-container .alpha-location-container {
	border-color: #FF5A00
}

@media (max-width: 1024px) {
	[data-type="food-and-drink"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #036F2B
	}
}

@media (max-width: 1024px) {
	[data-type="food-and-drink"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #036F2B
	}
}

@media (max-width: 1024px) {
	[data-type="food-and-drink"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #036F2B
	}
}

[data-type="food-and-drink"] .offer-container .feature-filter {
	border-color: #FF5A00
}

[data-type="food-and-drink"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #FF5A00;
	background: #FFD2C7
}

[data-type="food-and-drink"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #FF5A00
}

[data-type="food-and-drink"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #FF5A00
}

[data-type="food-and-drink"] .offer-details-wrapper .offer-book {
	background-color: #036F2B
}

[data-type="food-and-drink"] .offer-details-wrapper .offer-book h1 {
	color: #FF5A00
}

[data-type="food-and-drink"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #FF5A00;
	color: #fff
}

[data-type="food-and-drink"] .offer-details-wrapper .offer-info h3 {
	color: #FF5A00
}

[data-type="food-and-drink"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #036F2B
}

[data-type="food-and-drink"] #faq .faq-header {
	background-color: #036F2B
}

[data-type="food-and-drink"] #faq .faq-header .title {
	color: #FF5A00
}

[data-type="food-and-drink"] #faq .faq-container .faq .question.active .title {
	color: #FF5A00
}

[data-type="food-and-drink"] #faq .faq-container .faq .question .title {
	color: #036F2B
}

[data-type="food-and-drink"] #faq .faq-container .free .title {
	color: #FF5A00
}

[data-type="food-and-drink"] #faq .faq-container .free a .how {
	background: #FF5A00
}

[data-type="malls"] .offer-container .alpha-location-panel {
	border-color: #EE2745
}

[data-type="malls"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #EE2745
}

[data-type="malls"] .offer-container .alpha-location-panel a {
	color: #EE2745
}

[data-type="malls"] .offer-container .alpha-location-container {
	border-color: #EE2745
}

@media (max-width: 1024px) {
	[data-type="malls"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #25CEC1
	}
}

@media (max-width: 1024px) {
	[data-type="malls"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #25CEC1
	}
}

@media (max-width: 1024px) {
	[data-type="malls"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #25CEC1
	}
}

[data-type="malls"] .offer-container .feature-filter {
	border-color: #EE2745
}

[data-type="malls"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #EE2745;
	background: #FCBBC5
}

[data-type="malls"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #EE2745
}

[data-type="malls"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #EE2745
}

[data-type="malls"] .offer-details-wrapper .offer-book {
	background-color: #25CEC1
}

[data-type="malls"] .offer-details-wrapper .offer-book h1 {
	color: #EE2745
}

[data-type="malls"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #EE2745;
	color: #fff
}

[data-type="malls"] .offer-details-wrapper .offer-info h3 {
	color: #EE2745
}

[data-type="malls"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #25CEC1
}

[data-type="malls"] #faq .faq-header {
	background-color: #25CEC1
}

[data-type="malls"] #faq .faq-header .title {
	color: #EE2745
}

[data-type="malls"] #faq .faq-container .faq .question.active .title {
	color: #EE2745
}

[data-type="malls"] #faq .faq-container .faq .question .title {
	color: #25CEC1
}

[data-type="malls"] #faq .faq-container .free .title {
	color: #EE2745
}

[data-type="malls"] #faq .faq-container .free a .how {
	background: #EE2745
}

[data-type="tours"] .offer-container .alpha-location-panel {
	border-color: #FC006B
}

[data-type="tours"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #FC006B
}

[data-type="tours"] .offer-container .alpha-location-panel a {
	color: #FC006B
}

[data-type="tours"] .offer-container .alpha-location-container {
	border-color: #FC006B
}

@media (max-width: 1024px) {
	[data-type="tours"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #DBD30B
	}
}

@media (max-width: 1024px) {
	[data-type="tours"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #DBD30B
	}
}

@media (max-width: 1024px) {
	[data-type="tours"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #DBD30B
	}
}

[data-type="tours"] .offer-container .feature-filter {
	border-color: #FC006B
}

[data-type="tours"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #FC006B;
	background: #FFA7D1
}

[data-type="tours"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #FC006B
}

[data-type="tours"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #FC006B
}

[data-type="tours"] .offer-details-wrapper .offer-book {
	background-color: #DBD30B
}

[data-type="tours"] .offer-details-wrapper .offer-book h1 {
	color: #FC006B
}

[data-type="tours"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #FC006B;
	color: #fff
}

[data-type="tours"] .offer-details-wrapper .offer-info h3 {
	color: #FC006B
}

[data-type="tours"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #DBD30B
}

[data-type="tours"] #faq .faq-header {
	background-color: #DBD30B
}

[data-type="tours"] #faq .faq-header .title {
	color: #FC006B
}

[data-type="tours"] #faq .faq-container .faq .question.active .title {
	color: #FC006B
}

[data-type="tours"] #faq .faq-container .faq .question .title {
	color: #DBD30B
}

[data-type="tours"] #faq .faq-container .free .title {
	color: #FC006B
}

[data-type="tours"] #faq .faq-container .free a .how {
	background: #FC006B
}

[data-type="free-tours"] .offer-container .alpha-location-panel {
	border-color: #FF5F91
}

[data-type="free-tours"] .offer-container .alpha-location-panel .nav-highlighter {
	background-color: #FF5F91
}

[data-type="free-tours"] .offer-container .alpha-location-panel a {
	color: #FF5F91
}

[data-type="free-tours"] .offer-container .alpha-location-container {
	border-color: #FF5F91
}

@media (max-width: 1024px) {
	[data-type="free-tours"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		background-color: #302DE0
	}
}

@media (max-width: 1024px) {
	[data-type="free-tours"] .offer-container .alpha-location-container .alpha-list.selected .alpha-toggle:before {
		color: #302DE0
	}
}

@media (max-width: 1024px) {
	[data-type="free-tours"] .offer-container .alpha-location-container .alpha-list.selected.select-on .list {
		background-color: #302DE0
	}
}

[data-type="free-tours"] .offer-container .feature-filter {
	border-color: #FF5F91
}

[data-type="free-tours"] .offer-container .feature-filter .filter .filter-nav {
	border-color: #FF5F91;
	background: #FFD0DF
}

[data-type="free-tours"] .offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	background-color: #FF5F91
}

[data-type="free-tours"] .offer-container .feature-filter .filter .filter-nav .category a {
	color: #FF5F91
}

[data-type="free-tours"] .offer-details-wrapper .offer-book {
	background-color: #302DE0
}

[data-type="free-tours"] .offer-details-wrapper .offer-book h1 {
	color: #FF5F91
}

[data-type="free-tours"] .offer-details-wrapper .offer-book .btn-book .btn-cta {
	background-color: #FF5F91;
	color: #fff
}

[data-type="free-tours"] .offer-details-wrapper .offer-info h3 {
	color: #FF5F91
}

[data-type="free-tours"] .offer-details-wrapper .offer-info .our-itinerary ol li:before {
	background-color: #302DE0
}

[data-type="free-tours"] #faq .faq-header {
	background-color: #302DE0
}

[data-type="free-tours"] #faq .faq-header .title {
	color: #FF5F91
}

[data-type="free-tours"] #faq .faq-container .faq .question.active .title {
	color: #FF5F91
}

[data-type="free-tours"] #faq .faq-container .faq .question .title {
	color: #302DE0
}

[data-type="free-tours"] #faq .faq-container .free .title {
	color: #FF5F91
}

[data-type="free-tours"] #faq .faq-container .free a .how {
	background: #FF5F91
}

.cookie-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #333;
	color: #FFF;
	text-align: center;
	padding: 15px 20px;
	visibility: hidden;
	z-index: -10;
	opacity: 0;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: 2s visibility 0s, 2s opacity 0.3s, transform 0.5s ease-out;
	-moz-transition: 2s visibility 0s, 2s opacity 0.3s, transform 0.5s ease-out;
	-o-transition: 2s visibility 0s, 2s opacity 0.3s, transform 0.5s ease-out;
	-ms-transition: 2s visibility 0s, 2s opacity 0.3s, transform 0.5s ease-out;
	transition: 2s visibility 0s, 2s opacity 0.3s, transform 0.5s ease-out
}

.cookie-bar.active {
	visibility: visible;
	z-index: 100;
	opacity: 1
}

.cookie-bar.with-book {
	bottom: 0px
}

.cookie-bar p {
	display: inline-block;
	font-size: 18px;
	padding-bottom: 10px
}

@media (max-width: 823px) {
	.cookie-bar p {
		font-size: 14px
	}
}

.cookie-bar a {
	color: #EC1F48
}

.cookie-bar a.accept-cookie {
	color: #FFF;
	margin-left: 30px;
	vertical-align: middle
}

html[data-lang=zh-hk] .cookie-bar,
html[data-lang=tc] .cookie-bar,
html[data-lang=sc] .cookie-bar,
html[data-lang=sc-sg] .cookie-bar,
html[data-lang=jp] .cookie-bar,
html[data-lang=kr] .cookie-bar {
	display: none !important
}

header {
	height: 92px;
	position: fixed;
	width: 100%;
	background: #ffffff;
	z-index: 999;
	top: 0;
	left: 0;
	opacity: 0
}

/*@media (max-width: 1129px) {
	header {
		height: 92px;
		padding-top: 9px;
		transition-delay: 0ms !important
	}
}*/

@media print {
	header {
		display: none !important
	}
}

header.is-onscreen {
	opacity: 1;
    width: 100%
}

/*@media (max-width: 1129px) {
	header.is-onscreen {
		width: 100%
	}
}*/


header.is-onscreen .logo,
header.is-onscreen .lang {
	opacity: 1
}

header.is-onscreen:after {
	opacity: 1
}


header:before {
	content: '';
	position: absolute;
	background: #EFEFEF;
	width: 100%;
	height: 1px;
	bottom: -1px;
	left: 0;
	z-index: 1
}

header:after,
header .logo,
header .menu,
header .lang {
	z-index: 2;
	background-color: #FFF
}

header .search-img,
header .overlay,
header .logo,
header .mobile-menu,
header .lang,
header .lang-global,
header .btn-open-in {
	-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.5s ease-out;
	-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.5s ease-out;
	-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.5s ease-out;
	-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.5s ease-out;
	transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.5s ease-out
}

header .logo,
header .lang {
	opacity: 0
}

header .logo,
header .menu,
header .lang {
	display: inline-block
}

header .lang {
	-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
	-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
	-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
	-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
	transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;http://localhost:63353/Default/#tababout
	transition-delay: 150ms
}

header .logo {
	float: left;
	width: 500px;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
    margin-left:calc((92% - 1050px) * 0.5)
}

/*@media (max-width: 1129px) {
	header .logo {
		display: block;
		width: 100%;
		background: #FFF;
        background: none;
		z-index: 1;
		text-align: center;
        margin-left: 0
	}
}*/

header .logo a {
	display: inline-block
}

/*@media (max-width: 1129px) {
	header .logo a {
		display: inline
	}
}*/

header .logo img {
	margin: 0 0 0 32px;
	display: block;
	width: 187px
}

/*@media (max-width: 1129px) {
	header .logo img {
		display: inline;
		height: 60px;
		width: auto;
		margin: auto;
		padding-top: 10px;
		margin-top: 8px;
	}
}*/

header .menu {
	width: 400px;
	font-size: 16px;
	text-align: center;
	position: relative;
	height: 100%;
	font-weight: bold
}

@media (min-width: 1441px) and (max-width: 1635px) {
	header .menu {
		font-size: 16px
	}
}

@media (max-width: 1503px) {
	header .menu {
		font-size: 16px
	}
}
/*
@media (min-width: 1130px) and (max-width: 1440px) {
	header .menu {
		width: calc(100% - 235px - 280px - 40px)
	}
}
*/
/*@media (max-width: 1129px) {
	header .menu {
		display: none;
		z-index: 0
	}
}*/

header .menu .search-container {
	padding: 13px 15px;
	background: #F2F2F2;
	position: static;
	display: none
}

/*@media (max-width: 1129px) {
	header .menu .search-container {
		display: block;
		height: auto
	}
}*/

header .menu .search {
	display: block;
	position: relative;
	top: 0
}

/*@media (max-width: 1129px) {
	header .menu .search {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		height: auto;
		visibility: visible
	}
}*/

header .menu .search input {
	width: 100%
}

/*@media (max-width: 1129px) {
	header .menu .search input {
		height: 42px;
		line-height: 42px
	}
}*/

header .menu .search:after {
	display: none
}

/*@media (max-width: 1129px) {
	header .menu .search:before {
		top: 2px;
		left: 15px
	}
}*/

header .menu ul {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%
}

/*@media (max-width: 1129px) {
	header .menu ul {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		height: auto
	}
}*/

header .menu ul li {
	display: inline-block;
	height: 100%;
	-webkit-transform: translate(0, 30px) rotate(5deg);
	-moz-transform: translate(0, 30px) rotate(5deg);
	-ms-transform: translate(0, 30px) rotate(5deg);
	transform: translate(0, 30px) rotate(5deg);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

header .menu ul li.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1
}

/*@media (max-width: 1129px) {
	header .menu ul li {
		padding-right: 0
	}
}*/

header .menu ul li:last-child {
	padding-right: 0
}

/*@media (max-width: 1129px) {
	header .menu ul li.active a {
		color: #EC1F48
	}
}*/

header .menu ul li.active a:before {
	width: 100%;
	left: 0
}

/*@media (max-width: 1129px) {
	header .menu ul li.active a:after {
		content: '';
		position: absolute;
		height: 22px;
		width: 2px;
		top: 50%;
		left: 15px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: #EC1F48
	}
}*/

header .menu ul li.active a#staycation .label,
header .menu ul li.active a#hotels .label {
	color: #25CEC1
}

header .menu ul li.active a#flights-and-packages .label {
	color: #EA8B00
}

header .menu ul li.active a#attractions .label {
	color: #019839
}

header .menu ul li.active a#shops .label {
	color: #9D54E7
}

header .menu ul li.active a#food-and-drink .label {
	color: #FF5A00
}

header .menu ul li.active a#malls .label {
	color: #EE2745
}

header .menu ul li.active a#tours .label {
	color: #FC006B
}

header .menu ul li.active a#itineraries .lable {
	color: #090
}

header .menu ul li.active a#free-tours .label {
	color: #FF5F91
}

header .menu ul li.active a#staycationdelights .label {
	color: #25CEC1
}

header .menu ul li a {
	color: #333;
	display: block;
	width: 115px;
	height: 92px;
	overflow: hidden;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 16px;
}

@media (min-width: 1441px) and (max-width: 1742px) {
	header .menu ul li a {
		margin-left: 0px;
		margin-right: 0px
	}
}

@media (max-width: 1500px) {
	header .menu ul li a {
		margin-left: 0;
		margin-right: 0
	}
}

/*@media (max-width: 1129px) {
	header .menu ul li a {
		font-size: 16px;
		line-height: 70px;
		font-weight: bold;
		padding: 0 15px 0 30px;
		width: 100% !important;
		height: auto
	}
}*/

header .menu ul li a:before {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background-color: #EC1F48;
	-webkit-transition: width 0.3s ease-out, left 0.3s ease-out;
	-moz-transition: width 0.3s ease-out, left 0.3s ease-out;
	-o-transition: width 0.3s ease-out, left 0.3s ease-out;
	-ms-transition: width 0.3s ease-out, left 0.3s ease-out;
	transition: width 0.3s ease-out, left 0.3s ease-out
}

/*@media (max-width: 1129px) {
	header .menu ul li a:before {
		content: '';
		height: 1px;
		width: 100%;
		left: 0;
		background-color: #E1E1E1 !important
	}
}*/

header .menu ul li a:hover:before {
	width: 100%;
	left: 0
}

header .menu ul li a:hover span {
	/*top:-50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)*/
}

header .menu ul li a:hover span.hover {
	/*top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)*/
}

header .menu ul li a#staycation:before,
header .menu ul li a#hotels:before {
	background-color: #25CEC1
}

header .menu ul li a#staycation span.hover,
header .menu ul li a#hotels span.hover {
	color: #25CEC1
}

header .menu ul li a#flights-and-packages {
	width: 189px
}

@media (max-width: 1350px) {
	header .menu ul li a#flights-and-packages {
		width: 130px
	}
}

header .menu ul li a#flights-and-packages:before {
	background-color: #EA8B00
}

header .menu ul li a#flights-and-packages span.hover {
	color: #EA8B00
}

header .menu ul li a#attractions:before {
	background-color: #019839
}

header .menu ul li a#attractions span.hover {
	color: #019839
}

header .menu ul li a#shops:before {
	background-color: #9D54E7
}

header .menu ul li a#shops span.hover {
	color: #9D54E7
}

header .menu ul li a#food-and-drink:before {
	background-color: #FF5A00
}

header .menu ul li a#food-and-drink span.hover {
	color: #FF5A00
}

header .menu ul li a#malls:before {
	background-color: #EE2745
}

header .menu ul li a#malls span.hover {
	color: #EE2745
}

header .menu ul li a#tours:before {
	background-color: #FC006B
}

header .menu ul li a#tours span.hover {
	color: #FC006B
}

header .menu ul li a#itineraries:before {
	background-color: #090
}

header .menu ul li a#itineraries span.hover {
	color: #090
}

header .menu ul li a#free-tours:before {
	background-color: #FF5F91
}

header .menu ul li a#free-tours span.hover {
	color: #FF5F91
}

header .menu ul li a#staycationdelights:before {
	background-color: #25CEC1
}

header .menu ul li a#staycationdelights span.hover {
	color: #25CEC1
}

header .menu ul li a span {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

/*@media (max-width: 1129px) {
	header .menu ul li a span {
		position: static
	}
}*/

header .menu ul li a span.hover {
	top: 100%;
	-webkit-transform: translate(-50%, 120%);
	-moz-transform: translate(-50%, 120%);
	-ms-transform: translate(-50%, 120%);
	transform: translate(-50%, 120%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-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
}

/*@media (max-width: 1129px) {
	header .menu ul li a span.hover {
		display: none
	}
}*/

header .live-map {
	position: absolute;
	right: -100px;
	top: 25px;
	height: 41px;
	border-left: #DBDBDB 1px solid;
	padding-left: 20px;
	z-index: 2
}

/*@media (max-width: 1129px) {
	header .live-map {
		border-left: none;
		position: static;
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
		border-bottom: #E1E1E1 1px solid;
		width: auto !important
	}
}*/

header .live-map a {
	display: block;
	width: 71px !important;
	min-height: 41px;
	background: url(../assets/images/common/logo_live_map.png) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-transition: background-position 0.3s ease-in-out;
	-moz-transition: background-position 0.3s ease-in-out;
	-o-transition: background-position 0.3s ease-in-out;
	-ms-transition: background-position 0.3s ease-in-out;
	transition: background-position 0.3s ease-in-out
}

/*@media (max-width: 1129px) {
	header .live-map a {
		width: auto !important;
		padding-left: 38px;
		background: url(../assets/images/common/icon_live_map.png) no-repeat 0 0;
		background-size: 22px auto;
		color: #000000;
		font-size: 16px;
		font-weight: bold
	}
}*/

header .live-map a:hover {
	background-position: 0 -64px
}

header .live-map a span {
	display: none
}

/*@media (max-width: 1129px) {
	header .live-map a span {
		display: block
	}
}*/

header .search-container {
	position: absolute;
	right: 85px;
	top: 0
}

/*@media (max-width: 1129px) {
	header .search-container {
		display: none;
		right: auto;
		left: 0;
		background: #FFF;
		height: 67px
	}
}*/

header .search-container.open .search {
	visibility: visible;
	height: auto;
	top: 93px
}

/*@media (max-width: 1129px) {
	header .search-container.open .search {
		top: 69px;
		height: 67px
	}
}*/

header .search-container.open .search:after {
	width: 0
}

header .search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	visibility: hidden;
	background-color: #FFF;
	-webkit-transition: transform 0.3s ease-out, top 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out, top 0.3s ease-out;
	-o-transition: transform 0.3s ease-out, top 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out, top 0.3s ease-out;
	transition: transform 0.3s ease-out, top 0.3s ease-out
}

/*@media (max-width: 1129px) {
	header .search {
		height: 67px
	}
}*/

header .search:before {
	color: #EC1F48;
	content: "\e902";
	font-size: 30px;
	position: absolute;
	left: 50px;
	top: 16px;
	font-family: 'icomoon' !important
}

/*@media (max-width: 1129px) {
	header .search:before {
		font-size: 22px;
		left: 17px;
		top: 15px
	}
}*/

header .search input {
	border: none;
	border-bottom: 2px solid #E2E2E2;
	padding: 33px 110px 33px 110px;
	width: 100%
}

/*@media (max-width: 1129px) {
	header .search input {
		height: 67px;
		border: none;
		font-size: 14px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 52px;
		padding-right: 52px
	}
}*/

header .search .btn-search {
	color: #303030;
	font-size: 22px;
	position: absolute;
	right: 50px;
	top: 24px;
	z-index: 2;
	background: #FFF
}

/*@media (max-width: 1129px) {
	header .search .btn-search {
		font-size: 16px;
		left: auto;
		right: 24px;
		top: 19px
	}
}*/

header .search-img {
	position: absolute;
	right: 105px;
	top: 26px
}

/*@media (max-width: 1129px) {
	header .search-img {
		top: 0;
		right: auto;
		left: 0;
		width: 56px;
		height: 67px
	}
}*/

header .search-img:before {
	color: #EC1F48;
	content: "\e902";
	font-size: 22px;
	position: absolute;
	left: 130px;
	top: 1px;
	font-family: 'icomoon' !important;
	z-index: 99
}

/*@media (max-width: 1129px) {
	header .search-img:before {
		top: 15px;
		left: 17px
	}
}*/

header .btn-open-in {
	display: none;
	position: absolute;
	top: 24px;
	right: 460px;
	z-index: 10;
	font-size: 25px;
	color: #EC1F48
}

/*@media (max-width: 1129px) {
	header .btn-open-in {
		top: 14px;
		right: 62px
	}
}*/

header .btn-open-in.active {
	display: block
}

header .btn-open-in.read a {
	color: #023D8B
}

header .lang {
	width: 100%;
	padding: 33px 10px 0 0;
	position: relative
}

/*@media (max-width: 1129px) {
	header .lang {
		float: none;
		position: absolute;
		top: 0px;
		left: 10px;
		width: 65px;
		padding: 30px 0px 0px 0px;
		font-size: 16px
	}
}*/

header .lang a {
	color: #333333
}

header .lang a .sc.active,
header .lang a .tc.active,
header .lang a .en.active {
	color: #EC1F48
}

header .lang select {
	width: 100%;
	padding: 10px;
	z-index: 1
}

header .lang select.select2-hidden-accessible {
	display: none
}

/*@media (max-width: 1129px) {
	header .lang select.select2-hidden-accessible {
		opacity: 1;
		background-color: transparent !important;
		font-family: "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
		width: 100% !important;
		height: 40px !important;
		padding-left: 15px !important;
		position: static !important;
		clip: auto !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
		border-radius: 0
	}
}*/

header .lang .select2-container {
	width: 90% !important
}

header .lang .select2-container--default .select2-selection--single {
	border: none;
	min-width: 81px;
	height: 40px;
	position: relative;
	border-radius: 0;
	outline: none
}

/*@media (max-width: 1129px) {
	header .lang .select2-container--default .select2-selection--single {
		min-width: 50px;
		border: none
	}
}*/

header .lang .select2-container--default .select2-selection--single:before {
	content: "\e903";
	position: absolute;
	right: 20px;
	top: 14px;
	font-family: 'icomoon';
	font-size: 6px;
	color: #777777
}

/*@media (max-width: 1129px) {
	header .lang .select2-container--default .select2-selection--single:before {
		font-size: 5px;
		right: 14px;
		top: 17px
	}
}*/

header .lang .select2-container--default .select2-selection--single .select2-selection__rendered {
	min-width: 90px !important;
	height: 40px;
	padding: 5px 20px
}

/*@media (max-width: 1129px) {
	header .lang .select2-container--default .select2-selection--single .select2-selection__rendered {
		min-width: 45px !important;
		padding: 8px
	}
}*/

header .lang .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

header .lang-global {
	float: right;
	width: 205px;
	padding: 0 75px 0 0;
	margin-top: 33px;
	position: relative
}

/*@media (max-width: 1129px) {
	header .lang-global {
		float: none;
		position: absolute;
		top: 0px;
		left: 20px;
		width: 60px;
		margin-top: 20px;
		z-index: 1
	}
}*/

header .lang-global .lang-selector-mobile {
	display: none;
	opacity: 0
}

/*@media (max-width: 1129px) {
	header .lang-global .lang-selector-mobile {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2
	}
}*/

header .lang-global .btn-lang-selector {
	color: #333333;
	position: relative;
	padding: 0 0 0 37px
}

/*@media (max-width: 1129px) {
	header .lang-global .btn-lang-selector {
		padding: 0 0 0 32px
	}
}*/

header .lang-global .btn-lang-selector:before {
	content: '';
	display: block;
	position: absolute;
	top: -4px;
	left: 0;
	width: 27px;
	height: 27px;
	background-image: url(../assets/images/common/earth.svg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #EC1F48
}

header .lang-global .btn-lang-selector:after {
	content: '';
	position: absolute;
	top: 5px;
	right: -15px;
	border: solid #000;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	transform-origin: 50% 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

header .lang-global .btn-lang-selector.expand:after {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

/*@media (max-width: 1129px) {
	header .lang-global .btn-lang-selector span {
		display: none
	}
}*/

header .lang-global .lang-global-selector {
	position: absolute;
	top: 60px;
	right: 75px;
	z-index: 10;
	background-color: #FFF;
	width: 385px;
	max-height: 243px;
	display: flex;
	line-height: 1.4;
	font-size: 15px;
	display: none
}

/*@media (max-width: 1129px) {
	header .lang-global .lang-global-selector {
		top: 69px;
		right: auto;
		left: -20px;
		width: 100vw;
		height: auto;
		flex-direction: column;
		max-height: none
	}
}*/

header .lang-global .lang-global-selector.expand {
	display: flex
}

header .lang-global .lang-global-selector li {
	padding-bottom: 12px
}

header .lang-global .lang-global-selector li:last-child {
	padding-bottom: 0
}

header .lang-global .lang-global-selector a {
	color: #000;
	padding-left: 15px;
	display: inline-block
}

header .lang-global .lang-global-selector a.active {
	color: #EC1F48;
	position: relative
}

header .lang-global .lang-global-selector a.active:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #EC1F48;
	top: 0;
	left: 0
}

header .lang-global .lang-global-selector .title {
	padding-bottom: 12px;
	font-weight: 700
}

header .lang-global .lang-global-selector .eng-markets {
	width: 50%;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 20px
}

/*@media (max-width: 1129px) {
	header .lang-global .lang-global-selector .eng-markets {
		width: 100%;
		margin-bottom: 0
	}
}*/

header .lang-global .lang-global-selector .eng-markets ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-height: 165px
}

/*@media (max-width: 1129px) {
	header .lang-global .lang-global-selector .eng-markets ul {
		max-height: 200px
	}
}*/

header .lang-global .lang-global-selector .eng-markets ul li {
	padding-right: 20px
}

/*@media (max-width: 1129px) {
	header .lang-global .lang-global-selector .eng-markets ul li {
		width: 50%
	}
}*/

header .lang-global .lang-global-selector .global-markets {
	font-weight: 400;
	width: 50%;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 30px;
	border-left: #f5f5f5 1px solid
}

/*@media (max-width: 1129px) {
	header .lang-global .lang-global-selector .global-markets {
		width: 100%;
		border-left: none;
		border-top: #f5f5f5 1px solid;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-left: 30px;
		padding-right: 20px
	}
}*/

/*@media (max-width: 1129px) {
	header .lang-global .lang-global-selector .global-markets ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		max-height: 66px
	}
}*/

header .mobile-menu {
	display: none
}

/*@media (max-width: 1129px) {
	header .mobile-menu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1
	}
}*/

/*@media (max-width: 1129px) {
	header .mobile-menu .btn-side-menu {
		display: block;
		width: 58px;
		height: 67px;
		padding: 32px 17px 0 17px;
		background: #FFF;
		z-index: 1
	}
}*/

header .mobile-menu .btn-side-menu:before,
header .mobile-menu .btn-side-menu:after {
	content: '';
	display: block;
	border-top: #000 2px solid;
	padding-bottom: 7px
}

header .mobile-menu .btn-side-menu:after {
	border-bottom: #000 2px solid
}

.select2-dropdown {
	min-width: 150px !important;
	border-radius: 0;
	border: 1px solid rgba(112, 112, 112, 0.2)
}

.select2-results__option {
	padding: 6px 15px
}

select.cateSelect {
	display: block;
	height: 100% !important
}

/*@media (max-width: 1129px) {
	.menu-in {
		position: fixed
	}
	.menu-in header:before {
		transform: translateX(-85vw)
	}
	.menu-in header .menu {
		background: #FFF;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 85% !important;
		margin-top: 0;
		text-align: left;
		overflow: auto
	}
	.menu-in header .menu ul li {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		display: block;
		height: auto
	}
	.menu-in header .menu .search-container {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	.menu-in header .lang {
		float: none;
		display: block;
		padding: 15px 15px 15px 15px;
		font-size: 12px
	}
	.menu-in header .overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 2
	}
	.menu-in header:before,
	.menu-in header .search-img,
	.menu-in header .overlay,
	.menu-in header .logo,
	.menu-in header .mobile-menu,
	.menu-in header .search-container,
	.menu-in header .lang,
	.menu-in header .lang-global,
	.menu-in header .btn-open-in {
		-webkit-transform: translateX(-85vw);
		-moz-transform: translateX(-85vw);
		-ms-transform: translateX(-85vw);
		transform: translateX(-85vw)
	}
	.menu-in .main {
		position: relative;
		z-index: 1000;
		-webkit-transform: translateX(-85vw);
		-moz-transform: translateX(-85vw);
		-ms-transform: translateX(-85vw);
		transform: translateX(-85vw);
		overflow: hidden
	}
	.menu-in .main:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		background: rgba(0, 0, 0, 0.4)
	}
	.menu-in .cookie-bar {
		-webkit-transform: translateX(-85vw);
		-moz-transform: translateX(-85vw);
		-ms-transform: translateX(-85vw);
		transform: translateX(-85vw)
	}
	.menu-in .add-to-home-panel,
	.menu-in .how-to-add-container {
		-webkit-transform: translateX(-85vw);
		-moz-transform: translateX(-85vw);
		-ms-transform: translateX(-85vw);
		transform: translateX(-85vw)
	}
}*/

html[data-lang=jp] header .menu ul li a#staycation,
html[data-lang=jp] header .menu ul li a#hotels {
	width: 192px
}

@media (max-width: 1350px) {
	html[data-lang=jp] header .menu ul li a#staycation,
	html[data-lang=jp] header .menu ul li a#hotels {
		width: 185px
	}
}

html[data-lang=jp] header .menu ul li a#flights-and-packages {
	width: 192px
}

@media (max-width: 1350px) {
	html[data-lang=jp] header .menu ul li a#flights-and-packages {
		width: 185px
	}
}

html[data-lang=jp] header .menu ul li a#attractions {
	width: 142px
}

@media (max-width: 1350px) {
	html[data-lang=jp] header .menu ul li a#attractions {
		width: 135px
	}
}

html[data-lang=jp] header .menu ul li a#shops {
	width: 80px
}

@media (max-width: 1350px) {
	html[data-lang=jp] header .menu ul li a#shops {
		width: 60px
	}
}

html[data-lang=jp] header .menu ul li a#food-and-drink {
	width: 80px
}

@media (max-width: 1350px) {
	html[data-lang=jp] header .menu ul li a#food-and-drink {
		width: 60px
	}
}

html[data-lang=jp] header .menu ul li a#malls {
	width: 175px
}

@media (max-width: 1350px) {
	html[data-lang=jp] header .menu ul li a#malls {
		width: 165px
	}
}

header .meun ul li.active a#staycation .label,
header .meun ul li.active a#hotels .label {
	color: #25CEC1
}

header .meun ul li.active a#flights-and-packages .label {
	color: #EA8B00
}

header .meun ul li.active a#attractions .label {
	color: #019839
}

header .meun ul li.active a#shops .label {
	color: #9D54E7
}

header .meun ul li.active a#food-and-drink .label {
	color: #FF5A00
}

header .meun ul li.active a#malls .label {
	color: #EE2745
}

header .meun ul li.active a#tours .label {
	color: #FC006B
}

header .meun ul li.active a#itineraries .label {
	color: #5D16BA
}

header .meun ul li.active a#free-tours .label {
	color: #FF5F91
}

header .meun ul li.active a#staycationdelights .label {
	color: #25CEC1
}

header .meun ul li a#staycation span.hover,
header .meun ul li a#hotels span.hover {
	color: #25CEC1
}

header .meun ul li a#flights-and-packages span.hover {
	color: #EA8B00
}

header .meun ul li a#attractions span.hover {
	color: #019839
}

header .meun ul li a#shops span.hover {
	color: #9D54E7
}

header .meun ul li a#food-and-drink {
	width: 110px
}

header .meun ul li a#food-and-drink span.hover {
	color: #FF5A00
}

header .meun ul li a#malls {
	width: 95px
}

header .meun ul li a#malls span.hover {
	color: #EE2745
}

header .meun ul li a#tours {
	width: 95px
}

header .meun ul li a#tours span.hover {
	color: #FC006B
}

header .meun ul li a#itineraries span.hover {
	color: #090
}

header .meun ul li a#free-tours span.hover {
	color: #FF5F91
}

header .meun ul li a#staycationdelights span.hover {
	color: #25CEC1
}

html[data-lang=en-hk] header .menu ul li a#staycation {
	width: 108px
}

html[data-lang=en-hk] header .menu ul li a#staycation span.hover,
html[data-lang=en-hk] header .menu ul li a#hotels span.hover {
	color: #25CEC1
}

html[data-lang=en-hk] header .menu ul li a#flights-and-packages span.hover {
	color: #EA8B00
}

html[data-lang=en-hk] header .menu ul li a#attractions span.hover {
	color: #019839
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=en-hk] header .menu ul li a#shops {
		width: 85px
	}
}

html[data-lang=en-hk] header .menu ul li a#shops span.hover {
	color: #9D54E7
}

html[data-lang=en-hk] header .menu ul li a#food-and-drink {
	width: 100px
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=en-hk] header .menu ul li a#food-and-drink {
		width: 73px
	}
}

html[data-lang=en-hk] header .menu ul li a#food-and-drink span.hover {
	color: #FF5A00
}

html[data-lang=en-hk] header .menu ul li a#malls {
	width: 75px
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=en-hk] header .menu ul li a#malls {
		width: 45px
	}
}

html[data-lang=en-hk] header .menu ul li a#malls span.hover {
	color: #EE2745
}

html[data-lang=en-hk] header .menu ul li a#tours {
	width: 75px
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=en-hk] header .menu ul li a#tours {
		width: 63px
	}
}

html[data-lang=en-hk] header .menu ul li a#tours span.hover {
	color: #FC006B
}

@media (min-width: 1130px) and (max-width: 1440px) {
	html[data-lang=en-hk] header .menu ul li a#itineraries {
		width: 95px
	}
}

html[data-lang=en-hk] header .menu ul li a#itineraries span.hover {
	color: #090
}

html[data-lang=en-hk] header .menu ul li a#free-tours span.hover {
	color: #FF5F91
}

html[data-lang=en-hk] header .menu ul li a#staycationdelights span.hover {
	color: #25CEC1
}

html[data-lang=sc] header .live-map,
html[data-lang=jp] header .live-map {
	display: none
}

html[data-lang=sc] .lang-global,
html[data-lang=sg] .lang-global {
	display: none !important
}

html[data-lang=tc] header .lang,
html[data-lang=my] header .lang,
html[data-lang=ph] header .lang,
html[data-lang=jp] header .lang,
html[data-lang=kr] header .lang {
	display: none
}

html[data-lang=sc] header .menu ul li a,
html[data-lang=tc] header .menu ul li a,
html[data-lang=zh-hk] header .menu ul li a,
html[data-lang=sc-sg] header .menu ul li a {
	width: 95px
}

html[data-lang=sc] header .menu ul li a#flights-and-packages,
html[data-lang=tc] header .menu ul li a#flights-and-packages,
html[data-lang=zh-hk] header .menu ul li a#flights-and-packages,
html[data-lang=sc-sg] header .menu ul li a#flights-and-packages {
	width: 95px
}

@media (max-width: 1350px) {
	html[data-lang=sc] header .menu ul li a#flights-and-packages,
	html[data-lang=tc] header .menu ul li a#flights-and-packages,
	html[data-lang=zh-hk] header .menu ul li a#flights-and-packages,
	html[data-lang=sc-sg] header .menu ul li a#flights-and-packages {
		width: 95px
	}
}

@media (max-width: 1440px) {
	html[data-lang=en-sg] header .menu ul li a {
		width: 96px
	}
}

@media (max-width: 1440px) {
	html[data-lang=en-sg] header .menu ul li a#flights-and-packages {
		width: 96px
	}
}

@media (max-width: 1350px) {
	html[data-lang=en-sg] header .menu ul li a#flights-and-packages {
		width: 96px
	}
}

.select2-container:not(.cateSel) span.select2-dropdown.select2-dropdown--below {
	border-radius: 10px;
	overflow: hidden
}

.select2-container:not(.cateSel) .select2-results__option[aria-selected=true] {
	background: #fff;
	color: #EF2252;
	font-weight: bold
}

.select2-container:not(.cateSel) .select2-results__option:hover {
	background: #ccc
}

html[data-lang=en-hk] header .lang-global,
html[data-lang=zh-hk] header .lang-global {
	display: none
}

footer {
	background-color: #000000;
	font-size: 14px;
	position: relative;
	display: inline-block;
	width: 100%
}

@media (max-width: 767px) {
	footer {
		font-size: 12px
	}
}

@media print {
	footer {
		display: none !important
	}
}

footer .menu,
footer .logo {
	display: inline-block
}

footer .menu {
	padding: 30px 0 30px 50px
}

@media (max-width: 767px) {
	footer .menu {
		width: 100%;
		padding: 25px 45px;
		text-align: center
	}
}

footer .menu .copyright {
	color: #ffffff;
	margin-top: 5px
}

@media (max-width: 767px) {
	footer .menu .copyright {
		text-align: center;
		margin-top: 25px
	}
}

footer .menu ul {
	color: #ffffff
}

footer .menu ul li {
	display: inline-block;
	border-right: 1px solid rgba(255, 255, 255, 0.6);
	padding: 0 20px;
	line-height: 15px
}

@media (max-width: 767px) {
	footer .menu ul li {
		padding: 0 10px
	}
}

footer .menu ul li:first-child {
	padding-left: 0
}

footer .menu ul li:last-child {
	border-right: none
}

footer .menu ul li a {
	color: #ffffff;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out
}

footer .menu ul li a:hover {
	color: #EC1F48
}

footer .logo {
	float: right;
	padding: 50px 50px 22px 50px
}

@media (max-width: 767px) {
	footer .logo {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0 45px 40px 45px
	}
}

footer .logo .hklogo {
	vertical-align: middle;
	margin-right: 40px
}

@media (max-width: 767px) {
	footer .logo .hklogo {
		margin-right: 25px;
		width: 84px
	}
}

footer .logo .socialmedia {
	display: inline-block;
	vertical-align: bottom
}

@media (max-width: 767px) {
	footer .logo .socialmedia {
		display: block
	}
}

footer .logo .socialmedia .facebook,
footer .logo .socialmedia .weibo {
	background-color: #333333;
	border-radius: 30px;
	width: 50px;
	height: 50px;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	margin: 0px 5px 0px 5px
}

footer .logo .socialmedia .facebook img,
footer .logo .socialmedia .weibo img {
	position: absolute;
	top: 11px;
	left: 20px
}

footer .logo .socialmedia .weibo img {
	left: 12px
}

footer .logo .socialmedia .facebook {
	margin-right: 40px
}

a.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 30px;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #6E6F71;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
	z-index: -1
}

a.back-to-top.active {
	opacity: 1;
	z-index: 100
}

a.back-to-top:before {
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

a.back-to-top:hover {
	background-color: #EC1F48;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

@media (max-width: 767px) {
	a.back-to-top {
		display: none
	}
}

.add-to-home-panel {
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
	display: none;
	position: fixed;
	z-index: 100;
	bottom: 20px;
	left: 24px;
	width: calc(100% - 48px);
	background-color: #FFF;
	border-radius: 20px;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
	.add-to-home-panel {
		display: none !important
	}
}

.add-to-home-panel.active {
	display: block
}

.add-to-home-panel.hide {
	display: none !important
}

.add-to-home-panel .logo {
	float: left;
	width: 116px;
	padding: 20px
}

.add-to-home-panel .logo img {
	width: 76px;
	display: block
}

.add-to-home-panel .detail {
	margin: 20px 20px 20px 116px;
	border-left: 1px solid #b2b2b2;
	padding-left: 20px;
	min-height: 76px
}

.add-to-home-panel .detail .panel-content {
	display: none
}

.add-to-home-panel .detail .panel-content.active {
	display: block
}

.add-to-home-panel .detail p {
	line-height: 1.2;
	padding-bottom: 10px;
	font-weight: bold
}

.add-to-home-panel .detail a.how-to-add {
	border-radius: 20px;
	background-color: #EC1F48;
	color: #FFF;
	padding: 5px 10px;
	font-size: 14px
}

.add-to-home-panel .detail a.later {
	color: #bcbcbc;
	text-decoration: underline;
	font-size: 12px;
	margin-left: 20px
}

.how-to-add-container {
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
	display: none;
	position: fixed;
	z-index: 100;
	top: 89px;
	left: 24px;
	width: calc(100% - 48px);
	height: calc(100% - 109px);
	background-color: #FFF;
	border-radius: 20px;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
	padding: 20px 0
}

@media (min-width: 768px) {
	.how-to-add-container {
		display: none !important
	}
}

.how-to-add-container.active {
	display: block
}

.how-to-add-container a.btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
	border-radius: 50%;
	background-color: #7f7f7f;
	width: 26px;
	height: 26px;
	display: block
}

.how-to-add-container a.btn-close:before,
.how-to-add-container a.btn-close:after {
	content: '';
	display: block;
	width: 14px;
	height: 2px;
	background: #FFF;
	position: absolute;
	top: 12px;
	left: 6px
}

.how-to-add-container a.btn-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.how-to-add-container a.btn-close:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.how-to-add-container .title {
	color: #EC1F48;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px
}

.how-to-add-container .title>div {
	display: none
}

.how-to-add-container .title>div.active {
	display: block
}

.how-to-add-container .how-to-add-content {
	overflow: auto;
	height: calc(100% - 48px);
	padding: 0 30px
}

.how-to-add-container .how-to-add-content .app-lang {
	display: none
}

.how-to-add-container .how-to-add-content .app-lang.active {
	display: block
}

.how-to-add-container .how-to-add-content .ios,
.how-to-add-container .how-to-add-content .android {
	display: none
}

.how-to-add-container .how-to-add-content .ios.active,
.how-to-add-container .how-to-add-content .android.active {
	display: block
}

.how-to-add-container ul li {
	font-size: 14px
}

.how-to-add-container ul li .num {
	display: block;
	text-align: center;
	border-radius: 50%;
	background-color: #EC1F48;
	width: 26px;
	height: 26px;
	color: #FFF;
	margin-right: 20px;
	float: left
}

.how-to-add-container ul li .text {
	margin-left: 46px;
	display: block
}

.offer-info {
	display: inline-block;
	width: 60%;
	padding: 4.16667vw 9% 50px 9%;
	float: right
}

@media (min-width: 769px) and (max-width: 1247px) {
	.offer-info {
		padding: 4.16667vw 6% 50px 6%
	}
}

@media (max-width: 768px) {
	.offer-info {
		width: 100%;
		padding: 40px 25px 40px 25px;
		margin-top: -100px
	}
}

@media print {
	.offer-info .swiper-wrapper {
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		transform: none !important
	}
}

.offer-info .swiper-slide {
	overflow: hidden;
	border-radius: 20px
}

@media print {
	.offer-info .swiper-slide {
		display: none !important
	}
}

@media print {
	.offer-info .swiper-slide.swiper-slide-active {
		display: block !important;
		width: 100% !important
	}
}

.offer-info .slide-inner {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 20px
}

@media print {
	.offer-info .slide-inner {
		visibility: hidden !important
	}
}

.offer-info img {
	width: 100%;
	visibility: hidden;
	display: block;
	border-radius: 20px
}

@media print {
	.offer-info img {
		visibility: visible !important
	}
}

.offer-info h3 {
	font-size: 1.5625vw;
	color: #5C17BB;
	padding-bottom: 30px;
	font-weight: bold
}

@media (max-width: 768px) {
	.offer-info h3 {
		font-size: 20px;
		padding-bottom: 15px
	}
}

.offer-info h5 {
	font-size: 18px;
	font-weight: bold;
	color: #303030;
	padding-bottom: 20px
}

@media (max-width: 768px) {
	.offer-info h5 {
		font-size: 14px;
		padding-bottom: 15px
	}
}

.offer-info .content {
	font-size: 18px;
	max-height: 200px;
	position: relative;
	overflow: hidden
}

@media (max-width: 768px) {
	.offer-info .content {
		font-size: 14px
	}
}

@media print {
	.offer-info .content {
		max-height: none
	}
}

.offer-info .view-more {
	color: #EC1F48;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f9f9f9;
	background: -moz-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 0)), color-stop(60%, #f9f9f9), color-stop(100%, #f9f9f9));
	background: -webkit-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: -o-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: -ms-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
	vertical-align: bottom;
	padding-top: 50px;
	text-align: right
}

@media print {
	.offer-info .view-more {
		display: none !important
	}
}

.offer-info .view-more a {
	font-size: 18px;
	color: #EC1F48;
	text-decoration: none !important
}

@media (max-width: 768px) {
	.offer-info .view-more a {
		font-size: 12px
	}
}

.offer-info .view-more a:hover {
	text-decoration: underline !important
}

.offer-info .detail-img,
.offer-info .book,
.offer-info .offer,
.offer-info .details,
.offer-info .our-itinerary {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.offer-info .detail-img.is-onscreen,
.offer-info .book.is-onscreen,
.offer-info .offer.is-onscreen,
.offer-info .details.is-onscreen,
.offer-info .our-itinerary.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-info .detail-img.is-onscreen.hide,
.offer-info .book.is-onscreen.hide,
.offer-info .offer.is-onscreen.hide,
.offer-info .details.is-onscreen.hide,
.offer-info .our-itinerary.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-info .detail-img.hide,
.offer-info .book.hide,
.offer-info .offer.hide,
.offer-info .details.hide,
.offer-info .our-itinerary.hide {
	margin-bottom: 0;
	height: 0
}

@media print {
	.offer-info .detail-img,
	.offer-info .book,
	.offer-info .offer,
	.offer-info .details,
	.offer-info .our-itinerary {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		height: auto
	}
}

.offer-info .book,
.offer-info .offer,
.offer-info .details,
.offer-info .our-itinerary {
	padding-top: 55px
}

@media (max-width: 768px) {
	.offer-info .book,
	.offer-info .offer,
	.offer-info .details,
	.offer-info .our-itinerary {
		padding-top: 25px
	}
}

@media print {
	.offer-info .detail-img {
		display: none !important
	}
}

@media screen and (max-width: 823px) {
	.offer-info .our-itinerary {
		padding-right: 0
	}
}

.offer-info .our-itinerary ol {
	counter-reset: item;
	list-style-type: none
}

@media screen and (max-width: 823px) {
	.offer-info .our-itinerary ol {
		display: flex;
		flex-wrap: nowrap
	}
}

@media screen and (max-width: 823px) {
	.offer-info .our-itinerary ol li {
		display: flex;
		height: auto
	}
}

.offer-info .our-itinerary ol li:before {
	content: counter(item, decimal-leading-zero) "";
	counter-increment: item;
	vertical-align: top;
	background-color: #FC006B;
	border-radius: 50%;
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px
}

@media screen and (max-width: 823px) {
	.offer-info .our-itinerary ol li:before {
		left: 13px;
		top: 0px;
		padding: 17px 19px
	}
}

.offer-info .our-itinerary ol li:last-child>div {
	border: none
}

@media screen and (min-width: 1024px) {
	.offer-info .our-itinerary ol li>div {
		margin-left: 80px;
		padding: 0 0 30px
	}
}

@media screen and (max-width: 823px) {
	.offer-info .our-itinerary ol li>div {
		margin-right: 5px;
		width: 100%
	}
}

.offer-info .our-itinerary ol li>div .our-itinerary-details {
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	height: 100%;
	display: block
}

.offer-info .our-itinerary ol li>div .our-itinerary-details img {
	visibility: visible;
	border-radius: 20px;
	width: 100%
}

.offer-info .our-itinerary ol li>div .our-itinerary-details h5 {
	padding-bottom: 10px
}

.offer-info .our-itinerary ol li>div .our-itinerary-details .content {
	margin-top: 20px;
	margin-bottom: 20px
}

@media screen and (max-width: 823px) {
	.offer-info .our-itinerary ol li>div .our-itinerary-details .content {
		padding: 10px
	}
}

.offer-info .our-itinerary ol li>div .our-itinerary-details .content a {
	text-decoration: underline
}

.offer-info .book ul {
	margin-left: 20px
}

.offer-info .book ul li {
	text-indent: -0.6em
}

.offer-info .book ul li:before {
	content: "\2022";
	color: #EC1F48;
	font-weight: bold;
	display: inline-block;
	padding-right: 10px
}

.offer-info .offer .content {
	font-size: 12px;
	color: #9B9B9B
}

.offer-info .offer ol {
	list-style-type: decimal;
	padding-left: 18px
}

.offer-info .offer ol li {
	padding-left: 10px
}

.offer-info .offer a {
	color: #EC1F48;
	text-decoration: underline
}

.offer-info .provided {
	font-weight: bold;
	font-size: 18px;
	padding-top: 40px
}

@media (max-width: 768px) {
	.offer-info .provided {
		padding-top: 25px;
		padding-left: 24px;
		padding-right: 24px;
		font-size: 14px
	}
}

.offer-info .quality-provider {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #333;
	font-size: 15px;
	padding: 20px 0;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 70px;
	line-height: 20px
}

@media (max-width: 768px) {
	.offer-info .quality-provider {
		font-size: 12px;
		line-height: 16px;
		margin-top: 45px;
		display: block
	}
}

.offer-info .quality-provider:before {
	content: '';
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0
}

.offer-info .quality-provider .offer-quality {
	display: inline-block;
	padding-right: 20px
}

@media (max-width: 768px) {
	.offer-info .quality-provider .offer-quality {
		display: block;
		padding-right: 0;
		padding-bottom: 10px
	}
}

.offer-info .quality-provider .offer-quality:last-child {
	padding-right: 0
}

@media (max-width: 768px) {
	.offer-info .quality-provider .offer-quality:last-child {
		padding-bottom: 0
	}
}

.offer-info .quality-provider .detail {
	width: auto;
	display: flex
}

.offer-info .quality-provider .detail span {
	width: 100%;
	vertical-align: middle;
	padding-top: 13px
}

@media (max-width: 768px) {
	.offer-info .quality-provider .detail span {
		padding-top: 10px
	}
}

.offer-info .quality-provider .logo {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	-ms-flex: 0 0 50px;
	flex: 0 0 50px;
	max-width: 50px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin-right: 10px
}

@media screen and (max-width: 768px) {
	.offer-info .quality-provider .logo {
		width: 35px;
		height: 35px;
		-ms-flex: 0 0 35px;
		flex: 0 0 35px;
		max-width: 35px
	}
}

.offer-info .quality-provider .logo img {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
	visibility: visible
}

.offer-info .quality-provider>span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 14px
}

.offer-info .quality-provider a {
	color: #333
}

.image-container {
	position: relative
}

.image-container:hover .swiper-button-prev,
.image-container:hover .swiper-button-next {
	opacity: 1
}

.image-container .swiper-button-prev,
.image-container .swiper-button-next {
	opacity: 0;
	background-color: #ffffff;
	border-radius: 50%;
	width: 50px !important;
	height: 50px !important;
	color: #E40C3B !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-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
}

@media screen and (max-width: 768px) {
	.image-container .swiper-button-prev,
	.image-container .swiper-button-next {
		display: none
	}
}

.image-container .swiper-button-prev:after,
.image-container .swiper-button-next:after {
	content: ""
}

.image-container .swiper-button-prev.swiper-button-disabled,
.image-container .swiper-button-next.swiper-button-disabled {
	opacity: 0 !important
}

.image-container .swiper-button-prev {
	left: -3%;
	top: 45%
}

.image-container .swiper-button-prev:after {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.image-container .swiper-button-next {
	right: -3%;
	top: 45%
}

.image-container .swiper-button-next:after {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

.image-container .swiper-pagination {
	position: relative
}

.image-container .swiper-pagination span {
	position: relative;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
	width: 8px;
	height: 8px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	border-radius: 50%;
	opacity: 1
}

.image-container .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #E40C3B !important
}

.offer-details-wrapper:before,
.offer-details-wrapper:after {
	content: " ";
	display: table
}

.offer-details-wrapper:after {
	clear: both
}

.offer-details-wrapper .offer-details-wrapper .description,
.offer-details-wrapper .offer-details-wrapper .quality-provider,
.offer-details-wrapper .offer-details-wrapper .content {
	font-family: "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica
}

.offer-details-wrapper .remarks {
	font-family: "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
	clear: both
}

html[data-type=flights-and-packages] .offer-details-wrapper .remarks,
html[data-type=attractions] .offer-details-wrapper .remarks {
	display: none
}

.offer-book {
	font-size: 18px;
	display: inline-block;
	float: left;
	width: 40%;
	background-color: #5C17BB;
	color: #ffffff;
	vertical-align: top;
	padding: 5.46875vw 0 0 6%;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	position: fixed;
	top: 92px;
	left: 0;
	z-index: 1;
	overflow-y: scroll
}

.offer-book.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-book.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-book.hide {
	margin-bottom: 0;
	height: 0
}

.offer-book.is-onscreen {
	height: calc(100% - 92px)
}

/*@media (max-width: 1129px) {
	.offer-book.is-onscreen {
		height: calc(100% - 68px)
	}
}*/

/*@media (max-width: 1129px) {
	.offer-book {
		top: 68px
	}
}*/

@media (max-width: 768px) {
	.offer-book {
		float: none;
		width: 100%;
		position: static !important;
		padding: 40px 24px 100px 24px
	}
}

.offer-book>div {
	width: 75%
}

@media (max-width: 768px) {
	.offer-book>div {
		position: relative;
		width: 100%
	}
}

.offer-book>div .icon-prev {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-left: -10%;
	margin-right: 35px;
	cursor: pointer;
	position: absolute
}

.offer-book>div .icon-prev:before {
	font-weight: bold
}

.offer-book .offer-logo {
	padding-bottom: 30px;
	position: relative;
	min-height: 85px;
	display: inline-block;
	width: 70%;
	padding-right: 10px
}

@media (max-width: 768px) {
	.offer-book .offer-logo {
		padding-bottom: 20px;
		min-height: 75px;
		width: 100%
	}
}

.offer-book .offer-logo .logo-img {
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: middle;
	width: 55px;
	height: 55px;
	position: absolute
}

.offer-book .offer-logo .logo-img img {
	border-radius: 50%;
	background: #ffffff
}

.offer-book .offer-logo span {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 65px;
	padding-top: 18px;
	line-height: 1.2;
	font-weight: bold
}

@media (max-width: 768px) {
	.offer-book .offer-logo span {
		padding-right: 23px
	}
}

.offer-book .logo-detail {
	display: flex
}

.offer-book .logo-detail.active .offer-logo {
	width: 100%
}

.offer-book .offer-hour {
	float: right;
	font-size: 14px;
	padding-top: 14px;
	position: absolute;
	right: 0;
	width: 30%
}

@media screen and (min-width: (max-width: 1670px)) {
	.offer-book .offer-hour {
		float: none;
		margin-left: 35px;
		padding-bottom: 30px
	}
}

@media (max-width: 1024px) {
	.offer-book .offer-hour {
		padding-left: 32px;
		position: static;
		width: auto;
		float: none;
		padding-bottom: 20px
	}
}

.offer-book .offer-hour:before {
	content: "";
	background-image: url("../assets/images/offer-details/clock.png");
	width: 24px;
	height: 24px;
	position: absolute;
	left: -35px;
	background-repeat: no-repeat;
	background-position: center center
}

@media (min-width: 769px) and (max-width: 1024px) {
	.offer-book .offer-hour:before {
		left: 233px
	}
}

@media (max-width: 768px) {
	.offer-book .offer-hour:before {
		left: 0;
		background-size: 80%;
		background-position: center
	}
}

.offer-book h1 {
	font-size: 36px;
	line-height: 1.2;
	padding-bottom: 1.5625vw;
	font-weight: bold;
	color: #FCC802
}

@media (max-width: 823px) {
	.offer-book h1 {
		font-size: 24px;
		width: 90%
	}
}

.offer-book h3 {
	color: #5C17BB
}

.offer-book .description {
	font-size: 18px;
	padding-bottom: 30px;
	line-height: 28px
}

@media (max-width: 768px) {
	.offer-book .description {
		padding-bottom: 0
	}
}

.offer-book .description a {
	text-decoration: underline
}

.offer-book .btn-book {
	height: 54px;
	position: relative;
	top: 70%;
	margin-bottom: 30px
}

@media (max-width: 768px) {
	.offer-book .btn-book {
		padding-top: 0px;
		position: static;
		height: 0;
		margin-bottom: 0
	}
}

@media (max-width: 768px) {
	.offer-book .btn-book.fixed .btn-cta {
		position: fixed;
		bottom: 5px;
		left: 0;
		right: 0;
		width: 90% !important;
		z-index: 10;
		margin: auto
	}
}

.offer-book .btn-book .btn-cta {
	display: inline-block;
	width: 150px;
	font-weight: bold;
	background-color: #FCC802;
	color: #ffffff
}

@media print {
	.offer-book .btn-book .btn-cta {
		display: none !important
	}
}

.offer-book .quality-provider {
	margin: 0 !important
}

.offer-book .quality-provider {
	color: #333;
	font-size: 14px;
	padding-top: 1.5625vw;
	padding-bottom: 1.5625vw;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center
}

@media (max-width: 768px) {
	.offer-book .quality-provider {
		font-size: 14px;
		padding-bottom: 20px
	}
}

.offer-book .quality-provider:before {
	content: '';
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0
}

.offer-book .quality-provider .offer-quality {
	display: inline-block
}

.offer-book .quality-provider .detail {
	padding: 5px 20px 5px 10px;
	border-radius: 30px;
	width: auto;
	margin-bottom: 10px;
	display: flex
}

.offer-book .quality-provider .detail span {
	width: 100%;
	vertical-align: middle;
	padding-top: 4px
}

.offer-book .quality-provider .logo {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	max-width: 40px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin-right: 10px
}

.offer-book .quality-provider .logo img {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 75%
}

.offer-book .quality-provider>span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 14px
}

.offer-book .quality-provider a {
	color: #ffffff
}

.offer-book::-webkit-scrollbar-thumb {
	background: rgba(229, 229, 229, 0.37)
}

.offer-book::-webkit-scrollbar {
	width: 10px
}

html[data-lang=kr] .offer-book .btn-book .btn-cta {
	width: 180px
}

.addthis_inline_share_toolbox,
.addthis_inline_share_toolbox_09rm {
	padding-left: 40px;
	position: absolute;
	top: 15px;
	left: 220px;
	width: 100px
}

@media screen and (max-width: 768px) {
	.addthis_inline_share_toolbox,
	.addthis_inline_share_toolbox_09rm {
		right: 0;
		left: unset;
		top: 0;
		width: auto
	}
}

.addthis_inline_share_toolbox:hover .at-share-btn-elements,
.addthis_inline_share_toolbox_09rm:hover .at-share-btn-elements {
	display: block;
	margin-top: -100px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

@media screen and (max-width: 768px) {
	.addthis_inline_share_toolbox:hover .at-share-btn-elements,
	.addthis_inline_share_toolbox_09rm:hover .at-share-btn-elements {
		margin-top: 0px
	}
}

.addthis_inline_share_toolbox a,
.addthis_inline_share_toolbox_09rm a {
	color: #ffffff
}

.addthis_inline_share_toolbox .share-icon,
.addthis_inline_share_toolbox_09rm .share-icon {
	background-image: url("../assets/images/offer-details/social-media.png");
	width: 19px;
	height: 20px;
	position: absolute;
	left: 12px;
	top: 5px
}

@media screen and (max-width: 768px) {
	.addthis_inline_share_toolbox .share-icon,
	.addthis_inline_share_toolbox_09rm .share-icon {
		right: 0;
		left: unset;
		top: -20px;
		background-color: rgba(255, 255, 255, 0.2);
		padding: 18px;
		background-position-x: 45%;
		background-position-y: center;
		border-radius: 50%;
		background-repeat: no-repeat
	}
}

.addthis_inline_share_toolbox .share,
.addthis_inline_share_toolbox_09rm .share {
	padding-top: 10px
}

@media screen and (max-width: 768px) {
	.addthis_inline_share_toolbox .share,
	.addthis_inline_share_toolbox_09rm .share {
		display: none
	}
}

.addthis_inline_share_toolbox .at-share-btn-elements,
.addthis_inline_share_toolbox_09rm .at-share-btn-elements {
	display: none
}

@media screen and (max-width: 768px) {
	.addthis_inline_share_toolbox .at-share-btn-elements,
	.addthis_inline_share_toolbox_09rm .at-share-btn-elements {
		margin-right: -15px;
		margin-top: 10px
	}
}

.addthis_inline_share_toolbox .at-mobile .at-share-btn-elements .at-share-btn,
.addthis_inline_share_toolbox_09rm .at-mobile .at-share-btn-elements .at-share-btn {
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.addthis_inline_share_toolbox .at-mobile .at-share-btn-elements .at-share-btn,
	.addthis_inline_share_toolbox_09rm .at-mobile .at-share-btn-elements .at-share-btn {
		display: block
	}
}

.addthis_inline_share_toolbox .addthis-animated,
.addthis_inline_share_toolbox_09rm .addthis-animated {
	margin-top: 10px
}

.addthis_inline_share_toolbox_09rm:hover .at-share-btn-elements {
	margin-top: -130px
}

@media screen and (max-width: 768px) {
	.addthis_inline_share_toolbox_09rm:hover .at-share-btn-elements {
		margin-top: 0px
	}
}

html[data-lang=zh-hk] .offer-details-wrapper .description,
html[data-lang=zh-hk] .offer-details-wrapper .quality-provider,
html[data-lang=zh-hk] .offer-details-wrapper .content,
html[data-lang=tc] .offer-details-wrapper .description,
html[data-lang=tc] .offer-details-wrapper .quality-provider,
html[data-lang=tc] .offer-details-wrapper .content {
	font-family: "Noto Sans TC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

html[data-lang=zh-hk] .remarks,
html[data-lang=tc] .remarks {
	font-family: "Noto Sans TC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

html[data-lang=sc] .offer-details-wrapper .description,
html[data-lang=sc] .offer-details-wrapper .quality-provider,
html[data-lang=sc] .offer-details-wrapper .content,
html[data-lang=sc-sg] .offer-details-wrapper .description,
html[data-lang=sc-sg] .offer-details-wrapper .quality-provider,
html[data-lang=sc-sg] .offer-details-wrapper .content {
	font-family: "Noto Sans SC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

html[data-lang=sc] .remarks,
html[data-lang=sc-sg] .remarks {
	font-family: "Noto Sans SC", MHei, STXihei, 微軟正黑體, "Open Sans", Arial, sans-serif, Verdana, Helvetica
}

.offer-terms {
	clear: both;
	padding: 0 8.49057vw 4.16667vw 8.49057vw;
	background: #f9f9f9;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.offer-terms.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-terms.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-terms.hide {
	margin-bottom: 0;
	height: 0
}

@media print {
	.offer-terms {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		height: auto
	}
}

@media (max-width: 767px) {
	.offer-terms {
		padding: 0 24px 40px 24px
	}
}

.offer-terms h3 {
	padding-top: 4.16667vw;
	padding-bottom: 30px;
	font-size: 18px;
	font-weight: bold
}

@media (max-width: 767px) {
	.offer-terms h3 {
		padding-top: 40px;
		font-size: 14px;
		padding-bottom: 15px
	}
}

.offer-terms .content {
	max-height: 200px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #9B9B9B
}

@media (max-width: 767px) {
	.offer-terms .content {
		font-size: 12px
	}
}

@media print {
	.offer-terms .content {
		max-height: none
	}
}

.offer-terms .content ol {
	list-style-type: decimal;
	margin-left: 25px
}

.offer-terms .content ol li {
	padding-left: 10px
}

.offer-terms .content .view-more {
	color: #EC1F48;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f9f9f9;
	background: -moz-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 0)), color-stop(60%, #f9f9f9), color-stop(100%, #f9f9f9));
	background: -webkit-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: -o-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: -ms-linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 60%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
	vertical-align: bottom;
	padding-top: 50px;
	text-align: right
}

@media print {
	.offer-terms .content .view-more {
		display: none !important
	}
}

.offer-terms .content .view-more a {
	font-size: 18px;
	color: #EC1F48
}

@media (max-width: 767px) {
	.offer-terms .content .view-more a {
		font-size: 12px
	}
}

.offer-terms .content .view-more a:hover {
	text-decoration: underline !important
}

.home-banner {
	position: relative;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.home-banner.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.home-banner.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.home-banner.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 767px) {
	.home-banner {
		margin-bottom: 40px
	}
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-slide.swiper-slide-active h2 {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-slide h2 {
	opacity: 0;
	-webkit-transform: translate(-50%, -20%);
	-moz-transform: translate(-50%, -20%);
	-ms-transform: translate(-50%, -20%);
	transform: translate(-50%, -20%);
	-webkit-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-moz-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-o-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-ms-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-prev,
.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-next {
	display: block;
	z-index: 999
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-prev.swiper-button-disabled,
.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-next.swiper-button-disabled {
	cursor: pointer !important;
	pointer-events: auto !important
}

@media (max-width: 768px) {
	.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-prev,
	.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-next {
		opacity: 0 !important
	}
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-prev {
	left: 20px
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-prev:before {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-next {
	right: 20px
}

.home-banner .home-banner-slider.swiper-container-initialized .swiper-button-next:before {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

.home-banner .swiper-slide {
	position: relative;
	overflow: hidden
}

.home-banner .swiper-slide h2 {
	color: #fff;
	position: absolute;
	font-size: 4.16667vw;
	line-height: 1.2;
	top: 50%;
	left: 50%;
	text-align: center;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
	.home-banner .swiper-slide h2 {
		font-size: 44px;
		width: 75%
	}
}

.home-banner .swiper-slide img {
	visibility: hidden;
	display: block
}

.home-banner .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center
}

.home-banner .slide-inner.video:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%
}

.home-banner .slide-inner.video iframe {
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out
}

.home-banner .slide-inner.video iframe.on {
	opacity: 1
}

.home-intro {
	text-align: center;
	padding: 38px 8.49057vw 38px 8.49057vw;
	font-size: 18px
}

@media (max-width: 823px) {
	.home-intro {
		font-size: 18px
	}
}

@media (max-width: 768px) {
	.home-intro {
		font-size: 14px;
		padding: 20px 24px
	}
}

.home-intro .highlighted {
	color: #EC1F48
}

.home-intro .title {
	font-weight: bold;
	color: #DBD30B;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.8px;
	padding-bottom: 10px
}

.home-search-container {
	z-index: 2;
	color: #fff;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 4.16667vw
}

@media (max-width: 767px) {
	.home-search-container {
		margin-left: 24px;
		margin-right: 24px
	}
}

.home-search-container .search-container {
	position: relative;
	margin: auto;
	width: 50%
}

@media (max-width: 767px) {
	.home-search-container .search-container {
		width: 100%
	}
}

.home-search-container .search-container .search-field {
	width: 100%;
	height: 78px;
	border: none;
	padding-left: 40px;
	border-radius: 40px;
	border: 3px solid #EC1F48;
	font-size: 1.30208vw
}

@media (max-width: 823px) {
	.home-search-container .search-container .search-field {
		font-size: 18px
	}
}

@media (max-width: 767px) {
	.home-search-container .search-container .search-field {
		border-width: 3px;
		height: 50px;
		padding-left: 40px;
		font-size: 14px;
		padding-left: 25px;
		border-radius: 25px
	}
}

.home-search-container .search-container .icon-search {
	position: absolute;
	background-color: #EC1F48;
	color: #fff;
	content: "\e902";
	font-size: 26px;
	line-height: 1;
	top: 6px;
	right: 7px;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	text-align: center
}

@media (max-width: 767px) {
	.home-search-container .search-container .icon-search {
		font-size: 20px;
		width: 40px;
		top: 5px;
		right: 5px;
		height: 80%
	}
}

.home-search-container .search-container .icon-search:before {
	line-height: 69px
}

@media (max-width: 767px) {
	.home-search-container .search-container .icon-search:before {
		line-height: 40px
	}
}

.main .home-banner-slider.swiper-container.swiper-container-initialized .swiper-pagination {
	display: block;
	margin-top: 0;
	z-index: 1
}

@media (min-width: 769px) {
	.main .home-banner-slider.swiper-container.swiper-container-initialized .swiper-pagination {
		display: none
	}
}

@media (max-width: 767px) {
	.main .home-banner-slider.swiper-container .swiper-pagination span {
		margin-right: 16px
	}
}

.mfp-iframe-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	max-width: 1200px;
	width: 90%
}

@media (max-width: 768px) {
	.mfp-iframe-holder .mfp-content,
	.mfp-inline-holder .mfp-content {
		height: 550px
	}
}

.mfp-iframe-holder .mfp-content .mfp-iframe,
.mfp-inline-holder .mfp-content .mfp-iframe {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px
}

.mfp-iframe-holder .mfp-content .staycationdelights,
.mfp-iframe-holder .mfp-content .free-tours,
.mfp-inline-holder .mfp-content .staycationdelights,
.mfp-inline-holder .mfp-content .free-tours {
	height: 90%
}

@media (min-width: 768px) {
	.mfp-iframe-holder .mfp-content .staycationdelights,
	.mfp-iframe-holder .mfp-content .free-tours,
	.mfp-inline-holder .mfp-content .staycationdelights,
	.mfp-inline-holder .mfp-content .free-tours {
		height: 700px
	}
}

.mfp-iframe-holder .mfp-close,
.mfp-inline-holder .mfp-close {
	top: -20px;
	background: #FF5F91;
	width: 45px;
	border-radius: 50%;
	padding-right: 14px;
	right: -18px;
	opacity: 1;
	text-align: right;
	color: #FFF
}

body {
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.4)
}

body.rule {
	border-radius: 15px;
	font-weight: 300
}

body.rule::-webkit-scrollbar {
	width: 11px
}

body.rule::-webkit-scrollbar-track {
	background: #FF8904
}

body.rule::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 6px
}

.ajax-data-page .offer-container {
	display: none
}

.ajax-data-page .offer-container.enabled {
	display: block
}

.offer-container {
	margin-left: 8.49057vw;
	margin-right: 8.49057vw;
	margin-bottom: 4.16667vw;
	position: relative;
	display: block;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.offer-container.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-container.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-container.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 1440px) {
	.offer-container {
		margin-left: 100px;
		margin-right: 100px
	}
}

@media (max-width: 1240px) {
	.offer-container {
		margin-left: 40px;
		margin-right: 40px
	}
}

@media (max-width: 768px) {
	.offer-container {
		margin-left: 24px;
		margin-right: 24px;
		margin-bottom: 40px
	}
}

.offer-container.great-feast h2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 95px auto;
	padding-left: 115px;
	padding-top: 20px;
	padding-bottom: 50px;
	min-height: 90px
}

@media (max-width: 767px) {
	.offer-container.great-feast h2 {
		background-size: 60px auto;
		padding-left: 75px;
		padding-top: 13px;
		padding-bottom: 30px;
		min-height: 70px
	}
}

.offer-container.great-feast .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
	width: auto
}

.offer-container.great-feast .swiper-wrapper .great-feast-block {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 20px;
	padding-left: 20px
}

@media (max-width: 767px) {
	.offer-container.great-feast .swiper-wrapper .great-feast-block {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px
	}
}

@media (max-width: 767px) {
	.offer-container.great-feast .swiper-wrapper .great-feast-block:last-child {
		margin-bottom: 0
	}
}

.offer-container.great-feast .swiper-wrapper .great-feast-block img {
	display: block;
	width: 100%
}

.offer-container.great-feast .swiper-wrapper .great-feast-block .detail {
	padding: 2.08333vw
}

.offer-container.great-feast .swiper-wrapper .great-feast-block .detail .description {
	font-size: 2.1875vw;
	line-height: 1.4
}

.offer-container .cateFilter {
	position: absolute;
	top: 0;
	right: 0
}

@media (max-width: 1024px) {
	.offer-container .cateFilter {
		position: relative;
		margin-bottom: 20px;
		font-size: 12px
	}
}

.offer-container .cateFilter.hide {
	display: none
}

@media (max-width: 1024px) {
	.offer-container .cateFilter .districtSelect {
		margin-bottom: 10px
	}
}

.offer-container .cateFilter select {
	z-index: 1;
	display: none
}

.offer-container .cateFilter select.select2-hidden-accessible {
	display: none
}

@media (max-width: 1024px) {
	.offer-container .cateFilter select.select2-hidden-accessible {
		opacity: 1;
		border: 1px solid #a3b2be !important;
		width: 100% !important;
		padding-left: 15px !important;
		position: static !important;
		background-color: transparent !important;
		height: 54px !important;
		clip: auto !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
		border-radius: 0
	}
}

.offer-container .cateFilter .select2-container--default {
	width: auto !important;
	margin-left: 10px;
	margin-bottom: 10px
}

@media (max-width: 1024px) {
	.offer-container .cateFilter .select2-container--default {
		margin-left: 0px;
		width: 100% !important
	}
}

.offer-container .cateFilter .select2-container--default .select2-selection--single {
	min-width: 240px;
	width: 100% !important;
	border: none;
	height: 54px;
	position: relative;
	padding: 10px 40px 10px 15px;
	border-radius: 40px;
	background: #CCCCCC;
	outline: none
}

@media (max-width: 1024px) {
	.offer-container .cateFilter .select2-container--default .select2-selection--single {
		padding-top: 14px;
		padding-bottom: 14px;
		width: 100% !important
	}
}

.offer-container .cateFilter .select2-container--default .select2-selection--single:before {
	content: "\e909";
	position: absolute;
	right: 20px;
	top: 20px;
	font-family: 'icomoon';
	font-size: 10px;
	transform: rotate(-90deg);
	background-color: #fff;
	padding: 15px 21px;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	right: 3px;
	top: 3px;
	font-weight: bold
}

.offer-container .cateFilter .select2-container--default .select2-selection--single[aria-expanded="true"] {
	border-radius: 25px 25px 0 0 !important
}

.offer-container .cateFilter .select2-container--default .select2-selection--single[aria-expanded="true"]:before {
	transform: rotate(90deg)
}

.offer-container .cateFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
	width: auto !important
}

@media (max-width: 1024px) {
	.offer-container .cateFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
		width: calc(100% - 55px) !important;
		position: absolute;
		top: 50%;
		left: 15px;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}

.offer-container .cateFilter .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

.offer-container .cateFilter .tourFilter {
	position: relative;
	min-width: 240px;
	height: 54px;
	display: inline-block;
	vertical-align: top
}

@media (max-width: 823px) {
	.offer-container .cateFilter .tourFilter {
		width: 100%;
		margin-bottom: 10px
	}
}

.offer-container .cateFilter .tourFilter.active .daysContainer {
	display: block
}

.offer-container .cateFilter .tourFilter.active .filterToggle:before {
	transform: rotate(90deg);
	padding-left: 20px;
	padding-top: 14px
}

.offer-container .cateFilter .tourFilter .filterToggle {
	color: #FFF;
	display: block;
	padding: 0 60px 0 23px;
	height: 100%;
	border-radius: 26px;
	background-color: #FF5F91;
	position: relative;
	z-index: 12
}

@media (max-width: 823px) {
	.offer-container .cateFilter .tourFilter .filterToggle {
		padding-top: 6px
	}
}

.offer-container .cateFilter .tourFilter .filterToggle:before {
	content: "\e909";
	position: absolute;
	font-family: 'icomoon';
	font-size: 10px;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	background-color: #fff;
	padding: 15px 21px;
	border-radius: 50%;
	right: 3px;
	top: 3px;
	width: 48px;
	height: 48px;
	font-weight: bold;
	color: #FF5F91
}

.offer-container .cateFilter .tourFilter .filterToggle .subtitle {
	font-size: 12px;
	line-height: 1.2
}

.offer-container .cateFilter .tourFilter .filterToggle .selectedDays {
	font-size: 14px;
	line-height: 16px
}

.offer-container .cateFilter .tourFilter .daysContainer {
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 10;
	width: 100%;
	background: #FF5F91;
	border-bottom-left-radius: 26px;
	border-bottom-right-radius: 26px;
	padding: 33px 0 7px 0
}

.offer-container .cateFilter .tourFilter .daysContainer li {
	padding: 0 23px 13px 23px;
	color: #FFF;
	line-height: 20px
}

.offer-container .cateFilter .tourFilter .daysContainer li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 20px
}

.offer-container .cateFilter .tourFilter .daysContainer li input[type=checkbox] {
	opacity: 0;
	position: absolute
}

.offer-container .cateFilter .tourFilter .daysContainer li input[type=checkbox]:checked+label:after {
	content: '';
	position: absolute;
	display: inline-block;
	top: 5px;
	left: 5px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff
}

.offer-container .cateFilter .tourFilter .daysContainer li input+label {
	display: inline-block;
	position: relative;
	padding: 0 0 0 38px;
	cursor: pointer
}

.offer-container .cateFilter .tourFilter .daysContainer li input+label:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	border: #fff 1px solid
}

.offer-container .alpha-location-panel {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 31px;
	padding: 3px
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-panel {
		position: relative;
		margin-bottom: 20px;
		font-size: 12px
	}
}

.offer-container .alpha-location-panel .nav-highlighter {
	position: absolute;
	min-width: 142px;
	width: 142px;
	height: calc(100% - 6px);
	top: 3px;
	left: 3px;
	border-radius: 31px;
	-webkit-transition: left 0.2s ease-in-out;
	-moz-transition: left 0.2s ease-in-out;
	-o-transition: left 0.2s ease-in-out;
	-ms-transition: left 0.2s ease-in-out;
	transition: left 0.2s ease-in-out
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-panel .nav-highlighter {
		min-width: calc(50% - 3px);
		width: calc(50% - 3px)
	}
}

.offer-container .alpha-location-panel a {
	display: inline-flex;
	position: relative;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	width: 142px;
	height: 54px;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-panel a {
		width: 50%
	}
}

.offer-container .alpha-location-panel a.active {
	color: #FFF
}

.offer-container .alpha-location-container {
	border-top: 1px solid #FFF;
	margin-top: 12px
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container {
		margin-bottom: 10px
	}
}

.offer-container .alpha-location-container .alpha-list {
	display: none;
	padding-left: 18%;
	padding-right: 18%;
	justify-content: space-between;
	position: relative
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list {
		padding-top: 20px;
		padding-left: 0;
		padding-right: 0
	}
}

.offer-container .alpha-location-container .alpha-list.active {
	display: flex
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list.select-on .alpha-toggle {
		border-radius: 25px 25px 0 0 !important
	}
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list.select-on .alpha-toggle:before {
		transform: rotate(90deg)
	}
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list.select-on .list {
		display: block;
		position: absolute;
		z-index: 10;
		left: 0;
		top: 74px;
		width: 100%;
		background: #cccccc;
		border-radius: 0 0 20px 20px
	}
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list.select-on .list a {
		display: block;
		padding: 3px 15px
	}
}

.offer-container .alpha-location-container .alpha-list.select-on .list a.active {
	background: rgba(255, 255, 255, 0.3) !important
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list.selected .alpha-toggle {
		color: #fff
	}
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list.selected.select-on .list a {
		color: #fff
	}
}

.offer-container .alpha-location-container .alpha-list .alpha-toggle {
	display: none
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list .alpha-toggle {
		position: relative;
		display: block;
		width: 100%;
		height: 54px;
		border-radius: 40px;
		padding: 14px 40px 14px 23px;
		background: #CCCCCC;
		font-size: 12px;
		line-height: 26px;
		color: #333
	}
}

.offer-container .alpha-location-container .alpha-list .alpha-toggle:before {
	content: "\e909";
	position: absolute;
	font-family: 'icomoon';
	font-size: 10px;
	transform: rotate(-90deg);
	color: #cccccc;
	background-color: #fff;
	padding: 12px 21px;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	right: 3px;
	top: 3px;
	font-weight: bold;
	text-align: center
}

.offer-container .alpha-location-container .alpha-list .list {
	width: 100%;
	display: flex;
	justify-content: space-between
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .alpha-list .list {
		display: none
	}
}

.offer-container .alpha-location-container .alpha-list .list a {
	color: #333;
	font-size: 18px;
	padding: 38px 0
}

.offer-container .alpha-location-container .alpha-list .list a.active {
	font-weight: bold
}

.offer-container .alpha-location-container .cateFilter {
	display: none;
	text-align: center;
	padding-top: 27px;
	padding-bottom: 17px;
	position: static
}

@media (max-width: 1024px) {
	.offer-container .alpha-location-container .cateFilter {
		padding-top: 20px;
		padding-bottom: 0;
		margin-bottom: 0
	}
}

.offer-container .alpha-location-container .cateFilter.active {
	display: block
}

.offer-container h2 {
	color: #333;
	font-weight: bold;
	padding-bottom: 40px;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.8px;
	min-height: 80px
}

@media (max-width: 767px) {
	.offer-container h2 {
		font-size: 26px;
		padding-bottom: 20px;
		min-height: 0
	}
}

.offer-container h2.is-onscreen span {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1
}

.offer-container h2 span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate(0, 40px);
	-moz-transform: translate(0, 40px);
	-ms-transform: translate(0, 40px);
	transform: translate(0, 40px);
	-webkit-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	-moz-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	-o-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	-ms-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s
}

.offer-container>.desc {
	padding-bottom: 25px
}

@media (max-width: 767px) {
	.offer-container .offer-list-container.swiper-container-initialized {
		overflow: visible;
		margin-right: -5px;
		margin-left: -5px
	}
}

@media (max-width: 767px) {
	.offer-container .offer-list-container.swiper-container-initialized .swiper-wrapper {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

@media (max-width: 767px) {
	.offer-container .offer-list-container.swiper-container-initialized .swiper-slide {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
		padding-right: 5px;
		padding-left: 5px
	}
}

.offer-container .offer-list {
	clear: both;
	margin-right: -20px;
	margin-left: -20px;
	width: calc(100% + 40px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 823px) {
	.offer-container .offer-list {
		margin-right: -10px;
		margin-left: -10px;
		width: calc(100% + 20px)
	}
}

@media (max-width: 767px) {
	.offer-container .offer-list {
		margin-right: 0;
		margin-left: 0;
		width: 100%
	}
}

.offer-container .offer-list .offer-block {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 40px;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.offer-container .offer-list .offer-block.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-container .offer-list .offer-block.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-container .offer-list .offer-block.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 823px) {
	.offer-container .offer-list .offer-block {
		padding-right: 10px;
		padding-left: 10px
	}
}

@media (max-width: 767px) {
	.offer-container .offer-list .offer-block {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 20px
	}
}

.offer-container .offer-list .offer-block.unselected {
	display: none
}

.offer-container .offer-list .offer-block.dimmed.is-onscreen {
	position: relative;
	opacity: .5
}

.offer-container .offer-list .offer-block.dimmed.is-onscreen:before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: calc(100% - 40px);
	height: 100%;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0);
	z-index: 10
}

.offer-container .offer-list .offer-block.dimmed a {
	pointer-events: none
}

.offer-container .offer-list .offer-block a {
	outline: none;
	display: flex;
	flex-direction: column;
	position: relative;
	background: #FFF;
	height: 100%;
	transform-origin: center center;
	-webkit-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-moz-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-o-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-ms-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	border-radius: 20px
}

@media (max-width: 767px) {
	.offer-container .offer-list .offer-block a:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.offer-container .offer-list .offer-block .cat-tag {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 10px 2px 10px;
	background: #149918;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	text-transform: uppercase;
	z-index: 1
}

.offer-container .offer-list .offer-block .cat-tag.wellness {
	background-color: #149918
}

.offer-container .offer-list .offer-block .cat-tag.shop {
	background-color: #CA1DC3
}

.offer-container .offer-list .offer-block .cat-tag.play {
	background-color: #FD8924
}

.offer-container .offer-list .offer-block .cat-tag.dine {
	background-color: #DA1327
}

.offer-container .offer-list .offer-block .flag {
	position: absolute;
	z-index: 2;
	width: 70px;
	min-height: 48px;
	font-size: 15px;
	line-height: 1.2;
	top: 0;
	right: 19px;
	color: #FFF;
	background-color: #ed1a36;
	text-align: center;
	padding: 10px 5px
}

@media (min-width: 768px) and (max-width: 1247px) {
	.offer-container .offer-list .offer-block .flag {
		width: 48px;
		min-height: 36px;
		font-size: 10px;
		padding: 6px 4px;
		line-height: 1.1
	}
}

.offer-container .offer-list .offer-block .flag:before,
.offer-container .offer-list .offer-block .flag:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	bottom: -10px
}

.offer-container .offer-list .offer-block .flag:before {
	left: 0;
	border-width: 10px 35px 0 0;
	border-color: #ed1a36 transparent transparent transparent
}

.offer-container .offer-list .offer-block .flag:after {
	right: 0;
	border-width: 0 35px 10px 0;
	border-color: transparent #ed1a36 transparent transparent
}

.offer-container .offer-list .offer-block .flag.shadow {
	color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0.5) !important;
	z-index: 1;
	top: 5px;
	right: 14px
}

.offer-container .offer-list .offer-block .flag.shadow:before {
	border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent !important
}

.offer-container .offer-list .offer-block .flag.shadow:after {
	border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent !important
}

.offer-container .offer-list .offer-block .thumbnail {
	overflow: hidden;
	height: 0;
	padding-top: 75.12%;
	position: relative;
	border-radius: 20px 20px 0 0
}

.offer-container .offer-list .offer-block .thumbnail:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	background: linear-gradient(0deg, #000 25%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
	opacity: .5
}

.offer-container .offer-list .offer-block .thumbnail img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.offer-container .offer-list .offer-block .thumbnail .merchant-logo {
	position: absolute;
	width: 45px;
	height: 45px;
	bottom: 20px;
	left: 20px;
	z-index: 1;
	background: #fff;
	border-radius: 50%
}

.offer-container .offer-list .offer-block .thumbnail .merchant-logo img {
	border-radius: 50%;
	-webkit-box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.15);
	background-color: #fff
}

@media (min-width: 769px) and (max-width: 1024px) {
	.offer-container .offer-list .offer-block .thumbnail .merchant-logo {
		bottom: 10px;
		left: 10px;
		width: 35px;
		height: 35px
	}
}

.offer-container .offer-list .offer-block .thumbnail .merchant {
	position: absolute;
	bottom: 20px;
	left: 75px;
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 10px;
	padding-right: 20px;
	z-index: 1
}

@media (max-width: 1247px) {
	.offer-container .offer-list .offer-block .thumbnail .merchant {
		font-size: 12px;
		line-height: 20px;
		padding-bottom: 5px;
		padding-right: 6px
	}
}

@media (max-width: 1024px) {
	.offer-container .offer-list .offer-block .thumbnail .merchant {
		left: 72px;
		line-height: 1.2
	}
}

.offer-container .offer-list .offer-block .offer-detail {
	position: relative;
	padding: 30px 30px 30px 30px;
	border-radius: 0 0 20px 20px
}

@media (max-width: 1024px) {
	.offer-container .offer-list .offer-block .offer-detail {
		padding: 20px
	}
}

.offer-container .offer-list .offer-block .offer-detail .name {
	color: #333;
	font-size: 16px;
	line-height: 28px
}

@media (max-width: 1247px) {
	.offer-container .offer-list .offer-block .offer-detail .name {
		font-size: 12px;
		line-height: 20px
	}
}

@media (max-width: 767px) {
	.offer-container .offer-list .offer-block .offer-detail .name {
		font-size: 16px
	}
}

.offer-container .offer-list .no-result {
	text-align: center;
	width: 100%;
	padding: 30px;
	font-size: 22px
}

.offer-container .bottom {
	position: relative;
	min-height: 32px
}

.offer-container .bottom .remarks {
	padding-top: 20px;
	top: 0;
	left: 0;
	color: #9B9B9B;
	font-size: 14px
}

@media (max-width: 767px) {
	.offer-container .bottom .remarks {
		margin-bottom: 20px
	}
}

.offer-container .bottom .see-more {
	font-size: 0;
	text-align: center
}

.offer-container .bottom .load-more {
	text-align: center
}

.offer-container .bottom .load-more.hide {
	display: none
}

.offer-container .bottom .load-more a {
	width: 3.38542vw;
	display: inline-block;
	color: rgba(0, 0, 0, 0.2);
	font-size: 3.38542vw;
	line-height: 1
}

.offer-container .bottom+.promotion-banner {
	margin-top: 4.16667vw
}

@media (max-width: 767px) {
	.offer-container .bottom+.promotion-banner {
		margin-top: 40px
	}
}

.offer-container .promotion-banner {
	margin-bottom: 40px;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	border-radius: 20px
}

.offer-container .promotion-banner.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-container .promotion-banner.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-container .promotion-banner.hide {
	margin-bottom: 0;
	height: 0
}

.offer-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .merchant-logo,
.offer-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .description,
.offer-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .sub-description,
.offer-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .btn-cta {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.offer-container .promotion-banner .swiper-slide {
	background-color: #EC1F48;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	border-radius: 20px
}

.offer-container .promotion-banner .swiper-slide.img-left {
	-webkit-flex-direction: row;
	flex-direction: row
}

.offer-container .promotion-banner .swiper-slide.is-full-width.swiper-slide .banner .img-container .slide-inner {
	border-radius: 20px
}

.offer-container .promotion-banner .swiper-slide.is-full-width .banner {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.offer-container .promotion-banner .swiper-slide.is-full-width .banner .img-container {
	padding-top: 0;
	height: auto
}

.offer-container .promotion-banner .swiper-slide.is-full-width .banner .img-container img {
	visibility: hidden;
	position: static;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none
}

.offer-container .promotion-banner .swiper-slide.swiper-slide-active .detail .merchant-logo,
.offer-container .promotion-banner .swiper-slide.swiper-slide-active .detail .description,
.offer-container .promotion-banner .swiper-slide.swiper-slide-active .detail .sub-description,
.offer-container .promotion-banner .swiper-slide.swiper-slide-active .detail .btn-cta {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.offer-container .promotion-banner .swiper-slide .banner,
.offer-container .promotion-banner .swiper-slide .detail {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

@media (max-width: 768px) {
	.offer-container .promotion-banner .swiper-slide .banner,
	.offer-container .promotion-banner .swiper-slide .detail {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

.offer-container .promotion-banner .swiper-slide .banner .img-container {
	padding-top: 62.68%;
	height: 0;
	position: relative;
	overflow: hidden;
	border-radius: 0 20px 20px 0
}

@media (max-width: 768px) {
	.offer-container .promotion-banner .swiper-slide .banner .img-container {
		border-radius: 20px 20px 0 0
	}
}

.offer-container .promotion-banner .swiper-slide .banner .img-container .slide-inner {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: 50% 50%
}

.offer-container .promotion-banner .swiper-slide .banner .img-container img {
	display: block;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
	visibility: hidden
}

.offer-container .promotion-banner .swiper-slide .banner .img-container img.desktop {
	display: block
}

@media (max-width: 767px) {
	.offer-container .promotion-banner .swiper-slide .banner .img-container img.desktop {
		display: none
	}
}

.offer-container .promotion-banner .swiper-slide .banner .img-container img.mobile {
	display: none
}

@media (max-width: 767px) {
	.offer-container .promotion-banner .swiper-slide .banner .img-container img.mobile {
		display: block
	}
}

.offer-container .promotion-banner .swiper-slide .detail {
	padding: 2.60417vw 4.6875vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.offer-container .promotion-banner .swiper-slide .detail {
		padding: 30px 25px
	}
}

.offer-container .promotion-banner .swiper-slide .detail .top {
	width: 100%
}

.offer-container .promotion-banner .swiper-slide .detail .merchant-logo,
.offer-container .promotion-banner .swiper-slide .detail .description,
.offer-container .promotion-banner .swiper-slide .detail .sub-description,
.offer-container .promotion-banner .swiper-slide .detail .btn-cta {
	opacity: 0;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	-webkit-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-moz-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-o-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-ms-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out
}

.offer-container .promotion-banner .swiper-slide .detail .merchant-logo {
	display: inline-block;
	padding-bottom: 20px;
	transition-delay: .5s
}

.offer-container .promotion-banner .swiper-slide .detail .merchant-logo img {
	display: inline-block;
	height: 50px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	vertical-align: middle;
	background-color: #fff
}

@media (max-width: 767px) {
	.offer-container .promotion-banner .swiper-slide .detail .merchant-logo img {
		height: 30px
	}
}

.offer-container .promotion-banner .swiper-slide .detail .merchant-logo span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	font-weight: bold;
	font-size: 16px
}

@media (max-width: 767px) {
	.offer-container .promotion-banner .swiper-slide .detail .merchant-logo span {
		font-size: 14px
	}
}

.offer-container .promotion-banner .swiper-slide .detail .description {
	font-weight: 700;
	line-height: 1.4;
	transition-delay: .7s;
	font-size: 25px
}

@media (max-width: 1024px) {
	.offer-container .promotion-banner .swiper-slide .detail .description {
		font-size: 22px;
		line-height: 1.2
	}
}

@media (max-width: 767px) {
	.offer-container .promotion-banner .swiper-slide .detail .description {
		font-size: 24px;
		line-height: 1.2
	}
}

.offer-container .promotion-banner .swiper-slide .detail .sub-description {
	font-size: .9375vw;
	transition-delay: .7s;
	padding-top: 1.5625vw
}

.offer-container .promotion-banner .swiper-slide .detail .btn-cta {
	margin-top: auto;
	transition-delay: .9s;
	background-color: #FFF;
	color: #EC1F48
}

@media (max-width: 768px) {
	.offer-container .promotion-banner .swiper-slide .detail .btn-cta {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto
	}
}

.offer-container .image-container .swiper-button-prev {
	left: -2%
}

@media (max-width: 1024px) {
	.offer-container .image-container .swiper-button-prev {
		left: -4%
	}
}

.offer-container .image-container .swiper-button-next {
	right: -2%
}

@media (max-width: 1024px) {
	.offer-container .image-container .swiper-button-next {
		right: -4%
	}
}

.offer-container .swiper-button-prev,
.offer-container .swiper-button-next {
	opacity: 0 !important;
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	color: #E40C3B !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
	top: 41%
}

@media (max-width: 768px) {
	.offer-container .swiper-button-prev,
	.offer-container .swiper-button-next {
		opacity: 0 !important
	}
}

.offer-container .swiper-button-prev:after,
.offer-container .swiper-button-next:after {
	box-shadow: none !important;
	backdrop-filter: none !important;
	font-size: 25px
}

.offer-container .swiper-button-prev.swiper-button-disabled,
.offer-container .swiper-button-next.swiper-button-disabled {
	opacity: 0 !important
}

.offer-container .swiper-button-prev {
	left: -2%
}

.offer-container .swiper-button-prev:after {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.offer-container .swiper-button-next {
	right: -2%
}

.offer-container .swiper-button-next:after {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

.offer-container .feature-filter {
	text-align: center;
	position: relative;
	margin-top: 20px;
	border-top: 1px solid #000
}

.offer-container .feature-filter .title {
	display: inline-block;
	font-weight: bold;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.8px;
	color: #CB005A;
	position: relative;
	padding-left: 55px;
	padding-right: 55px;
	margin-top: 30px;
	margin-bottom: 0
}

@media (max-width: 823px) {
	.offer-container .feature-filter .title {
		font-size: 26px
	}
}

.offer-container .feature-filter .title:before,
.offer-container .feature-filter .title:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../assets/images/cny/flower.png) no-repeat 0 0;
	width: 33px;
	height: 32px
}

.offer-container .feature-filter .title:before {
	left: 0
}

.offer-container .feature-filter .title:after {
	right: 0
}

.offer-container .feature-filter .filter {
	margin-top: 30px;
	margin-bottom: 55px
}

.offer-container .feature-filter .filter.active .filter-nav {
	display: block
}

.offer-container .feature-filter .filter.active .filter-toggle .indicator {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.offer-container .feature-filter .filter .filter-toggle {
	display: none
}

@media (max-width: 823px) {
	.offer-container .feature-filter .filter .filter-toggle {
		position: relative;
		display: block;
		border: #E5A0A0 1px solid;
		background: #feede3;
		background: linear-gradient(45deg, #feede3 0%, #f5c6c6 100%);
		height: 44px;
		border-radius: 22px;
		padding: 4px 4px 4px 32px;
		text-align: left;
		font-weight: bold
	}
}

.offer-container .feature-filter .filter .filter-toggle .indicator {
	background-color: #CB005A;
	width: 34px;
	height: 34px;
	position: absolute;
	font-size: 10px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	border-radius: 50%;
	right: 4px;
	top: 4px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center
}

.offer-container .feature-filter .filter .filter-toggle .indicator:before {
	content: "\e909";
	font-family: 'icomoon';
	color: #FFF
}

.offer-container .feature-filter .filter .filter-toggle .indicator:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: 50%;
	border: #D9AF64 1px solid
}

.offer-container .feature-filter .filter .filter-toggle .selected-value {
	height: 34px;
	line-height: 34px;
	color: #CB005A
}

.offer-container .feature-filter .filter .filter-nav {
	display: inline-flex;
	border: #E5A0A0 1px solid;
	background: #feede3;
	background: linear-gradient(45deg, #feede3 0%, #f5c6c6 100%);
	height: 67px;
	border-radius: 34px;
	padding: 4px;
	position: relative
}

@media (max-width: 823px) {
	.offer-container .feature-filter .filter .filter-nav {
		display: none;
		height: auto;
		padding: 20px 0 15px 0
	}
}

.offer-container .feature-filter .filter .filter-nav .nav-highlighter {
	position: absolute;
	min-width: 102px;
	width: 102px;
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	padding: 5px;
	background-color: #CB005A;
	border-radius: 29px;
	-webkit-transition: left 0.2s ease-in-out;
	-moz-transition: left 0.2s ease-in-out;
	-o-transition: left 0.2s ease-in-out;
	-ms-transition: left 0.2s ease-in-out;
	transition: left 0.2s ease-in-out
}

@media (max-width: 823px) {
	.offer-container .feature-filter .filter .filter-nav .nav-highlighter {
		display: none
	}
}

.offer-container .feature-filter .filter .filter-nav .categories {
	display: flex
}

@media (max-width: 823px) {
	.offer-container .feature-filter .filter .filter-nav .categories {
		display: block
	}
}

.offer-container .feature-filter .filter .filter-nav .category {
	position: relative;
	font-weight: bold
}

@media (max-width: 823px) {
	.offer-container .feature-filter .filter .filter-nav .category {
		min-width: 0;
		width: auto
	}
}

.offer-container .feature-filter .filter .filter-nav .category a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 40px;
	padding-right: 40px;
	width: 100%;
	height: 100%;
	color: #CB005A;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out
}

@media (max-width: 823px) {
	.offer-container .feature-filter .filter .filter-nav .category a {
		display: block;
		text-align: left;
		padding-left: 32px;
		padding-bottom: 5px
	}
}

.offer-container .feature-filter .filter .filter-nav .category a.active {
	color: #FFF
}

@media (max-width: 823px) {
	.offer-container .feature-filter .filter .filter-nav .category a.active {
		color: #CB005A
	}
}

.regSel.select2-container--default .select2-selection__rendered,
.distSel.select2-container--default .select2-selection__rendered,
.cateSel.select2-container--default .select2-selection__rendered {
	color: #fff
}

.regSel.select2-container--default .select2-results__option--highlighted[aria-selected],
.distSel.select2-container--default .select2-results__option--highlighted[aria-selected],
.cateSel.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: rgba(255, 255, 255, 0.3) !important
}

.regSel.select2-container--default .select2-results__option[aria-selected=true],
.distSel.select2-container--default .select2-results__option[aria-selected=true],
.cateSel.select2-container--default .select2-results__option[aria-selected=true] {
	font-weight: bold;
	background: rgba(255, 255, 255, 0.3) !important;
	color: #fff
}

.regSel .select2-dropdown--below,
.distSel .select2-dropdown--below,
.cateSel .select2-dropdown--below {
	border-radius: 0 0 20px 20px
}

.regSel .select2-dropdown--below .select2-results,
.distSel .select2-dropdown--below .select2-results,
.cateSel .select2-dropdown--below .select2-results {
	background: #cccccc;
	border-radius: 0 0 20px 20px
}

.regSel .select2-dropdown--below .select2-results ul.select2-results__options,
.distSel .select2-dropdown--below .select2-results ul.select2-results__options,
.cateSel .select2-dropdown--below .select2-results ul.select2-results__options {
	border-radius: 0 0 20px 20px;
	color: #fff
}

.regSel .select2-dropdown--above,
.distSel .select2-dropdown--above,
.cateSel .select2-dropdown--above {
	border-radius: 20px 20px 0 0
}

.regSel .select2-dropdown--above .select2-results,
.distSel .select2-dropdown--above .select2-results,
.cateSel .select2-dropdown--above .select2-results {
	background: #cccccc;
	border-radius: 20px 20px 0 0
}

.regSel .select2-dropdown--above .select2-results ul.select2-results__options,
.distSel .select2-dropdown--above .select2-results ul.select2-results__options,
.cateSel .select2-dropdown--above .select2-results ul.select2-results__options {
	border-radius: 20px 20px 0 0;
	color: #fff
}

.regSel.normal .select2-selection--single,
.distSel.normal .select2-selection--single,
.cateSel.normal .select2-selection--single {
	background: #cccccc !important
}

.regSel.normal .select2-selection--single:before,
.distSel.normal .select2-selection--single:before,
.cateSel.normal .select2-selection--single:before {
	color: #cccccc !important
}

.regSel.normal .select2-selection__rendered,
.distSel.normal .select2-selection__rendered,
.cateSel.normal .select2-selection__rendered {
	color: #333
}

.regSel.normal .select2-results__option--highlighted[aria-selected],
.distSel.normal .select2-results__option--highlighted[aria-selected],
.cateSel.normal .select2-results__option--highlighted[aria-selected] {
	color: #333 !important
}

.regSel.normal .select2-results__option[aria-selected=true],
.distSel.normal .select2-results__option[aria-selected=true],
.cateSel.normal .select2-results__option[aria-selected=true] {
	font-weight: bold;
	color: #333
}

.regSel.normal .select2-dropdown--below .select2-results,
.distSel.normal .select2-dropdown--below .select2-results,
.cateSel.normal .select2-dropdown--below .select2-results {
	background: #cccccc !important
}

.regSel.normal .select2-dropdown--below .select2-results ul.select2-results__options,
.distSel.normal .select2-dropdown--below .select2-results ul.select2-results__options,
.cateSel.normal .select2-dropdown--below .select2-results ul.select2-results__options {
	background: #cccccc !important;
	color: #333
}

html[data-lang=zh-hk] .offer-container .offer-list .flag,
html[data-lang=tc] .offer-container .offer-list .flag,
html[data-lang=sc] .offer-container .offer-list .flag,
html[data-lang=sc-sg] .offer-container .offer-list .flag {
	padding: 10px 10px;
	font-size: 17px
}

@media (max-width: 1247px) {
	html[data-lang=zh-hk] .offer-container .offer-list .flag,
	html[data-lang=tc] .offer-container .offer-list .flag,
	html[data-lang=sc] .offer-container .offer-list .flag,
	html[data-lang=sc-sg] .offer-container .offer-list .flag {
		padding: 8px 13px
	}
}

@media (min-width: 768px) and (max-width: 1247px) {
	html[data-lang=zh-hk] .offer-container .offer-list .flag,
	html[data-lang=tc] .offer-container .offer-list .flag,
	html[data-lang=sc] .offer-container .offer-list .flag,
	html[data-lang=sc-sg] .offer-container .offer-list .flag {
		font-size: 10px
	}
}

@media (max-width: 1247px) {
	html[data-lang=zh-hk] .offer-container .offer-list .merchant,
	html[data-lang=tc] .offer-container .offer-list .merchant,
	html[data-lang=sc] .offer-container .offer-list .merchant,
	html[data-lang=sc-sg] .offer-container .offer-list .merchant {
		bottom: 13px
	}
}

html[data-lang=zh-hk] .offer-list-grid-container .offer-list-grid .flag,
html[data-lang=tc] .offer-list-grid-container .offer-list-grid .flag,
html[data-lang=sc] .offer-list-grid-container .offer-list-grid .flag,
html[data-lang=sc-sg] .offer-list-grid-container .offer-list-grid .flag {
	padding: 10px 10px;
	font-size: 17px
}

@media (max-width: 1247px) {
	html[data-lang=zh-hk] .offer-list-grid-container .offer-list-grid .flag,
	html[data-lang=tc] .offer-list-grid-container .offer-list-grid .flag,
	html[data-lang=sc] .offer-list-grid-container .offer-list-grid .flag,
	html[data-lang=sc-sg] .offer-list-grid-container .offer-list-grid .flag {
		padding: 8px 13px
	}
}

@media (min-width: 768px) and (max-width: 1247px) {
	html[data-lang=zh-hk] .offer-list-grid-container .offer-list-grid .flag,
	html[data-lang=tc] .offer-list-grid-container .offer-list-grid .flag,
	html[data-lang=sc] .offer-list-grid-container .offer-list-grid .flag,
	html[data-lang=sc-sg] .offer-list-grid-container .offer-list-grid .flag {
		font-size: 10px
	}
}

@media (max-width: 1247px) {
	html[data-lang=zh-hk] .offer-list-grid-container .offer-list-grid .offer-block-grid .merchant,
	html[data-lang=tc] .offer-list-grid-container .offer-list-grid .offer-block-grid .merchant,
	html[data-lang=sc] .offer-list-grid-container .offer-list-grid .offer-block-grid .merchant,
	html[data-lang=sc-sg] .offer-list-grid-container .offer-list-grid .offer-block-grid .merchant {
		bottom: 13px
	}
}

.offer-listing-page {
	min-height: 1000px
}

.offer-block .has-quality-logo .name,
.offer-block-grid .has-quality-logo .name {
	margin-bottom: 0;
	padding-bottom: 0
}

@media (max-width: 1247px) {
	.offer-block .has-quality-logo .name,
	.offer-block-grid .has-quality-logo .name {
		padding-bottom: 0 !important
	}
}

@media (max-width: 767px) {
	.offer-block .has-quality-logo .name,
	.offer-block-grid .has-quality-logo .name {
		padding-bottom: 0 !important
	}
}

.offer-block .has-quality-logo .quality-provider,
.offer-block-grid .has-quality-logo .quality-provider {
	color: #333;
	font-size: 13px;
	padding-top: 1.5625vw;
	padding-bottom: 1.5625vw;
	width: calc(100% - 40px);
	align-items: center;
	margin: 0 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	margin-top: auto
}

@media (max-width: 1247px) {
	.offer-block .has-quality-logo .quality-provider,
	.offer-block-grid .has-quality-logo .quality-provider {
		font-size: 10px
	}
}

@media (max-width: 768px) {
	.offer-block .has-quality-logo .quality-provider,
	.offer-block-grid .has-quality-logo .quality-provider {
		padding-bottom: 20px
	}
}

.offer-block .has-quality-logo .quality-provider:before,
.offer-block-grid .has-quality-logo .quality-provider:before {
	content: '';
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0
}

.offer-block .has-quality-logo .quality-provider .offer-quality,
.offer-block-grid .has-quality-logo .quality-provider .offer-quality {
	display: inline-block
}

.offer-block .has-quality-logo .quality-provider .detail,
.offer-block-grid .has-quality-logo .quality-provider .detail {
	padding: 5px 15px 4px 10px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 30px;
	width: auto;
	margin-bottom: 10px;
	display: flex
}

.offer-block .has-quality-logo .quality-provider .detail span,
.offer-block-grid .has-quality-logo .quality-provider .detail span {
	width: 100%;
	vertical-align: middle;
	line-height: 17px;
	padding-top: 7px
}

@media (max-width: 768px) {
	.offer-block .has-quality-logo .quality-provider .detail span,
	.offer-block-grid .has-quality-logo .quality-provider .detail span {
		padding-top: 10px
	}
}

@media (max-width: 1247px) {
	.offer-block .has-quality-logo .quality-provider .detail span,
	.offer-block-grid .has-quality-logo .quality-provider .detail span {
		line-height: 15px
	}
}

.offer-block .has-quality-logo .quality-provider .logo,
.offer-block-grid .has-quality-logo .quality-provider .logo {
	display: inline-block;
	vertical-align: middle;
	-ms-flex: 0 0 35px;
	flex: 0 0 35px;
	max-width: 35px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin-right: 5px;
	height: 35px;
	width: 35px
}

.offer-block .has-quality-logo .quality-provider .logo img,
.offer-block-grid .has-quality-logo .quality-provider .logo img {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%
}

.offer-block .has-quality-logo .quality-provider>span,
.offer-block-grid .has-quality-logo .quality-provider>span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 14px
}

.offer-block .has-quality-logo .quality-provider a,
.offer-block-grid .has-quality-logo .quality-provider a {
	color: #ffffff
}

@media (max-width: 1024px) {
	.select2-container--default.cateSel .select2-results .select2-results__options {
		max-height: 180px !important
	}
}

.area-selector {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	-o-transition: visibility 0s, opacity 0.3s;
	-ms-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s
}

.area-selector.active {
	opacity: 1;
	visibility: visible;
	z-index: 1000
}

.area-selector:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.4)
}

.area-selector .area-block {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50%;
	top: 50%;
	left: 50%;
	background: #FFF;
	z-index: 1;
	border-radius: 20px
}

@media (max-width: 1247px) {
	.area-selector .area-block {
		width: 60%
	}
}

@media (max-width: 767px) {
	.area-selector .area-block {
		width: 90%
	}
}

.area-selector .area-block h3 {
	background: rgba(48, 48, 48, 0.04);
	text-align: center;
	font-family: "Futura", "libel_suit", "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
	font-size: 2.08333vw;
	font-weight: bold;
	line-height: 1.2;
	padding: 35px 6.85714vw 45px 6.85714vw
}

@media (max-width: 767px) {
	.area-selector .area-block h3 {
		font-size: 22px;
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px
	}
}

.area-selector .area-block .btn-close {
	position: absolute;
	top: 9%;
	right: 50px;
	width: 20px;
	height: 20px;
	display: block
}

@media (max-width: 767px) {
	.area-selector .area-block .btn-close {
		top: 42px;
		right: 20px
	}
}

.area-selector .area-block .btn-close:before,
.area-selector .area-block .btn-close:after {
	content: '';
	display: block;
	position: absolute;
	width: 24px;
	height: 1px;
	top: 8px;
	left: -2px;
	border-top: #000 3px solid
}

.area-selector .area-block .btn-close:before {
	transform: rotate(135deg)
}

.area-selector .area-block .btn-close:after {
	transform: rotate(-135deg)
}

.area-selector .area-list {
	padding: 70px 6.85714vw 60px 6.85714vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between
}

@media (max-width: 767px) {
	.area-selector .area-list {
		font-size: 14px;
		padding-top: 30px;
		padding-bottom: 20px
	}
}

.area-selector .area-list ul li a {
	color: #333;
	text-decoration: underline;
	font-size: 18px
}

@media (max-width: 767px) {
	.area-selector .area-list ul li a {
		font-size: 14px
	}
}

.area-selector .area-list ul li {
	padding-bottom: 12px;
	display: block
}

.area-selector .area-list ul li a {
	color: #333;
	text-decoration: underline;
	font-size: 18px
}

@media (max-width: 767px) {
	.area-selector .area-list ul li a {
		font-size: 14px
	}
}

.section-header {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	margin-bottom: 4.16667vw
}

.section-header.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.section-header.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.section-header.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 767px) {
	.section-header {
		margin-bottom: 40px
	}
}

.section-header h1 {
	font-size: 4.16667vw;
	font-family: "libel_suit", "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
	color: #FFF;
	text-align: center;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 80%;
	top: 50%;
	left: 50%;
	z-index: 2
}

@media (max-width: 767px) {
	.section-header h1 {
		font-size: 40px;
		width: 80%
	}
}

.section-header .banner {
	position: relative
}

.section-header .banner img {
	display: block
}

.section-header .section-banner .swiper-slide,
.section-header .home-banner-slider .swiper-slide {
	position: relative;
	overflow: hidden
}

.section-header .section-banner .slide-inner,
.section-header .home-banner-slider .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center
}

.section-header .section-banner .slide-inner.video:before,
.section-header .home-banner-slider .slide-inner.video:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%
}

.section-header .section-banner .slide-inner.video iframe,
.section-header .home-banner-slider .slide-inner.video iframe {
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out
}

.section-header .section-banner .slide-inner.video iframe.on,
.section-header .home-banner-slider .slide-inner.video iframe.on {
	opacity: 1
}

.section-header .section-banner .swiper-button-prev,
.section-header .section-banner .swiper-button-next,
.section-header .home-banner-slider .swiper-button-prev,
.section-header .home-banner-slider .swiper-button-next {
	display: block;
	z-index: 999
}

.section-header .section-banner .swiper-button-prev.swiper-button-disabled,
.section-header .section-banner .swiper-button-next.swiper-button-disabled,
.section-header .home-banner-slider .swiper-button-prev.swiper-button-disabled,
.section-header .home-banner-slider .swiper-button-next.swiper-button-disabled {
	cursor: pointer !important;
	pointer-events: auto !important
}

@media (max-width: 768px) {
	.section-header .section-banner .swiper-button-prev,
	.section-header .section-banner .swiper-button-next,
	.section-header .home-banner-slider .swiper-button-prev,
	.section-header .home-banner-slider .swiper-button-next {
		opacity: 0 !important
	}
}

.section-header .section-banner .swiper-button-prev,
.section-header .home-banner-slider .swiper-button-prev {
	left: 20px
}

.section-header .section-banner .swiper-button-prev:before,
.section-header .home-banner-slider .swiper-button-prev:before {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.section-header .section-banner .swiper-button-next,
.section-header .home-banner-slider .swiper-button-next {
	right: 20px
}

.section-header .section-banner .swiper-button-next:before,
.section-header .home-banner-slider .swiper-button-next:before {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

.section-header .section-banner img,
.section-header .home-banner-slider img {
	visibility: hidden
}

.section-header .intro {
	text-align: center;
	padding: 38px 8.49057vw 38px 8.49057vw;
	font-size: 18px;
	background-color: #FFF
}

@media (max-width: 1024px) {
	.section-header .intro {
		font-size: 20px;
		line-height: 30px
	}
}

@media (max-width: 767px) {
	.section-header .intro {
		font-size: 14px;
		padding: 20px 24px
	}
}

.section-header .intro h2,
.section-header .intro .title {
	font-weight: bold;
	font-size: 36px
}

@media (max-width: 767px) {
	.section-header .intro h2,
	.section-header .intro .title {
		font-size: 26px
	}
}

.main .section-banner.swiper-container .swiper-pagination {
	display: none
}

html[data-lang=zh-hk] .section-header .intro,
html[data-lang=tc] .section-header .intro,
html[data-lang=sc] .section-header .intro,
html[data-lang=sc-sg] .section-header .intro {
	font-size: 18px
}

@media (max-width: 767px) {
	html[data-lang=zh-hk] .section-header .intro,
	html[data-lang=tc] .section-header .intro,
	html[data-lang=sc] .section-header .intro,
	html[data-lang=sc-sg] .section-header .intro {
		font-size: 16px
	}
}

section.remarks {
	margin-left: 8.49057vw;
	margin-right: 8.49057vw;
	margin-bottom: 4.16667vw;
	position: relative;
	color: #9B9B9B;
	font-size: 14px
}

@media (max-width: 767px) {
	section.remarks {
		margin-left: 24px;
		margin-right: 24px;
		margin-bottom: 40px
	}
}

@media (max-width: 767px) {
	section.remarks {
		font-size: 12px
	}
}

html[data-type=flights-and-packages] section.remarks,
html[data-type=attractions] section.remarks {
	display: none
}

.no-keyword {
	display: none
}

.result-header {
	margin-left: 8.49057vw;
	margin-right: 8.49057vw;
	margin-bottom: 4.16667vw;
	padding-top: 4.16667vw
}

@media (max-width: 767px) {
	.result-header {
		margin-left: 24px;
		margin-right: 24px;
		margin-bottom: 40px
	}
}

.result-header h2 {
	font-size: 4.16667vw;
	font-family: "libel_suit", "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica
}

@media (max-width: 767px) {
	.result-header h2 {
		font-size: 40px
	}
}

.result-header .result-found {
	font-weight: 600;
	margin-bottom: 2.1875vw
}

@media (max-width: 767px) {
	.result-header .result-found {
		margin-bottom: 35px
	}
}

.result-header .result-found .result-total {
	color: #EC1F48
}

.result-header .result-sections {
	position: relative;
	height: 113px
}

@media (max-width: 823px) {
	.result-header .result-sections {
		height: 74px
	}
}

@media (max-width: 767px) {
	.result-header .result-sections {
		height: 66px
	}
}

.result-header .result-sections .holder {
	padding-top: 2.1875vw;
	padding-bottom: 2.1875vw;
	border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #F9F9F9
}

.result-header .result-sections .holder.fixed {
	position: fixed;
	width: 100%;
	top: 92px;
	padding-left: 5%;
	padding-right: 5%;
	z-index: 1
}

@media (max-width: 767px) {
	.result-header .result-sections .holder.fixed {
		top: 68px;
		padding-left: 24px;
		padding-right: 24px
	}
}

@media (max-width: 767px) {
	.result-header .result-sections .holder {
		font-size: 14px;
		margin-right: -24px;
		white-space: nowrap;
		overflow: auto;
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.result-header .result-sections .holder a[href="staycation"]:hover,
.result-header .result-sections .holder a[href="hotels"]:hover {
	color: #25CEC1
}

.result-header .result-sections .holder a[href="attractions"]:hover {
	color: #019839
}

.result-header .result-sections .holder a[href="shops"]:hover {
	color: #9D54E7
}

.result-header .result-sections .holder a[href="food-and-drink"]:hover {
	color: #FF5A00
}

.result-header .result-sections .holder a[href="malls"]:hover {
	color: #EE2745
}

.result-header .result-sections .holder a[href="tours"]:hover {
	color: #FC006B
}

.result-header .result-sections .holder a[href="free-tour"]:hover {
	color: #FF5F91
}

.result-header .result-sections .result-section {
	margin-right: 2.1875vw;
	color: #333;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out
}

@media (max-width: 767px) {
	.result-header .result-sections .result-section {
		margin-right: 24px
	}
}

.result-header .result-sections .result-section:hover {
	color: #EC1F48
}

.result-header .result-sections .result-section:last-child {
	margin-right: 0
}

@media (max-width: 767px) {
	.result-header .result-sections .result-section:last-child {
		margin-right: 24px
	}
}

.search-result-lists {
	min-height: 300px
}

.search-result-lists .offer-container {
	display: block;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.search-result-lists [data-anchor="staycation"] h2,
.search-result-lists [data-anchor="staycationdelights"] h2 {
	color: #25CEC1
}

.search-result-lists [data-anchor="staycation"] .offer-list .offer-block a,
.search-result-lists [data-anchor="staycationdelights"] .offer-list .offer-block a {
	background-color: #ADFFFA
}

.search-result-lists [data-anchor="staycation"] .offer-list .offer-block a:hover,
.search-result-lists [data-anchor="staycationdelights"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #25CEC1;
	-moz-box-shadow: -10px 10px 0px -1px #25CEC1;
	box-shadow: -10px 10px 0px -1px #25CEC1
}

.search-result-lists [data-anchor="staycation"] .offer-list .flag,
.search-result-lists [data-anchor="staycationdelights"] .offer-list .flag {
	background-color: #25CEC1
}

.search-result-lists [data-anchor="staycation"] .offer-list .flag:before,
.search-result-lists [data-anchor="staycationdelights"] .offer-list .flag:before {
	border-color: #25CEC1 transparent transparent transparent
}

.search-result-lists [data-anchor="staycation"] .offer-list .flag:after,
.search-result-lists [data-anchor="staycationdelights"] .offer-list .flag:after {
	border-color: transparent #25CEC1 transparent transparent
}

.search-result-lists [data-anchor="flights-and-packages"] h2 {
	color: #EA8B00
}

.search-result-lists [data-anchor="flights-and-packages"] .offer-list .offer-block a {
	background-color: #FAD7EA
}

.search-result-lists [data-anchor="flights-and-packages"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #EA8B00;
	-moz-box-shadow: -10px 10px 0px -1px #EA8B00;
	box-shadow: -10px 10px 0px -1px #EA8B00
}

.search-result-lists [data-anchor="flights-and-packages"] .offer-list .flag {
	background-color: #EA8B00
}

.search-result-lists [data-anchor="flights-and-packages"] .offer-list .flag:before {
	border-color: #EA8B00 transparent transparent transparent
}

.search-result-lists [data-anchor="flights-and-packages"] .offer-list .flag:after {
	border-color: transparent #EA8B00 transparent transparent
}

.search-result-lists [data-anchor="attractions"] h2 {
	color: #019839
}

.search-result-lists [data-anchor="attractions"] .offer-list .offer-block a {
	background-color: #C1FFD7
}

.search-result-lists [data-anchor="attractions"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #019839;
	-moz-box-shadow: -10px 10px 0px -1px #019839;
	box-shadow: -10px 10px 0px -1px #019839
}

.search-result-lists [data-anchor="attractions"] .offer-list .offer-block .flag {
	background-color: #019839
}

.search-result-lists [data-anchor="attractions"] .offer-list .offer-block .flag:before {
	border-color: #019839 transparent transparent transparent
}

.search-result-lists [data-anchor="attractions"] .offer-list .offer-block .flag:after {
	border-color: transparent #019839 transparent transparent
}

.search-result-lists [data-anchor="food-and-drink"] h2 {
	color: #FF5A00
}

.search-result-lists [data-anchor="food-and-drink"] .offer-list .offer-block a {
	background-color: #FFD2C7
}

.search-result-lists [data-anchor="food-and-drink"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5A00;
	-moz-box-shadow: -10px 10px 0px -1px #FF5A00;
	box-shadow: -10px 10px 0px -1px #FF5A00
}

.search-result-lists [data-anchor="food-and-drink"] .offer-list .offer-block .flag {
	background-color: #FF5A00
}

.search-result-lists [data-anchor="food-and-drink"] .offer-list .offer-block .flag:before {
	border-color: #FF5A00 transparent transparent transparent
}

.search-result-lists [data-anchor="food-and-drink"] .offer-list .offer-block .flag:after {
	border-color: transparent #FF5A00 transparent transparent
}

.search-result-lists [data-anchor="tours"] h2 {
	color: #FC006B
}

.search-result-lists [data-anchor="tours"] .offer-list .offer-block a {
	background-color: #FFA7D1
}

.search-result-lists [data-anchor="tours"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FC006B;
	-moz-box-shadow: -10px 10px 0px -1px #FC006B;
	box-shadow: -10px 10px 0px -1px #FC006B
}

.search-result-lists [data-anchor="tours"] .offer-list .offer-block .flag {
	background-color: #FC006B
}

.search-result-lists [data-anchor="tours"] .offer-list .offer-block .flag:before {
	border-color: #FC006B transparent transparent transparent
}

.search-result-lists [data-anchor="tours"] .offer-list .offer-block .flag:after {
	border-color: transparent #FC006B transparent transparent
}

.search-result-lists [data-anchor="free-tour"] h2 {
	color: #302DE0
}

.search-result-lists [data-anchor="free-tour"] .offer-list .offer-block a {
	background-color: #FFD0DF
}

.search-result-lists [data-anchor="free-tour"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5F91;
	-moz-box-shadow: -10px 10px 0px -1px #FF5F91;
	box-shadow: -10px 10px 0px -1px #FF5F91
}

.search-result-lists [data-anchor="free-tour"] .offer-list .offer-block .flag {
	background-color: #FF5F91
}

.search-result-lists [data-anchor="free-tour"] .offer-list .offer-block .flag:before {
	border-color: #FF5F91 transparent transparent transparent
}

.search-result-lists [data-anchor="free-tour"] .offer-list .offer-block .flag:after {
	border-color: transparent #FF5F91 transparent transparent
}

.search-result-lists [data-anchor="shops"] h2 {
	color: #9D54E7
}

.search-result-lists [data-anchor="shops"] .offer-list .offer-block a {
	background-color: #D9BEF5
}

.search-result-lists [data-anchor="shops"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #9D54E7;
	-moz-box-shadow: -10px 10px 0px -1px #9D54E7;
	box-shadow: -10px 10px 0px -1px #9D54E7
}

.search-result-lists [data-anchor="shops"] .offer-list .offer-block .flag {
	background-color: #9D54E7
}

.search-result-lists [data-anchor="shops"] .offer-list .offer-block .flag:before {
	border-color: #9D54E7 transparent transparent transparent
}

.search-result-lists [data-anchor="shops"] .offer-list .offer-block .flag:after {
	border-color: transparent #9D54E7 transparent transparent
}

.search-result-lists [data-anchor="malls"] h2 {
	color: #EE2745
}

.search-result-lists [data-anchor="malls"] .offer-list .offer-block a {
	background-color: #FCBBC5
}

.search-result-lists [data-anchor="malls"] .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #EE2745;
	-moz-box-shadow: -10px 10px 0px -1px #EE2745;
	box-shadow: -10px 10px 0px -1px #EE2745
}

.search-result-lists [data-anchor="malls"] .offer-list .offer-block .flag {
	background-color: #EE2745
}

.search-result-lists [data-anchor="malls"] .offer-list .offer-block .flag:before {
	border-color: #EE2745 transparent transparent transparent
}

.search-result-lists [data-anchor="malls"] .offer-list .offer-block .flag:after {
	border-color: transparent #EE2745 transparent transparent
}

section.error-page {
	margin-left: 8.49057vw;
	margin-right: 8.49057vw;
	margin-bottom: 4.16667vw;
	position: relative;
	padding: 4.6875vw 0 0 0;
	text-align: center;
	min-height: 750px
}

@media (max-width: 767px) {
	section.error-page {
		margin-left: 24px;
		margin-right: 24px;
		margin-bottom: 40px
	}
}

section.error-page .icon-error-404 {
	font-size: 5.46875vw;
	color: #A3B2BE;
	line-height: 1
}

section.error-page .icon-error-404:before {
	display: inline-block
}

section.error-page h1 {
	font-size: 4.16667vw;
	font-family: "libel_suit", "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
	line-height: 1.4;
	padding-bottom: 10px
}

@media (max-width: 1247px) {
	section.error-page h1 {
		font-size: 40px
	}
}

section.error-page p {
	font-weight: 600;
	width: 48%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 35px
}

@media (max-width: 1247px) {
	section.error-page p {
		width: 65%
	}
}

@media (max-width: 767px) {
	section.error-page p {
		width: 100%
	}
}

section.error-page .search-container {
	position: relative;
	width: 33%;
	margin: auto
}

@media (max-width: 1247px) {
	section.error-page .search-container {
		width: 50%
	}
}

@media (max-width: 767px) {
	section.error-page .search-container {
		width: 100%
	}
}

section.error-page .search-container:before {
	position: absolute;
	color: #EC1F48;
	content: "\e902";
	font-size: 32px;
	top: 20px;
	left: 30px
}

@media (max-width: 767px) {
	section.error-page .search-container:before {
		font-size: 22px;
		top: 15px;
		left: 15px
	}
}

section.error-page .search-container .search-field {
	width: 100%;
	height: 70px;
	border: none;
	padding-left: 90px;
	border: #CCC solid 1px
}

@media (max-width: 767px) {
	section.error-page .search-container .search-field {
		height: 50px;
		padding-left: 50px;
		font-size: 14px
	}
}

section.error-page .or {
	position: relative;
	width: 33%;
	margin: auto;
	padding: 25px 0
}

@media (max-width: 1247px) {
	section.error-page .or {
		width: 50%
	}
}

@media (max-width: 767px) {
	section.error-page .or {
		width: 100%
	}
}

section.error-page .or:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #E0E0E0;
	left: 0;
	top: 50%
}

section.error-page .or span {
	background: #F9F9F9;
	position: relative;
	z-index: 1;
	padding: 0 40px;
	font-weight: 600
}

section.error-page a.btn-cta {
	min-width: 260px
}

section.error-page .did-you-know {
	width: 48%;
	margin: 4.16667vw auto 0 auto;
	background: #EEF1F2;
	padding: 1.5625vw;
	text-align: left
}

@media (max-width: 1247px) {
	section.error-page .did-you-know {
		width: 65%
	}
}

@media (max-width: 767px) {
	section.error-page .did-you-know {
		width: 100%;
		padding: 20px
	}
}

section.error-page .did-you-know h2 {
	font-size: 18px
}

section.error-page .did-you-know .title {
	font-family: "libel_suit", "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
	font-size: 42px;
	float: left;
	width: 15%
}

@media (max-width: 1247px) {
	section.error-page .did-you-know .title {
		width: 25%
	}
}

@media (max-width: 767px) {
	section.error-page .did-you-know .title {
		float: none;
		width: 100%
	}
}

section.error-page .did-you-know .desc {
	margin-left: 15%;
	padding-top: 15px
}

@media (max-width: 1247px) {
	section.error-page .did-you-know .desc {
		margin-left: 25%
	}
}

@media (max-width: 767px) {
	section.error-page .did-you-know .desc {
		margin-left: 0
	}
}

html[data-lang=sc] .error-page .did-you-know {
	display: none
}

.offer-grid-container {
	padding-left: 8.49057vw;
	padding-right: 8.49057vw;
	padding-bottom: 4.16667vw;
	padding-top: 4.16667vw;
	position: relative;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.offer-grid-container.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-grid-container.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-grid-container.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 1440px) {
	.offer-grid-container {
		padding-left: 100px;
		padding-right: 100px
	}
}

@media (max-width: 1240px) {
	.offer-grid-container {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media (max-width: 768px) {
	.offer-grid-container {
		padding-left: 24px;
		padding-right: 24px;
		padding-bottom: 40px
	}
}

.offer-grid-container.disabled {
	display: none
}

.offer-grid-container.great-feast h2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 95px auto;
	padding-left: 115px;
	padding-top: 20px;
	padding-bottom: 50px;
	min-height: 90px
}

.offer-grid-container.great-feast .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
	width: auto
}

.offer-grid-container.great-feast .swiper-wrapper .great-feast-block {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 20px;
	padding-left: 20px
}

.offer-grid-container.great-feast .swiper-wrapper .great-feast-block img {
	display: block;
	width: 100%
}

.offer-grid-container.great-feast .swiper-wrapper .great-feast-block .detail {
	padding: 2.08333vw
}

.offer-grid-container.great-feast .swiper-wrapper .great-feast-block .detail .description {
	font-size: 2.1875vw;
	line-height: 1.4
}

.offer-grid-container.itineraries.cross-sell-banner {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -40px;
	margin-bottom: -40px
}

.offer-grid-container .cateFilter {
	position: absolute;
	top: 0;
	right: 0
}

@media (max-width: 767px) {
	.offer-grid-container .cateFilter {
		position: relative;
		margin-bottom: 20px;
		font-size: 12px
	}
}

.offer-grid-container .cateFilter.hide {
	display: none
}

.offer-grid-container .cateFilter select {
	z-index: 1;
	display: none
}

.offer-grid-container .cateFilter select.select2-hidden-accessible {
	display: none
}

@media (max-width: 767px) {
	.offer-grid-container .cateFilter select.select2-hidden-accessible {
		display: none;
		opacity: 1;
		border: 1px solid #a3b2be !important;
		width: 100% !important;
		padding-left: 15px !important;
		position: static !important;
		background-color: transparent !important;
		height: 54px !important;
		clip: auto !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
		border-radius: 0
	}
}

.offer-grid-container .cateFilter .select2-container--default {
	width: 100% !important
}

@media (max-width: 1024px) {
	.offer-grid-container .cateFilter .select2-container--default {
		width: 100% !important;
		margin-bottom: 10px
	}
}

.offer-grid-container .cateFilter .select2-container--default .select2-selection--single {
	min-width: 240px;
	width: 100% !important;
	border: 1px solid #a3b2be;
	height: 54px;
	position: relative;
	padding: 10px 40px 10px 15px;
	border-radius: 0;
	background: transparent
}

@media (max-width: 1024px) {
	.offer-grid-container .cateFilter .select2-container--default .select2-selection--single {
		width: 100% !important;
		padding-top: 14px;
		padding-bottom: 14px
	}
}

.offer-grid-container .cateFilter .select2-container--default .select2-selection--single:before {
	content: "\e903";
	position: absolute;
	right: 20px;
	top: 20px;
	font-family: 'icomoon';
	font-size: 6px
}

.offer-grid-container .cateFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
	width: auto !important
}

@media (max-width: 1024px) {
	.offer-grid-container .cateFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
		width: calc(100% - 55px) !important;
		position: absolute;
		top: 50%;
		left: 15px;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}

.offer-grid-container .cateFilter .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

.offer-grid-container h2 {
	color: #333;
	font-weight: bold;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.8px;
	padding-bottom: 10px
}

@media (max-width: 767px) {
	.offer-grid-container h2 {
		font-size: 26px
	}
}

.offer-grid-container h2.is-onscreen span {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1
}

.offer-grid-container h2 span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate(0, 40px);
	-moz-transform: translate(0, 40px);
	-ms-transform: translate(0, 40px);
	transform: translate(0, 40px);
	-webkit-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	-moz-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	-o-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	-ms-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s;
	transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s, -webkit-transform cubic-bezier(0.64, 0.04, 0.35, 1) 0.6s
}

.offer-grid-container .desc {
	padding-bottom: 40px
}

.offer-grid-container .offer-list-grid-container {
	position: relative
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.swiper-container-initialized {
		overflow: visible;
		margin-right: -5px;
		margin-left: -5px
	}
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.swiper-container-initialized .swiper-wrapper {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.swiper-container-initialized .swiper-slide {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
		padding-right: 5px;
		padding-left: 5px
	}
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.swiper-container-initialized .swiper-pagination {
		margin-bottom: 25px
	}
}

.offer-grid-container .offer-list-grid-container.top-left .offer-banner {
	left: 0;
	top: 0;
	right: auto;
	bottom: auto
}

.offer-grid-container .offer-list-grid-container.top-left .offer-block-grid:first-of-type {
	margin-left: 50%
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.top-left .offer-block-grid:first-of-type {
		margin-left: 0
	}
}

.offer-grid-container .offer-list-grid-container.top-center .offer-banner {
	left: 25%;
	top: 0;
	right: auto;
	bottom: auto;
	padding-left: 0.6%;
	padding-right: 0.6%
}

.offer-grid-container .offer-list-grid-container.top-center .offer-block-grid:nth-of-type(2) {
	margin-left: 50%
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.top-center .offer-block-grid:nth-of-type(2) {
		margin-left: 0
	}
}

.offer-grid-container .offer-list-grid-container.top-right .offer-banner {
	left: auto;
	top: 0;
	right: 0;
	bottom: auto;
	padding-right: 0;
	padding-left: 20px
}

@media (max-width: 823px) {
	.offer-grid-container .offer-list-grid-container.top-right .offer-banner {
		padding-left: 10px
	}
}

.offer-grid-container .offer-list-grid-container.top-right .offer-block-grid:nth-of-type(2) {
	margin-right: 50%
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.top-right .offer-block-grid:nth-of-type(2) {
		margin-right: 0
	}
}

.offer-grid-container .offer-list-grid-container.bottom-left .offer-banner {
	left: 0;
	right: auto;
	top: auto;
	bottom: 0
}

.offer-grid-container .offer-list-grid-container.bottom-left .offer-block-grid:nth-of-type(5) {
	margin-left: 50%
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.bottom-left .offer-block-grid:nth-of-type(5) {
		margin-left: 0
	}
}

.offer-grid-container .offer-list-grid-container.bottom-center .offer-banner {
	left: 25%;
	top: auto;
	right: auto;
	bottom: 0;
	padding-left: 0.6%;
	padding-right: 0.6%
}

.offer-grid-container .offer-list-grid-container.bottom-center .offer-block-grid:nth-of-type(5) {
	margin-right: 50%
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.bottom-center .offer-block-grid:nth-of-type(5) {
		margin-right: 0
	}
}

.offer-grid-container .offer-list-grid-container.bottom-right .offer-banner {
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
	padding-right: 0;
	padding-left: 20px
}

@media (max-width: 823px) {
	.offer-grid-container .offer-list-grid-container.bottom-right .offer-banner {
		padding-left: 10px
	}
}

.offer-grid-container .offer-list-grid-container.bottom-right .offer-block-grid:last-of-type {
	margin-right: 50%
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container.bottom-right .offer-block-grid:last-of-type {
		margin-right: 0
	}
}

.offer-grid-container .offer-list-grid-container .offer-banner {
	position: absolute;
	width: 50%;
	padding-right: 20px;
	margin-bottom: 40px;
	top: 0;
	left: 0
}

@media (max-width: 823px) {
	.offer-grid-container .offer-list-grid-container .offer-banner {
		padding-right: 10px
	}
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container .offer-banner {
		width: 100%;
		padding-right: 5px !important;
		padding-left: 5px !important;
		position: static;
		height: auto !important;
		margin-bottom: 30px
	}
}

.offer-grid-container .offer-list-grid-container .offer-banner img {
	display: block
}

.offer-grid-container .offer-list-grid-container .offer-banner .offer-box {
	height: 100%
}

.offer-grid-container .offer-list-grid-container .offer-banner .offer-box>div {
	height: 100%
}

.offer-grid-container .offer-list-grid-container .offer-banner .offer-box>div.back {
	background-color: #FF0;
	transform: rotateX(-90deg) translateZ(131px)
}

.offer-grid-container .offer-list-grid-container .offer-banner .offer-box>div .banner {
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 20px
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container .offer-banner .offer-box>div .banner {
		border-radius: 0
	}
}

.offer-grid-container .offer-list-grid-container .offer-banner .offer-box>div .banner img {
	display: block;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	border-radius: 20px
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid-container .offer-banner .offer-box>div .banner img {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.offer-grid-container .offer-list-grid {
	clear: both;
	margin-right: -20px;
	margin-left: -20px;
	width: calc(100% + 40px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 823px) {
	.offer-grid-container .offer-list-grid {
		margin-right: -10px;
		margin-left: -10px;
		width: calc(100% + 20px)
	}
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid {
		margin-right: 0;
		margin-left: 0;
		width: 100%
	}
}

.offer-grid-container .offer-list-grid .offer-block-grid {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 40px;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.offer-grid-container .offer-list-grid .offer-block-grid.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-grid-container .offer-list-grid .offer-block-grid.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-grid-container .offer-list-grid .offer-block-grid.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 823px) {
	.offer-grid-container .offer-list-grid .offer-block-grid {
		padding-right: 10px;
		padding-left: 10px
	}
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid .offer-block-grid {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 20px
	}
}

.offer-grid-container .offer-list-grid .offer-block-grid.unselected {
	display: none
}

.offer-grid-container .offer-list-grid .offer-block-grid a {
	outline: none;
	display: block;
	position: relative;
	background: #FFF;
	height: 100%;
	transform-origin: center center;
	border-radius: 20px;
	-webkit-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-moz-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-o-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-ms-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid .offer-block-grid a:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.offer-grid-container .offer-list-grid .offer-block-grid .cat-tag {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 10px 2px 10px;
	background: #149918;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	z-index: 1
}

.offer-grid-container .offer-list-grid .offer-block-grid .cat-tag.wellness {
	background-color: #149918
}

.offer-grid-container .offer-list-grid .offer-block-grid .cat-tag.shop {
	background-color: #CA1DC3
}

.offer-grid-container .offer-list-grid .offer-block-grid .cat-tag.play {
	background-color: #FD8924
}

.offer-grid-container .offer-list-grid .offer-block-grid .cat-tag.dine {
	background-color: #DA1327
}

.offer-grid-container .offer-list-grid .offer-block-grid .flag {
	position: absolute;
	z-index: 2;
	min-height: 48px;
	font-size: 15px;
	line-height: 1.2;
	top: 0;
	right: 19px;
	color: #FFF;
	background-color: #ed1a36;
	text-transform: uppercase;
	text-align: center;
	width: 70px;
	padding: 10px 5px
}

@media (min-width: 768px) and (max-width: 1247px) {
	.offer-grid-container .offer-list-grid .offer-block-grid .flag {
		width: 48px;
		min-height: 36px;
		font-size: 10px;
		padding: 6px 4px;
		line-height: 1.1
	}
}

.offer-grid-container .offer-list-grid .offer-block-grid .flag:before,
.offer-grid-container .offer-list-grid .offer-block-grid .flag:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	bottom: -10px
}

.offer-grid-container .offer-list-grid .offer-block-grid .flag:before {
	left: 0;
	border-width: 10px 35px 0 0;
	border-color: #ed1a36 transparent transparent transparent
}

.offer-grid-container .offer-list-grid .offer-block-grid .flag:after {
	right: 0;
	border-width: 0 35px 10px 0;
	border-color: transparent #ed1a36 transparent transparent
}

.offer-grid-container .offer-list-grid .offer-block-grid .flag.shadow {
	color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0.5) !important;
	z-index: 1;
	top: 5px;
	right: 14px
}

.offer-grid-container .offer-list-grid .offer-block-grid .flag.shadow:before {
	border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent !important
}

.offer-grid-container .offer-list-grid .offer-block-grid .flag.shadow:after {
	border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent !important
}

.offer-grid-container .offer-list-grid .offer-block-grid .thumbnail {
	overflow: hidden;
	height: 0;
	padding-top: 75%;
	position: relative;
	border-radius: 20px 20px 0 0
}

.offer-grid-container .offer-list-grid .offer-block-grid .thumbnail:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	background: linear-gradient(0deg, #000 25%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
	opacity: .5
}

.offer-grid-container .offer-list-grid .offer-block-grid .thumbnail img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.offer-grid-container .offer-list-grid .offer-block-grid .merchant-logo {
	position: absolute;
	width: 45px;
	height: 45px;
	bottom: 20px;
	left: 20px;
	z-index: 1;
	background: #fff;
	border-radius: 50%
}

.offer-grid-container .offer-list-grid .offer-block-grid .merchant-logo img {
	border-radius: 50%;
	-webkit-box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.15)
}

.offer-grid-container .offer-list-grid .offer-block-grid .merchant-logo img[src=""] {
	display: none
}

@media (max-width: 1024px) {
	.offer-grid-container .offer-list-grid .offer-block-grid .merchant-logo {
		bottom: 10px;
		left: 10px
	}
}

.offer-grid-container .offer-list-grid .offer-block-grid .merchant {
	position: absolute;
	bottom: 20px;
	left: 75px;
	color: #FFF;
	padding-bottom: 10px;
	padding-right: 20px;
	z-index: 1;
	font-size: 18px;
	line-height: 24px
}

@media (max-width: 1247px) {
	.offer-grid-container .offer-list-grid .offer-block-grid .merchant {
		font-size: 12px;
		line-height: 14px;
		padding-bottom: 5px;
		padding-right: 6px
	}
}

@media (max-width: 1024px) {
	.offer-grid-container .offer-list-grid .offer-block-grid .merchant {
		bottom: 10px;
		left: 65px
	}
}

.offer-grid-container .offer-list-grid .offer-block-grid .offer-detail {
	position: relative;
	padding: 30px 30px 0px 30px;
	border-radius: 0 0 20px 20px
}

.offer-grid-container .offer-list-grid .offer-block-grid .offer-detail .name {
	color: #333;
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 30px
}

@media (max-width: 1247px) {
	.offer-grid-container .offer-list-grid .offer-block-grid .offer-detail .name {
		font-size: 12px;
		line-height: 20px;
		padding-bottom: 20px
	}
}

@media (max-width: 767px) {
	.offer-grid-container .offer-list-grid .offer-block-grid .offer-detail .name {
		font-size: 16px;
		padding-bottom: 25px
	}
}

.offer-grid-container .bottom {
	position: relative;
	min-height: 32px;
	margin-bottom: 40px
}

.offer-grid-container .bottom .remarks {
	padding-top: 20px;
	top: 0;
	left: 0;
	color: #9B9B9B;
	font-size: 14px
}

@media (max-width: 767px) {
	.offer-grid-container .bottom .remarks {
		margin-bottom: 20px
	}
}

.offer-grid-container .bottom .see-more {
	font-size: 0;
	text-align: center
}

.offer-grid-container .bottom .see-more a.btn-cta {
	font-size: 20px;
	min-width: 200px;
	height: 40px;
	border-radius: 30px
}

@media (max-width: 767px) {
	.offer-grid-container .bottom .see-more a.btn-cta {
		font-size: 16px;
		min-width: 150px
	}
}

.offer-grid-container .bottom .load-more {
	text-align: center
}

.offer-grid-container .bottom .load-more.hide {
	display: none
}

.offer-grid-container .bottom .load-more a {
	width: 3.38542vw;
	display: inline-block;
	color: rgba(0, 0, 0, 0.2);
	font-size: 3.38542vw;
	line-height: 1
}

.offer-grid-container .bottom+.promotion-banner {
	margin-top: 4.16667vw
}

@media (max-width: 767px) {
	.offer-grid-container .bottom+.promotion-banner {
		margin-top: 40px
	}
}

.offer-grid-container .promotion-banner {
	margin-bottom: 40px;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	border-radius: 20px
}

.offer-grid-container .promotion-banner.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.offer-grid-container .promotion-banner.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.offer-grid-container .promotion-banner.hide {
	margin-bottom: 0;
	height: 0
}

.offer-grid-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .merchant-logo,
.offer-grid-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .description,
.offer-grid-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .sub-description,
.offer-grid-container .promotion-banner:not(.swiper-container-initialized).is-onscreen .detail .btn-cta {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.offer-grid-container .promotion-banner .swiper-slide {
	background-color: #EC1F48;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	border-radius: 20px;
	flex-direction: row-reverse;
	border: 2px solid #FCC82E
}

.offer-grid-container .promotion-banner .swiper-slide.img-left {
	-webkit-flex-direction: row;
	flex-direction: row
}

.offer-grid-container .promotion-banner .swiper-slide.is-full-width .banner {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.offer-grid-container .promotion-banner .swiper-slide.is-full-width .banner .img-container {
	padding-top: 0;
	height: auto;
	border-radius: 20px
}

.offer-grid-container .promotion-banner .swiper-slide.is-full-width .banner .img-container img {
	visibility: hidden;
	position: static;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none
}

.offer-grid-container .promotion-banner .swiper-slide.swiper-slide-active .detail .merchant-logo,
.offer-grid-container .promotion-banner .swiper-slide.swiper-slide-active .detail .description,
.offer-grid-container .promotion-banner .swiper-slide.swiper-slide-active .detail .sub-description,
.offer-grid-container .promotion-banner .swiper-slide.swiper-slide-active .detail .btn-cta {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.offer-grid-container .promotion-banner .swiper-slide .banner,
.offer-grid-container .promotion-banner .swiper-slide .detail {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

@media (max-width: 768px) {
	.offer-grid-container .promotion-banner .swiper-slide .banner,
	.offer-grid-container .promotion-banner .swiper-slide .detail {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

.offer-grid-container .promotion-banner .swiper-slide .banner .img-container {
	padding-top: 62.68%;
	height: 0;
	position: relative;
	overflow: hidden;
	border-radius: 0 20px 20px 0
}

@media (max-width: 768px) {
	.offer-grid-container .promotion-banner .swiper-slide .banner .img-container {
		border-radius: 20px 20px 0 0
	}
}

.offer-grid-container .promotion-banner .swiper-slide .banner .img-container .slide-inner {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: 50% 50%
}

.offer-grid-container .promotion-banner .swiper-slide .banner .img-container img {
	display: block;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
	visibility: hidden
}

.offer-grid-container .promotion-banner .swiper-slide .banner .img-container img.desktop {
	display: block
}

@media (max-width: 767px) {
	.offer-grid-container .promotion-banner .swiper-slide .banner .img-container img.desktop {
		display: none
	}
}

.offer-grid-container .promotion-banner .swiper-slide .banner .img-container img.mobile {
	display: none
}

@media (max-width: 767px) {
	.offer-grid-container .promotion-banner .swiper-slide .banner .img-container img.mobile {
		display: block
	}
}

.offer-grid-container .promotion-banner .swiper-slide .detail {
	padding: 2.60417vw 4.6875vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.offer-grid-container .promotion-banner .swiper-slide .detail {
		padding: 30px 25px
	}
}

.offer-grid-container .promotion-banner .swiper-slide .detail .top {
	width: 100%
}

.offer-grid-container .promotion-banner .swiper-slide .detail .merchant-logo,
.offer-grid-container .promotion-banner .swiper-slide .detail .description,
.offer-grid-container .promotion-banner .swiper-slide .detail .sub-description,
.offer-grid-container .promotion-banner .swiper-slide .detail .btn-cta {
	opacity: 0;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	-webkit-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-moz-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-o-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	-ms-transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out;
	transition: 0.4s opacity 1s ease-out, 0.4s transform 1s ease-out
}

.offer-grid-container .promotion-banner .swiper-slide .detail .merchant-logo {
	display: flex;
	padding-bottom: 20px;
	transition-delay: .5s;
	align-items: center;
	line-height: 1.2
}

.offer-grid-container .promotion-banner .swiper-slide .detail .merchant-logo img {
	display: inline-block;
	height: 50px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	vertical-align: middle
}

@media (max-width: 767px) {
	.offer-grid-container .promotion-banner .swiper-slide .detail .merchant-logo img {
		height: 30px
	}
}

.offer-grid-container .promotion-banner .swiper-slide .detail .merchant-logo span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	font-weight: bold;
	font-size: 16px
}

@media (max-width: 767px) {
	.offer-grid-container .promotion-banner .swiper-slide .detail .merchant-logo span {
		font-size: 14px
	}
}

.offer-grid-container .promotion-banner .swiper-slide .detail .description {
	font-weight: 700;
	transition-delay: .7s;
	font-size: 25px;
	line-height: 1.4;
	padding-bottom: 1em
}

@media (max-width: 1024px) {
	.offer-grid-container .promotion-banner .swiper-slide .detail .description {
		font-size: 22px;
		line-height: 1.2
	}
}

@media (max-width: 767px) {
	.offer-grid-container .promotion-banner .swiper-slide .detail .description {
		font-size: 24px;
		line-height: 1.2
	}
}

.offer-grid-container .promotion-banner .swiper-slide .detail .sub-description {
	font-size: .9375vw;
	transition-delay: .7s;
	padding-top: 1.5625vw;
	padding-bottom: 1.5625vw
}

@media (max-width: 823px) {
	.offer-grid-container .promotion-banner .swiper-slide .detail .sub-description {
		font-size: 12px
	}
}

.offer-grid-container .promotion-banner .swiper-slide .detail .btn-cta {
	margin-top: auto;
	transition-delay: .9s;
	background-color: #FFF;
	color: #EC1F48
}

@media (max-width: 768px) {
	.offer-grid-container .promotion-banner .swiper-slide .detail .btn-cta {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto
	}
}

[data-type="attractions"] .section-header .intro {
	background-color: #fff
}

[data-type="attractions"] .offer-container h2 {
	color: #019839
}

[data-type="attractions"] .offer-container .offer-list .offer-block a {
	background-color: #C1FFD7
}

[data-type="attractions"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #019839;
	-moz-box-shadow: -10px 10px 0px -1px #019839;
	box-shadow: -10px 10px 0px -1px #019839
}

[data-type="attractions"] .offer-container .offer-list .offer-block .flag {
	background-color: #019839
}

[data-type="attractions"] .offer-container .offer-list .offer-block .flag:before {
	border-color: #019839 transparent transparent transparent
}

[data-type="attractions"] .offer-container .offer-list .offer-block .flag:after {
	border-color: transparent #019839 transparent transparent
}

[data-type="attractions"] .cateFilter .select2-container--default .select2-selection--single {
	background: #302DE0
}

[data-type="attractions"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #302DE0
}

[data-type="attractions"] .cateFilter .tourFilter .filterToggle {
	background-color: #302DE0
}

[data-type="attractions"] .cateFilter .tourFilter .filterToggle:before {
	color: #302DE0
}

[data-type="attractions"] .cateFilter .tourFilter .daysContainer {
	background-color: #302DE0
}

[data-type="attractions"] .regSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="attractions"] .distSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="attractions"] .cateSel .select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #cccccc
}

[data-type="attractions"] .regSel .select2-dropdown .select2-results,
[data-type="attractions"] .distSel .select2-dropdown .select2-results,
[data-type="attractions"] .cateSel .select2-dropdown .select2-results {
	background: #302DE0
}

[data-type="staycation"] .section-header .intro,
[data-type="hotels"] .section-header .intro,
[data-type="staycationdelights"] .section-header .intro {
	background-color: #fff
}

[data-type="staycation"] .offer-container h2,
[data-type="hotels"] .offer-container h2,
[data-type="staycationdelights"] .offer-container h2 {
	color: #25CEC1
}

[data-type="staycation"] .offer-container .offer-list .offer-block a,
[data-type="hotels"] .offer-container .offer-list .offer-block a,
[data-type="staycationdelights"] .offer-container .offer-list .offer-block a {
	background-color: #ADFFFA
}

[data-type="staycation"] .offer-container .offer-list .offer-block a:hover,
[data-type="hotels"] .offer-container .offer-list .offer-block a:hover,
[data-type="staycationdelights"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #25CEC1;
	-moz-box-shadow: -10px 10px 0px -1px #25CEC1;
	box-shadow: -10px 10px 0px -1px #25CEC1
}

[data-type="staycation"] .offer-container .offer-list .flag,
[data-type="hotels"] .offer-container .offer-list .flag,
[data-type="staycationdelights"] .offer-container .offer-list .flag {
	background-color: #25CEC1
}

[data-type="staycation"] .offer-container .offer-list .flag:before,
[data-type="hotels"] .offer-container .offer-list .flag:before,
[data-type="staycationdelights"] .offer-container .offer-list .flag:before {
	border-color: #25CEC1 transparent transparent transparent
}

[data-type="staycation"] .offer-container .offer-list .flag:after,
[data-type="hotels"] .offer-container .offer-list .flag:after,
[data-type="staycationdelights"] .offer-container .offer-list .flag:after {
	border-color: transparent #25CEC1 transparent transparent
}

[data-type="staycation"] .cateFilter .select2-container--default .select2-selection--single,
[data-type="hotels"] .cateFilter .select2-container--default .select2-selection--single,
[data-type="staycationdelights"] .cateFilter .select2-container--default .select2-selection--single {
	background: #9D54E7
}

[data-type="staycation"] .cateFilter .select2-container--default .select2-selection--single:before,
[data-type="hotels"] .cateFilter .select2-container--default .select2-selection--single:before,
[data-type="staycationdelights"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #9D54E7
}

[data-type="staycation"] .cateFilter .tourFilter .filterToggle,
[data-type="hotels"] .cateFilter .tourFilter .filterToggle,
[data-type="staycationdelights"] .cateFilter .tourFilter .filterToggle {
	background-color: #9D54E7
}

[data-type="staycation"] .cateFilter .tourFilter .filterToggle:before,
[data-type="hotels"] .cateFilter .tourFilter .filterToggle:before,
[data-type="staycationdelights"] .cateFilter .tourFilter .filterToggle:before {
	color: #9D54E7
}

[data-type="staycation"] .cateFilter .tourFilter .daysContainer,
[data-type="hotels"] .cateFilter .tourFilter .daysContainer,
[data-type="staycationdelights"] .cateFilter .tourFilter .daysContainer {
	background-color: #9D54E7
}

[data-type="staycation"] .regSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="staycation"] .distSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="staycation"] .cateSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="hotels"] .regSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="hotels"] .distSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="hotels"] .cateSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="staycationdelights"] .regSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="staycationdelights"] .distSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="staycationdelights"] .cateSel .select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #cccccc
}

[data-type="staycation"] .regSel .select2-dropdown .select2-results,
[data-type="staycation"] .distSel .select2-dropdown .select2-results,
[data-type="staycation"] .cateSel .select2-dropdown .select2-results,
[data-type="hotels"] .regSel .select2-dropdown .select2-results,
[data-type="hotels"] .distSel .select2-dropdown .select2-results,
[data-type="hotels"] .cateSel .select2-dropdown .select2-results,
[data-type="staycationdelights"] .regSel .select2-dropdown .select2-results,
[data-type="staycationdelights"] .distSel .select2-dropdown .select2-results,
[data-type="staycationdelights"] .cateSel .select2-dropdown .select2-results {
	background: #9D54E7
}

[data-type="staycationdelights"] .section-header .intro {
	background-color: #fff
}

[data-type="staycationdelights"] .section-header .intro h2,
[data-type="staycationdelights"] .section-header .intro .title {
	color: #25CEC1
}

[data-type="staycationdelights"] .offer-container h2 {
	color: #25CEC1
}

[data-type="staycationdelights"] .offer-container .offer-list .offer-block a {
	background-color: #ADFFFA
}

[data-type="staycationdelights"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #25CEC1;
	-moz-box-shadow: -10px 10px 0px -1px #25CEC1;
	box-shadow: -10px 10px 0px -1px #25CEC1
}

[data-type="staycationdelights"] .cateFilter .select2-container--default .select2-selection--single {
	background: #9D54E7
}

[data-type="staycationdelights"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #9D54E7
}

[data-type="staycationdelights"] .cateFilter .tourFilter .filterToggle {
	background-color: #9D54E7
}

[data-type="staycationdelights"] .cateFilter .tourFilter .filterToggle:before {
	color: #9D54E7
}

[data-type="staycationdelights"] .cateFilter .tourFilter .daysContainer {
	background-color: #9D54E7
}

[data-type="staycationdelights"] .regSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="staycationdelights"] .distSel .select2-container--default .select2-results__option[aria-selected=true],
[data-type="staycationdelights"] .cateSel .select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #cccccc
}

[data-type="staycationdelights"] .regSel .select2-dropdown .select2-results,
[data-type="staycationdelights"] .distSel .select2-dropdown .select2-results,
[data-type="staycationdelights"] .cateSel .select2-dropdown .select2-results {
	background: #9D54E7
}

[data-type="flights-and-packages"] .section-header .intro {
	background-color: #fff;
	color: #B91B0F
}

[data-type="flights-and-packages"] .offer-container h2 {
	color: #EA8B00
}

[data-type="flights-and-packages"] .offer-container .offer-list .offer-block a {
	background-color: #FAD7EA
}

[data-type="flights-and-packages"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #EA8B00;
	-moz-box-shadow: -10px 10px 0px -1px #EA8B00;
	box-shadow: -10px 10px 0px -1px #EA8B00
}

[data-type="flights-and-packages"] .offer-container .offer-list .flag {
	background-color: #EA8B00
}

[data-type="flights-and-packages"] .offer-container .offer-list .flag:before {
	border-color: #EA8B00 transparent transparent transparent
}

[data-type="flights-and-packages"] .offer-container .offer-list .flag:after {
	border-color: transparent #EA8B00 transparent transparent
}

[data-type="flights-and-packages"] .cateFilter .tourFilter .filterToggle {
	background-color: #B91B0F
}

[data-type="flights-and-packages"] .cateFilter .tourFilter .filterToggle:before {
	color: #B91B0F
}

[data-type="flights-and-packages"] .cateFilter .tourFilter .daysContainer {
	background-color: #B91B0F
}

[data-type="shops"] .section-header .intro {
	background-color: #fff
}

[data-type="shops"] .offer-container h2 {
	color: #9D54E7
}

[data-type="shops"] .offer-container .offer-list .offer-block a {
	background-color: #D9BEF5
}

[data-type="shops"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #9D54E7;
	-moz-box-shadow: -10px 10px 0px -1px #9D54E7;
	box-shadow: -10px 10px 0px -1px #9D54E7
}

[data-type="shops"] .offer-container .offer-list .flag {
	background-color: #9D54E7
}

[data-type="shops"] .offer-container .offer-list .flag:before {
	border-color: #9D54E7 transparent transparent transparent
}

[data-type="shops"] .offer-container .offer-list .flag:after {
	border-color: transparent #9D54E7 transparent transparent
}

[data-type="shops"] .cateFilter .select2-container--default .select2-selection--single {
	background: #FD7FA6
}

[data-type="shops"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #FD7FA6
}

[data-type="shops"] .cateFilter .tourFilter .filterToggle {
	background-color: #FD7FA6
}

[data-type="shops"] .cateFilter .tourFilter .filterToggle:before {
	color: #FD7FA6
}

[data-type="shops"] .cateFilter .tourFilter .daysContainer {
	background-color: #FD7FA6
}

[data-type="shops"] .regSel .select2-dropdown .select2-results,
[data-type="shops"] .distSel .select2-dropdown .select2-results,
[data-type="shops"] .cateSel .select2-dropdown .select2-results {
	background: #FD7FA6
}

[data-type="food-and-drink"] .section-header .intro {
	background-color: #fff
}

[data-type="food-and-drink"] .offer-container h2 {
	color: #FF5A00
}

[data-type="food-and-drink"] .offer-container .offer-list .offer-block a {
	background-color: #FFD2C7
}

[data-type="food-and-drink"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5A00;
	-moz-box-shadow: -10px 10px 0px -1px #FF5A00;
	box-shadow: -10px 10px 0px -1px #FF5A00
}

[data-type="food-and-drink"] .offer-container .offer-list .offer-block .flag {
	background-color: #FF5A00
}

[data-type="food-and-drink"] .offer-container .offer-list .offer-block .flag:before {
	border-color: #FF5A00 transparent transparent transparent
}

[data-type="food-and-drink"] .offer-container .offer-list .offer-block .flag:after {
	border-color: transparent #FF5A00 transparent transparent
}

[data-type="food-and-drink"] .cateFilter .select2-container--default .select2-selection--single {
	background: #036F2B
}

[data-type="food-and-drink"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #036F2B
}

[data-type="food-and-drink"] .cateFilter .tourFilter .filterToggle {
	background-color: #036F2B
}

[data-type="food-and-drink"] .cateFilter .tourFilter .filterToggle:before {
	color: #036F2B
}

[data-type="food-and-drink"] .cateFilter .tourFilter .daysContainer {
	background-color: #036F2B
}

[data-type="food-and-drink"] .regSel .select2-dropdown .select2-results,
[data-type="food-and-drink"] .distSel .select2-dropdown .select2-results,
[data-type="food-and-drink"] .cateSel .select2-dropdown .select2-results {
	background: #036F2B
}

[data-type="malls"] .section-header .intro {
	background-color: #fff
}

[data-type="malls"] .offer-container h2 {
	color: #EE2745
}

[data-type="malls"] .offer-container .offer-list .offer-block a {
	background-color: #FCBBC5
}

[data-type="malls"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #EE2745;
	-moz-box-shadow: -10px 10px 0px -1px #EE2745;
	box-shadow: -10px 10px 0px -1px #EE2745
}

[data-type="malls"] .offer-container .offer-list .offer-block .flag {
	background-color: #EE2745
}

[data-type="malls"] .offer-container .offer-list .offer-block .flag:before {
	border-color: #EE2745 transparent transparent transparent
}

[data-type="malls"] .offer-container .offer-list .offer-block .flag:after {
	border-color: transparent #EE2745 transparent transparent
}

[data-type="malls"] .cateFilter .select2-container--default .select2-selection--single {
	background: #25CEC1
}

[data-type="malls"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #25CEC1
}

[data-type="malls"] .cateFilter .tourFilter .filterToggle {
	background-color: #25CEC1
}

[data-type="malls"] .cateFilter .tourFilter .filterToggle:before {
	color: #25CEC1
}

[data-type="malls"] .cateFilter .tourFilter .daysContainer {
	background-color: #25CEC1
}

[data-type="malls"] .regSel .select2-dropdown .select2-results,
[data-type="malls"] .distSel .select2-dropdown .select2-results,
[data-type="malls"] .cateSel .select2-dropdown .select2-results {
	background: #25CEC1
}

[data-type="tours"] .section-header .intro {
	background-color: #fff
}

[data-type="tours"] .offer-container h2 {
	color: #FC006B
}

[data-type="tours"] .offer-container .offer-list .offer-block a {
	background-color: #FFA7D1
}

[data-type="tours"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FC006B;
	-moz-box-shadow: -10px 10px 0px -1px #FC006B;
	box-shadow: -10px 10px 0px -1px #FC006B
}

[data-type="tours"] .offer-container .offer-list .offer-block .flag {
	background-color: #FC006B
}

[data-type="tours"] .offer-container .offer-list .offer-block .flag:before {
	border-color: #FC006B transparent transparent transparent
}

[data-type="tours"] .offer-container .offer-list .offer-block .flag:after {
	border-color: transparent #FC006B transparent transparent
}

[data-type="tours"] .cateFilter .select2-container--default .select2-selection--single {
	background: #DBD30B
}

[data-type="tours"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #DBD30B
}

[data-type="tours"] .cateFilter .tourFilter .filterToggle {
	background-color: #DBD30B
}

[data-type="tours"] .cateFilter .tourFilter .filterToggle:before {
	color: #DBD30B
}

[data-type="tours"] .cateFilter .tourFilter .daysContainer {
	background-color: #DBD30B
}

[data-type="tours"] .regSel .select2-dropdown .select2-results,
[data-type="tours"] .distSel .select2-dropdown .select2-results,
[data-type="tours"] .cateSel .select2-dropdown .select2-results {
	background: #DBD30B
}

[data-type="free-tours"] .section-header .intro {
	background-color: #fff
}

[data-type="free-tours"] .section-header .title {
	font-weight: bold;
	color: #302DE0;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.8px;
	padding-bottom: 10px
}

[data-type="free-tours"] .offer-container h2 {
	color: #FF5F91;
	padding-right: 280px
}

@media (max-width: 823px) {
	[data-type="free-tours"] .offer-container h2 {
		padding-right: 0
	}
}

[data-type="free-tours"] .offer-container .offer-list .offer-block a {
	background-color: #FFD0DF
}

[data-type="free-tours"] .offer-container .offer-list .offer-block a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5F91;
	-moz-box-shadow: -10px 10px 0px -1px #FF5F91;
	box-shadow: -10px 10px 0px -1px #FF5F91
}

[data-type="free-tours"] .offer-container .offer-list .offer-block .flag {
	background-color: #FF5F91
}

[data-type="free-tours"] .offer-container .offer-list .offer-block .flag:before {
	border-color: #FF5F91 transparent transparent transparent
}

[data-type="free-tours"] .offer-container .offer-list .offer-block .flag:after {
	border-color: transparent #FF5F91 transparent transparent
}

[data-type="free-tours"] .cateFilter .select2-container--default .select2-selection--single {
	background: #302DE0
}

[data-type="free-tours"] .cateFilter .select2-container--default .select2-selection--single:before {
	color: #302DE0
}

[data-type="free-tours"] .cateFilter .tourFilter .filterToggle {
	background-color: #302DE0
}

[data-type="free-tours"] .cateFilter .tourFilter .filterToggle:before {
	color: #302DE0
}

[data-type="free-tours"] .cateFilter .tourFilter .daysContainer {
	background-color: #302DE0
}

[data-type="free-tours"] .regSel .select2-dropdown .select2-results,
[data-type="free-tours"] .distSel .select2-dropdown .select2-results,
[data-type="free-tours"] .cateSel .select2-dropdown .select2-results {
	background: #302DE0
}

.offer-grid-container.staycation h2,
.offer-grid-container.hotels h2,
.offer-grid-container.staycationdelights h2 {
	color: #25CEC1
}

.offer-grid-container.staycation .offer-list-grid .offer-block-grid .flag,
.offer-grid-container.hotels .offer-list-grid .offer-block-grid .flag,
.offer-grid-container.staycationdelights .offer-list-grid .offer-block-grid .flag {
	background-color: #25CEC1;
	color: #ffffff
}

.offer-grid-container.staycation .offer-list-grid .offer-block-grid .flag:before,
.offer-grid-container.hotels .offer-list-grid .offer-block-grid .flag:before,
.offer-grid-container.staycationdelights .offer-list-grid .offer-block-grid .flag:before {
	border-color: #25CEC1 transparent transparent transparent
}

.offer-grid-container.staycation .offer-list-grid .offer-block-grid .flag:after,
.offer-grid-container.hotels .offer-list-grid .offer-block-grid .flag:after,
.offer-grid-container.staycationdelights .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #25CEC1 transparent transparent
}

.offer-grid-container.staycation .offer-list-grid .offer-block-grid a,
.offer-grid-container.hotels .offer-list-grid .offer-block-grid a,
.offer-grid-container.staycationdelights .offer-list-grid .offer-block-grid a {
	background-color: #ADFFFA
}

.offer-grid-container.staycation .offer-list-grid .offer-block-grid a:hover,
.offer-grid-container.hotels .offer-list-grid .offer-block-grid a:hover,
.offer-grid-container.staycationdelights .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #25CEC1;
	-moz-box-shadow: -10px 10px 0px -1px #25CEC1;
	box-shadow: -10px 10px 0px -1px #25CEC1
}

.offer-grid-container.staycation .btn-cta,
.offer-grid-container.hotels .btn-cta,
.offer-grid-container.staycationdelights .btn-cta {
	background-color: #25CEC1
}

.offer-grid-container.staycation .promotion-banner .swiper-slide,
.offer-grid-container.hotels .promotion-banner .swiper-slide,
.offer-grid-container.staycationdelights .promotion-banner .swiper-slide {
	background-color: #25CEC1;
	color: #9D54E7
}

.offer-grid-container.staycation .promotion-banner .swiper-slide .merchant-logo span,
.offer-grid-container.hotels .promotion-banner .swiper-slide .merchant-logo span,
.offer-grid-container.staycationdelights .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.staycation .promotion-banner .swiper-slide .btn-cta,
.offer-grid-container.hotels .promotion-banner .swiper-slide .btn-cta,
.offer-grid-container.staycationdelights .promotion-banner .swiper-slide .btn-cta {
	background-color: #9D54E7;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.staycationBg,
.offer-grid-container.hotelsBg,
.offer-grid-container.staycationdelightsBg {
	background-color: #9D54E7;
	padding-top: 80px
}

.offer-grid-container.staycationBg h2,
.offer-grid-container.hotelsBg h2,
.offer-grid-container.staycationdelightsBg h2 {
	color: #25CEC1
}

.offer-grid-container.staycationBg .desc,
.offer-grid-container.hotelsBg .desc,
.offer-grid-container.staycationdelightsBg .desc {
	color: #fff
}

.offer-grid-container.staycationBg .offer-list-grid .offer-block-grid .flag,
.offer-grid-container.hotelsBg .offer-list-grid .offer-block-grid .flag,
.offer-grid-container.staycationdelightsBg .offer-list-grid .offer-block-grid .flag {
	background-color: #25CEC1;
	color: #ffffff
}

.offer-grid-container.staycationBg .offer-list-grid .offer-block-grid .flag:before,
.offer-grid-container.hotelsBg .offer-list-grid .offer-block-grid .flag:before,
.offer-grid-container.staycationdelightsBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #25CEC1 transparent transparent transparent
}

.offer-grid-container.staycationBg .offer-list-grid .offer-block-grid .flag:after,
.offer-grid-container.hotelsBg .offer-list-grid .offer-block-grid .flag:after,
.offer-grid-container.staycationdelightsBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #25CEC1 transparent transparent
}

.offer-grid-container.staycationBg .offer-list-grid .offer-block-grid a,
.offer-grid-container.hotelsBg .offer-list-grid .offer-block-grid a,
.offer-grid-container.staycationdelightsBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.staycationBg .offer-list-grid .offer-block-grid a:hover,
.offer-grid-container.hotelsBg .offer-list-grid .offer-block-grid a:hover,
.offer-grid-container.staycationdelightsBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #25CEC1;
	-moz-box-shadow: -10px 10px 0px -1px #25CEC1;
	box-shadow: -10px 10px 0px -1px #25CEC1
}

.offer-grid-container.staycationBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider,
.offer-grid-container.hotelsBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider,
.offer-grid-container.staycationdelightsBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.staycationBg .btn-cta,
.offer-grid-container.hotelsBg .btn-cta,
.offer-grid-container.staycationdelightsBg .btn-cta {
	background-color: #25CEC1
}

.offer-grid-container.staycationBg .promotion-banner .swiper-slide,
.offer-grid-container.hotelsBg .promotion-banner .swiper-slide,
.offer-grid-container.staycationdelightsBg .promotion-banner .swiper-slide {
	background-color: #25CEC1;
	color: #9D54E7
}

.offer-grid-container.staycationBg .promotion-banner .swiper-slide .merchant-logo span,
.offer-grid-container.hotelsBg .promotion-banner .swiper-slide .merchant-logo span,
.offer-grid-container.staycationdelightsBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.staycationBg .promotion-banner .swiper-slide .btn-cta,
.offer-grid-container.hotelsBg .promotion-banner .swiper-slide .btn-cta,
.offer-grid-container.staycationdelightsBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #9D54E7;
	color: #fff !important;
	font-weight: bold
}

.offer-grid-container.staycationBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.offer-grid-container.hotelsBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.offer-grid-container.staycationdelightsBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container.flights-and-packages h2 {
	color: #EA8B00
}

.offer-grid-container.flights-and-packages .offer-list-grid .offer-block-grid .flag {
	background-color: #EA8B00;
	color: #ffffff
}

.offer-grid-container.flights-and-packages .offer-list-grid .offer-block-grid .flag:before {
	border-color: #EA8B00 transparent transparent transparent
}

.offer-grid-container.flights-and-packages .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #EA8B00 transparent transparent
}

.offer-grid-container.flights-and-packages .offer-list-grid .offer-block-grid a {
	background-color: #FAD7EA
}

.offer-grid-container.flights-and-packages .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #EA8B00;
	-moz-box-shadow: -10px 10px 0px -1px #EA8B00;
	box-shadow: -10px 10px 0px -1px #EA8B00
}

.offer-grid-container.flights-and-packages .btn-cta {
	background-color: #B91B0F
}

.offer-grid-container.flights-and-packages .promotion-banner .swiper-slide {
	background-color: #EA8B00;
	color: #B91B0F
}

.offer-grid-container.flights-and-packages .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.flights-and-packages .promotion-banner .swiper-slide .btn-cta {
	background-color: #B91B0F;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.flights-and-packagesBg {
	background-color: #EA8B00;
	padding-top: 80px
}

.offer-grid-container.flights-and-packagesBg h2 {
	color: #B91B0F
}

.offer-grid-container.flights-and-packagesBg .desc {
	color: #fff
}

.offer-grid-container.flights-and-packagesBg .offer-list-grid .offer-block-grid .flag {
	background-color: #EA8B00;
	color: #ffffff
}

.offer-grid-container.flights-and-packagesBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #EA8B00 transparent transparent transparent
}

.offer-grid-container.flights-and-packagesBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #EA8B00 transparent transparent
}

.offer-grid-container.flights-and-packagesBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.flights-and-packagesBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #B91B0F;
	-moz-box-shadow: -10px 10px 0px -1px #B91B0F;
	box-shadow: -10px 10px 0px -1px #B91B0F
}

.offer-grid-container.flights-and-packagesBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.flights-and-packagesBg .btn-cta {
	background-color: #B91B0F
}

.offer-grid-container.flights-and-packagesBg .promotion-banner .swiper-slide {
	background-color: #B91B0F;
	color: #EA8B00
}

.offer-grid-container.flights-and-packagesBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.flights-and-packagesBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #EA8B00;
	color: #fff !important;
	font-weight: bold
}

.offer-grid-container.flights-and-packagesBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container.shops h2 {
	color: #9D54E7
}

.offer-grid-container.shops .offer-list-grid .offer-block-grid .flag {
	background-color: #9D54E7
}

.offer-grid-container.shops .offer-list-grid .offer-block-grid .flag:before {
	border-color: #9D54E7 transparent transparent transparent
}

.offer-grid-container.shops .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #9D54E7 transparent transparent
}

.offer-grid-container.shops .offer-list-grid .offer-block-grid a {
	background-color: #D9BEF5
}

.offer-grid-container.shops .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #9D54E7;
	-moz-box-shadow: -10px 10px 0px -1px #9D54E7;
	box-shadow: -10px 10px 0px -1px #9D54E7
}

.offer-grid-container.shops .btn-cta {
	background-color: #9D54E7
}

.offer-grid-container.shops .promotion-banner .swiper-slide {
	background-color: #9D54E7;
	color: #FD7FA6
}

.offer-grid-container.shops .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.shops .promotion-banner .swiper-slide .btn-cta {
	background-color: #FD7FA6;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.shopsBg {
	background-color: #FD7FA6;
	padding-top: 80px
}

.offer-grid-container.shopsBg h2 {
	color: #9D54E7
}

.offer-grid-container.shopsBg .desc {
	color: #fff
}

.offer-grid-container.shopsBg .offer-list-grid .offer-block-grid .flag {
	background-color: #9D54E7
}

.offer-grid-container.shopsBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #9D54E7 transparent transparent transparent
}

.offer-grid-container.shopsBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #9D54E7 transparent transparent
}

.offer-grid-container.shopsBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.shopsBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #9D54E7;
	-moz-box-shadow: -10px 10px 0px -1px #9D54E7;
	box-shadow: -10px 10px 0px -1px #9D54E7
}

.offer-grid-container.shopsBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.shopsBg .btn-cta {
	background-color: #9D54E7
}

.offer-grid-container.shopsBg .promotion-banner .swiper-slide {
	background-color: #9D54E7;
	color: #FD7FA6
}

.offer-grid-container.shopsBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.shopsBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #FD7FA6;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.shopsBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container.food-and-drink h2 {
	color: #FF5A00
}

.offer-grid-container.food-and-drink .offer-list-grid .offer-block-grid .flag {
	background-color: #FF5A00
}

.offer-grid-container.food-and-drink .offer-list-grid .offer-block-grid .flag:before {
	border-color: #FF5A00 transparent transparent transparent
}

.offer-grid-container.food-and-drink .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #FF5A00 transparent transparent
}

.offer-grid-container.food-and-drink .offer-list-grid .offer-block-grid a {
	background-color: #FFD2C7
}

.offer-grid-container.food-and-drink .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5A00;
	-moz-box-shadow: -10px 10px 0px -1px #FF5A00;
	box-shadow: -10px 10px 0px -1px #FF5A00
}

.offer-grid-container.food-and-drink .btn-cta {
	background-color: #FF5A00
}

.offer-grid-container.food-and-drink .promotion-banner .swiper-slide {
	background-color: #FF5A00;
	color: #036F2B
}

.offer-grid-container.food-and-drink .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.food-and-drink .promotion-banner .swiper-slide .btn-cta {
	background-color: #036F2B;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.food-and-drinkBg {
	background-color: #036F2B;
	padding-top: 80px
}

.offer-grid-container.food-and-drinkBg h2 {
	color: #FF5A00
}

.offer-grid-container.food-and-drinkBg .desc {
	color: #fff
}

.offer-grid-container.food-and-drinkBg .offer-list-grid .offer-block-grid .flag {
	background-color: #FF5A00
}

.offer-grid-container.food-and-drinkBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #FF5A00 transparent transparent transparent
}

.offer-grid-container.food-and-drinkBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #FF5A00 transparent transparent
}

.offer-grid-container.food-and-drinkBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.food-and-drinkBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5A00;
	-moz-box-shadow: -10px 10px 0px -1px #FF5A00;
	box-shadow: -10px 10px 0px -1px #FF5A00
}

.offer-grid-container.food-and-drinkBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.food-and-drinkBg .btn-cta {
	background-color: #FF5A00
}

.offer-grid-container.food-and-drinkBg .promotion-banner .swiper-slide {
	background-color: #FF5A00;
	color: #036F2B
}

.offer-grid-container.food-and-drinkBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.food-and-drinkBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #036F2B;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.food-and-drinkBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container.malls h2 {
	color: #EE2745
}

.offer-grid-container.malls .offer-list-grid .offer-block-grid .flag {
	background-color: #EE2745
}

.offer-grid-container.malls .offer-list-grid .offer-block-grid .flag:before {
	border-color: #EE2745 transparent transparent transparent
}

.offer-grid-container.malls .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #EE2745 transparent transparent
}

.offer-grid-container.malls .offer-list-grid .offer-block-grid a {
	background-color: #FCBBC5
}

.offer-grid-container.malls .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #EE2745;
	-moz-box-shadow: -10px 10px 0px -1px #EE2745;
	box-shadow: -10px 10px 0px -1px #EE2745
}

.offer-grid-container.malls .btn-cta {
	background-color: #EE2745
}

.offer-grid-container.malls .promotion-banner .swiper-slide {
	background-color: #EE2745;
	color: #25CEC1
}

.offer-grid-container.malls .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.malls .promotion-banner .swiper-slide .btn-cta {
	background-color: #25CEC1;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.mallsBg {
	background-color: #25CEC1
}

.offer-grid-container.mallsBg h2 {
	color: #EE2745
}

.offer-grid-container.mallsBg .desc {
	color: #fff
}

.offer-grid-container.mallsBg .offer-list-grid .offer-block-grid .flag {
	background-color: #EE2745
}

.offer-grid-container.mallsBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #EE2745 transparent transparent transparent
}

.offer-grid-container.mallsBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #EE2745 transparent transparent
}

.offer-grid-container.mallsBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.mallsBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #EE2745;
	-moz-box-shadow: -10px 10px 0px -1px #EE2745;
	box-shadow: -10px 10px 0px -1px #EE2745
}

.offer-grid-container.mallsBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.mallsBg .btn-cta {
	background-color: #EE2745
}

.offer-grid-container.mallsBg .promotion-banner .swiper-slide {
	background-color: #EE2745;
	color: #25CEC1
}

.offer-grid-container.mallsBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.mallsBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #25CEC1;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.mallsBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container.tours h2 {
	color: #FC006B
}

.offer-grid-container.tours .offer-list-grid .offer-block-grid .flag {
	background-color: #FC006B
}

.offer-grid-container.tours .offer-list-grid .offer-block-grid .flag:before {
	border-color: #FC006B transparent transparent transparent
}

.offer-grid-container.tours .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #FC006B transparent transparent
}

.offer-grid-container.tours .offer-list-grid .offer-block-grid a {
	background-color: #FFA7D1
}

.offer-grid-container.tours .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #DBD30B;
	-moz-box-shadow: -10px 10px 0px -1px #DBD30B;
	box-shadow: -10px 10px 0px -1px #DBD30B
}

.offer-grid-container.tours .btn-cta {
	background-color: #FC006B
}

.offer-grid-container.tours .promotion-banner .swiper-slide {
	background-color: #FC006B;
	color: #DBD30B
}

.offer-grid-container.tours .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.tours .promotion-banner .swiper-slide .btn-cta {
	background-color: #DBD30B;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.toursBg {
	background-color: #DBD30B;
	padding-top: 80px
}

.offer-grid-container.toursBg h2 {
	color: #FC006B
}

.offer-grid-container.toursBg .desc {
	color: #fff
}

.offer-grid-container.toursBg .offer-list-grid .offer-block-grid .flag {
	background-color: #FC006B
}

.offer-grid-container.toursBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #FC006B transparent transparent transparent
}

.offer-grid-container.toursBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #FC006B transparent transparent
}

.offer-grid-container.toursBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.toursBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FC006B;
	-moz-box-shadow: -10px 10px 0px -1px #FC006B;
	box-shadow: -10px 10px 0px -1px #FC006B
}

.offer-grid-container.toursBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.toursBg .btn-cta {
	background-color: #FC006B
}

.offer-grid-container.toursBg .promotion-banner .swiper-slide {
	background-color: #FC006B;
	color: #DBD30B
}

.offer-grid-container.toursBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.toursBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #DBD30B;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.toursBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container.attractions h2 {
	color: #019839
}

.offer-grid-container.attractions .offer-list-grid .offer-block-grid .flag {
	background-color: #019839
}

.offer-grid-container.attractions .offer-list-grid .offer-block-grid .flag:before {
	border-color: #019839 transparent transparent transparent
}

.offer-grid-container.attractions .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #019839 transparent transparent
}

.offer-grid-container.attractions .offer-list-grid .offer-block-grid a {
	background-color: #C1FFD7
}

.offer-grid-container.attractions .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #019839;
	-moz-box-shadow: -10px 10px 0px -1px #019839;
	box-shadow: -10px 10px 0px -1px #019839
}

.offer-grid-container.attractions .btn-cta {
	background-color: #019839
}

.offer-grid-container.attractions .promotion-banner .swiper-slide {
	background-color: #019839;
	color: #302DE0
}

.offer-grid-container.attractions .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.attractions .promotion-banner .swiper-slide .btn-cta {
	background-color: #302DE0;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.attractionsBg {
	background-color: #302DE0;
	padding-top: 80px
}

.offer-grid-container.attractionsBg h2 {
	color: #019839
}

.offer-grid-container.attractionsBg .desc {
	color: #fff
}

.offer-grid-container.attractionsBg .offer-list-grid .offer-block-grid .flag {
	background-color: #019839
}

.offer-grid-container.attractionsBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #019839 transparent transparent transparent
}

.offer-grid-container.attractionsBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #019839 transparent transparent
}

.offer-grid-container.attractionsBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.attractionsBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #019839;
	-moz-box-shadow: -10px 10px 0px -1px #019839;
	box-shadow: -10px 10px 0px -1px #019839
}

.offer-grid-container.attractionsBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.attractionsBg .btn-cta {
	background-color: #019839
}

.offer-grid-container.attractionsBg .promotion-banner .swiper-slide {
	background-color: #019839;
	color: #302DE0
}

.offer-grid-container.attractionsBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.attractionsBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #302DE0;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.attractionsBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container.free-tours {
	padding-bottom: 0
}

.offer-grid-container.free-tours .bottom {
	margin-bottom: 0
}

.offer-grid-container.free-tours h2 {
	color: #FF5F91
}

.offer-grid-container.free-tours .offer-list-grid .offer-block-grid .flag {
	background-color: #FF5F91
}

.offer-grid-container.free-tours .offer-list-grid .offer-block-grid .flag:before {
	border-color: #FF5F91 transparent transparent transparent
}

.offer-grid-container.free-tours .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #FF5F91 transparent transparent
}

.offer-grid-container.free-tours .offer-list-grid .offer-block-grid a {
	background-color: #FFD0DF
}

.offer-grid-container.free-tours .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5F91;
	-moz-box-shadow: -10px 10px 0px -1px #FF5F91;
	box-shadow: -10px 10px 0px -1px #FF5F91
}

.offer-grid-container.free-tours .btn-cta {
	background-color: #FF5F91
}

.offer-grid-container.free-tours .promotion-banner .swiper-slide {
	background-color: #FF5F91;
	color: #302DE0
}

.offer-grid-container.free-tours .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.free-tours .promotion-banner .swiper-slide .btn-cta {
	background-color: #302DE0;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.free-toursBg {
	background-color: #302DE0;
	padding-top: 80px
}

.offer-grid-container.free-toursBg h2 {
	color: #FF5F91
}

.offer-grid-container.free-toursBg .desc {
	color: #fff
}

.offer-grid-container.free-toursBg .offer-list-grid .offer-block-grid .flag {
	background-color: #FF5F91
}

.offer-grid-container.free-toursBg .offer-list-grid .offer-block-grid .flag:before {
	border-color: #FF5F91 transparent transparent transparent
}

.offer-grid-container.free-toursBg .offer-list-grid .offer-block-grid .flag:after {
	border-color: transparent #FF5F91 transparent transparent
}

.offer-grid-container.free-toursBg .offer-list-grid .offer-block-grid a {
	background-color: #fff
}

.offer-grid-container.free-toursBg .offer-list-grid .offer-block-grid a:hover {
	-webkit-box-shadow: -10px 10px 0px -1px #FF5F91;
	-moz-box-shadow: -10px 10px 0px -1px #FF5F91;
	box-shadow: -10px 10px 0px -1px #FF5F91
}

.offer-grid-container.free-toursBg .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-top-color: #CCC
}

.offer-grid-container.free-toursBg .btn-cta {
	background-color: #FF5F91
}

.offer-grid-container.free-toursBg .promotion-banner .swiper-slide {
	background-color: #FF5F91;
	color: #302DE0
}

.offer-grid-container.free-toursBg .promotion-banner .swiper-slide .merchant-logo span {
	color: #fff
}

.offer-grid-container.free-toursBg .promotion-banner .swiper-slide .btn-cta {
	background-color: #302DE0;
	color: #fff;
	font-weight: bold
}

.offer-grid-container.free-toursBg .promotion-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important
}

.offer-grid-container .swiper-button-prev,
.offer-grid-container .swiper-button-next {
	opacity: 0 !important;
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	color: #E40C3B !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
	top: 41%
}

@media (max-width: 768px) {
	.offer-grid-container .swiper-button-prev,
	.offer-grid-container .swiper-button-next {
		opacity: 0 !important
	}
}

.offer-grid-container .swiper-button-prev:after,
.offer-grid-container .swiper-button-next:after {
	box-shadow: none !important;
	backdrop-filter: none !important;
	font-size: 25px
}

.offer-grid-container .swiper-button-prev {
	left: -2%
}

.offer-grid-container .swiper-button-prev:after {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.offer-grid-container .swiper-button-next {
	right: -2%
}

.offer-grid-container .swiper-button-next:after {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

.detect-geo {
	text-align: center;
	padding: 100px 50px;
	font-size: 48px
}

.detect-geo span {
	color: red;
	font-weight: bold
}

.important-notice {
	display: none;
	position: fixed;
	width: 100%;
	background: #EC1F48;
	z-index: 1000;
	top: 0;
	left: 0;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 40px;
	padding-bottom: 40px;
	border: #EFEFEF 1px solid
}

@media (max-width: 1247px) {
	.important-notice {
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 24px;
		padding-bottom: 24px
	}
}

.important-notice.active {
	display: block
}

.important-notice .btn-close {
	position: absolute;
	top: 20px;
	right: calc(5% + 20px);
	width: 40px;
	height: 40px;
	z-index: 1
}

@media (max-width: 1247px) {
	.important-notice .btn-close {
		right: 10px
	}
}

@media (max-width: 767px) {
	.important-notice .btn-close {
		font-size: 20px
	}
}

.important-notice .btn-close:before,
.important-notice .btn-close:after {
	content: '';
	position: absolute;
	border-top: #FFF 3px solid;
	width: 24px;
	height: 1px;
	top: 18px;
	left: 8px
}

.important-notice .btn-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.important-notice .btn-close:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.important-notice .title {
	font-family: "Futura", "libel_suit", "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.4;
	float: left;
	position: relative;
	padding-right: 40px
}

@media (max-width: 1247px) {
	.important-notice .title {
		float: none;
		padding-right: 0;
		padding-bottom: 15px
	}
}

.important-notice .title:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.35);
	top: 0;
	right: 0
}

@media (max-width: 1247px) {
	.important-notice .title:before {
		display: none
	}
}

.important-notice ul {
	margin-left: 250px;
	color: #FFF
}

@media (max-width: 1247px) {
	.important-notice ul {
		margin-left: 0
	}
}

.important-notice ul li {
	list-style: disc;
	margin-left: 20px
}

.important-notice ul a {
	color: #FFF;
	text-decoration: underline
}

.itineraries-container {
	margin-left: 8.49057vw;
	margin-right: 8.49057vw;
	position: relative;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.itineraries-container.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.itineraries-container.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.itineraries-container.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 767px) {
	.itineraries-container {
		margin-left: 24px;
		margin-right: 24px
	}
}

.itineraries-container h2 {
	font-weight: bold;
	color: #1825B9;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.8px;
	padding-bottom: 10px
}

@media (max-width: 767px) {
	.itineraries-container h2 {
		font-size: 26px
	}
}

.itineraries-list-container {
	margin-left: 8.49057vw;
	position: relative
}

@media (max-width: 767px) {
	.itineraries-list-container {
		margin-left: 24px;
		margin-bottom: 40px
	}
}

.itineraries-list-container .swiper-container-initialized {
	overflow: visible !important
}

.itineraries-list-container .swiper-wrapper {
	padding-top: 40px
}

.itineraries-list-container .swiper-wrapper .swiper-slide {
	position: relative;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.itineraries-list-container .swiper-wrapper .swiper-slide.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.itineraries-list-container .swiper-wrapper .swiper-slide.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.itineraries-list-container .swiper-wrapper .swiper-slide.hide {
	margin-bottom: 0;
	height: 0
}

.itineraries-list-container .swiper-wrapper .swiper-slide.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1
}

.itineraries-list-container .swiper-wrapper .swiper-slide a {
	outline: none;
	display: block;
	position: relative;
	background: #FFF;
	height: 100%;
	transform-origin: center center;
	-webkit-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-moz-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-o-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	-ms-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, box-shadow 0.6s;
	border-radius: 20px
}

.itineraries-list-container .swiper-wrapper .swiper-slide a:hover {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px)
}

@media (max-width: 767px) {
	.itineraries-list-container .swiper-wrapper .swiper-slide a:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.itineraries-list-container .swiper-wrapper .swiper-slide a img {
	border-radius: 20px;
	height: 100%;
	width: 100%
}

.itineraries-list-container .swiper-wrapper .swiper-slide a span {
	width: 100%;
	height: 100%;
	z-index: 44;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px
}

.itineraries-list-container .swiper-wrapper .swiper-slide a:hover img {
	box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.7)
}

.itineraries-list-container .swiper-wrapper .swiper-slide a:hover p {
	opacity: 1
}

.itineraries-list-container .swiper-wrapper .swiper-slide a:hover p i {
	padding-left: 10px
}

.itineraries-list-container .swiper-wrapper .swiper-slide a:hover p i:after {
	font-weight: bold
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.secnic_harbour p {
	background-color: #FD8F00;
	color: #1825B9
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.secnic_harbour:hover span {
	background-color: rgba(23, 37, 185, 0.5)
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.gastro_fantasies p {
	background-color: #00FFC3;
	color: #E91727
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.gastro_fantasies:hover span {
	background-color: rgba(219, 31, 37, 0.5)
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.lively_culture p {
	background-color: #004900;
	color: #FF8904
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.lively_culture:hover span {
	background-color: rgba(254, 137, 3, 0.5)
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.shopping_fiesta p {
	background-color: #00FFF6;
	color: #E00CCB
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.shopping_fiesta:hover span {
	background-color: rgba(224, 41, 203, 0.5)
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.wellness_retreat p {
	background-color: #FFCA02;
	color: #009900
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.wellness_retreat:hover span {
	background-color: rgba(37, 153, 0, 0.5)
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.endless_entertainment p {
	background-color: #5526b3;
	color: #FFF100
}

.itineraries-list-container .swiper-wrapper .swiper-slide a.endless_entertainment:hover span {
	background-color: rgba(37, 153, 0, 0.5)
}

.itineraries-list-container .swiper-wrapper .swiper-slide p {
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 45%;
	left: 20%;
	right: 20%;
	text-align: center;
	padding: 10px 30px;
	border-radius: 30px;
	opacity: 0
}

@media (max-width: 1247px) {
	.itineraries-list-container .swiper-wrapper .swiper-slide p {
		font-size: 13px;
		padding: 8px 20px
	}
}

.itineraries-list-container .swiper-button-prev,
.itineraries-list-container .swiper-button-next {
	opacity: 1 !important;
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	color: #E40C3B !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16)
}

@media (max-width: 767px) {
	.itineraries-list-container .swiper-button-prev,
	.itineraries-list-container .swiper-button-next {
		opacity: 0 !important
	}
}

.itineraries-list-container .swiper-button-prev:after,
.itineraries-list-container .swiper-button-next:after {
	box-shadow: none !important;
	backdrop-filter: none !important;
	font-size: 25px
}

.itineraries-list-container .swiper-button-prev.swiper-button-disabled,
.itineraries-list-container .swiper-button-next.swiper-button-disabled {
	opacity: 0 !important
}

.itineraries-list-container .swiper-button-prev {
	left: -2%
}

.itineraries-list-container .swiper-button-prev:after {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.itineraries-list-container .swiper-button-next {
	right: 9%
}

.itineraries-list-container .swiper-button-next:after {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

@media (min-width: 768px) {
	.itineraries-list-container .swiper-pagination {
		opacity: 0 !important
	}
}

.itineraries-list-container .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #E40C3B !important
}

#whatsnews {
	position: relative;
	background-color: #5C18BB;
	padding-top: 4.16667vw;
	padding-left: 8.49057vw;
	padding-right: 8.49057vw;
	padding-bottom: 4.16667vw
}

@media (max-width: 1440px) {
	#whatsnews {
		padding-left: 100px;
		padding-right: 100px
	}
}

@media (max-width: 767px) {
	#whatsnews {
		padding-left: 24px;
		padding-right: 24px;
		padding-bottom: 40px
	}
}

#whatsnews h2 {
	font-weight: bold;
	color: #FBC72E;
	font-size: 36px;
	line-height: 40px;
	font-family: "Futura", "libel_suit", "Open Sans", "Noto Sans TC", "Noto Sans SC", Arial, sans-serif, Verdana, Helvetica;
	letter-spacing: -0.8px;
	padding-bottom: 10px
}

@media (max-width: 767px) {
	#whatsnews h2 {
		font-size: 26px
	}
}

#whatsnews .desc {
	padding-bottom: 40px;
	color: #fff
}

#whatsnews .trending {
	position: absolute;
	top: 15%;
	right: 10%;
	z-index: 10
}

@media (max-width: 823px) {
	#whatsnews .trending {
		width: 150px;
		top: 11%
	}
}

#whatsnews .whatsnews-slider {
	color: #fff
}

#whatsnews .whatsnews-slider img {
	border-radius: 20px;
	width: 100%
}

#whatsnews .swiper-button-prev,
#whatsnews .swiper-button-next {
	opacity: 1 !important;
	background-color: #ffffff;
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	color: #E40C3B !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
	top: 52%
}

@media (max-width: 823px) {
	#whatsnews .swiper-button-prev,
	#whatsnews .swiper-button-next {
		display: none
	}
}

#whatsnews .swiper-button-prev:after,
#whatsnews .swiper-button-next:after {
	box-shadow: none !important;
	backdrop-filter: none !important;
	font-size: 25px
}

#whatsnews .swiper-button-prev {
	left: 7%
}

@media (max-width: 1440px) {
	#whatsnews .swiper-button-prev {
		left: 5%
	}
}

#whatsnews .swiper-button-prev:after {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

#whatsnews .swiper-button-next {
	right: 7%
}

@media (max-width: 1440px) {
	#whatsnews .swiper-button-next {
		right: 5%
	}
}

#whatsnews .swiper-button-next:after {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

#whatsnews .info {
	width: 100%;
	padding: 40px
}

@media (min-width: 1024px) {
	#whatsnews .info {
		position: absolute;
		bottom: 9px
	}
}

@media (max-width: 823px) {
	#whatsnews .info {
		text-align: center
	}
}

@media (min-width: 1024px) {
	#whatsnews .info:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #000;
		background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
		opacity: .5;
		border-radius: 0 0 20px 20px
	}
}

#whatsnews .info .name {
	font-style: 22px;
	line-height: 28px;
	font-weight: bold;
	padding-bottom: 18px
}

@media (min-width: 1024px) {
	#whatsnews .info .name {
		width: 75%;
		font-size: 24px;
		line-height: 30px
	}
}

#whatsnews .info .date {
	padding-bottom: 18px
}

@media (min-width: 1024px) {
	#whatsnews .info .date {
		position: absolute;
		bottom: 40px;
		z-index: 1
	}
}

#whatsnews .info .btn-cta {
	color: #5D1FBA;
	background-color: #FECC2F;
	z-index: 1;
	font-weight: bold
}

@media (max-width: 823px) {
	#whatsnews .info .btn-cta {
		width: 100%
	}
}

@media (min-width: 1024px) {
	#whatsnews .info .btn-cta {
		float: right
	}
}

html {
	height: 100%
}

html .comingsoon {
	background: #FE6300;
	height: 100%
}

html .comingsoon .main {
	margin-top: 0;
	height: 100%
}

html .comingsoon .main>div {
	display: flex;
	flex-direction: column;
	height: 100%
}

html .comingsoon header {
	position: static;
	display: none
}

html .comingsoon .content {
	overflow: hidden;
	position: relative;
	flex: 2;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 50px;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	background: url("../assets/images/common/bg.png")
}

@media (min-width: 768px) {
	html .comingsoon .content {
		display: flex;
		flex-direction: row
	}
}

html .comingsoon .content .coming {
	padding: 50px 50px 0 50px;
	text-align: center;
	margin: auto
}

@media (min-width: 1248px) {
	html .comingsoon .content .coming {
		width: calc(100% - 600px);
		padding: 0 100px
	}
}

html .comingsoon .content .coming img {
	width: 400px
}

html .comingsoon .content .tram {
	background: url("../assets/images/common/tram.png");
	background-size: auto;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: 30%;
	width: 50%
}

@media (max-width: 767px) {
	html .comingsoon .content .tram {
		background-size: cover;
		width: 100%;
		height: 300px;
		margin-top: auto
	}
}

html .comingsoon footer {
	min-height: 60px
}

html .comingsoon footer .colorbar {
	background: url("../assets/images/common/colourbar.png");
	height: 5px;
	background-size: cover
}

html .comingsoon footer .copyright {
	float: left;
	color: #FFF;
	padding: 50px 0 30px 50px
}

@media (max-width: 767px) {
	html .comingsoon footer .copyright {
		text-align: center;
		float: none;
		padding: 20px
	}
}

@media (max-width: 767px) {
	html .comingsoon footer .logo {
		padding: 0 30px 10px 30px
	}
}

#faq .faq-header {
	background-color: #FF8904
}

#faq .faq-header .title {
	color: #024E02;
	font-size: 70px
}

@media screen and (max-width: 1250px) {
	#faq .faq-header .title {
		font-size: 42px
	}
}

#faq .faq-header .desc {
	color: #fff;
	font-size: 50px
}

@media screen and (max-width: 1250px) {
	#faq .faq-header .desc {
		font-size: 32px
	}
}

#faq .faq-container {
	padding: 55px 320px
}

@media screen and (max-width: 1250px) {
	#faq .faq-container {
		padding: 55px 100px
	}
}

@media screen and (max-width: 768px) {
	#faq .faq-container {
		padding: 55px
	}
}

#faq .faq-container .faq .question {
	padding: 30px 0;
	border-bottom: 1px solid #CCCCCC;
	width: 100%
}

#faq .faq-container .faq .question .title {
	font-size: 24px;
	color: #024E02;
	position: relative;
	padding-right: 25px;
	width: 100%
}

@media screen and (max-width: 768px) {
	#faq .faq-container .faq .question .title {
		font-size: 18px
	}
}

#faq .faq-container .faq .question .title:after {
	content: '';
	background: url("../assets/images/common/icon_plus.png");
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 13px;
	right: 0
}

@media screen and (max-width: 768px) {
	#faq .faq-container .faq .question .title:after {
		width: 15px;
		height: 15px;
		top: 7px;
		background-size: contain
	}
}

#faq .faq-container .faq .question.active .title {
	color: #EA8B00
}

#faq .faq-container .faq .question.active .title:after {
	content: '';
	background: url("../assets/images/common/icon_minus.png");
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 21px;
	right: 0
}

@media screen and (max-width: 768px) {
	#faq .faq-container .faq .question.active .title:after {
		width: 15px;
		height: 15px;
		top: 13px;
		background-size: contain
	}
}

#faq .faq-container .faq .answer {
	font-size: 18px;
	padding-bottom: 80px;
	display: none
}

@media screen and (max-width: 768px) {
	#faq .faq-container .faq .answer {
		font-size: 16px
	}
}

#faq .faq-container .faq .answer .desc {
	padding-top: 30px
}

#faq .faq-container .faq .answer .desc ul li {
	list-style-type: disc;
	margin-left: 25px
}

#faq .faq-container .faq .answer .desc ul li ul li {
	list-style-type: circle
}

#faq .faq-container .faq .answer.active {
	display: block
}

#faq .faq-container .remarks {
	margin: 40px 0 80px 0;
	font-size: 14px;
	color: #777
}

#faq .faq-container .free .title {
	font-size: 42px;
	color: #024E02;
	padding-bottom: 25px
}

@media screen and (max-width: 768px) {
	#faq .faq-container .free .title {
		font-size: 32px
	}
}

#faq .faq-container .free .desc {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	margin-bottom: 40px
}

@media screen and (max-width: 768px) {
	#faq .faq-container .free .desc {
		font-size: 16px
	}
}

#faq .faq-container .free a .how {
	display: inline-block;
	min-width: 215px;
	text-align: center;
	color: #fff;
	background: #0A9D74;
	border-radius: 30px;
	padding: 15px 40px;
	font-weight: bold
}

@media screen and (max-width: 768px) {
	#faq .faq-container .free a .how {
		width: 100%;
		text-align: center
	}
}

html.rule,
body.rule {
	background-color: transparent
}

#rule.staycationdelights .rule-container {
	background: #9D54E7
}

#rule.staycationdelights .rule-container a {
	color: #25CEC1
}

#rule.staycationdelights .rule-container h2 {
	color: #25CEC1
}

#rule.staycationdelights .rule-container .step-detail .info {
	width: calc(33.3333% - 5px)
}

@media screen and (max-width: 768px) {
	#rule.staycationdelights .rule-container .step-detail .info {
		width: calc(100% - 5px)
	}
}

#rule.staycationdelights .rule-container .step-detail .info .step {
	color: #25CEC1
}

#rule.staycationdelights .rule-container .period {
	background: #25CEC1
}

#rule.staycationdelights .rule-container .period .promo .title,
#rule.staycationdelights .rule-container .period .departure .title {
	color: #FFF
}

#rule.staycationdelights .rule-container .period .promo {
	border-color: #FFF
}

@media screen and (max-width: 768px) {
	#rule.staycationdelights .rule-container .period .promo .date:after {
		border-color: #FFF
	}
}

#rule.staycationdelights .rule-container .period .departure {
	border-color: #FFF
}

#rule.staycationdelights .rule-container .period a {
	color: #9D54E7
}

#rule.staycationdelights .rule-scaler::-webkit-scrollbar-track {
	background: #9D54E7
}

#rule .rule-scaler {
	border-radius: 15px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000
}

#rule .rule-scaler::-webkit-scrollbar {
	width: 11px
}

#rule .rule-scaler::-webkit-scrollbar-track {
	background: #302DE0
}

#rule .rule-scaler::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 6px
}

#rule .rule-container {
	background: #302DE0;
	padding: 55px 90px
}

@media screen and (max-width: 768px) {
	#rule .rule-container {
		padding: 45px 25px
	}
}

#rule .rule-container a {
	color: #FF5F91
}

#rule .rule-container h2 {
	font-size: 42px;
	line-height: 52px;
	color: #FF5F91;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px
}

@media screen and (max-width: 768px) {
	#rule .rule-container h2 {
		font-size: 28px;
		line-height: 32px
	}
}

#rule .rule-container p {
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	text-align: center
}

@media screen and (max-width: 768px) {
	#rule .rule-container p {
		font-size: 14px;
		line-height: 24px
	}
}

#rule .rule-container .how {
	font-size: 28px;
	font-weight: 700;
	line-height: 52px;
	color: #fff;
	text-align: center;
	padding: 30px 0
}

@media screen and (max-width: 768px) {
	#rule .rule-container .how {
		font-size: 22px
	}
}

#rule .rule-container .step-detail {
	margin-bottom: 30px;
	text-align: center
}

#rule .rule-container .step-detail .info {
	display: inline-block;
	width: calc(25% - 5px);
	vertical-align: top;
	text-align: center;
	padding: 10px;
	position: relative
}

@media screen and (max-width: 768px) {
	#rule .rule-container .step-detail .info {
		width: calc(100% - 5px);
		margin-bottom: 30px
	}
}

#rule .rule-container .step-detail .info:last-child:before {
	display: none
}

#rule .rule-container .step-detail .info:last-child .visual:before {
	display: none
}

@media screen and (max-width: 768px) {
	#rule .rule-container .step-detail .info:before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		display: block;
		border-width: 12px 11px 0 11px;
		border-color: #ffffff transparent transparent transparent;
		top: auto;
		bottom: -20px;
		right: auto;
		left: calc(50% - 11px)
	}
}

#rule .rule-container .step-detail .info .visual {
	position: relative;
	margin-bottom: 20px
}

#rule .rule-container .step-detail .info .visual:before {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	right: -21px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 0 11px 12px;
	border-color: transparent transparent transparent #FFF
}

@media screen and (max-width: 768px) {
	#rule .rule-container .step-detail .info .visual:before {
		display: none
	}
}

#rule .rule-container .step-detail .info .visual img {
	display: block;
	margin: auto;
	border-radius: 50%
}

#rule .rule-container .step-detail .info .step {
	color: #FF5F91;
	background: #fff;
	border-radius: 20px;
	width: 110px;
	margin: auto;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	padding: 5px 10px
}

@media screen and (max-width: 768px) {
	#rule .rule-container .step-detail .info .step {
		font-size: 14px;
		line-height: 15px
	}
}

#rule .rule-container .step-detail .info .subtitle {
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	padding-bottom: 15px
}

#rule .rule-container .step-detail .info .desc {
	color: #fff;
	font-size: 18px;
	line-height: 30px
}

@media screen and (max-width: 768px) {
	#rule .rule-container .step-detail .info .desc {
		font-size: 14px;
		line-height: 24px
	}
}

#rule .rule-container .enquiry {
	color: #fff;
	font-size: 22px;
	font-weight: 700
}

#rule .rule-container .service-hour {
	color: #fff;
	font-size: 18px;
	margin-bottom: 50px
}

#rule .rule-container .period {
	background: #FF5F91;
	text-align: center;
	border-radius: 10px;
	width: 1000px;
	margin: auto;
	margin-bottom: 50px
}

@media screen and (max-width: 1200px) {
	#rule .rule-container .period {
		width: 100%
	}
}

#rule .rule-container .period .promo,
#rule .rule-container .period .departure {
	display: inline-block;
	width: calc(50% - 5px);
	margin: 30px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	vertical-align: top
}

@media screen and (max-width: 768px) {
	#rule .rule-container .period .promo,
	#rule .rule-container .period .departure {
		width: 100%
	}
}

#rule .rule-container .period .promo img,
#rule .rule-container .period .departure img {
	height: 32px;
	width: auto
}

#rule .rule-container .period .promo .title,
#rule .rule-container .period .departure .title {
	color: #302DE0;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	padding: 10px
}

@media screen and (max-width: 768px) {
	#rule .rule-container .period .promo .title,
	#rule .rule-container .period .departure .title {
		font-size: 18px;
		line-height: 24px
	}
}

#rule .rule-container .period .promo .date,
#rule .rule-container .period .departure .date {
	font-size: 20px;
	line-height: 27px;
	color: #fff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 768px) {
	#rule .rule-container .period .promo .date,
	#rule .rule-container .period .departure .date {
		font-size: 18px;
		line-height: 24px
	}
}

#rule .rule-container .period .promo .date {
	position: relative
}

@media screen and (max-width: 768px) {
	#rule .rule-container .period .promo .date:after {
		content: "";
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		width: 60%;
		height: 1px;
		position: absolute;
		bottom: -25px;
		left: 20%
	}
}

#rule .rule-container .period .departure {
	border-left: 1px solid rgba(255, 255, 255, 0.2)
}

@media screen and (max-width: 768px) {
	#rule .rule-container .period .departure {
		border-left: none
	}
}

#rule .rule-container .period a {
	color: #302DE0
}

#rule .rule-container .period .tel {
	color: #FFF !important;
	pointer-events: none
}

@media screen and (max-width: 768px) {
	#rule .rule-container .period .tel {
		pointer-events: auto
	}
}

#rule .rule-container .remarks {
	color: #fff;
	font-size: 18px;
	line-height: 30px
}

@media screen and (max-width: 768px) {
	#rule .rule-container .remarks {
		font-size: 18px;
		line-height: 24px
	}
}

#rule .rule-container .remarks p {
	text-align: left !important;
	margin-bottom: 20px
}

#rule .rule-container .remarks a {
	color: #FFF;
	text-decoration: underline;
	word-wrap: break-word
}

#rule .terms-container {
	background: #fff;
	padding: 55px 90px
}

@media screen and (max-width: 768px) {
	#rule .terms-container {
		padding: 30px 25px
	}
}

#rule .terms-container .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px
}

#rule .terms-container .content {
	max-height: 200px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	font-weight: 400
}

#rule .terms-container .content ol {
	list-style: decimal;
	padding-left: 30px
}

#rule .terms-container .content ol li {
	padding-left: 10px
}

#rule .terms-container .content ol li ul {
	list-style: disc;
	padding-left: 20px
}

#rule .terms-container .view-more {
	color: #EC1F48;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #fff), color-stop(100%, #fff));
	background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
	vertical-align: bottom;
	padding-top: 50px;
	text-align: right
}

@media print {
	#rule .terms-container .view-more {
		display: none
	}
}

#rule .terms-container .view-more a {
	font-size: 18px;
	color: #EC1F48
}

@media (max-width: 767px) {
	#rule .terms-container .view-more a {
		font-size: 12px
	}
}

#rule .terms-container .view-more a:hover {
	text-decoration: underline !important
}

.critical-notice {
	background-color: #FFF;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	-ms-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out
}

.critical-notice.hide {
	height: 0 !important;
	overflow: hidden
}

.critical-notice .critical-notice-content {
	background-color: #EF2252;
	border-radius: 35px;
	color: #FFF;
	font-size: 18px;
	line-height: 1.4;
	margin: 30px 60px 30px 60px;
	padding: 23px 60px 23px 90px;
	position: relative;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	font-weight: 300
}

@media (max-width: 823px) {
	.critical-notice .critical-notice-content {
		margin-left: 40px;
		margin-right: 40px
	}
}

@media (max-width: 767px) {
	.critical-notice .critical-notice-content {
		font-size: 14px;
		padding-left: 65px;
		padding-right: 55px;
		margin-left: 20px;
		margin-right: 20px
	}
}

.critical-notice .critical-notice-content.icon-notice:before {
	position: absolute;
	top: 22px;
	left: 30px;
	font-size: 27px
}

@media (max-width: 767px) {
	.critical-notice .critical-notice-content.icon-notice:before {
		left: 20px
	}
}

.critical-notice .critical-notice-content p {
	padding-bottom: 10px
}

.critical-notice .critical-notice-content p:last-child {
	padding-bottom: 0
}

.critical-notice .critical-notice-content a {
	color: #FECC2F
}

.critical-notice .critical-notice-content .btn-close {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 40px;
	height: 40px;
	z-index: 1
}

@media (max-width: 1247px) {
	.critical-notice .critical-notice-content .btn-close {
		right: 10px
	}
}

@media (max-width: 767px) {
	.critical-notice .critical-notice-content .btn-close {
		font-size: 20px
	}
}

.critical-notice .critical-notice-content .btn-close:before,
.critical-notice .critical-notice-content .btn-close:after {
	content: '';
	position: absolute;
	border-top: #FFF 3px solid;
	width: 24px;
	height: 1px;
	top: 18px;
	left: 8px
}

.critical-notice .critical-notice-content .btn-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.critical-notice .critical-notice-content .btn-close:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.partnership {
	padding-left: 8.49057vw;
	padding-right: 8.49057vw;
	padding-bottom: 4.16667vw;
	padding-top: 4.16667vw;
	position: relative;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	background-color: #FFF
}

.partnership.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.partnership.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.partnership.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 1440px) {
	.partnership {
		padding-left: 100px;
		padding-right: 100px
	}
}

@media (max-width: 1240px) {
	.partnership {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media (max-width: 768px) {
	.partnership {
		padding-left: 24px;
		padding-right: 24px;
		padding-bottom: 40px
	}
}

.partnership .title {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: -0.8px;
	padding-bottom: 10px
}

@media (max-width: 767px) {
	.partnership .title {
		font-size: 26px
	}
}

.partnership .desc {
	text-align: center;
	padding-bottom: 20px
}

@media (max-width: 767px) {
	.partnership .desc {
		padding-bottom: 0
	}
}

.partnership .swiper-container-initialized .swiper-slide {
	flex-shrink: 0
}

@media (max-width: 767px) {
	.partnership .swiper-container {
		width: 100%;
		height: 250px;
		margin-left: auto;
		margin-right: auto
	}
}

.partnership .swiper-slide {
	flex-shrink: 1
}

@media (max-width: 767px) {
	.partnership .swiper-slide {
		height: calc((100% - 30px) / 2);
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center
	}
}

.partnership .swiper-slide img {
	display: block;
	margin: 0 auto
}

.page-popup-container {
	display: none
}

.mfp-carousal .mfp-inline-holder .mfp-content {
	max-width: 1110px;
	width: 80%
}

@media (max-width: 414px) {
	.mfp-carousal .mfp-inline-holder .mfp-content {
		width: 90%
	}
}

.mfp-full-screen .mfp-container {
	padding: 0
}

.mfp-full-screen .mfp-inline-holder .mfp-content {
	height: 100%
}

@media (max-width: 767px) {
	.mfp-page-popup {
		top: 0 !important;
		position: fixed !important;
		height: 100% !important
	}
}

.mfp-page-popup.mfp-full-screen .mfp-close {
	top: 40px;
	right: 40px
}

@media (max-width: 767px) {
	.mfp-page-popup.mfp-full-screen .mfp-close {
		top: 20px;
		right: 20px
	}
}

.mfp-page-popup .mfp-close {
	width: 60px;
	height: 60px;
	background-color: #F9EE7B;
	color: #DB1224;
	border-radius: 50%;
	opacity: 1;
	top: -30px;
	right: -30px;
	font-size: 38px
}

@media (max-width: 767px) {
	.mfp-page-popup .mfp-close {
		width: 36px;
		height: 36px;
		font-size: 24px;
		line-height: 25px;
		top: -18px;
		right: -18px
	}
}

.page-popup.carousal {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out
}

.page-popup.carousal.on {
	opacity: 1
}

.page-popup.carousal .swiper-slide {
	display: flex;
	border-radius: 20px;
	padding: 25px 50px 60px 50px;
	flex-wrap: wrap;
	overflow: hidden
}

@media (max-width: 767px) {
	.page-popup.carousal .swiper-slide {
		padding: 15px 20px 35px 20px;
		flex-direction: column
	}
}

.page-popup.carousal .swiper-slide .title {
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
	text-align: left
}

@media (max-width: 767px) {
	.page-popup.carousal .swiper-slide .title {
		font-size: 20px;
		text-align: center
	}
}

.page-popup.carousal .swiper-slide a {
	width: 100%;
	height: 100%;
	min-height: 100px;
	display: flex
}

.page-popup.carousal .swiper-slide .lottie {
	border-radius: 20px;
	overflow: hidden;
	font-size: 0
}

.page-popup.carousal .swiper-slide .banner {
	width: 62%;
	position: relative;
	border-radius: 20px;
	overflow: hidden
}

@media (max-width: 767px) {
	.page-popup.carousal .swiper-slide .banner {
		width: 100%;
		margin-bottom: 20px
	}
}

.page-popup.carousal .swiper-slide .banner img {
	display: block;
	width: 100%;
	height: 100%
}

.page-popup.carousal .swiper-slide .tag {
	position: absolute;
	top: 20px;
	left: 20px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px;
	padding: 3px 10px
}

.page-popup.carousal .swiper-slide .content {
	width: 38%;
	padding-left: 50px;
	display: flex;
	flex-direction: column
}

@media (max-width: 767px) {
	.page-popup.carousal .swiper-slide .content {
		width: 100%;
		padding-left: 0;
		position: relative;
		margin-bottom: 15px
	}
}

.page-popup.carousal .swiper-slide .content .merchant {
	display: flex;
	align-items: center;
	margin-bottom: 25px
}

@media (max-width: 767px) {
	.page-popup.carousal .swiper-slide .content .merchant {
		position: absolute;
		top: -70px;
		left: 20px;
		width: calc(100% - 20px);
		margin-bottom: 0
	}
}

.page-popup.carousal .swiper-slide .content .merchant .logo {
	min-width: 35px;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	margin-right: 15px;
	background-color: #FFF;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-popup.carousal .swiper-slide .content .merchant .logo img {
	display: block
}

.page-popup.carousal .swiper-slide .content .merchant .name {
	color: #FFF;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4
}

@media (max-width: 767px) {
	.page-popup.carousal .swiper-slide .content .merchant .name {
		font-size: 14px
	}
}

.page-popup.carousal .swiper-slide .content .offer-name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 20px
}

@media (max-width: 767px) {
	.page-popup.carousal .swiper-slide .content .offer-name {
		line-height: 1.4
	}
}

.page-popup.carousal .swiper-slide .content .offer-desc {
	color: #FFF;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	margin-bottom: 20px
}

.page-popup.carousal .swiper-slide .content .btn-cta {
	font-size: 20px;
	font-weight: 700;
	margin-top: auto;
	align-self: flex-start
}

.page-popup.image-only .swiper-slide {
	padding: 0;
	height: 100%
}

.page-popup.image-only .swiper-slide img {
	width: 100%;
	height: 100%;
	display: block
}

.page-popup.full-screen {
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out
}

.page-popup.full-screen.on {
	opacity: 1
}

.page-popup.full-screen a {
	width: 100%;
	margin-bottom: auto;
	margin-top: auto
}

.page-popup.full-screen img,
.page-popup.full-screen .lottie {
	display: block;
	min-width: 100%;
	max-width: none;
	min-height: 100%
}

@media (max-width: 823px) {
	.page-popup.full-screen img,
	.page-popup.full-screen .lottie {
		min-width: 0;
		max-width: none;
		min-height: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%
	}
}

.page-popup.full-screen .lottie {
	width: auto;
	height: auto;
	font-size: 0;
	margin-top: auto;
	margin-bottom: auto
}

.page-popup .swiper-container {
	border-radius: 20px
}

.page-popup .swiper-pagination {
	left: auto;
	right: 44px;
	bottom: 22px;
	text-align: right
}

@media (max-width: 767px) {
	.page-popup .swiper-pagination {
		right: 0;
		bottom: 20px;
		text-align: center
	}
}

.page-popup .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #C6C6C6;
	width: 10px;
	height: 10px;
	margin-left: 9px;
	margin-right: 9px
}

.page-popup .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #FFF
}

.sticky-banner {
	position: fixed;
	right: 24px;
	bottom: 110px;
	width: 300px;
	z-index: 10
}

@media (max-width: 767px) {
	.sticky-banner {
		bottom: 20px;
		width: 244px
	}
}

.sticky-banner.hide {
	display: none
}

.sticky-banner img {
	display: block;
	border-radius: 20px
}

.sticky-banner .lottie {
	border-radius: 20px;
	font-size: 0
}

.sticky-banner .btn-close {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #F9EE7B;
	color: #DB1224;
	border-radius: 50%;
	opacity: 1;
	top: -11px;
	right: -14px;
	z-index: 1
}

@media (max-width: 767px) {
	.sticky-banner .btn-close {
		width: 36px;
		height: 36px;
		top: -18px;
		right: -18px
	}
}

.sticky-banner .btn-close:before,
.sticky-banner .btn-close:after {
	content: '';
	position: absolute;
	border-top: #DB1224 2px solid;
	width: 14px;
	height: 1px;
	top: 19px;
	left: 13px
}

@media (max-width: 767px) {
	.sticky-banner .btn-close:before,
	.sticky-banner .btn-close:after {
		top: 18px;
		left: 11px
	}
}

.sticky-banner .btn-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.sticky-banner .btn-close:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.nearby-offer-slider {
	background-color: #EF2252
}

.nearby-offer-slider h2 {
	color: #FFF;
	font-size: 3.6rem;
	line-height: 40px;
	letter-spacing: -0.8px;
	font-weight: 700;
	padding-top: 4.16667vw;
	padding-bottom: 40px;
	padding-left: 8.49057vw;
	padding-right: 8.49057vw;
	position: relative
}

@media (max-width: 1440px) {
	.nearby-offer-slider h2 {
		padding-left: 100px;
		padding-right: 100px
	}
}

@media (max-width: 1240px) {
	.nearby-offer-slider h2 {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media (max-width: 768px) {
	.nearby-offer-slider h2 {
		font-size: 26px;
		padding-left: 24px;
		padding-right: 24px
	}
}

.nearby-offer-slider .offer-grid-container {
	padding-top: 0
}

.nearby-offer-slider .offer-grid-container .swiper-container.swiper-container-initialized {
	overflow: visible
}

@media (max-width: 767px) {
	.nearby-offer-slider .offer-grid-container .swiper-container.swiper-container-initialized {
		overflow: hidden
	}
}

.nearby-offer-slider .offer-grid-container .swiper-container.swiper-container-initialized .offer-list-grid .offer-block-grid {
	max-width: none
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-prev,
.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next {
	opacity: 1 !important;
	background-color: #fff;
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	color: #E40C3B !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
	top: 50%
}

@media (max-width: 767px) {
	.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-prev,
	.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next {
		opacity: 0 !important
	}
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-prev:before,
.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next:before {
	display: none
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-prev:after,
.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next:after {
	position: static;
	box-shadow: none !important;
	backdrop-filter: none !important;
	font-size: 25px
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-prev.swiper-button-disabled,
.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next.swiper-button-disabled {
	opacity: 0 !important
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-prev:after {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next:after {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next+.swiper-notification+.swiper-pagination {
	display: none !important
}

.nearby-offer-slider .offer-grid-container .swiper-container .swiper-button-next+.swiper-pagination {
	display: none !important
}

.nearby-offer-slider .offer-grid-container .offer-list-grid {
	flex-wrap: nowrap;
	margin-right: 0;
	margin-left: 0;
	width: 100%
}

.nearby-offer-slider .offer-grid-container .offer-list-grid .offer-block-grid {
	flex: 0 0 auto;
	max-width: none;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
	max-width: 364.25px
}

.nearby-offer-slider .offer-grid-container .offer-list-grid .offer-block-grid .has-quality-logo .quality-provider {
	border-color: #CCC
}

.nearby-offer-slider .offer-grid-container .swiper-pagination.swiper-pagination-lock {
	display: none !important
}

.nearby-offer-slider .offer-grid-container .swiper-pagination span {
	background-color: rgba(255, 255, 255, 0.5);
	width: 12px;
	height: 12px
}

.nearby-offer-slider .offer-grid-container .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #fff
}

.recently-view {
	display: none;
	background-color: #EFEFEF
}

.recently-view.show {
	display: block
}

.recently-view.expanded .recently-view-container .btn-recently-view:before {
	height: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.recently-view.expanded .recently-view-slider {
	display: block
}

.recently-view-container {
	padding-left: 8.49057vw;
	padding-right: 8.49057vw;
	padding-bottom: 4.16667vw;
	padding-top: 4.16667vw;
	position: relative;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	-webkit-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-ms-transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.recently-view-container.is-onscreen {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: auto
}

.recently-view-container.is-onscreen.hide {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0
}

.recently-view-container.hide {
	margin-bottom: 0;
	height: 0
}

@media (max-width: 1440px) {
	.recently-view-container {
		padding-left: 100px;
		padding-right: 100px
	}
}

@media (max-width: 1240px) {
	.recently-view-container {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media (max-width: 768px) {
	.recently-view-container {
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

.recently-view-container .btn-recently-view {
	color: #FFF;
	font-size: 2.4rem;
	display: inline-block;
	position: relative;
	padding-right: 190px;
	padding-left: 100px;
	padding-top: 18px;
	padding-bottom: 18px;
	background-color: #EF2252;
	border-radius: 20px;
	-webkit-transition: margin-left 0.3s ease-out;
	-moz-transition: margin-left 0.3s ease-out;
	-o-transition: margin-left 0.3s ease-out;
	-ms-transition: margin-left 0.3s ease-out;
	transition: margin-left 0.3s ease-out
}

@media (max-width: 767px) {
	.recently-view-container .btn-recently-view {
		font-size: 2.2rem;
		margin-left: 0 !important;
		width: 100%;
		padding-right: 110px;
		padding-left: 20px
	}
}

.recently-view-container .btn-recently-view:after,
.recently-view-container .btn-recently-view:before {
	content: '';
	position: absolute;
	display: block;
	background-color: #FFF;
	top: 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.recently-view-container .btn-recently-view:after {
	right: 100px;
	width: 25px;
	height: 2px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

@media (max-width: 767px) {
	.recently-view-container .btn-recently-view:after {
		right: 20px
	}
}

.recently-view-container .btn-recently-view:before {
	right: 111px;
	width: 2px;
	height: 25px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

@media (max-width: 767px) {
	.recently-view-container .btn-recently-view:before {
		right: 31px
	}
}

.recently-view-slider {
	display: none;
	padding-top: 20px
}

@media (max-width: 767px) {
	.recently-view-slider {
		padding-top: 30px;
		width: 100%
	}
}

.recently-view-slider.swiper-container-initialized {
	overflow: visible !important
}

@media (max-width: 767px) {
	.recently-view-slider.swiper-container-initialized {
		overflow: hidden !important
	}
}

.recently-view-slider .swiper-wrapper {
	margin-left: -19px
}

@media (max-width: 767px) {
	.recently-view-slider .swiper-wrapper {
		margin-left: 0
	}
}

.recently-view-slider .swiper-pagination {
	display: none !important
}

@media (max-width: 767px) {
	.recently-view-slider .swiper-pagination {
		display: block !important
	}
}

.recently-view-slider .swiper-button-prev,
.recently-view-slider .swiper-button-next {
	opacity: 1 !important;
	background-color: #fff;
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	color: #E40C3B !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
	top: 50%;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

@media (max-width: 767px) {
	.recently-view-slider .swiper-button-prev,
	.recently-view-slider .swiper-button-next {
		opacity: 0 !important
	}
}

.recently-view-slider .swiper-button-prev:before,
.recently-view-slider .swiper-button-next:before {
	display: none
}

.recently-view-slider .swiper-button-prev:after,
.recently-view-slider .swiper-button-next:after {
	position: static !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	font-size: 25px;
	width: 10px !important;
	height: 16px !important
}

.recently-view-slider .swiper-button-prev.swiper-button-disabled,
.recently-view-slider .swiper-button-next.swiper-button-disabled {
	opacity: 0 !important
}

.recently-view-slider .swiper-button-prev {
	left: -2%
}

.recently-view-slider .swiper-button-prev:after {
	content: "" !important;
	background: url(../assets/images/common/left.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.recently-view-slider .swiper-button-next {
	right: -2%
}

.recently-view-slider .swiper-button-next:after {
	content: "" !important;
	background: url(../assets/images/common/right.png);
	width: 10px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px
}

.recently-view-slider .recently-offer {
	height: auto
}

.recently-view-slider .recently-offer a {
	height: 100%;
	display: block;
	border: 3px solid transparent;
	border-radius: 20px;
	padding: 16px;
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out;
	-o-transition: border-color 0.3s ease-out;
	-ms-transition: border-color 0.3s ease-out;
	transition: border-color 0.3s ease-out
}

.recently-view-slider .recently-offer a:hover {
	border-color: #FCC82E
}

@media (max-width: 767px) {
	.recently-view-slider .recently-offer a {
		border: 0;
		padding: 0;
		display: flex
	}
}

.recently-view-slider .recently-offer img {
	display: block;
	border-radius: 20px;
	margin-bottom: 30px
}

@media (max-width: 767px) {
	.recently-view-slider .recently-offer img {
		width: 50%;
		height: 100%
	}
}

@media (max-width: 767px) {
	.recently-view-slider .recently-offer .detail {
		width: 50%;
		padding-left: 20px;
		padding-top: 10px
	}
}

.recently-view-slider .recently-offer .title {
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.4
}

.recently-view-slider .recently-offer .desc {
	color: #333;
	font-size: 1.6rem;
	margin-bottom: 30px;
	line-height: 1.6
}

@media (max-width: 1124px) {
header .logo {
    margin: 0 0 0 0;
  }
}