div[data-page="loykratongfestival"] > div.navbar{
	background: transparent!important;
}
div[data-page="loykratongfestival"] > div.page-content{
	background-image: url(https://static.sheepola.com/imagegame/loykratongfestival/00000-01.jpg)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-color: #2c1040!important;
	background-position: center!important;
	background-position: top center!important;
	padding-top: 0px;
}

div[data-page="loykratongfestivalplay"] > div.navbar{
	background: transparent!important;
}
div[data-page="loykratongfestivalplay"] > div.page-content{
	background-image: url(https://static.sheepola.com/imagegame/loykratongfestival/00-01.jpg)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-color: #2c1040!important;
	background-position: center!important;
	background-position: top center!important;
	padding-top: 60px;
}

.loykratong_cashback{
	float: left;
	margin-top: -6px;
	padding-right: 5px;
}

.loykrotong_max_width_img{
	max-width: 100%;
}

.loykrotong_center{
	text-align: -webkit-center;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.loykrotong_w75{
		width: 45%!important;
	}

	.loykrathongplay_krathong_crad{
		width: 65%!important;
		margin: auto!important;
	}

	.loykrotongplay_width_img{
		width: 40%!important;
	}

	div[data-page="loykratongfestivalplay"] > div.page-content{
		background-size: cover!important;
	}

	div[data-page="loykratongfestival"] > div.page-content{
		background-size: cover!important;
	}

}

@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px){
	div[data-page="loykratongfestivalplay"] > div.page-content{
		padding-top: 120px!important;
	}
}

.loykrotong_w75{
	width: 75%;
}

.loykrotong_textw{
	color: #fff!important;
}

.loykratong_slide-top {
	-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.loykrotong_delay{
	animation-delay: 1s;
}
.loykrotong_delay_text{
	animation-delay: 2s;
}

.loykrotong_blinker {
	animation: blinker 2s linear infinite;
}

@keyframes blinker {
	50% { opacity: .8; }
}

.loykrotong_wave {
	animation: wavein 5s linear infinite;
}

@keyframes wavein {
	0% {
		margin-top: 0px;
		padding-bottom: 40px;
	}
	50% {
		margin-top: 20px;
		padding-bottom: 20px;
	}
	100% {
		margin-top: 0px;
		padding-bottom: 40px;
	}
}

.loykrotong_relative{
	position: relative;
}

@-webkit-keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.pyro > .before, .pyro > .after {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
	-moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
	-webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
	-o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
	-ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
	animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
	-moz-animation-delay: 1.25s, 1.25s, 1.25s;
	-webkit-animation-delay: 1.25s, 1.25s, 1.25s;
	-o-animation-delay: 1.25s, 1.25s, 1.25s;
	-ms-animation-delay: 1.25s, 1.25s, 1.25s;
	animation-delay: 1.25s, 1.25s, 1.25s;
	-moz-animation-duration: 1.25s, 1.25s, 6.25s;
	-webkit-animation-duration: 1.25s, 1.25s, 6.25s;
	-o-animation-duration: 1.25s, 1.25s, 6.25s;
	-ms-animation-duration: 1.25s, 1.25s, 6.25s;
	animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
	to {
		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
	}
}
@-moz-keyframes bang {
	to {
		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
	}
}
@-o-keyframes bang {
	to {
		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
	}
}
@-ms-keyframes bang {
	to {
		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
	}
}
@keyframes bang {
	to {
		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
	}
}
@-webkit-keyframes gravity {
	to {
		transform: translateY(200px);
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-o-transform: translateY(200px);
		-ms-transform: translateY(200px);
		opacity: 0;
	}
}
@-moz-keyframes gravity {
	to {
		transform: translateY(200px);
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-o-transform: translateY(200px);
		-ms-transform: translateY(200px);
		opacity: 0;
	}
}
@-o-keyframes gravity {
	to {
		transform: translateY(200px);
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-o-transform: translateY(200px);
		-ms-transform: translateY(200px);
		opacity: 0;
	}
}
@-ms-keyframes gravity {
	to {
		transform: translateY(200px);
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-o-transform: translateY(200px);
		-ms-transform: translateY(200px);
		opacity: 0;
	}
}
@keyframes gravity {
	to {
		transform: translateY(200px);
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-o-transform: translateY(200px);
		-ms-transform: translateY(200px);
		opacity: 0;
	}
}
@-webkit-keyframes position {
	0%, 19.9% {
		margin-top: 10%;
		margin-left: 40%;
	}
	20%, 39.9% {
		margin-top: 40%;
		margin-left: 30%;
	}
	40%, 59.9% {
		margin-top: 20%;
		margin-left: 70%;
	}
	60%, 79.9% {
		margin-top: 30%;
		margin-left: 20%;
	}
	80%, 99.9% {
		margin-top: 30%;
		margin-left: 80%;
	}
}
@-moz-keyframes position {
	0%, 19.9% {
		margin-top: 10%;
		margin-left: 40%;
	}
	20%, 39.9% {
		margin-top: 40%;
		margin-left: 30%;
	}
	40%, 59.9% {
		margin-top: 20%;
		margin-left: 70%;
	}
	60%, 79.9% {
		margin-top: 30%;
		margin-left: 20%;
	}
	80%, 99.9% {
		margin-top: 30%;
		margin-left: 80%;
	}
}
@-o-keyframes position {
	0%, 19.9% {
		margin-top: 10%;
		margin-left: 40%;
	}
	20%, 39.9% {
		margin-top: 40%;
		margin-left: 30%;
	}
	40%, 59.9% {
		margin-top: 20%;
		margin-left: 70%;
	}
	60%, 79.9% {
		margin-top: 30%;
		margin-left: 20%;
	}
	80%, 99.9% {
		margin-top: 30%;
		margin-left: 80%;
	}
}
@-ms-keyframes position {
	0%, 19.9% {
		margin-top: 10%;
		margin-left: 40%;
	}
	20%, 39.9% {
		margin-top: 40%;
		margin-left: 30%;
	}
	40%, 59.9% {
		margin-top: 20%;
		margin-left: 70%;
	}
	60%, 79.9% {
		margin-top: 30%;
		margin-left: 20%;
	}
	80%, 99.9% {
		margin-top: 30%;
		margin-left: 80%;
	}
}
@keyframes position {
	0%, 19.9% {
		margin-top: 10%;
		margin-left: 40%;
	}
	20%, 39.9% {
		margin-top: 40%;
		margin-left: 30%;
	}
	40%, 59.9% {
		margin-top: 20%;
		margin-left: 70%;
	}
	60%, 79.9% {
		margin-top: 30%;
		margin-left: 20%;
	}
	80%, 99.9% {
		margin-top: 30%;
		margin-left: 80%;
	}
}


.loykratong_slide_out_top {
	-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slide-out-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0;
	}
}
@keyframes slide-out-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0;
	}
}


