body {
	background: #FBE7E3;
}

main {
	background: #fff4e6;
}

button {
	background: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

button:focus {
	outline: 0;
}

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

.method{
	width: 100%;
	margin: 20px auto;
	display: block;
	max-width: 200px;
	padding-top: 20px;
}

.content_body{
	margin: 10px 0 ;
	padding: 5px;
	text-align: center;
}
.content_body:hover{
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 20px;
	box-shadow: 3px 3px 6px 0px rgba(235, 197, 193, 0.5);
}
.content_info{
	background-color: #ffffff;
	margin: 10px;
	padding: 10px;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.5em;
	letter-spacing: 1pt;
	color: #383738;
}
.Product-container img{
	display: block;
	width: 90%;
	margin: 0 auto;
}
.description-container {
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: linear-gradient(0deg, rgba(251,231,227,1) 0%, rgba(241,204,201,1) 100%);
}
.description-main {
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 1.5;
	color: #ea4e5a;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	text-shadow: 0 0 5px #fff;

	
}
:focus {
	outline: -webkit-focus-ring-color auto 0;
}

a {
	color: #3866fa;
	/* text-decoration: underline; */
}

a:focus,
a:hover {
	color: #9d98b9;
	text-decoration: none;
}
#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;
	
}


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

.headers {
	padding: 0;
}

.section__header{
	background: #f1ccc9;

}
.titlePic{
	display: block;
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
}



.section__header-container {
	position: block;
	margin: 0 auto;
	overflow: hidden;
}

.campaignHeroSection_heroBanner {
	pointer-events: none;
	display: block;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.campaignHeroSection {
	position: relative;
}
.campaignHeroSection_container {
	/* max-width: 1900px;*/
	margin: 0 auto;
}




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

section {
	text-align: center;
}

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





.headers_txt_container {
	position: relative;
	background:#FBE7E3;
	padding: 20px 0;
	overflow: hidden;
}

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


.prize-container{
position: relative;
margin: 0 auto;
}


.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: #ea5c81;
  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: #f18da7;
}
#button:active {
  background-color: #f18da7;
}
#button.show {
  opacity: 1;
  visibility: visible;
}


.JoinMethod{
	background: #fff4e6;
	padding: 40px 25px;
}


.JoinButton{
	margin:0 auto;
	display: block;
	width: 100%;
	max-width: 455px;
}
.join-title{
	margin:0 auto;
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 0 20px;

}
.tc-section{
	margin:0 auto;
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 0 20px 20px 20px;
}



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

 .effect-btn:hover{
	transform:scale(0.98, 0.98);

}
/*------------------image hover effect---------------------*/
.banner-margin{
	margin-top: 60px;
}
.content-p{
padding-top: 130px; 
text-align: center;
}
.event-content{
padding: 10px 0px 5px;
text-align: center;
color: #543F32;
font-size: 18px;
}
@media (max-width: 1169px) {
    .content_container {
		padding: 0 25px;
	}
	.description-main{
		padding: 20px 30px;
	}

}
@media (min-width: 1170px) {
    .prize-container {
        max-width: 930px;
    }
	.description-main{
		max-width: 900px;
		padding-bottom: 30px;
	}
	.game-zone{
		max-width: 900px;

	}
	.intro-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: #4c4cc2;
	margin-bottom: 1.5rem;
	font-size: 3rem;
	background: -webkit-linear-gradient(#5f55cf, #3e68fa);
	-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 (min-width: 992px) and (max-width: 1200px) {
	.campaignHeroSection img,
	.campaignWorkshopSection img {
		width: 100%;
		height: auto;
	}
}
@media (min-width: 769px) and (max-width: 991px) {


	.campaignHeroSection img,
	.campaignWorkshopSection img {
		width: 100%;
		height: auto;
	}

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

	.campaignHeroSection img,
	.campaignWorkshopSection img {
		width: 100%;
		height: auto;
	}

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


	.campaignHeroSection img,
	.campaignWorkshopSection img {
		width: 100%;
		height: auto;
	}

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


	.campaignHeroSection img,
	.campaignWorkshopSection img {
		width: 100%;
		height: auto;
	}

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


.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: 500px;*/
	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: 200px; 
padding-left: 90px;
padding-right: 90px;
text-align: center;
}


.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: 500px;*/
	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: 200px; 
padding-left: 35px;
padding-right: 35px;
text-align: center;
}


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

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


}

.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: 85px;
	}


}

@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 {
	padding: 40px 0;
	background-color: #fcefe9;
}




.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;
}



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



.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-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-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-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-title-img-05{
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	width: 100%;
	margin-top:50px; 
	margin-bottom: 20px;
}


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



.fill-form{
	max-width: 600px;
	margin:0 auto;
	display: block;
	width: 100%;
}

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

}
.content-p{
	padding-top: 120px;
     padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}
}

@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;
}

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

}

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


}

@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;
}



}

@media only screen and (min-width: 1000px) {
	.content-p {
        padding-top: 135px;
        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;
	}



}
.other-prize {
	width: 100%;
	margin: auto;
	max-width: 860px;
	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;
}
	.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; */
}


.description{
margin-bottom: 40px; 
}
.prize-listing .description {
	display: block;
	width: 100%;
	border-radius: 10px;
	padding: 10px 5px;
	margin-bottom: 30px;
	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;

}



.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;
	margin-bottom: 10px;
	color: #5d5f6d;
}

.game-zone a {
	color: #ff624c;
}

.game-zone a:hover {
	color: #ff635a;
	font-weight: bold;
	text-decoration: #ff635a wavy underline;
}

