/* BASIC css start */
#footer{margin-top:0 !important}
#roulette{position:relative;width:100%;max-width:850px;margin:0 auto;text-align:center;background-color:#efe3d5;overflow:hidden}
#roulette > img{width:100%}
#roulette > span.leaf{position:absolute;top:-150px;left:0;height:100%}
#roulette > span.leaf.no1{left:auto;right:-50px}
#roulette > span.leaf.no1 > span > img{width:140px}
#roulette > span.leaf.no1{
	-webkit-animation-duration:10.00s;
	animation-duration:10.00s;
}
#roulette > span.leaf.no2{left:auto;right:10px}
#roulette > span.leaf.no2 > span > img{width:60px}
#roulette > span.leaf.no2{
	-webkit-animation-duration:25.00s;
	animation-duration:25.00s;
}
#roulette > span.leaf.no3{left:5px}
#roulette > span.leaf.no3 > span > img{width:40px}
#roulette > span.leaf.no3{
	-webkit-animation-duration:30.00s;
	animation-duration:30.00s;
}
#roulette > span.leaf.no4{left:-70px}
#roulette > span.leaf.no4 > span > img{width:110px}
#roulette > span.leaf.no4{
	-webkit-animation-duration:15.00s;
	animation-duration:15.00s;
}
#roulette > span.leaf.no5{left:-20px}
#roulette > span.leaf.no5 > span > img{width:65px}
#roulette > span.leaf.no5{
	-webkit-animation-duration:20.00s;
	animation-duration:20.00s;
}
#roulette > span.leaf.no6{left:auto;right:-80px}
#roulette > span.leaf.no6 > span > img{width:140px}
#roulette > span.leaf.no6{
	-webkit-animation-duration:15.00s;
	animation-duration:15.00s;
}
#roulette > span.leaf > span{position:relative;top:0;left:0}
#roulette > span.leaf > span{
	-webkit-animation-duration:3.00s;
	animation-duration:3.00s;
}
#roulette > span.leaf > span > img{
	-webkit-animation-duration:5.00s;
	animation-duration:5.00s;
}
#roulette > span.leaf.no1 > span > img{
	-webkit-transform-origin:top right;
	-ms-transform-origin:top right;
	transform-origin:top right;
}
#roulette > span.leaf.no2 > span > img{
	-webkit-transform-origin:bottom right;
	-ms-transform-origin:bottom right;
	transform-origin:bottom right;
}
#roulette > span.leaf.no3 > span > img{
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left;
}
#roulette > span.leaf.no4 > span > img{
	-webkit-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	transform-origin:bottom left;
}
#roulette > span.leaf.no5 > span > img{
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left;
}
#roulette > span.leaf.no6 > span > img{
	-webkit-transform-origin:top right;
	-ms-transform-origin:top right;
	transform-origin:top right;
}
#roulette > div.roulette{float:left;width:100%;height:300px;background-size:100% auto;background-repeat:no-repeat;background-position:0 0;background-color:#efe3d5}
#roulette > div.roulette > div{display:inline-block;position:relative;width:300px;height:300px}
#roulette > div.roulette > div > img{position:absolute;top:9%;left:0;float:left;width:300px;}
#roulette > div.roulette > div > img.roulette_login{width:60px;height:60px;left:auto;right:-26px;top:5px}
#roulette > div.roulette > div > button{position:absolute;top:127px;left:103px;float:left;width:94px;height:94px;border:0;border-radius:50px;background-color:transparent}
@media(min-width:426px){
	#roulette > div.roulette{height:400px}
	#roulette > div.roulette > div{width:400px;height:400px}
	#roulette > div.roulette > div > img{width:400px;height:400px}
	#roulette > div.roulette > div > img.roulette_login{width:70px;height:70px;right:-15px}
	#roulette > div.roulette > div > button{top:137px;left:137px;width:126px;height:126px;border-radius:65px;background-color:transparent}
}
#roulette > div.rouletteResult{display:none}
#roulette > div.rouletteResult{position:fixed;top:0;left:0;float:left;width:100%;height:100%;z-index:1}
#roulette > div.rouletteResult > span.bg{position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.75}
#roulette > div.rouletteResult > table.result{float:left;width:100%;height:100%;position:relative}
#roulette > div.rouletteResult > table.result td{text-align:center;vertical-align:middle}
#roulette > div.rouletteResult > table.result td > img{width:80%;max-width:500px;cursor:pointer}

@-webkit-keyframes falling-down{
	0%{top:-150px}
	100%{top:1000px}
}
@keyframes falling-down{
	0%{top:-150px}
	100%{top:1000px}
}
.falling-down{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:falling-down;
	animation-name:falling-down;
}

@-webkit-keyframes leaf-slide1{
	0%{left:0}
	50%{left:30px}
	100%{left:0}
}
@keyframes leaf-slide1{
	0%{left:0}
	50%{left:30px}
	100%{left:0}
}
.leaf-slide1{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:leaf-slide1;
	animation-name:leaf-slide1;
}

@-webkit-keyframes leaf-slide2{
	0%{right:0}
	50%{right:40px}
	100%{right:0}
}
@keyframes leaf-slide2{
	0%{right:0}
	50%{right:40px}
	100%{right:0}
}
.leaf-slide2{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:leaf-slide2;
	animation-name:leaf-slide2;
}

@-webkit-keyframes leaf-swing{
	25%{
		-webkit-transform:rotate3d(0, 0, 1, 4deg);
		transform:rotate3d(0, 0, 1, 4deg);
	}
	50%{
		-webkit-transform:rotate3d(0, 0, 1, -2deg);
		transform:rotate3d(0, 0, 1, -2deg);
	}
	75%{
		-webkit-transform:rotate3d(0, 0, 1, 2deg);
		transform:rotate3d(0, 0, 1, 2deg);
	}
	100%{
		-webkit-transform:rotate3d(0, 0, 1, 0deg);
		transform:rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes leaf-swing{
	25%{
		-webkit-transform:rotate3d(0, 0, 1, 4deg);
		transform:rotate3d(0, 0, 1, 4deg);
	}
	50%{
		-webkit-transform:rotate3d(0, 0, 1, -2deg);
		transform:rotate3d(0, 0, 1, -2deg);
	}
	75%{
		-webkit-transform:rotate3d(0, 0, 1, 2deg);
		transform:rotate3d(0, 0, 1, 2deg);
	}
	100%{
		-webkit-transform:rotate3d(0, 0, 1, 0deg);
		transform:rotate3d(0, 0, 1, 0deg);
	}
}
.leaf-swing{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:leaf-swing;
	animation-name:leaf-swing;
}



/* BASIC css end */