body {
	background: #fffbd6;
}

main {
	background: transparent;
	/*background: #f7f3ed;
	background: -webkit-linear-gradient(rgb(0, 196, 255), rgb(192, 245, 255), rgb(255, 246, 196));*/
}

button {
	background: none;
	border: none;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

button:focus {
	outline: 0;
}

input:focus,
select:focus {
	outline: 0px;
}

:focus {
	outline: 0;
}

a {
	color: #3866fa;
	/* text-decoration: underline; */
	border: none;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
}

a:focus,
a:hover {
	color: #9d98b9;
	text-decoration: none;
	border: none;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
}
#header {
	overflow: hidden;
	background-color: #fff;
	position: fixed; /* Set the navbar to fixed position */
	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
	/* padding: 10px 0 10px 20px;*/
	display: block;
	z-index: 100;
	min-height: 60px;
}
#header .flex {
	display: flex;
	align-content: stretch;
	justify-content: space-between;
	align-items: center;
}
#header .flex .logo img {
	max-width: 150px;
	width: 100%;
	padding: 10px 0 10px 20px;
}
.banner-margin {
	margin-top: 60px;
}

/** ud section header **/
.container {
	position: relative;
}

.headers {
	padding: 0;
}

.header--bg {
	width: 100%;
	height: auto;
	min-height: 1px;
}

@media (max-width: 768px) {
	.header--bg {
		width: 80%;
	}
}

@media (max-width: 425px) {
	.header--bg {
		width: 98%;
	}
}

.section__header {
	/* position: relative;
	background: -webkit-linear-gradient(rgb(255, 221, 118) 50%, rgb(181, 242, 227));

	min-height: 490px; */
	background-color: #ffeba9;
}

.section__header-container {
	/* position: relative;
	max-width: 1440px;
	margin: 0 auto;
	min-height: auto;
	background-image: url(../img/kv_desktop.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat; */
	margin: 0 auto;
	overflow: hidden;
}

@media (min-width: 1170px) {
	.section__header-container {
		min-height: 560px;
	}
}

@media (min-width: 1240px) {
	.section__header-container {
		min-height: 600px;
	}
}

@media (min-width: 1440px) {
	.section__header-container {
		min-height: 624px;
	}
}

.headers-wrapper {
	position: relative;
	z-index: 5;
}

section {
	text-align: center;
	background: #fff;
}

.sub--header--bg {
	width: 83%;
	min-height: 1px;
	height: auto;
	align-items: center !important;
}

.content_container {
	/*background-image: url(../img/content-bg-01.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: auto;*/
}

.content_container img {
	max-width: 100%;

	display: block;
	margin: 0 auto;
	filter: drop-shadow(3px 5px 8px #abb2b7);
	padding: 0px 10px;
	/*margin: -120px 0;
	    position: absolute;*/
}
.header--desc {
	min-height: 120px;
	max-width: 1100px;
	/*background-image: url(../img/content-bg-01.png);*/
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: auto;
	/*border-image: url('../img/content-bg-01.png') 30 fill / 30px / 30px space;*/
	/*max-width: 1000px;
	background-color: #fff;
	width: 50%;
	border-radius: 200px ;
	margin: 0 auto;
	border: 6px solid #357fd8;
	padding: 30px 0;*/
}

.headers_txt_container {
	position: relative;
	background: -webkit-linear-gradient(rgb(255, 235, 169), rgb(255, 235, 169), rgb(255, 235, 169));
	/* top: -200px;
	background-image: url(../img/banner_bg_desktop_.jpg); */
	padding: 0px 0px 5px;
}

.header--txt {
	width: 650px;
}

.prize-container {
	position: relative;
	margin: 0 auto;
	padding-top: 3rem;
	padding: 0 25px;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #008cba;
}

.download_app_btn img {
	width: 8px;
	margin-right: 6px;
}

.download_app_btn {
	display: flex;
	color: #fff;
	background: #3087d9;
	padding: 5px 10px 6px;
	border-radius: 50px;
	margin: 0 10px;
}
.download_app_btn:hover {
	cursor: pointer;
	background-color: #155ea2;
	color: #fff;
}
.download_app_btn:active {
	background-color: #3087d9;
	color: #fff;
}
.download_app_btn:visited {
	color: #fff;
}

.web_community_btn img {
	width: 15px;
	margin-right: 6px;
}

.web_community_btn {
	display: flex;
	color: #fff;
	background: #05c791;
	padding: 5px 10px;
	border-radius: 50px;
	margin: 0 10px;
}
.web_community_btn:hover {
	cursor: pointer;
	background-color: #0f936e;
	color: #fff;
}
.web_community_btn:active {
	background-color: #05c791;
	color: #fff!;
}
.web_community_btn:visited {
	color: #fff;
}

.modile_download_app_btn {
	text-align: center;
	background: #3087d9;
	justify-content: center;
	color: #fff;
	padding: 5px;
	font-size: 14px;
	width: 100%;
}

.modile_download_app_btn:visited {
	color: #fff;
}

/*scroll top margin*/
.target-element {
	scroll-margin-top: 100px;
}

/*Back to Top Button*/
#button {
	display: inline-block;
	background-color: #1a50fc;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
#button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}
#button:hover {
	cursor: pointer;
	background-color: #2381c9;
}
#button:active {
	background-color: #1297fd;
}
#button.show {
	opacity: 1;
	visibility: visible;
}

/*floating-btn*/
.float-btn {
	transition: background-color .3s, opacity .5s, visibility .5s;
	position: fixed;
	width: 150px;
	height: 150px;
	bottom: 130px;
	right: 20px;
	background-image: url(../img/flow-btn.png);
	text-align: center;
	z-index: 1000;
}

@media (min-width: 500px) {
}

.img-prize-title {
	width: 45%;
}

.img-post-btn {
	width: 75%;
	margin: 0 auto;
}

/*------------------image hover effect---------------------*/
#image-effect:hover {
	transform: scale(0.98, 0.98);
}
#join-btn:hover {
	transform: scale(1.1, 1.1);
}

#effect-btn-1:hover {
	opacity: .95;
	transform: scale(0.98, 0.98);
	transition: all .2s ease-in-out;
	box-shadow: none;
}

#effect-btn-2:hover {
	opacity: .95;
	transform: scale(0.98, 0.98);
	transition: all .2s ease-in-out;
	box-shadow: none;
}

#effect-btn-3:hover {
	opacity: .95;
	transform: scale(0.98, 0.98);
	transition: all .2s ease-in-out;
	box-shadow: none;
}
/*------------------image hover effect---------------------*/

.content-p {
	padding-top: 85px;
	text-align: center;
	color: #cc3a2f;
	font-size: 1.25rem;
}
.event-content {
	padding: 10px 0px 5px;
	text-align: center;
	color: #543f32;
	font-size: 18px;
}

@media (min-width: 1170px) {
	.prize-container {
		max-width: 900px;
	}
}