@media (max-width: 1000px) and (min-width: 768px) {
	.content-p {
        padding-top: 135px;
        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;
	}

	.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%;
}
.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 (max-width: 710px) {
	.tab--nonloggedin {
		padding: 30px 0 10px 0;
	}



	.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;
	}


	.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;
	}


	.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;
}

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

.terms_condition_canvas  {
	display: block;

	width: 100%;
	margin: 0 auto;
}

@media (max-width: 860px) {
	.terms_condition_canvas .intro-container {
		padding: 0 10px;
	}
}
.intro-container {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 25px;
}


@media (max-width: 710px) {

	.bd-row__header--intro img {
		height: 76px;
		width: 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: 0;
}

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

.sponsor-logo {
	display: inline-block;
	margin: 0 8px 10px 0;
}

.sponsor-logo img {
	width: 110px;
}

.organizer-logo img {
	width: 200px;
	margin-bottom: 15px;
	margin-top: 15px;
}

@media only screen and (min-width: 375px) {
	.sponsors {
		padding: 0 20px;
	}
	.sponsor-logo img {
		width: 145px;
		margin-right: 12px;
	}

}

@media only screen and (min-width: 480px) {
	.sponsor-logo img {
		width: 120px;
		margin-right: 15px;
	}

}

@media only screen and (min-width: 576px) {
	.sponsor-logo img {
		width: 108px;
		margin-right: 6px;
	}
}

@media only screen and (max-width: 768px) {
	.organizer-logo img {
		margin-right: 25px;
	}
}
@media only screen and (min-width: 768px) {
	.sponsor-logo img {
		width: 103px;
		margin-right: 20px;
	}


}

@media only screen and (min-width: 1000px) {
	.sponsor-logo img {
		width: 121px;
		margin-right: 10px;
	}

}

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

.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: #ff624c;
	font-weight: 900;
	text-align: center;
	margin-top: 10px !important;
	font-size: 30px;

}

.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: #fff;
	padding: 15px
}

.terms_condition_canvas li a {
	color: #27AAE1;
}

.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) {
}

@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;
	}
}
.keyVisual img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
}
/* 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: 1440px;
	margin: 0 auto;
}
.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-overlap img {
	max-width: 100%;
	width: 100%;
	display: block;
	margin: 0 auto;
}




.module {
	position: relative;
}

.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%, #fcefe9 90%);
	opacity: 1;
	transition: all .3s linear;

}

.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: #ffffff;
	background: #ea5c81;
	border-style: none;
}

.arrow {
	box-sizing: border-box;
	height: 14px;
	width: 14px;
	border-style: solid;
	border-color: #ffffff;
	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;
	border-color: #ea5c81;
}

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

}

.btn-secondary:hover {
	background-color: #fce4ec;
}

a:hover .btn-secondary {
	color: #4a86d2;
	background: #ffffff;
}

.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: 20px;
	margin-bottom: 40px;
}

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

.hide {
	display: none !important;
}
::selection{
	background: #f8b0c3;
	color: #fff !important;
}
/* product description*/
.editor-comment{
    color: #7b7b7b;
    text-align: center;
    width: 100%;
    text-align: left;
    margin: auto;
}
.profile-pic{
	position: absolute;
    z-index: 12;
    top: -3rem;
    left: -2rem;
}
.profile-pic img{
	padding: 10px 0 10px 0;
    display: block;
    width: 80%;
    position: relative;
}



.title{
	padding: 10px 0 ;
}
.brand-name{
	font-size: 22px;
	line-height: 1.1;
	letter-spacing: 1pt;
	color: #ff635a;
	font-weight: bold;
}
.product-name{
	font-size: 18px;
	letter-spacing: 1pt;
	color: #2c2c2c;
	line-height: 1.3;
height: 52px;
display: flex;
justify-content: center;
align-items: center;



}
.toggle{
	margin: 0 auto;
	max-width: 400px;
}

.description-text{
	background-color: #ffffff;
	margin: 2px;
	padding: 10px;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.5em;
	letter-spacing: 1pt;
	color: #2c2c2c;
	text-align: justify;
	text-justify: inter-word;
}
.btn-more {
	float: right;
	padding-right: 10px;
	font-size: 15px;
	letter-spacing: 1pt;
	color: #ff635a;
}
.btn-more:hover {
	
	font-weight: bold;
	text-decoration: #ff635a wavy underline;
}
.toggle{
	margin: 0 auto;
	max-width: 400px;
}
.toggle-input {
	display: none;
}
.toggle-input:not(checked) ~ .toggle-content {
	display: none;
}

.toggle-input:checked ~ .toggle-content {
	display: block;
}

.product-content{
    padding: 15px 10px 25px 10px;
	margin: 15px 10px;
	background-color: rgba(255,255,255,0.8)  ;
}
.title{
	text-align: center;
}
.product-content:hover{
    box-shadow: 7px 7px 0px rgb(242 212 209 );
	border: 2px  ;
	border-style: solid;
  border-image: linear-gradient(129deg, rgba(255,158,160,1) 0%, rgba(242,181,182,1) 31%, rgba(234,101,104,1) 100%);
  border-image-slice: 1;
}

.Product-container {
	padding:0;
	margin: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 100%;
	align-items: flex-start;
  }
  .product-list{
	display: flex;
	justify-content: center;
	
  }

  @media  (max-width: 759.5px) {

	.product-list {
		width: 100%;
		}

  }
  @media (min-width: 760px) and (max-width: 1169.5px) {

	.product-list {
		width: 50%;
	}
  }

  @media (min-width: 1170px) {
	.product-list {
		width: 33%;
	}

  }

  label{
	  margin: 1rem;
  }

.notes{
	position: relative;
	display: block;
	line-height: 1.5;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
	color: #ff6e75;
}