.main-title,
.main-list,
.main-edit,
.contact-list,
.contact-info-title,
.button{
	opacity: 0;
}
.main-title.active{
	animation: fade .8s linear 0s 1 forwards;
}
.main-line.active{
 	animation: line .8s linear 0s 1 forwards;
 }
.main-list.active{
 	animation: fade .8s linear 0s 1 forwards;
 }
.main-edit.active{
 	animation: fade .8s linear 0s 1 forwards;
 }
.contact-info-title.active,
.contact-list.active,
.button.active{
	animation: fade .8s linear 0s 1 forwards;
}

.loading-logo-box{
	width: 100%;
	height: 100vh;
	display: block;

}
.loading-logo-box{
	animation: index-in 1s linear 0s 1 forwards;
}

/* 過場動畫 */
@keyframes index-in {
  from {
    box-shadow: white 0px 0px 150px 50vh inset;
  }
  to {
    box-shadow: white 0px 0px 150px 0vh inset;
  }
}