body {
	width:100%;
	height:100%;
	
}
.wave-window:hover{
	animation-play-state:paused;
}
.wave-window{
	/*width: 100px;
	height: 100px;*/
	left: 50%;
	z-index:200;
	position: fixed;
	animation-name: myfirst;				
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: myfirst;
	-webkit-animation-duration: 20s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	overflow: hidden;
}
.wave-window-del{
	width:100%;height:20px;
}
.wave-window-del img {
	margin-right: 0;height: 20px;width: 20px; cursor: pointer;float: right;
}
@keyframes myfirst {
	0% {
		/*background: red;*/
		left: 50%;
		top: 0;
		/*transform: translate(-50%,0);*/
	}
	25% {
		/*background: red;*/
		top: 40%;
		left: 100%;
		transform: translate(-100%,0);
	}
	50% {
		/*background: red;*/
		left: 40%;
		top: 100%;
		transform: translate(0,-100%);
	}
	75% {
		/*background: red;*/
		left: 0;
		top: 40%;
		transform: translate(0,0);
	}
	100% {
		/*background: red;*/
		left: 40%;
		top: 0;
		/*transform: translate(-50%,0);*/
	}
}