#AEfloat {
  position: fixed;
  z-index: 12;
  text-align: center;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  bottom: 10%;
  right: 25px;
}
.float-close{
	position: absolute;
	top: -8px;	
	right: -8px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	display: flex;
	padding: 1px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: black;
	box-shadow: 2px 2px 2px #00000070;
	border: 1px solid black;
	z-index: 30;
}
.float-main {
  cursor: move;
  z-index: 501;
  width: 64px;
  height: 64px;
  z-index: 20;
  position: relative;
}
.float-sub {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    width: 52px;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.75);
    cursor: pointer;
    z-index: 501;
}
.float-sub:nth-of-type(1) {
	animation : float1 0.25s ease-in forwards;
}
.float-sub:nth-of-type(2) {
	animation : float2 0.25s ease-in forwards;
}
.float-sub:nth-of-type(3) {
	animation : float3 0.25s ease-in forwards;
}
.float-sub:nth-of-type(4) {
	animation : float4 0.25s ease-in forwards;
}
.float-sub:nth-of-type(5) {
	animation : float5 0.25s ease-in forwards;
}

.float-reverse:nth-of-type(1) {
	animation : float1-reverse 0.25s ease-in forwards;
}
.float-reverse:nth-of-type(2) {
	animation : float2-reverse 0.25s ease-in forwards;
}
.float-reverse:nth-of-type(3) {
	animation : float3-reverse 0.25s ease-in forwards;
}
.float-reverse:nth-of-type(4) {
	animation : float4-reverse 0.25s ease-in forwards;
}
.float-reverse:nth-of-type(5) {
	animation : float5-reverse 0.25s ease-in forwards;
}

@keyframes float1{
	0%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
	100%{
		opacity: 1;
		left: -41px;
		top: -45px;
	}
}
@keyframes float1-reverse{
	0%{
		opacity: 1;
		left: -41px;
		top: -45px;
	}
	100%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
}
@keyframes float2{
	0%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
	100%{
		opacity: 1;
		left: 23px;
		top: -60px;
	}
}
@keyframes float2-reverse{
	0%{
		opacity: 1;
		left: 23px;
		top: -60px;
	}
	100%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
}
@keyframes float3{
	0%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
	100%{
		opacity: 1;
		left: -67px;
		top: 10px;
	}
}
@keyframes float3-reverse{
	0%{
		opacity: 1;
		left: -67px;
		top: 10px;
	}
	100%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
}
@keyframes float4{
	0%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
	100%{
		opacity: 1;
		top: 68px;
		left: -39px;
	}
}
@keyframes float4-reverse{
	0%{
		opacity: 1;
		top: 68px;
		left: -39px;
	}
	100%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
}
@keyframes float5{
	0%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
	100%{
		opacity: 1;
		top: 81px;
		left: 23px;
	}
}
@keyframes float5-reverse{
	0%{
		opacity: 1;
		top: 81px;
		left: 23px;
	}
	100%{
		opacity: 0;
		top: 30%;
		left: 30%;
	}
}

.mini-game-iframe {
	-webkit-tap-highlight-color: transparent;
	height: 480px;
	width: 270px;
	position: relative;
}

.mini {
	-webkit-tap-highlight-color: transparent;
	height: 530px;
    left: 37px;
	position: fixed;
	top: 40px;
	width: 270px;
	z-index: 1999;
}

.mini-game-iframe iframe {
	height: 480px;
	left: 0;
	position: absolute;
	top: 0;
	width: 270px;
}


iframe{
	vertical-align: top;
}

.handle{
    position: absolute;
    top: -40px;
    left: -40px;
}