@keyframes bounce {
	from,
	to {
		transform: translateY(1vh);
	}
	80% {
		transform: translateY(0.5vh);
	}
}

@-webkit-keyframes bounce {
	from,
	to {
		transform: translateY(1vh);
	}
	80% {
		transform: translateY(0.5vh);
	}
}

@-moz-keyframes bounce {
	from,
	to {
		transform: translateY(1vh);
	}
	80% {
		transform: translateY(0.5vh);
	}
}

@-ms-keyframes bounce {
	from,
	to {
		transform: translateY(1vh);
	}
	80% {
		transform: translateY(0.5vh);
	}
}


.dh_up{
	animation: up .8s forwards;
}




/* up */
@keyframes up {
	from {
		background-position-y: 40px;
	}
	to {
		background-position-y: 0px;
	}
}

@-webkit-keyframes up {
	from {
		background-position-y: 40px;
	}
	to {
		background-position-y: 0px;
	}
}

@-moz-keyframes up {
	from {
		background-position-y: 40px;
	}
	to {
		background-position-y: 0px;
	}
}

@-ms-keyframes up {
	from {
		background-position-y: 40px;
	}
	to {
		background-position-y: 0px;
	}
}

.dh_down{
	animation: down .8s forwards;
}


/* up */
@keyframes down {
	from {
		background-position-y: 0px;
	}
	to {
		background-position-y: 40px;
	}
}

@-webkit-keyframes down {
	from {
		background-position-y: 0px;
	}
	to {
		background-position-y: 40px;
	}
}

@-moz-keyframes down {
	from {
		background-position-y: 0px;
	}
	to {
		background-position-y: 40px;
	}
}

@-ms-keyframes down {
	from {
		background-position-y: 0px;
	}
	to {
		background-position-y: 40px;
	}
}


.dh_left{
	animation: left .8s forwards;
}
/* left */
@keyframes left {
	from {
		left: 580px;
	}
	to {
		left: 600px;
	}
}

@-webkit-keyframes left {
	from {
		left: 580px;
	}
	to {
		left: 600px;
	}
}

@-moz-keyframes left {
	from {
		left: 580px;
	}
	to {
		left: 600px;
	}
}

@-ms-keyframes left {
	from {
		left: 580px;
	}
	to {
		left: 600px;
	}
}

.dh_right{
	animation: right .8s forwards;
}



/* right */
@keyframes right {
	from {
		left: 600px;
	}
	to {
		left: 580px;
	}
}

@-webkit-keyframes right {
	from {
		left: 600px;
	}
	to {
		left: 580px;
	}
}

@-moz-keyframes right {
	from {
		left: 600px;
	}
	to {
		left: 580px;
	}
}

@-ms-keyframes right {
	from {
		left: 600px;
	}
	to {
		left: 580px;
	}
}




.dh_left_b{
	animation: left_b .8s forwards;
}
/* left */
@keyframes left_b {
	from {
		background-size: 100% auto;
	}
	to {
		background-size: 90% auto;
	}
}

@-webkit-keyframes left_b {
	from {
		background-size: 100% auto;
	}
	to {
		background-size: 90% auto;
	}
}

@-moz-keyframes left_b {
	from {
		background-size: 100% auto;
	}
	to {
		background-size: 90% auto;
	}
}

@-ms-keyframes left_b {
	from {
		background-size: 100% auto;
	}
	to {
		background-size: 90% auto;
	}
}

.dh_right_b{
	animation: right_b .8s forwards;
}
/* left */
@keyframes right_b {
	from {
		background-size: 90% auto;
	}
	to {
		background-size: 100% auto;
	}
}

@-webkit-keyframes right_b {
	from {
		background-size: 90% auto;
	}
	to {
		background-size: 100% auto;
	}
}

@-moz-keyframes right_b {
	from {
		background-size: 90% auto;
	}
	to {
		background-size: 100% auto;
	}
}

@-ms-keyframes right_b {
	from {
		background-size: 90% auto;
	}
	to {
		background-size: 100% auto;
	}
}
.fw_fadeInDown {
	animation: fw_fadeInDown 1s;
	-webkit-animation: fw_fadeInDown 1s;
}

@keyframes fw_fadeInDown {
	0% {
		margin-top: -200px;
		opacity: 0;
	}
	100% {
		margin-top: 0px;
		opacity: 1;
	}
}
@-webkit-keyframes fw_fadeInDown{
	0% {
		margin-top: -200px;
		opacity: 0;
	}
	100% {
		margin-top: 0px;
		opacity: 1;
	}
}