#index header.header2{
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: rgba(0, 0, 0, 1.0)0px 2px 2px; 
	height:  inherit;
}

.header2 .header-box{
	padding: 0;
}

/* -----------------共同區------------- */
.about-p,
.about-list,
.about-order-title,
.about-order-list,
.about-order-icon2,
.order-list,
.question-list,
.order-page-list,
.banner-article,
.news-page-back,
.contact-slong,
.contact-info-form,
.about-slong{
	opacity: 0;
}
.index-title-box span{
	transform: scale(0, 0);
}

/* ------------------banner--------------- */
.banner-arrow{
	animation: fadeUpout-banner-arrow 1s linear 0s infinite alternate;
}


.index-banner-slong.slick-active span{
	animation: fade 1s linear 0s 1 forwards;
}
/* ------------------index---------------- */

.index-title-box.active span:nth-child(1){
	transform-origin: right;
}
.index-title-box.active span:nth-child(3),
.order-banner-info-title:after{
	transform-origin: left;
}
.index-title-box.active span:nth-child(1),
.index-title-box.active span:nth-child(3),
.order-banner-info-title:after{
	animation: line 1s linear 0s 1 forwards;
}
.index-news-list.active{
	opacity: 1;
	animation: none;
}


/* ------------------about---------------- */
.about-p.active,
.about-list.active,
.about-slong.active,
.about-order-title.active,
.about-order-list.active,
.about-order-icon2.active,
.order-list.active,
.question-list.active,
.order-page-list.active,
.news-page-back.active{
	animation: none;
	opacity: 1;
}



.order-banner-info-icon{
	animation: fadeInLeft 1s linear 0s 1 forwards;
}

.banner-article{
	animation: fade .8s linear .3s 1 forwards;
}

.banner-slong{
	animation: fadeInUp 1s linear 0s 1 forwards;
}

.contact-slong{
	animation: fade .8s linear.2s 1 forwards;
}
.contact-info-form{
	animation: fade .8s linear.4s 1 forwards;
}