.header-logo,
.header-menu,
.about-info-title,
.about-info-article,
.teach-list,
.teach-title-box,
.video-list,
.teach-titel,
.sense-list,
.sense-page-date,
.sense-page-img,
#sense-page .edit-box,
.teach-prev,
.teach-next,
.news-list,
.news-page-info-img,
.news-page-info,
.contact-info-box{
	opacity: 0;
}
.header-logo{
    animation: fade .8s linear 0s 1 forwards;
}
.header-menu{
	animation: fadeInDown2 .5s linear 0s 1 forwards;
}



#index .header-logo{
    animation: fade .8s linear 2s 1 forwards;
}
#index .header-menu{
	animation: fadeInDown2 .5s linear 2.5s 1 forwards;
}

.about-info-title{
	animation: fade .8s linear .2s 1 forwards;
}
.about-title-line{
	animation: line .8s linear .3s 1 forwards; 
}
.about-info-article{
	animation: fadeInUp2 1.5s ease .5s 1 forwards;
}

/*下方進入*/
@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.teach-list{
	animation: fade .8s linear 0s 1 forwards;
}

.teach-title-box{
	animation: fade .8s linear .2s 1 forwards;
}

.video-list-box .video-list,
.teach-titel,
.sense-list-box .sense-list{
  animation: fade .8s linear 0s 1 forwards;
}

.sense-line{
  transform: scale(0, 1);
  animation: line .8s linear 0s 1 forwards;
  transform-origin: left;
}
.sense-list:hover span{
  transform: scale(1.1);
}

.sense-page-date,
.sense-page-title,
.news-list,
.contact-info-box{
  animation: fade .8s linear 0s 1 forwards;
}

#sense-page .sense-page-box .sense-line{
  animation: line .8s linear .2s 1 forwards;
}

.sense-page-img,
#sense-page .edit-box,
.teach-prev,
.teach-next{
  animation: fade .8s linear .4s 1 forwards;
}
.news-page-info-img{
  animation: fade .8s linear .2s 1 forwards;
}
.news-page-info{
  animation: fade .8s linear .4s 1 forwards;
}



/* -------------------------------------- */
@-webkit-keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}