.loykrathongplay_crad{
	box-shadow: 3px 3px 0px 0px #00000057;
	border-radius: 5px;
	margin-bottom: 7px;
	width: auto;
	transition: 5s;
}

.loykrathongplay_krathong_bb{
	position: absolute;
	right: 20px;
	bottom: 10px;
	text-align: -webkit-right;
}
.loykrotongplay_width_img{
	width: 50%;
}


.loykrotongplay-scale-in-center {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes scale-up-center {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.loykrotongplay-slide-out-elliptic-top-bck {
	-webkit-animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
	animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}
@-webkit-keyframes slide-out-blurred-top {
	0% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
		transform: translateY(-1000px) scaleY(2) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
}
@keyframes slide-out-blurred-top {
	0% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
		transform: translateY(-1000px) scaleY(2) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
}
.loykrotongplay-hidden{
	display: none;
}

.loykrotongplay-shake-horizontal {
	position: relative;
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.loykratongfestival_win {
	font-size: -webkit-xxx-large;
	color: #a71700;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -120%);
}
@-webkit-keyframes shake-horizontal {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	20%,
	40%,
	60% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}
	80% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	90% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
}
@keyframes shake-horizontal {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	20%,
	40%,
	60% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}
	80% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	90% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
}



.loykrotongplay-flip-scale-up-ver {
	border-radius: 20px;
	-webkit-animation: flip-scale-up-ver 1s linear both;
	animation: flip-scale-up-ver 1s linear both;
}

@-webkit-keyframes flip-scale-up-ver {
	0% {
		-webkit-transform: scale(1) rotateY(0);
		transform: scale(1) rotateY(0);
	}
	20% {
		-webkit-transform: scale(1) rotateY(90deg);
		transform: scale(1) rotateY(90deg);
	}
	50% {
		-webkit-transform: scale(1.5) rotateY(180deg);
		transform: scale(1.5) rotateY(180deg);
	}
	80% {
		-webkit-transform: scale(1) rotateY(270deg);
		transform: scale(1) rotateY(270deg);
	}
	100% {
		-webkit-transform: scale(1) rotateY(360deg);
		transform: scale(1) rotateY(360deg);
	}
}
@keyframes flip-scale-up-ver {
	0% {
		-webkit-transform: scale(1) rotateY(0);
		transform: scale(1) rotateY(0);
	}
	20% {
		-webkit-transform: scale(1) rotateY(90deg);
		transform: scale(1) rotateY(90deg);
	}
	50% {
		-webkit-transform: scale(1.5) rotateY(180deg);
		transform: scale(1.5) rotateY(180deg);
	}
	80% {
		-webkit-transform: scale(1) rotateY(270deg);
		transform: scale(1) rotateY(270deg);
	}
	100% {
		-webkit-transform: scale(1) rotateY(360deg);
		transform: scale(1) rotateY(360deg);
	}
}


.loykrotongplay-animation{
	animation: animationFrames linear 13s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 13s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 13s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 13s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 13s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}
.loykrathongplay_krathong_bb > img:nth-child(2){
	width: 100px;
	animation-delay: 5s;
	animation: animationFrames linear 15s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 15s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 15s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 15s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 15s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
	0% {
		transform:  translate(0px,0px)  rotate(0deg) ;
	}
	10% {
		transform:  translate(0px,-2px)  rotate(5deg) ;
	}
	20% {
		transform:  translate(-1px,-3px)  rotate(-5deg) ;
	}
	29% {
		transform:  translate(-1px,-5px)  rotate(0deg) ;
	}
	40% {
		transform:  translate(-2px,-6px)  rotate(5deg) ;
	}
	50% {
		transform:  translate(-2px,-8px)  rotate(0deg) ;
	}
	60% {
		transform:  translate(-3px,-5px)  rotate(-4deg) ;
	}
	70% {
		transform:  translate(-3px,-5px)  rotate(1deg) ;
	}
	80% {
		transform:  translate(-3px,-5px)  rotate(-5deg) ;
	}
	90% {
		transform:  translate(-3px,-5px)  rotate(5deg) ;
	}
	100% {
		transform:  translate(0px,0px)  rotate(0deg) ;
	}
}

@-moz-keyframes animationFrames{
	0% {
		-moz-transform:  translate(0px,0px)  rotate(0deg) ;
	}
	10% {
		-moz-transform:  translate(0px,-2px)  rotate(5deg) ;
	}
	20% {
		-moz-transform:  translate(-1px,-3px)  rotate(-5deg) ;
	}
	29% {
		-moz-transform:  translate(-1px,-5px)  rotate(0deg) ;
	}
	40% {
		-moz-transform:  translate(-2px,-6px)  rotate(5deg) ;
	}
	50% {
		-moz-transform:  translate(-2px,-8px)  rotate(0deg) ;
	}
	60% {
		-moz-transform:  translate(-3px,-5px)  rotate(-4deg) ;
	}
	70% {
		-moz-transform:  translate(-3px,-5px)  rotate(1deg) ;
	}
	80% {
		-moz-transform:  translate(-3px,-5px)  rotate(-5deg) ;
	}
	90% {
		-moz-transform:  translate(-3px,-5px)  rotate(5deg) ;
	}
	100% {
		-moz-transform:  translate(0px,0px)  rotate(0deg) ;
	}
}

@-webkit-keyframes animationFrames {
	0% {
		-webkit-transform:  translate(0px,0px)  rotate(0deg) ;
	}
	10% {
		-webkit-transform:  translate(0px,-2px)  rotate(5deg) ;
	}
	20% {
		-webkit-transform:  translate(-1px,-3px)  rotate(-5deg) ;
	}
	29% {
		-webkit-transform:  translate(-1px,-5px)  rotate(0deg) ;
	}
	40% {
		-webkit-transform:  translate(-2px,-6px)  rotate(5deg) ;
	}
	50% {
		-webkit-transform:  translate(-2px,-8px)  rotate(0deg) ;
	}
	60% {
		-webkit-transform:  translate(-3px,-5px)  rotate(-4deg) ;
	}
	70% {
		-webkit-transform:  translate(-3px,-5px)  rotate(1deg) ;
	}
	80% {
		-webkit-transform:  translate(-3px,-5px)  rotate(-5deg) ;
	}
	90% {
		-webkit-transform:  translate(-3px,-5px)  rotate(5deg) ;
	}
	100% {
		-webkit-transform:  translate(0px,0px)  rotate(0deg) ;
	}
}

@-o-keyframes animationFrames {
	0% {
		-o-transform:  translate(0px,0px)  rotate(0deg) ;
	}
	10% {
		-o-transform:  translate(0px,-2px)  rotate(5deg) ;
	}
	20% {
		-o-transform:  translate(-1px,-3px)  rotate(-5deg) ;
	}
	29% {
		-o-transform:  translate(-1px,-5px)  rotate(0deg) ;
	}
	40% {
		-o-transform:  translate(-2px,-6px)  rotate(5deg) ;
	}
	50% {
		-o-transform:  translate(-2px,-8px)  rotate(0deg) ;
	}
	60% {
		-o-transform:  translate(-3px,-5px)  rotate(-4deg) ;
	}
	70% {
		-o-transform:  translate(-3px,-5px)  rotate(1deg) ;
	}
	80% {
		-o-transform:  translate(-3px,-5px)  rotate(-5deg) ;
	}
	90% {
		-o-transform:  translate(-3px,-5px)  rotate(5deg) ;
	}
	100% {
		-o-transform:  translate(0px,0px)  rotate(0deg) ;
	}
}

@-ms-keyframes animationFrames {
	0% {
		-ms-transform:  translate(0px,0px)  rotate(0deg) ;
	}
	10% {
		-ms-transform:  translate(0px,-2px)  rotate(5deg) ;
	}
	20% {
		-ms-transform:  translate(-1px,-3px)  rotate(-5deg) ;
	}
	29% {
		-ms-transform:  translate(-1px,-5px)  rotate(0deg) ;
	}
	40% {
		-ms-transform:  translate(-2px,-6px)  rotate(5deg) ;
	}
	50% {
		-ms-transform:  translate(-2px,-8px)  rotate(0deg) ;
	}
	60% {
		-ms-transform:  translate(-3px,-5px)  rotate(-4deg) ;
	}
	70% {
		-ms-transform:  translate(-3px,-5px)  rotate(1deg) ;
	}
	80% {
		-ms-transform:  translate(-3px,-5px)  rotate(-5deg) ;
	}
	90% {
		-ms-transform:  translate(-3px,-5px)  rotate(5deg) ;
	}
	100% {
		-ms-transform:  translate(0px,0px)  rotate(0deg) ;
	}
}

.loykrathongplay_wave_ocean{
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.ocean {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #2c1040;
}
.wave {
	transition: all 5s;
}
.wave {
	background: url(https://static.sheepola.com/imagegame/loykratongfestival/wave.png?v=4) repeat-x;
	position: absolute;
	top: -320px;
	width: 6400px;
	height: 348px;
	-webkit-animation: wave 7s cubic-bezier(1, 1.22, 0.45, -0.04) infinite;
	animation: wave 7s cubic-bezier(1, 1.22, 0.45, -0.04) infinite;
}

.wave:nth-of-type(2) {
	top: -285px;
	-webkit-animation: wave 11s cubic-bezier(0.76, 0.48, 0.07, 0.96) -0.125s infinite;
	animation: wave 11s cubic-bezier(0.76, 0.48, 0.07, 0.96) -0.125s infinite;
	opacity: .9;
}
.wave:nth-of-type(3) {
	top: -275px;
	-webkit-animation: wave 24s cubic-bezier(0.8, 0.38, 0.65, 0.96) -4.225s infinite;
	animation: wave 24s cubic-bezier(0.8, 0.38, 0.65, 0.96) -4.225s infinite;
	opacity: .8;
}

@-webkit-keyframes wave {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: -1600px;
	}
}

@keyframes wave {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: -1600px;
	}
}
@-webkit-keyframes swell {
	0%, 100% {
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -25px, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
}
@keyframes swell {
	0%, 100% {
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -25px, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
}

.loykrathongplay_text-pop-up-top {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}


@-webkit-keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	10% {
		-webkit-transform: scale(0.91);
		transform: scale(0.91);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	17% {
		-webkit-transform: scale(0.98);
		transform: scale(0.98);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	33% {
		-webkit-transform: scale(0.87);
		transform: scale(0.87);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	45% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}
@keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	10% {
		-webkit-transform: scale(0.91);
		transform: scale(0.91);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	17% {
		-webkit-transform: scale(0.98);
		transform: scale(0.98);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	33% {
		-webkit-transform: scale(0.87);
		transform: scale(0.87);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	45% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}



.loykrathongplay_slide-in-bck-center {
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}


@-webkit-keyframes puff-in-center {
	0% {
		-webkit-transform: scale(2);
		transform: scale(2);
		-webkit-filter: blur(2px);
		filter: blur(2px);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}
@keyframes puff-in-center {
	0% {
		-webkit-transform: scale(2);
		transform: scale(2);
		-webkit-filter: blur(2px);
		filter: blur(2px);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}


.loykratongfestival_cashback {
	background: #ffffff7d;
	height: 25px;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: unset;
}

.loykratongfestival_cashback_set {
	margin-top: 1px;
	float: left;
}

.view_rlue{
	background-color: #e4394a;
	width: fit-content;
	border-radius: 7px;
	box-shadow: 0 0 15px 2px #f90;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}