@media (max-width: 680px) {
	.header--txt {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.img-price-title {
		width: 100%;
	}
	.animate-6 {
		/* right: -50px !important; */
	}
}

h2 {
	line-height: 1;
	font-weight: 800;
	text-align: center;
	color: #543f32;
	margin-bottom: 1.5rem;
	font-size: 2rem;
	background: -webkit-linear-gradient(#eeb070, #ac430d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.headers_txt_container h2 + .header--desc {
	/* background: -webkit-linear-gradient(-90deg, rgba(68, 216, 251, 0) 0%, rgba(68, 216, 251, 0.2) 5%, rgba(68, 216, 251, 0.5) 10%, rgba(68, 216, 251, 1) 15%, rgba(68, 216, 251, 1) 100%); */
	margin-top: 20px;
}
.headers_txt_container .header--desc > p {
	text-align: center;
	color: #5d5f6d;
	font-size: 18px;
	line-height: 24px;
	padding-left: 60px;
	padding-right: 60px;
}
.headers_txt_container .header--desc > p:first-child {
	padding-top: 30px;
}

@media (max-width: 992px) {
	.headers_txt_container .header--desc > p {
		padding-left: 30px;
		padding-right: 30px;
	}
	.img-prize-title {
		width: 65%;
	}

	.img-post-btn {
		width: 80%;
	}
}

@media (max-width: 615px) {
	h2 {
		font-size: 2rem;
	}

	.headers_txt_container .header--desc > p {
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.header--desc {
		/* min-height: 320px;
		background-image: url(../img/content-bg-m.png); */
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		margin: auto;
	}
	.content-p {
		padding-top: 100px;
		padding-left: 90px;
		padding-right: 90px;
		text-align: center;
		font-size: 1.25rem;
	}

	.img-prize-title {
		width: 95%;
	}
	.img-post-btn {
		width: 100%;
	}
}

@media (max-width: 425px) {
	.headers_txt_container .header--desc > p {
		font-size: 15px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.headers_txt_container h2 + .header--desc {
		padding-left: 5px;
		padding-right: 5px;
		margin-top: -40px;
	}

	.header--desc {
		/* min-height: 300px;
		background-image: url(../img/content-bg-m.png); */
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		margin: auto;
	}
	.content-p {
		padding-top: 54px;
		padding-left: 60px;
		padding-right: 60px;
		text-align: center;
	}

	.prize-container {
		width: 100%;
	}
	.img-prize-title {
		width: 95%;
	}
	.img-post-btn {
		width: 100%;
	}

	.mobile-one-row {
		width: 43%;
		margin-right: -18px;
		margin-left: -18px;
	}
	.banner-margin {
		margin-top: 80px;
	}
}

.one {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s;
}

.bd_fade {
	top: 450px;
	position: relative;
	font-size: 28px;
	font-weight: 700;
	color: #4e4086;
	text-align: center;
	padding: 0 0 30px 0;
	z-index: 3;
}

@media (min-width: 1170px) {
	.bd_fade {
		top: -100px;
	}
}

.bd-section__desc {
	opacity: 0;
	position: relative;
	font-size: 28px;
	font-weight: bold;
	color: #4e4086;
	text-align: center;
	padding: 30px 0;
	z-index: 3;
}

.bd-section__desc img {
	vertical-align: text-bottom;
	width: 200px;
	height: 60px;
}

.landing__loginBtn {
	opacity: 0;
}

.bd-section__desc span {
	display: inline-block;
	white-space: nowrap;
	padding: 5px 0;
}

.bdbtn__link--red {
	position: relative;
	display: inline-block;
	background: #fc4b81;
	color: white;
	border-radius: 7.5px;
	vertical-align: middle;
	z-index: 2;
}

.bdbtn__link--grey {
	position: relative;
	display: inline-block;
	background: #59c9bd;
	color: white;
	border-radius: 3px;
	vertical-align: middle;
	z-index: 2;
	padding: 10px 15px;
	-webkit-transition: -webkit-transform 150ms ease-in-out;
	transition: -webkit-transform 150ms ease-in-out;
	-o-transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.productCard_grid--modal .bdbtn__link--grey {
	padding: 10px 1px !important;
}

.productCard__row {
	padding: 20px 0 90px 0;
}

.bdbtn__link--grey:disabled {
	background: #fff !important;
	border: 1px solid #d8d8d8 !important;
	padding: 9px 15px !important;
	color: #d8d8d8 !important;
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.bdbtn__link--grey:disabled:hover,
.qty--minus:disabled:hover,
.qty--add:disabled:hover {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	cursor: not-allowed;
}

.productCard--outOfStock .bdbtn__frame::after {
	display: none !important;
}

.qty--minus:disabled,
.qty--add:disabled {
	opacity: 0.5;
	background: #fff !important;
	border: 0;
}

.bdbtn__link--red span {
	font-size: 20.8px;
	font-weight: 600;
	padding: 2px 15px 0 0;
	white-space: nowrap;
}

.bdbtn__link--red img {
	height: 29px;
	width: auto;
	padding: 1px 0;
}

.bdbtn__core {
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	padding: 10px 22px;
}

.bdbtn__core:hover {
	opacity: 0.75;
}

.bdbtn__frame {
	display: block;
	position: relative;
}

.bdbtn__frame::after {
	position: absolute;
	background: none;
	border: 1.2px solid #fc4b81;
	border-radius: 7.5px;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: -webkit-transform 150ms ease-in-out;
	transition: -webkit-transform 150ms ease-in-out;
	-o-transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
	cursor: pointer;
	-webkit-transform: translate(3px, 3px);
	-ms-transform: translate(3px, 3px);
	transform: translate(3px, 3px);
}

a.bdbtn__link--red:hover {
	color: #fff;
	-webkit-transform: translate(3px, 3px);
	-ms-transform: translate(3px, 3px);
	transform: translate(3px, 3px);
}

button.bdbtn__link--grey:hover,
a.bdbtn__link--grey:hover {
	color: #fff;
	-webkit-transform: translate(3px, 3px);
	-ms-transform: translate(3px, 3px);
	transform: translate(3px, 3px);
}

.tnc__link {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 25px 0 12px 0;
	z-index: 3;
}

.bd-section__header--loggedin .tnc__link {
	padding: 12px 0 12px 0;
}

.tnc__link a {
	vertical-align: text-bottom;
	text-decoration: underline;
	font-size: 13px;
	color: #404e5c;
}

.tnc__link--InProfile a {
	font-size: 13px !important;
	color: #404e5c !important;
	vertical-align: text-bottom !important;
	text-decoration: underline !important;
}

.tnc__link a:hover,
.tnc__link--InProfile a:hover {
	opacity: 0.75;
	text-decoration: underline !important;
}

/** profile card **/
.bd-profile {
	opacity: 0;
	display: block;
	position: relative;
	max-width: 900px;
	margin: 15px auto;
	z-index: 5;
	border-radius: 25px;
	padding-bottom: 40px;
}

@media (max-width: 1024px) {
	.bd-profile {
		margin: 45px auto 20px;
	}
}

@media (max-width: 768px) {
	.bd-profile {
		margin: 55px auto 15px;
	}

	.float-btn {
		width: 100px;
		height: 140px;
		bottom: 120px;
		right: 0;
		background-image: url(../img/flow-btn-m.png);
	}

	.banner-margin {
		margin-top: 86px;
	}
}

@media (max-width: 615px) {
	.bd-profile {
		margin: 100px auto 15px;
		padding-bottom: 100px;
	}

	.float-btn {
		width: 100px;
		height: 140px;
		bottom: 120px;
		right: 0;
		background-image: url(../img/flow-btn-m.png);
	}
	#button {
		bottom: 20px;
		right: 20px;
	}
}

@media (max-width: 425px) {
	.bd-profile {
		margin: 100px auto 10px;
	}

	.float-btn {
		width: 100px;
		height: 140px;
		bottom: 90px;
		right: 0;
		background-image: url(../img/flow-btn-m.png);
	}
	#button {
		bottom: 20px;
		right: 20px;
	}
	.col-sm-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
}

.bd-profile__body {
	border-radius: 15px;
	display: -ms-grid;
	display: grid;
	grid-auto-columns: 1fr 2fr 1fr;
	grid-template-areas: 'avt uinfo uinfo uinfo udollars';
	grid-gap: 12px;
	background-color: #fff;
	padding: 25px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-items: center;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(90, 91, 95, 0.03);
	box-shadow: 0px 5px 5px 0px rgba(90, 91, 95, 0.03);
	border: 4px solid #f5b4c5;
}

.tnc__link--InProfile {
	display: none !important;
	grid-area: tnc;
}

/** profile card **/

/*** ud section header ***/

/*** segmented control tabs ***/
.ud-tabs-mb {
	display: block;
	position: relative;
	border-bottom: 1px solid #d8d8d8;
	color: #404e5c;
	font-size: 21px;
	padding: 15px 0 10px 0;
	/* margin-top: -140px; */
}

.ud-tabs-mb > div {
	width: 70%;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.ud-tabs-mb > div {
		width: 100%;
	}
}

.tab--loggedin div {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.tab--nonloggedin > div {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.tab--nonloggedin > div a {
	margin: 0 60px;
}

.vt-line {
	display: none;
	border: 0.5px solid #d8d8d8;
}

.ud-tabs a,
.ud-tabs-mb a {
	display: block;
	/* padding: 0 50px;  */
	color: #44395b;
}

/* .ud-tabs-mb a{
    margin: 0 35px;
	} */

.ud-tabs-mb a.tab-active {
	color: #fa2d5a;
}

.tab-active {
	font-weight: bold;
	color: #404e5c;
}

.tab-active::after {
	display: block;
	position: relative;
	background: none;
	border-bottom: 4px solid #fa2d5a;
	content: '';
	width: inherit;
	height: inherit;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: -webkit-transform 150ms ease-in-out;
	transition: -webkit-transform 150ms ease-in-out;
	-o-transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
	cursor: pointer;
	-webkit-transform: translate(0px, 11px);
	-ms-transform: translate(0px, 11px);
	transform: translate(0px, 11px);
}

.ud-tabs a:hover {
	opacity: 0.75;
}

.container-sm {
	width: calc(100% - 50%) !important;
}

.ud-game {
	display: block;
	position: relative;
}

.ud-game img,
.ud-tnc img {
	width: 100px;
	height: auto;
}

@media (max-width: 768px) {
	.ud-tabs-mb {
		margin-top: -160px;
	}
}

/*** segmented control tabs ***/

/*** games list owl carousel ***/
/* override vendor styles */
.owl-stage {
	/*center single slide*/
	margin: 0 auto;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: visible;
}

.owl-carousel-container {
	width: 100%;
}

.owl-item {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.owl-item:hover {
	opacity: 0.9;
}

.owl-carousel .owl-item img {
	z-index: 3;
}

.owl-dots {
	padding-top: 12px;
}

.owl-item:first-child .pd-b-info-cell {
	border-left: 1pt solid #e5e5e5 !important;
}

.pd-caro-sec {
	/* width: 65%; */
	position: relative;
}

.owl-theme .owl-nav [class*=owl-] {
	background: none !important;
	display: none;
}

.owl-nav .owl-prev {
	position: absolute;
	top: 10%;
	left: 0;
}

.owl-nav .owl-next {
	position: absolute;
	top: 10%;
	right: 0;
	color: #a9445f;
}

.owl-next i,
.owl-prev i {
	color: #59c9bd !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: none !important;
	color: #59c9bd !important;
	opacity: 0.8;
	text-decoration: none;
	cursor: pointer;
}

/* override vendor styles */
/* game list slides */
.gamesList-carousel {
	margin: 32px auto;
}

.gamesList__slide {
	position: relative;
	display: block;
	/* overflow: hidden; */
}

.gamesList__slide img {
	position: relative;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	margin: auto;
	-o-object-position: 50%;
	object-position: 50%;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gamesList__slide img:hover {
	display: block;
	position: relative;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform: translate(6px, 6px);
	-ms-transform: translate(6px, 6px);
	transform: translate(6px, 6px);
	cursor: pointer;
}

.gamesList__slide::after {
	position: absolute;
	background: none;
	border: 2px solid #f29eb3;
	content: '';
	width: inherit;
	height: inherit;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	-webkit-transition: -webkit-transform 150ms ease-in-out;
	transition: -webkit-transform 150ms ease-in-out;
	-o-transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
	cursor: pointer;
	-webkit-transform: translate(6px, 6px);
	-ms-transform: translate(6px, 6px);
	transform: translate(6px, 6px);
}

/* .gamesList__slide:hover::after {
    transform: translate(0px, 0px);
  } */
/*** games list owl carousel ***/

/*** gift list ***/
.ud-giftList {
	display: block;
	position: relative;
	background: #fff6f8;
}

.bd-row__header {
	display: block;
	position: relative;
}

.game__list-loggedin,
.transaction-records,
.bd-introduction,
.bd-introduction--notLoggedIn {
	margin-top: 0;
	padding: 0 25px;
}

.prize-zone-container.vote-content {
	background: -webkit-linear-gradient(rgb(247, 243, 237), rgb(247, 243, 237), rgb(247, 243, 237));
	background-color: #e8f3ff;
	position: relative;
	padding-bottom: 0;
}

.prize-zone-container.vote-content:before {
	content: "";
	position: absolute;
	width: 160%;
	height: 160%;
	background-image: url(../img/bg-pattern@3x.png);
	background-size: 46px;
	transform: rotate(-2deg);
}

.prize-zone-container.prize-content {
	background-color: #fff3c4;
	margin-top: -12px;
}

.game-zone-container.game-content-01 {
	background: -webkit-linear-gradient(rgb(232, 243, 255), rgb(232, 243, 255), rgb(232, 243, 255));
	background-color: #e8f3ff;
	position: relative;
	padding-bottom: 120px;
	margin-bottom: -120px;
}

.game-zone-container.game-content-01:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/bg-pattern2.png);
	background-size: 48px;
}

.game-zone-container.game-content-02 {
	background-color: #b6ffe7;
	margin-top: -20px;
}
@media (min-width: 992px) {
	.prize-zone-container.prize-content,
	.game-zone-container.game-content-02 {
		max-width: unset;
		padding-bottom: 50px;
	}
}

@media (max-width: 425px) {
	.bd-introduction {
		margin-top: 20px !important;
	}
}

@media (max-width: 615px) {
	.bd-introduction {
		margin-top: 30px;
	}
	.game-zone-container.game-content-01 {
		margin-bottom: -60px;
	}
}

.game__list-nonLoggedin {
	margin-top: 30px;
}

.bd-row__header span {
	position: absolute;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
	font-weight: 900;
	left: 0;
	right: 0;
	bottom: 4%;
	color: #4c4cc2;
	margin: auto;
	background: -webkit-linear-gradient(#5f55cf, #3e68fa);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.description h1 {
	position: relative;
	display: block;
	color: #4c4cc2 !important;
	text-align: center;
	font-size: 18px;
	font-weight: 550;
	line-height: 28px;
	margin: 0 auto;
	padding: 20px 0 3px 0;
}

.today-prize {
	width: 100%;
	margin: auto;
	max-width: 860px;
	padding-top: 20px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	text-align: center;
}

.today-prize img {
	width: 100%;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}

.today-prize iframe {
	width: 100%;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}

.today-prize > a img {
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
	opacity: 1;
}
.today-prize > a:hover img {
	opacity: .8;
}

.today-prize span {
	color: #5d5f6d;
}

.bd-row__header img {
	display: block;
	bottom: 0;
	margin: 0 auto;
	width: 860px;
	height: auto;
	/* margin: 0 auto; */
}

.bd-row__header img[src*=title] {
	width: 680px;
}

.bd-row__header img[src*=btn-vote-] {
	width: 600px;
}

.step-container {
	text-align: center;
	padding-bottom: 40px;
}

@media (max-width: 615px) {
	.bd-row__header img {
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	.bd-row__header img,
	.bd-row__header img[src*=btn-vote-],
	.bd-row__header img.title-img {
		width: 100%;
	}
	.bd-row__header img[src*=week],
	.bd-row__header img[src*=hot] {
		padding-top: 40px;
	}
	.bd-row__header img[src*=game] {
		padding-top: 50px;
	}
}

.page-btn {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	background-size: cover;
	width: 255px;
	height: 60px;
	font-size: 33px;
	font-weight: bolder;
	color: #fff;
	background: -webkit-linear-gradient(78deg, #3866fa, #7c7ff8);
	border-radius: 100px;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
	opacity: 1;
}

.page-btn button {
	margin: 0 auto;
	margin-top: 4px;
	width: 100%;
}

.page-btn span {
	color: #fff;
	font-weight: 900;
}

.detail-btn {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	background-size: cover;
	width: 255px;
	height: 60px;
	font-size: 33px;
	font-weight: bolder;
	color: #fff;
	background: #fff;
	border-radius: 100px;
	box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.5);
	border: solid 3px transparent;
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#ecc844, #bf9438);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 2px 1000px 1px #fff inset;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-ms-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
	opacity: 1;
}

.detail-btn span {
	color: #fff;
	font-weight: 900;
	background: -webkit-linear-gradient(#ecc844, #bf9438);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.page-btn:hover,
.detail-btn:hover {
	opacity: .8;
}

.today-prize .row {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

/* Start of content 港玩港食打卡王 */
.prize-title-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	margin-top: 50px;
	margin-bottom: 20px;
}

.prize-btn-blue {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background-color: #27aae1;
	padding: 10px 25px;

	color: #fff;
	font-size: 23px;
	font-weight: 500;
	border-radius: 30px;

	margin: 0 auto;
	text-align: center;
}
.prize-btn-date {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	padding: 10px 25px;

	margin: 0 auto;
}
/* End of content 港玩港食打卡王 */

/* Start of content 「相機食先」打卡王 */
.prize-content-02 {
	max-width: 860px;
	min-height: 400px;
	margin: 0 auto;
	background-image: url("../img/prize-02-bg.png");
	border: 6px solid #fc9200;
	border-radius: 200px;
	text-align: center;
	background-color: #ffc265;
}
.prize-title-img-02 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	margin-top: 50px;
	margin-bottom: 20px;
}
.prize-btn-date-02 {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	padding: 10px 25px;

	margin: 0 auto;
}

.prize-btn-02 {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background-color: #fc9200;
	padding: 10px 25px;

	color: #fff;
	font-size: 23px;
	font-weight: 500;
	border-radius: 30px;

	margin: 0 auto;
	text-align: center;
}
.prize-btn-grey {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background-color: #9a9a9a;
	padding: 10px 25px;

	color: #fff;
	font-size: 23px;
	font-weight: 500;
	border-radius: 30px;

	margin: 0 auto;
	text-align: center;
}
/* End of content 「相機食先」打卡王 */

/* Start of content Chill歎旅遊打卡王 */
.prize-content-03 {
	max-width: 860px;
	min-height: 400px;

	margin: 0 auto;
}
.prize-content-03-shape {
	clip-path: polygon(10% 0, 91% 0, 100% 25%, 100% 100%, 0 100%, 0% 25%);

	/*border: 6px solid #2DDBCB;*/
	border-radius: 3px;
	text-align: center;
	background-color: #2ddbcb;
	background-image: url("../img/prize-03-bg.png");
	z-index: 1;
	padding: 10px 0;
}

.prize-title-img-03 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	margin-top: 50px;
	margin-bottom: 20px;
}
.prize-btn-date-03 {
	left: 29%;
	rotate: 358deg;
	transform: translate(-50%, -50%);
	position: absolute;
	padding: 10px 25px;

	margin: 0 auto;
}
.prize-btn-03 {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background-color: #00b2a1;
	padding: 10px 25px;

	color: #fff;
	font-size: 23px;
	font-weight: 500;
	border-radius: 30px;

	margin: 0 auto;
	text-align: center;
}

/* End of content Chill歎旅遊打卡王 */

/* Start of content 活動參與獎 */
.prize-content-04 {
	max-width: 860px;
	min-height: 400px;
	margin: 0 auto;
}

.prize-title-img-04 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 20px;
}

/* End of content 活動參與獎 */

/* Start of content 「社群打卡王」終極大獎 */
.prize-content-05 {
	max-width: 1000px;
	min-height: 200px;
	margin: 0 auto;
}

.prize-title-img-05 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* End of content 「社群打卡王」終極大獎 */

.fill-form {
	margin-bottom: 40px;
	margin: 0 auto;
}

@media only screen and (min-width: 375px) {
	.page-btn,
	.detail-btn {
		width: 265px;
	}
	.prize-btn-date-03 {
		left: 45%;
		rotate: 358deg;
	}
	.desktop {
		display: none;
	}
	.kv-desktop {
		display: none;
	}
	.mobile-one-row {
		flex: 0 0 43%;
		max-width: 50%;
		margin-right: -16px;
		margin-left: -22px;
	}
	.content-p {
		padding-top: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (min-width: 425px) {
	.page-btn,
	.detail-btn {
		font-size: 33px;
	}
	.prize-btn-date-03 {
		left: 50%;
		rotate: 358deg;
	}
	.desktop {
		display: none;
	}
	.kv-desktop {
		display: none;
	}

	.fill-form {
		width: 100%;
	}
	.mobile-one-row {
		flex: 0 0 45%;
		max-width: 50%;
		margin-right: -23px;
		margin-left: -24px;
	}
	.content-p {
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
	}
}

@media only screen and (min-width: 480px) {
	.page-btn,
	.detail-btn {
		width: 300px;
	}
	.prize-btn-date-03 {
		left: 35%;
		rotate: 358deg;
	}

	.desktop {
		display: none;
	}
	.kv-desktop {
		display: none;
	}
	.fill-form {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.page-btn,
	.detail-btn {
		width: 265px;
	}

	.today-prize .row {
		padding-left: 50px;
		padding-right: 50px;
	}
	.prize-btn-date-03 {
		left: 35%;
		rotate: 358deg;
	}
	.mobile {
		display: none;
	}
	.desktop {
		display: block;
		font-size: 18px;
	}
	.kv-mobile {
		display: none;
	}
	.kv-desktop {
		display: block;
		margin: 0 auto;
	}

	.fill-form {
		width: 85%;
	}
}

@media only screen and (min-width: 1000px) {
	.content-p {
		padding-top: 54px;
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
	}
	.mobile-one-row {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
		margin: 0;
	}
	.page-btn,
	.detail-btn {
		width: 300px;
	}

	.today-prize .row {
		padding-left: 50px;
		padding-right: 50px;
	}

	.fill-form {
		width: 75%;
	}
}
.other-prize {
	width: 100%;
	margin: auto;
	max-width: 1080px;
	padding-top: 40px;
	/* padding-bottom: 35px;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 40px; */
}

.other-prize span {
	color: #5d5f6d;
	line-height: 32px;
}

.prize img {
	width: 100%;
}

@media only screen and (min-width: 375px) {
	.prize-listing-100 {
		width: 100%;
		margin: 0;
	}
}

@media only screen and (min-width: 1000px) {
	.mobile {
		display: none;
	}
	.desktop {
		display: block;
		font-size: 1.2rem;
	}
	.prize-listing-100 {
		margin-top: 10px;
		width: 75%;
		margin: 0 auto;
	}
}
.prize {
	padding-bottom: 10px;
}

.prize-listing {
	padding-left: 25px;
	padding-right: 25px;
	/*margin-bottom: 15px; */
	row-gap: 40px;
	justify-content: center;
}

.prize-listing div {
	display: inline-block;
	position: relative;
}

.description {
	margin-bottom: 40px;
}
.prize-listing .description {
	display: block;
	width: 100%;
	border-radius: 10px;
	padding: 10px 5px;
	margin-bottom: 0;
	min-height: 102px;
	text-align: center;
}

.description .prize-title {
	color: #3f4142;
	text-align: center;
	font-size: 24px;
	font-weight: 550;
	line-height: 45px;
	font-weight: 700;
}

.prize-listing .prize-value {
	display: block;
	width: 100%;
	border-radius: 10px;
	padding: 10px 5px;
	text-align: center;
	color: #333638;
	font-size: 1.2rem;
}

.reg-now-btn img {
	width: 60%;
	padding: 10px 5px;
	margin: 0 auto;
}

.other-prize .prize-listing .description {
	/* padding-top: 0; */
}

.other-prize .description .prize-title {
	color: #3f4142;
	text-align: center;
	font-size: 21px;
	font-weight: 550;
	line-height: 24px;
	font-weight: 700;
}

.promo-banner {
	width: 100%;
	margin: auto;
	max-width: 640px;
	padding-top: 30px;
	padding-bottom: 35px;
	margin-bottom: 0;
}

.promo-banner img {
	width: 100%;
}

.game-zone {
	width: 100%;
	margin: auto;
	padding-top: 30px;
	/*max-width: 960px;
	padding-bottom: 35px;*/
	margin-bottom: 10px;
	color: #046f89;
}

.game-zone a {
	color: #27aae1;
	font-weight: 900;
}

.game-zone a:hover {
	color: #f1d51d;
}

@media (max-width: 1000px) and (min-width: 768px) {
	.content-p {
		padding-top: 54px;
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
	}
	.mobile-one-row {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
		margin: 0;
	}
	.today-prize,
	.other-prize {
		width: 740px;
		margin: auto;
	}
	.bd-row__header {
		margin-top: 30px;
	}
	.game-zone {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 767px) {
	.today-prize,
	.other-prize,
	.promo-banner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.prize-title-img {
		width: 70%;
	}
	.prize-title-img-02 {
		width: 90%;
	}
	.prize-title-img-03 {
		width: 85%;
	}
	.prize {
		padding-bottom: 15px !important;
	}
}

@media (max-width: 615px) {
	/* .other-prize + .bd-row__header img {
		display: none;
	} */
	.other-prize + .bd-row__header span {
		font-size: 24px;
	}
	.prize-title-img {
		width: 85%;
	}
	.prize-title-img {
		width: 90%;
	}
	.prize-content-02 {
		border-radius: 120px;
	}
	.desktop {
		display: none;
	}
}

@media (max-width: 425px) {
	.other-prize + .bd-row__header span {
		font-size: 20px;
	}
}

@media (max-width: 375px) {
	.other-prize + .bd-row__header span {
		font-size: 16px;
	}
}

.ud-giftList .bd-row__header {
	padding: 10px;
}

.ud-gift-list__desc {
	text-align: center;
	display: block;
	font-size: 14px;
	color: #3d4b5a;
	padding: 10px 0 0 0;
}

/* quantity adjustment */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.qty__adjustment {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	-ms-grid-column-span: 3;
	grid-area: adjustment;
}

.productCard_grid--modal > .qty__adjustment {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
	-ms-grid-column-span: 3;
}

.qty__adjustment button img {
	background: none;
	border: none;
	width: 10px;
	height: auto;
}

.qty--minus img {
	height: 2px;
}

div.input__qty {
	display: none;
}

.input__qty {
	display: block;
	position: relative;
	width: 45px;
	text-align: center;
	padding: 6px;
	border: 1px solid #d9d9d9;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: none;
	border-radius: 0;
}

select.input__qty {
	display: none;
}

input.input__qty:disabled,
select.input__qty:disabled {
	color: #d8d8d8;
}

/* quantity adjustment */

/* modal style*/
/* overwrite vendor prefix vertically center the modal*/
.modal-open_ {
	overflow: hidden;
}

.modal-backdrop {
	z-index: 100000 !important;
}

.modal-content {
	max-width: 650px;
	margin: 0 auto;
	border: 0 !important;
}

.modal-content {
	border-radius: 16px;
}

.modal {
	z-index: 100001 !important;
}

.modal-header {
	display: none;
}

.modal-header .close {
	padding: 15px;
	margin: -15px auto -15px -15px;
}

.modal-dialog {
	min-height: calc(100vh - 60px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: auto;
	max-width: 100%;
}

.bd__modal .modal-body {
	border: 4px solid transparent;
	border-radius: 10px;
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#ecc844, #bf9438);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 2px 1000px 1px #fff inset;
}

.bd__modal .row {
	width: 100%;
}

.bd__modal .page-btn,
.bd__modal .detail-btn {
	width: 200px;
	height: 48px;
	border-radius: 48px;
	font-size: 28px;
}

.bd__modal .today-prize {
	width: 100%;
	padding: 0 !important;
	margin-bottom: 20px !important;
}

/* overwrite vendor prefix */

/* require login */
.modal__content {
	position: relative;
	display: block;
	width: 580px;
	min-height: 200px;
	padding: 15px 0;
}

.bd-modal__desc {
	color: #505050;
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 350;
	text-align: center;
	margin: 25px 0;
	width: 65%;
}

.bd-modal__header {
	position: relative;
	display: block;
	color: #fc4b81;
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	width: 100%;
	margin: 0;
}

.tab-relative--position {
	display: none;
}

.bd-modal__actions {
	width: 100%;
	display: block;
}

.bd-modal__btn--exit,
.return__btn {
	color: #59c9bd;
	border: 1px solid #59c9bd;
	border-radius: 3px;
	background: #fff;
	width: 150px;
	margin-right: 25px;
	font-weight: 500;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.bd-modal__btn--cancel {
	color: #59c9bd;
	border: 1px solid #59c9bd;
	border-radius: 3px;
	background: #fff;
	width: 150px;
	margin-left: 25px;
	font-weight: 500;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.bd-modal__btn--exit:hover,
.bd-modal__btn--cancel:hover {
	opacity: 0.75;
}

.return__btn:hover {
	opacity: 0.75;
	color: #59c9bd;
}

/* require login */

.bd__hightlight {
	color: #fc4b81;
	white-space: nowrap;
	font-weight: 600;
}

/* modal style*/

/** product card **/

/** product card grid **/
.productCard_grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: minmax(100px, 1fr) 2fr;
	grid-auto-columns: 1fr;
	grid-template-areas: 'pdimg pdinfo pdinfo' 'stock adjustment adjustment';
	grid-gap: 12px;
	background-color: #fff;
	padding: 15px;
	border: 0.7px solid #ededed;
	border-radius: 6px;
}

/** product card grid **/

/** product card grid (modal) **/
#productDetailModal .modal-content {
	max-width: 900px;
}

.productCard_grid--modal {
	display: -ms-grid;
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-areas: 'pdimg pdimg pdhd pdhd' 'pdimg pdimg pdinfo--modal pdinfo--modal' 'stock stock adjustment adjustment';
	grid-gap: 12px;
	background-color: #fff;
	padding: 30px 4vw 15px 4vw;
}

.externalLink__productDetail {
	font-size: 14px;
	color: #59c9bd;
	text-decoration: underline;
	padding: 10px 0 15px 0;
}

.externalLink__productDetail:hover {
	color: #59c9bd;
	text-decoration: underline;
	opacity: 0.75;
}

.modal__dismiss--cross {
	position: absolute;
	right: 15px;
	top: 15px;
}

.modal__dismiss--cross:hover {
	opacity: 0.75;
	cursor: pointer;
}

/** product card grid (modal) **/

/* UD Price filter dropdown */
/* review filter select menu  */
.review-filter {
	margin: 15px 3px;
	color: #707070;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.select-filter-container {
	margin-right: 10px;
}

.select-filter-container:last-child {
	margin-right: auto;
}

.sorting-options {
	display: block;
	position: relative;
	width: 100%;
	max-width: 295px;
	margin-left: auto;
	margin-top: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	top: 5px !important;
	right: 10px !important;
	width: 20px !important;
	font-size: 23px;
}

/* select2 overwrite */

/* height */
.select2-selection__rendered {
	line-height: 45px !important;
}

.select2-selection {
	height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fc4b81 !important;
	font-size: 17px;
	font-weight: 600;
}

.select2-container .select2-selection--single {
	height: 45px !important;
}

/* height */
.select2-selection__rendered {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #f4f4f4 !important;
	color: #505050 !important;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #dcdcdc !important;
}

.select2-dropdown {
	border: 1px solid #dcdcdc !important;
}

.select2-results__option {
	color: #505050 !important;
	padding: 10px 15px 10px 50px !important;
	border-bottom: 1px solid #dcdcdc;
}

.select2-results__option:last-child {
	border-bottom: 0px !important;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 300px !important;
}

@media (max-width: 575px) {
	.review-filter {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.filter-row {
		width: 100%;
		height: 45px;
	}

	.select-filter-container {
		width: 100% !important;
		height: 45px;
		margin: 12px 0 0 0;
	}
}

/* select2 overwrite */
/* UD Price filter select menu*/

/*** gift list ***/

@media (min-width: 1170px) {
	.section__header {
		min-height: 100px;
	}
}

@media (max-width: 1169px) and (min-width: 768px) {
	.section__header {
		min-height: auto;
	}
}

@media (max-width: 767px) {
}

@media (max-width: 912px) {
	.section__header {
		/*background-image: url(../img/banner_bg_mobile.jpg);*/
	}

	.ud-game img,
	.ud-tnc img {
		width: 80px;
		height: auto;
	}
}

@media (max-width: 896px) {
	.ud-tabs span {
		font-size: 18px;
	}

	.ud-tabs a {
		display: block;
		padding: 0;
		text-align: center;
		margin: 0 auto;
		color: #404e5c;
	}
}

@media (max-width: 767px) {
	.modal-content {
		width: 100%;
		/* height: 200px; */
	}

	.modal__content {
		width: auto;
	}
}

@media (max-width: 710px) {
	.tab--nonloggedin {
		padding: 30px 0 10px 0;
	}

	.bd-introduction--notLoggedIn {
		margin-top: 35px !important;
	}

	.sorting-options {
		margin: 25px auto 0 auto;
	}

	.game__list-loggedin {
		margin-top: 220px;
	}

	.tab--loggedin div {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.tnc__link--InProfile {
		display: block !important;
		/* align-self: center; */
	}

	.tab-relative--position {
		display: block;
		position: absolute;
		z-index: 2;
		width: 100%;
		margin: 0 auto;
		left: 0;
		right: 0;
		bottom: -35px;
		padding: 25px 0 10px 0;
	}

	.bd-profile__body {
		display: -ms-grid;
		display: grid;
		grid-auto-columns: 1fr 2fr 2fr;
		grid-template-areas: 'avt uinfo uinfo' 'avt udollars udollars' 'avt tnc tnc';
		grid-gap: 20px;
		background-color: #fff;
		padding: 15px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		justify-items: start;
	}

	.vt-line {
		display: block;
	}

	.bd-profile {
		/* padding: 0; */
	}

	.headers__wrapper--mb {
		position: absolute;
		padding: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.tnc__link--InProfile {
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3;
	}
}

@media (max-width: 615px) {
	.bd-section__desc img {
		vertical-align: text-bottom;
		width: 120px;
		height: 35px;
	}

	.tab-relative--position {
		bottom: -25px;
	}

	.vh-line {
		display: block !important;
		border: 0.5px solid #d8d8d8;
		grid-area: vhl;
		margin: 10px 0;
	}

	.modal__dismiss--cross {
		width: 18px;
		height: 18px;
	}

	.productCard__header-mb {
		display: block;
		color: #fc4b81;
		position: relative;
		font-size: 21px;
		font-weight: 590;
		text-align: center;
		margin: 20px 0 25px 0;
	}

	.productCard__header {
		display: none;
	}

	.tab--nonloggedin > div {
		-ms-flex-pack: distribute;
		justify-content: space-around;
		width: 100%;
	}

	.tab--nonloggedin > div a {
		margin: 0 5px;
	}

	.bd-modal__desc {
		width: 100%;
	}

	.bd-modal__desc {
		font-size: 15px;
	}

	.vh-line {
		display: none;
	}

	select.input__qty {
		display: block;
		position: absolute;
		text-align: center;
		text-align-last: center;
		/* hack of ios's mobile center issue */
		width: auto;
		height: auto;
		padding: 0px;
		left: 16px;
		right: 16px;
		top: 0;
		bottom: 0;
		border: 0px;
		margin: 0 auto !important;
	}

	select.input__qty option {
		text-align: center;
	}

	div.input__qty {
		display: block;
		position: relative;
	}

	input.input__qty {
		display: none;
	}

	.ud-tabs-mb > div {
		display: block;
		width: 96%;
		margin: 0 auto;
	}

	.ud-tabs-mb a {
		font-size: 14px;
	}

	.ud-game {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.ud-gift span,
	.ud-tnc span,
	.ud-game span,
	.ud-oth span {
		text-align: center !important;
	}

	.ud-game b {
		font-weight: bold;
		color: #fc4b81;
	}

	.ud-tabs {
		display: none;
	}

	.section__header {
		background-size: cover;
	}

	.bd-section__desc {
		font-size: 17px !important;
		margin: 0 auto;
		padding: 15px !important;
	}

	.bd-section__desc img {
		height: 35px;
		width: auto;
	}

	.section__header .bdbtn__core {
		padding: 5px 15px;
	}

	.bdbtn__core span {
		font-size: 16px !important;
	}

	.bdbtn__link--red img {
		height: 25px;
		width: auto;
	}

	.tnc__link {
		padding: 10px 0;
	}

	.tnc__link a {
		padding: 10px 0;
		font-size: 12px;
	}

	.headers {
		padding: 10px 0 0 0;
	}

	.ud-rad-bg {
		display: block;
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		max-width: 110%;
		max-height: 110%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 50%;
		object-position: 50%;
		z-index: 2;
	}

	.bd-row__header span {
		display: block;
		position: relative;
	}

	.qty--minus,
	.qty--add {
		display: none;
	}

	.input__qty {
		width: 50px;
		color: #505050;
	}

	.productCard_grid--modal {
		display: -ms-grid;
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-areas: 'pdimg pdhd pdhd' 'pdimg pdinfo--modal pdinfo--modal' 'vhl vhl vhl' 'stock adjustment adjustment';
		grid-gap: 10px;
		background-color: #fff;
		padding: 0;
	}

	.productCard__header {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3;
	}
}

@media (max-width: 490px) {
	.headers__container {
		min-height: 270px;
	}

	.bd-profile__body {
		grid-gap: 10px;
		padding: 10px;
	}
}

@media (max-width: 450px) {
	.description h1 {
		font-size: 18px;
	}
}

@media (max-width: 400px) {
	.headers__container {
		min-height: 286px;
	}
}

@media (max-width: 375px) {
}

@media (max-width: 364px) {
	.headers__container {
		min-height: 303px;
	}
}

@media (max-width: 350px) {
	select.input__qty {
		display: block;
		position: absolute;
		text-align: center;
		text-align-last: center;
		width: auto;
		height: auto;
		padding: 0px;
		left: 11px;
		right: 11px;
		top: 0;
		bottom: 0;
		border: 0px;
		margin: 0 auto !important;
	}

	.ud-tabs-mb span {
		font-size: 12px;
	}

	.productCard_grid {
		padding: 10px;
	}

	.input__qty {
		width: 40px;
		font-size: 16px;
	}

	.bd-modal__btn--exit {
		margin-right: 10px;
	}
}

@media (max-width: 320px) {
	.bdbtn__link--grey {
		padding: 10px 2px !important;
	}
}

@media (max-width: 615px) {
	.vh-line {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
}

/* IE browser style */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.productCard_grid--modal {
		display: -ms-grid;
		-ms-grid-columns: 1fr 2fr;
	}

	.productCard_grid--modal .qty__adjustment {
		-ms-grid-row: 3 !important;
		-ms-grid-column: 2 !important;
	}

	.modal-content {
		margin-top: calc(25vh + 5px);
	}

	.productCard__header {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column-span: 2;
		margin-bottom: 20px;
	}

	.qty__adjustment {
		-ms-grid-column: 2 !important;
		margin-top: 10px;
	}

	.qty--minus {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	.modal-content {
		max-height: 500px;
		display: -ms-inline-flexbox;
		align-self: center;
	}

	.modal-body {
		max-height: 500px;
	}

	.qty__adjustment button img {
		background: none;
		border: none;
		width: 10px;
		height: 10px;
	}
}

.intro__links {
	color: #fc4b81;
	font-weight: 500;
	text-decoration: underline;
	font-size: 16px;
}

.intro-container span {
	font-size: 16px;
	color: #3d4b5a;
}

.intro-container b {
	font-weight: 550;
}

.intro__links:hover {
	opacity: 0.55;
}

.terms_conditions {
	font-size: 14px;
	color: #7c7c7b;
}

.terms_conditions ul {
	list-style: none;
	padding-inline-start: 20px;
	padding-bottom: 20px;
}

.terms_conditions ul li {
	padding: 0 0 6px 0;
}

.terms_conditions ul li:before {
	content: "*";
	margin-left: -10px;
	color: #7c7c7b;
}

.terms_condition_canvas .intro-container {
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
}

@media (max-width: 860px) {
	.terms_condition_canvas .intro-container {
		padding: 10px;
	}
}

@media (min-width: 1680px) {
	.intro-container {
		display: block;
		position: relative;
		max-width: 970px;
		width: 100%;
		margin: auto;
	}
}

@media (max-width: 1200px) {
	.intro-container {
		width: 100%;
		max-width: 850px;
		margin: auto;
	}
}

@media (max-width: 710px) {
	.intro-container {
		width: 75%;
		margin: auto;
		padding: 15px;
	}

	.bd-row__header--intro img {
		height: 76px;
		width: auto;
	}

	.intro-container {
		width: 100%;
		max-width: 850px;
		margin: auto;
	}

	.intro__links {
		color: #fc4b81;
		font-weight: 500;
		text-decoration: underline;
		font-size: 15px;
	}

	.intro-container span {
		font-size: 15px;
		color: #3d4b5a;
	}
}

.bottom {
	margin-top: 30px;
}

.content-wrapper-last {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.bottom .sponsors {
	padding-bottom: 20px;
}

.sponsors {
	padding: 0 15px;
}

.sponsor-title {
	padding-top: 25px;
	padding-bottom: 15px;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #cc3a2f;
}

.sponsor-logo {
	display: inline-block;
	/* margin-right: 8px; */
}

.sponsor-logo img {
	width: 90%;
}

.organizer-logo img {
	width: 100%;
	margin-right: 20px;
	margin-bottom: 15px;
}

@media only screen and (min-width: 375px) {
	.sponsors {
		padding: 0 20px;
	}
	.organizer-logo img {
		width: 220px;
		margin-top: 16px;
	}
}

@media only screen and (min-width: 480px) {
	.organizer-logo img {
		width: 220px;
		margin-top: 16px;
	}
}

.details-padding {
	padding: 0;
	font-size: 18px;
	color: #5d5f6d;
	padding-bottom: 20px;
}

.step_img {
	margin: 0 auto;
	display: block;
}

.step {
	display: none !important;
}

ul.play-step {
	padding: 0;
	font-size: 18px;
}

ul.play-step li {
	list-style-type: none;
	text-align: center;
}

.mobile-step {
	margin-top: 20px;
}

.landing-slogan {
	font-size: 22px;
	color: #27aae1;
	font-weight: 900;
	text-align: center;
	margin-top: 10px !important;
	font-size: 30px;
	background: -webkit-linear-gradient(#27aae1, #008ec7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.game-zone-vote .landing-slogan {
	font-size: 22px;
	color: #ff7f00;
	font-weight: 900;
	text-align: center;
	margin-top: 10px !important;
	font-size: 30px;
	background: -webkit-linear-gradient(#ff7f00, #ff7f00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.vote-mobile .landing-slogan {
	font-size: 22px;
	color: #911b0e;
	font-weight: 900;
	text-align: center;
	margin-top: 10px !important;
	font-size: 30px;
	background: -webkit-linear-gradient(#911b0e, #75160b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.vote-mobile .step-container {
	color: #db382c;
}

.vote-desktop .landing-slogan {
	font-size: 22px;
	color: #5c8930;
	font-weight: 900;
	text-align: center;
	margin-top: 10px !important;
	font-size: 30px;
	background: -webkit-linear-gradient(#5c8930, #496c26);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.vote-desktop .step-container {
	color: #68c100;
}

.step-title {
	margin-bottom: 10px !important;
}

@media only screen and (min-width: 375px) {
	.landing-slogan {
		font-size: 24px;
	}
}
@media only screen and (min-width: 768px) {
	.landing-slogan {
		font-size: 28px;
	}
}
@media only screen and (min-width: 1000px) {
	.step {
		display: inline-block !important;
		margin-top: 20px;
	}
	.mobile-step {
		display: none;
	}
	.landing-slogan {
		font-size: 25px;
	}
}

.fb_btn {
	-webkit-appearance: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	font-size: 13px;
	font-weight: 600;
	outline: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	display: inline-block;
	background: #4267b2;
	border-color: #4267b2;
	color: #fff;
}

.ig_btn {
	-webkit-appearance: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	font-weight: 600;
	outline: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	display: inline-block;
	background: #3897f0;
	border-color: #3897f0;
	color: #fff;
}

.bd_fade {
	top: 450px;
	position: relative;
	font-size: 28px;
	font-weight: 700;
	color: #4e4086;
	text-align: center;
	padding: 0 0 30px 0;
	z-index: 3;
}

@media (min-width: 1170px) {
	.bd_fade {
		top: 16em;
	}
}

span.prize-value {
	font-size: 21px;
}

.other-prize span.prize-value {
	font-size: 18px;
}

.sponsor-background {
	background-color: #e8f3ff;
	/* background-image: linear-gradient(141deg, #97f5f7 0%, #8deeff 75%); */
	padding-top: 50px;
	padding-bottom: 50px;
}

.terms_condition_canvas li a {
	color: #00af80;
}

.other-prize .prize-listing > div > .row {
	padding-bottom: 30px;
}

.prize-title > span {
	color: #3f4142;
}

span.prize-title-sub {
	color: #3f4142;
}

span.prize-title-xs {
	color: #fa5404;
	font-size: 15px;
	line-height: 10px;
	font-weight: 400;
}

.today-prize .prize-title span.prize-title-sub {
	font-size: 30px;
	line-height: 36px;
}

.other-prize .prize-title span.prize-title-sub {
	font-size: 25px;
	line-height: 32px;
}

@media (max-width: 615px) {
	.description .prize-title {
		font-size: 21px;
		line-height: 40px;
	}
	.today-prize .prize-title span.prize-title-sub,
	.other-prize .prize-title span.prize-title-sub {
		font-size: 24px;
		line-height: 30px;
	}
	span.prize-value {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.other-prize .prize-listing .description {
		padding-top: 30px;
	}
}

.other-prize .desktop-display {
	display: block;
}

.other-prize .desktop-display .prize-name {
	text-align: right;
}

.other-prize .mobile-display {
	display: none;
}

@media only screen and (max-width: 767px) {
	.other-prize .desktop-display {
		display: none !important;
	}
	.other-prize .mobile-display {
		display: block;
	}
}
@media (max-width: 615px) {
	.prize-listing {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 425px) {
	.bd-profile {
		padding-bottom: 80px;
	}
	.today-prize .prize-title span.prize-title-sub,
	.other-prize .prize-title span.prize-title-sub {
		font-size: 18px;
		line-height: 24px;
	}
	.description .prize-title,
	.other-prize .description .prize-title {
		font-size: 16px;
		line-height: 35px;
	}
	span.prize-value,
	.other-prize span.prize-value {
		font-size: 16px;
	}
	.details-padding {
		font-size: 16px;
		padding: 0 20px;
	}
	.description h1,
	.other-prize .prize-listing .description {
		padding-top: 20px;
	}
	.prize-listing .description {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}
	.other-prize {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

/* Top Part */

.background {
	background-color: #4abee0;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
.content-wrapper {
	display: block;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	/* padding-bottom: 30px; */
	position: inherit;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
.top {
	z-index: 98;
	position: relative;
}
.key-visual .logo {
	padding: 10px 0px 0px 10px;
	width: 55%;
	display: inline-block;
}
.key-visual .logo img {
	width: 155px;
}
.key-visual {
	position: relative;
	overflow: hidden;
}
.key-visual img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 1920px;
}
.key-overlap img {
	max-width: 100%;
	width: 100%;
	display: block;
	margin: 0 auto;
}

/* Add fixed menu on footer */
.uhk-footer {
	/* padding-bottom: 66px; */
}

.uhk-footer .copyright {
	/* border-bottom: 4px solid #f5df63; */
}

/* Add hide effect on terms and condition */

.module {
	position: relative;
	margin-bottom: 40px;
}

.module .collapse,
.module .collapsing {
	height: 10rem;
}

.module .collapse {
	display: block;
	overflow: hidden;
}

.module .collapse.show {
	height: auto;
}

.read-more {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-image: linear-gradient(to bottom, transparent 30%, #fff3c4 90%);
	opacity: 1;
	transition: all .3s linear;
	/* -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 10rem), rgba(0, 0, 0, 0.2) calc(100% - 5rem), transparent);
	mask-image: linear-gradient(180deg, #000 calc(100% - 10rem), rgba(0, 0, 0, 0.2) calc(100% - 5rem), transparent); */
}

.read-more:not(.collapsed) {
	opacity: 1;
	background-image: none;
	/* visibility: hidden; */
	height: 45px;
	top: calc(100% - 45px);
	transition-delay: -1s;
}

.btn-terms {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: 0;
	padding: 2px 72px 10px;
	color: #ebe6ef;
	background-color: #00c891;
	border-color: #00c891;
}

.arrow {
	box-sizing: border-box;
	height: 14px;
	width: 14px;
	border-style: solid;
	border-color: #ebe6ef;
	border-width: 0px 1px 1px 0px;
	transform: rotate(45deg);
	transition: border-width 150ms ease-in-out;
}

.btn-secondary:hover .arrow {
	border-bottom-width: 2px;
	border-right-width: 2px;
}

a:hover .btn-secondary .arrow {
	border-bottom-width: 2px;
	border-right-width: 2px;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #00c891;
	border-color: #00c891;
}

a:hover .btn-secondary {
	color: #fff;
	background-color: #00c891;
	border-color: #00c891;
}

.read-more:not(.collapsed) .btn-terms {
	padding: 10px 72px 2px;
}

.read-more:not(.collapsed) .arrow {
	transform: rotate(-135deg);
}

@media (min-width: 993px) {
	.today-prize.slick-current > a:hover img {
		opacity: .8 !important;
	}
}

.prize-listing-border {
	border-bottom: 1px solid #d8d8d8;
}

.today-prize-listing .today-prize:first-child {
	margin-bottom: 0;
}

.today-prize-listing .today-prize:last-child {
	margin-bottom: 40px !important;
}

.other-prize-header {
	margin-top: 0;
	/*margin-bottom: 40px;*/
}

.tab_line_container {
	position: relative;
	background-color: transparent;
	/* background: -webkit-linear-gradient(rgb(247, 243, 237), rgb(247, 243, 237), rgb(247, 243, 237));
	top: -200px;
	background-image: url(../img/banner_bg_desktop_.jpg); */
	padding: 0px 0px 5px;
}

@media (max-width: 999px) {
	.mobile-step img {
		margin: auto;
	}
}

.result-zone {
	width: 100%;
	margin: auto;
	max-width: 960px;
	padding-top: 10px;
	padding-bottom: 35px;
	margin-bottom: 40px;
}
.hide {
	display: none !important;
}

.result_img {
	clip-path: circle(50% at 50% 50%);
}
.prize_list {
	max-width: 80%;
	margin: auto;
}

.img-frame {
	border: 8px #f2e8af solid;
	border-radius: 10rem;
	max-width: 90%;
	margin: auto;
}
.username-text {
	text-align: center;
	padding-bottom: 40px;
	color: #ba8c00;
}

.rounded-full {
	border-radius: 9999px;
}

.gap-1 {
	gap: .25rem;
}
.justify-between {
	justify-content: space-between;
}
.items-center {
	align-items: center;
}
.flex {
	display: flex;
}
.text-\[\#808080\] {
	--tw-text-opacity: 1;
	color: rgb(128 128 128 / var(--tw-text-opacity));
}
.text-\[\#333\] {
	--tw-text-opacity: 1;
	color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-\[12px\] {
	font-size: 12px;
}
.text-xs {
	font-size: .75rem;
	line-height: 1rem;
}
.community_card {
	margin-bottom: 1rem;
}
.community_card_img {
	border-radius: 12px;
}

.post_text {
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 500;
	margin-top: .35rem;
	margin-bottom: .35rem;
}

.terms-zone {
	margin-top: 0;
	padding-top: 50px;
	padding-bottom: 40px;
	background-color: #fff3c4;
}

.terms-zone:before {
	/* content: "";
	position: absolute;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 15vh;
	background-color: #b6ffe7;
	clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
	margin-top: -101px; */
}

.terms-zone .module {
	margin-bottom: 0;
}

.tab-line {
	height: auto;
	/*background-image: url("../img/tab-line.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 60%;*/
	color: #fff;
}

.tab-line-yellow {
	height: auto;
	/*background-image: url("../img/tab-line-yellow.png");
	background-repeat: repeat-x;
	background-color: #ffc373;
	background-size: 60%;*/
	color: #fff;
}

.section-line-zone-1 {
	position: relative;
	height: min(20vw, 116px);
	background-image: url("../img/section-section-line-1.png");
	/*background-image: url("../img/section-section-line-1.png"), linear-gradient(to bottom, rgba(255, 235, 169, 1) 35%, rgba(247, 243, 237, 0) 36%);*/
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100% auto;
	background-position: top center;
	color: #fff;
	margin-top: 0;
}

.section-line-zone-1:before {
	content: "";
	position: absolute;
	/*left: 12%;
	top: -100px;
	width: 150px;
	height: 176px;
	z-index: 1;
	background-image: url(../img/section-section-line-1-img.png);
	background-position: center;
	background-repeat: no-repeat;*/
}

.section-line-zone-4 {
	position: relative;
	height: min(20vw, 120px);
	background-image: url("../img/section-section-line-4.png"), linear-gradient(to bottom, rgba(232, 243, 255, 0) 44%, rgba(255, 243, 196, 1) 45%);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100% auto;
	background-position: top center;
	color: #fff;
	margin-top: 0;
}

.section-line-zone-4:before {
	content: "";
	position: absolute;
}
/* @media (max-width: 1024px) {
	.section-line-zone-1:before {
		left: 4%;
	}
	.section-line-zone-4:before {
		right: 4%;
	}
}
@media (max-width: 1200px) {
	.prize-zone-container.vote-content,
	.game-zone-container.game-content-01 {
		padding-bottom: 140px;
	}
}

@media (max-width: 999px) {
	.section-line-zone-1,
	.section-line-zone-4 {
		background-size: cover;
		height: 60px;
	}
} */

.section-line-zone-2 {
	position: relative;
	height: min(20vw, 110px);
	background-image: url("../img/section-section-line-2.png");
	/*background-image: url("../img/section-section-line-2.png"), linear-gradient(to bottom, rgba(247, 243, 237, 1) 35%, rgba(255, 243, 196, 0) 36%);*/
	background-repeat: no-repeat;
	background-color: #fff3c4;
	background-size: 100% auto;
	background-position: top center;
	color: #fff;
	margin-top: 0;
}

.section-line-zone-2:before {
	content: "";
	position: absolute;
	/*left: 12%;
	width: 286px;
	height: 170px;
	z-index: 1;
	background-image: url(../img/section-section-line-2-img.png);
	background-position: center;
	background-repeat: no-repeat;*/
}

.section-line-zone-3 {
	position: relative;
	height: min(20vw, 108px);
	background-image: url("../img/section-section-line-3.png"), linear-gradient(to bottom, rgba(255, 243, 196, 1) 35%, rgba(232, 243, 255, 0) 36%);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100% auto;
	background-position: top center;
	color: #fff;
	margin-top: 0;
}

.section-line-zone-3:before {
	content: "";
	position: absolute;
	/*right: 10%;
	width: 286px;
	height: 170px;
	z-index: 1;
	background-image: url(../img/section-section-line-3-img.png);
	background-position: center;
	background-repeat: no-repeat;*/
}

@media (min-width: 1441px) {
	.section-line-zone-2 {
		height: 13vh;
	}
	.section-line-zone-3 {
		height: 13vh;
	}
	.section-line-zone-4 {
		height: 15vh;
	}
}

@media (max-width: 999px) {
	.section-line-zone-1,
	.section-line-zone-2,
	.section-line-zone-3 {
		background-size: cover;
	}
	.section-line-zone-4 {
		background-size: cover;
		background-image: url("../img/section-section-line-4.png"), linear-gradient(to bottom, rgba(232, 243, 255, 0) 59%, rgba(255, 243, 196, 1) 60%);
	}
}

/* @media (max-width: 999px) {
	.section-line-zone-2 {
		background-size: cover;
		height: 60px;
	}
} */

.section-promotion {
	width: 100%;
	margin: auto;
	max-width: 1080px;
	padding-top: 40px;
	/* padding-bottom: 35px;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 40px; */
}

.section-promotion img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
}

.section-promotion img[src*=btn-join-] {
	width: 420px;
}
@media (max-width: 767px) {
	.section-promotion img[src*=btn-join-] {
		width: 60%;
	}
}

.bottom:before {
	content: "";
	position: absolute;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18vh;
	background-color: #fff3c4;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
	margin-top: -101px;
}

.prize-listing div.prize {
	position: relative;
	top: 0;
	left: 0;
}

.prize-listing div .brand-place {
	position: absolute;
	width: 100px;
	height: 100px;
	right: 18px;
	top: 238px;
}

.prize-listing div .brand-place img {
	width: 100%;
	height: 100%;
}

@media (max-width: 1000px) and (min-width: 768px) {
	.prize-listing div .brand-place {
		position: absolute;
		width: 88px;
		height: 88px;
		right: 16px;
		top: 200px;
	}
}

@media (max-width: 767px) and (min-width: 425px) {
	.prize-listing div .brand-place {
		position: absolute;
		width: calc(50% - 20vw);
		height: calc(50% - 35vw);
		left: calc(50% + 17vw);
		bottom: calc(50% - 14vw);
		top: unset;
		right: unset;
	}
}

@media (max-width: 424px) and (min-width: 320px) {
	.prize-listing div .brand-place {
		position: absolute;
		width: calc(50% - 21vw);
		height: calc(50% - 37vw);
		left: calc(50% + 17vw);
		bottom: calc(50% - 8vw);
		top: unset;
		right: unset;
	}
}

.game-zone-vote {
	max-width: 682px;
}

.game-zone-method-3 {
	max-width: 653px;
	margin: 0 auto;
}

.promo-zone {
	margin-top: -80px;
	padding-top: 50px;
	padding-bottom: 40px;
	background-color: #fff3c4;
}

.promo-zone:before {
	content: "";
	position: absolute;
	/*left: 0;
	z-index: 0;
	width: 100%;
	height: 15vh;
	background-color: #b6ffe7;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
	margin-top: -101px;*/
}

@media (max-width: 425px) {
	.prize-zone-container.prize-content,
	.terms-zone,
	.game-zone-container.game-content-02 {
		margin-top: -20px !important;
	}
	.bd-row__header img.title-img[src*="prize"] {
		padding-top: 40px;
	}
	.promo-zone:before {
		margin-top: -70px;
	}
	.promo-zone {
		padding-top: 0;
	}
}

.game-zone img[src*="method"] {
	width: 360px;
}
@media (max-width: 480px) {
	.game-zone img[src*="method"] {
		width: 275px;
	}
}

@media (max-width: 480px) {
	.prize-title-img-05 {
	}
}

@media (max-width: 960px) and (min-width: 768px) {
	.prize-title-img-05 img,
	.bd-row__header img.title-img {
		width: 100%;
	}
}

@media (max-width: 1024px) and (min-width: 769px) {
	.content-wrapper {
		width: 130%;
	}
}

@media (max-width: 1439px) and (min-width: 1025px) {
	.content-wrapper {
		width: 114%;
	}
}

@media (min-width: 1921px) {
	.content-wrapper {
		position: unset;
		transform: none;
	}
}