@charset "utf-8";
/* CSS Document */

/* GOTOP */

.go-top-container{
	position: fixed;
	bottom: 4rem;
	right: 4rem;
	width: 6.6rem;
	height: 6.6rem;
	z-index: -1;
}

.go-top-button{
	width: 0rem;
	height: 0rem;
	background: #EA5357;
	border-radius: 50%;
	cursor: pointer;
	transition: .2s;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.go-top-button i{
	position: absolute;
	font-size: 1.7rem;
	top:48%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	color: #fff;
	transform: .2s;
}

.show{
	z-index: 10;
}

.show .go-top-button{
	animation: popup .3s ease-in-out;
	width: 6.6rem;
	height: 6.6rem;
	z-index: 11;
}

.show i{
	transform: translate(-50%, -50%) scale(1);
}

@keyframes popup{
	0%{
		width: 0rem;
		height: 0rem;
	}
	50%{
		width: 8rem;
		height: 8rem;
	}
	100%{
		width: 6.6rem;
		height: 6.6rem;
	}
}