#casino1,#casino2,#casino3{background:#FFF;}
.slotMachine .slot{
  height:100%;

  background-repeat: no-repeat;
}

.slot1 {
  background: url("./img/slot1.png") ;background-size:cover;
}

.slot2 {
  background: url("./img/slot2.png") ;background-size:cover;
}

.slot3 {
  background: url("./img/slot3.png") ;background-size:cover;
}

.slot4 {
  background: url("./img/slot4.png") ;background-size:cover;
}

.slot5 {
  background: url("./img/slot5.png") ;background-size:cover;
}

.slot6 {
  background: url("./img/slot6.png") ;background-size:cover;
}

.slot7 {
  background: url("./img/slot7.png") ;background-size:cover;
}

.slot8 {
  background: url("./img/slot8.png") ;background-size:cover;
}



.slotMachine.border_on{
	 animation: border_onon 0.3s; 
	/*  animation-iteration-count: infinite; */
	 -webkit-animation-fill-mode: forwards;
	 animation-fill-mode: forwards;
}



.slotMachine .slot{
position:absolute;top:0px;left:0px;width:100%;opacity:1;border-bottom:1px solid #ddd;

}



.slotMachine.on .slot{
 animation: target_image 0.7s; 
 animation-iteration-count: infinite;

}


.slotMachine.on .slot1{animation-delay: 0s;}
.slotMachine.on .slot2{animation-delay: 0.1s;}
.slotMachine.on .slot3{animation-delay: 0.2s;}
.slotMachine.on .slot4{animation-delay: 0.3s;}
.slotMachine.on .slot5{animation-delay: 0.4s;}
.slotMachine.on .slot6{animation-delay: 0.5s;}
.slotMachine.on .slot7{animation-delay: 0.6s;}
.slotMachine.on .slot8{animation-delay: 0.7s;}


/*
.slotMachine.on .slot1{animation-delay: 0s;}
.slotMachine.on .slot2{animation-delay: 0.2s;}
.slotMachine.on .slot3{animation-delay: 0.4s;}
.slotMachine.on .slot4{animation-delay: 0.6s;}
.slotMachine.on .slot5{animation-delay: 0.8s;}
.slotMachine.on .slot6{animation-delay: 1s;}
.slotMachine.on .slot7{animation-delay: 1.2s;}
.slotMachine.on .slot8{animation-delay: 1.4s;}
*/


@keyframes border_onon {

 0% {  
        border: 5px solid yellow;
     }
  100% { 
		border: 5px solid #ff6600;
     }

}




@keyframes target_image {

 0% {  
        background-position: 0, 0 0;
         transform: translateY(-100%);
         -webkit-transform: translateY(-100%);
		 opacity:1;
     }
  100% { 
        background-position: 0, 0 -640px;
       transform: translateY(400%);
        -webkit-transform: translateY(400%);
		 opacity:1;
     }

}
.slotMachine.on2 .slot{
 animation: target_image2 1s; 

}
.slotMachine .slot.on3 {
 animation: target_image3 1s; 
  transform: translateY(100%);

}

@keyframes target_image2 {

 0% {  
			transform: translateY(-100%);
     }
  100% { 

       transform: translateY(0px);

     }

}

@keyframes target_image3 {

 0% {  
			transform: translateY(0px);
     }
  100% { 

       transform: translateY(100%);
	   display:none;

     }

}


#bumy_casino * {box-sizing:border-box; }

	#bumy_casino{width:100%;background:url(./img/bg.jpg);background-size:cover;padding-bottom:40px;}
	#bumy_casino:after{display:block;visibility:hidden;clear:both;content:""}
	#bumy_casino h1{text-align:center;font-size:50px;font-weight:900;color:yellow;text-shadow: -1px 0 #f00, 0 3px #f00, 3px 0 #f00, 0 -1px #f00;}
	#bumy_casino .casino_content{width:70%;margin:0 auto;background:#000;padding:2%;}
	#bumy_casino .casino_content:after {display:block;visibility:hidden;clear:both;content:""}
	#bumy_casino .casino_content .slotMachine{width:30%;margin:1.5%;height:auto;padding-bottom:29%;float:left;position:relative;overflow:hidden;border:5px solid yellow;}


			.point_area {width:70%;background:#000;padding:10px; margin:0 auto;}
			.point_area:after{display:block;visibility:hidden;clear:both;content:""}

			.point_area p{width:33.333%; float:left;text-align:center;color:#FFF;font-weight:bold;background:none;}
			.point_area p input{width:70%; text-align:center;color:#000;font-size:16px;border:0;}
			
			.btn_area{width:70%;margin:0 auto;background:#000;}
			.btn_area:after{display:block;visibility:hidden;clear:both;content:""}

			.btn_area button{float:left;width:29.3333%;height:60px;line-height:50px;text-align:center;;margin:1% 2%}
			.btn_area #stop_auto{display:none;}


			#sound_on{display:none;}

			.btn_area button {
				-moz-box-shadow: 0px 1px 0px 0px #fff6af;
				-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
				box-shadow: 0px 1px 0px 0px #fff6af;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
				background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
				background-color:#ffec64;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				border-radius:6px;
				border:1px solid #ffaa22;
				display:inline-block;
				cursor:pointer;
				color:#333333;
				font-family:Arial;
				font-size:15px;
				font-weight:bold;

				text-decoration:none;
				text-shadow:0px 1px 0px #ffee66;
			}
			.btn_area button:hover {
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
				background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
				background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
				background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
				background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
				background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
				background-color:#ffab23;
			}
			.btn_area button:active {
				position:relative;
				top:1px;
			}

			.button_area {
				float:left;width:29.3333%;height:60px;line-height:50px;text-align:center;;margin:1% 2%;
				-moz-box-shadow: 0px 1px 0px 0px #fff6af;
				-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
				box-shadow: 0px 1px 0px 0px #fff6af;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
				background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
				background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
				background-color:#ffec64;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				border-radius:6px;
				border:1px solid #ffaa22;
				display:inline-block;
				cursor:pointer;
				color:#333333;
				font-family:Arial;
				font-size:15px;
				font-weight:bold;

				text-decoration:none;
				text-shadow:0px 1px 0px #ffee66;
			}

			.jackpat_info {width:70%;background:#000;padding:10px; margin:0 auto;}
			.jackpat_info:after{display:block;visibility:hidden;clear:both;content:""}

			.jackpat_info p{width:33.333%; height:50px;float:left;text-align:center;color:#FFF;font-weight:bold;background:none;}
			.jackpat_info p img {width:50px;}


			@media(max-width: 700px) {
			#bumy_casino .casino_content{width:100%;}
				.point_area {width:100%;}
				
				.btn_area{width:100%;}

				.jackpat_info {width:100%;}
			}