/*==============================================================================
page01
==============================================================================*/
/*藍背景*/


.active .section1_bg{
	/*width:50px;*/
	
	-webkit-animation:section1_bg;
	-moz-animation:section1_bg;
	-o-animation:section1_bg;
	-ms-animation:section1_bg;
	animation:section1_bg;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function: liner;
	-o-animation-timing-function: liner;
	-ms-animation-timing-function: liner;
	animation-timing-function: liner;
	}
	
@-webkit-keyframes section1_bg {
	30% {background-color:rgba(27,154,205,1);}
	60% {background-color:rgba(27,154,205,0);}
	100% {background-color:rgba(27,154,205,0);}
}
@-moz-keyframes section1_bg {
	30% {background-color:rgba(27,154,205,1);}
	60% {background-color:rgba(27,154,205,0);}
	100% {background-color:rgba(27,154,205,0);}
}
@-o-keyframes section1_bg {
	30% {background-color:rgba(27,154,205,1);}
	60% {background-color:rgba(27,154,205,0);}
	100% {background-color:rgba(27,154,205,0);}
}
@-ms-keyframes section1_bg {
	30% {background-color:rgba(27,154,205,1);}
	60% {background-color:rgba(27,154,205,0);}
	100% {background-color:rgba(27,154,205,0);}
}
@keyframes section1_bg {
	30% {background-color:rgba(27,154,205,1);}
	60% {background-color:rgba(27,154,205,0);}
	100% {background-color:rgba(27,154,205,0);}
}


/*尖尖背景*/

.active .p1_element01a img{
	/*width:50px;*/
	
	-webkit-animation:p1_element01a;
	-moz-animation:p1_element01a;
	-o-animation:p1_element01a;
	-ms-animation:p1_element01a;
	animation:p1_element01a;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function: liner;
	-o-animation-timing-function: liner;
	-ms-animation-timing-function: liner;
	animation-timing-function: liner;
	}
	
@-webkit-keyframes p1_element01a {
	30% {opacity:0;width:100px;}
	100% {opacity:1;width:382px;}
}
@-moz-keyframes p1_element01a {
	30% {opacity:0;width:100px;}
	100% {opacity:1;width:382px;}
}
@-o-keyframes p1_element01a {
	30% {opacity:0;width:100px;}
	100% {opacity:1;width:382px;}
}
@-ms-keyframes p1_element01a {
	30% {opacity:0;width:100px;}
	100% {opacity:1;width:382px;}
}
@keyframes p1_element01a {
	30% {opacity:0;width:100px;}
	100% {opacity:1;width:382px;}
}
	
/*飛機*/
.active .p1_element01b{
	
	-webkit-animation:p1_element01b;
	-moz-animation:p1_element01b;
	-o-animation:p1_element01b;
	-ms-animation:p1_element01b;
	animation:p1_element01b;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
	
@-webkit-keyframes p1_element01b {
	30% { opacity:0;left:35px;}
	100% {opacity:1;left:235px;}
}
@-moz-keyframes p1_element01b {
	30% { opacity:0;left:35px;}
	100% {opacity:1;left:235px;}
}
@-o-keyframes p1_element01b {
	30% { opacity:0;left:35px;}
	100% {opacity:1;left:235px;}
}
@-ms-keyframes p1_element01b {
	30% { opacity:0;left:35px;}
	100% {opacity:1;left:235px;}
}
@keyframes p1_element01b {
	30% { opacity:0;left:35px;}
	100% {opacity:1;left:235px;}
}


/*手機*/
.active .p1_element02a{
	
	-webkit-animation:p1_element02a;
	-moz-animation:p1_element02a;
	-o-animation:p1_element02a;
	-ms-animation:p1_element02a;
	animation:p1_element02a;
	
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
	
@-webkit-keyframes p1_element02a {
	0% { opacity:0;top:210px;}
	100% {opacity:1;top:110px;}
}
@-moz-keyframes p1_element02a {
	0% { opacity:0;top:210px;}
	100% {opacity:1;top:110px;}
}
@-o-keyframes p1_element02a {
	0% { opacity:0;top:210px;}
	100% {opacity:1;top:110px;}
}
@-ms-keyframes p1_element02a {
	0% { opacity:0;top:210px;}
	100% {opacity:1;top:110px;}
}
@keyframes p1_element02a {
	0% { opacity:0;top:210px;}
	100% {opacity:1;top:110px;}
}


/*訊息*/
.active .p1_element02b{
	
	-webkit-animation:p1_element02b;
	-moz-animation:p1_element02b;
	-o-animation:p1_element02b;
	-ms-animation:p1_element02b;
	animation:p1_element02b;
	
	-webkit-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	animation-duration: 1.3s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	
	-moz-transform-origin: center right;
	}
	
@-webkit-keyframes p1_element02b {
	25% {opacity:0;left:0px;-webkit-transform:scale(1)}
	75% {opacity:1;left:150px;-webkit-transform:scale(1)}
	80% {opacity:1;left:150px;-webkit-transform:scale(0.95)}
	90% {opacity:1;left:150px;-webkit-transform:scale(1)}
	100%{opacity:1;left:150px;}
}
@-moz-keyframes p1_element02b {
	25% {opacity:0;left:0px;-moz-transform:scale(1)}
	75% {opacity:1;left:150px;-moz-transform:scale(1)}
	80% {opacity:1;left:150px;-moz-transform:scale(0.95)}
	90% {opacity:1;left:150px;-moz-transform:scale(1)}
	100%{opacity:1;left:150px;}
}
@-o-keyframes p1_element02b {
	25% {opacity:0;left:0px;-o-transform:scale(1)}
	75% {opacity:1;left:150px;-o-transform:scale(1)}
	80% {opacity:1;left:150px;-o-transform:scale(0.95)}
	90% {opacity:1;left:150px;-o-transform:scale(1)}
	100%{opacity:1;left:150px;}
}
@-ms-keyframes p1_element02b {
	25% {opacity:0;left:0px;-ms-transform:scale(1)}
	75% {opacity:1;left:150px;-ms-transform:scale(1)}
	80% {opacity:1;left:150px;-ms-transform:scale(0.95)}
	90% {opacity:1;left:150px;-ms-transform:scale(1)}
	100%{opacity:1;left:150px;}
}
@keyframes p1_element02b {
	25% {opacity:0;left:0px;transform:scale(1)}
	75% {opacity:1;left:150px;transform:scale(1)}
	80% {opacity:1;left:150px;transform:scale(0.95)}
	90% {opacity:1;left:150px;transform:scale(1)}
	100%{opacity:1;left:150px;}
}

/*手*/
.active .p1_element03a{
	-webkit-animation:p1_element03a;
	-moz-animation:p1_element03a;
	-o-animation:p1_element03a;
	-ms-animation:p1_element03a;
	animation:p1_element03a;
	
	-webkit-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	animation-duration: 1.3s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	
	transform-origin: top center;
	}
@-webkit-keyframes p1_element03a {
	25% { opacity:0;top:410px;-webkit-transform:scale(1)}
	75% {opacity:1;top:310px;-webkit-transform:scale(1)}
	80% {opacity:1;top:305px;-webkit-transform:scaleY(0.95)}
	90% {opacity:1;top:310px;-webkit-transform:scale(1)}
	100% {opacity:1;top:310px;}
}
@-moz-keyframes p1_element03a {
	25% { opacity:0;top:410px;-moz-transform:scale(1)}
	75% {opacity:1;top:310px;-moz-transform:scale(1)}
	80% {opacity:1;top:305px;-moz-transform:scaleY(0.95)}
	90% {opacity:1;top:310px;-moz-transform:scale(1)}
	100% {opacity:1;top:310px;}
}
@-o-keyframes p1_element03a {
	25% { opacity:0;top:410px;-o-transform:scale(1)}
	75% {opacity:1;top:310px;-o-transform:scale(1)}
	80% {opacity:1;top:305px;-o-transform:scaleY(0.95)}
	90% {opacity:1;top:310px;-o-transform:scale(1)}
	100% {opacity:1;top:310px;}
}
@-ms-keyframes p1_element03a {
	25% { opacity:0;top:410px;-ms-transform:scale(1)}
	75% {opacity:1;top:310px;-ms-transform:scale(1)}
	80% {opacity:1;top:305px;-ms-transform:scaleY(0.95)}
	90% {opacity:1;top:310px;-ms-transform:scale(1)}
	100% {opacity:1;top:310px;}
}
@keyframes p1_element03a {
	25% { opacity:0;top:410px;transform:scale(1)}
	75% {opacity:1;top:310px;transform:scale(1)}
	80% {opacity:1;top:305px;transform:scaleY(0.95)}
	90% {opacity:1;top:310px;transform:scale(1)}
	100% {opacity:1;top:310px;}
}

/**/
.active .p1_word{
	-webkit-animation:p1_word;
	-moz-animation:p1_word;
	-o-animation:p1_word;
	-ms-animation:p1_word;
	animation:p1_word;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
@-webkit-keyframes p1_word {
	30% { opacity:0;padding-left:450px;}
	100% {opacity:1;padding-left:650px;}
}
@-moz-keyframes p1_word {
	30% { opacity:0;padding-left:450px;}
	100% {opacity:1;padding-left:650px;}
}
@-o-keyframes p1_word {
	30% { opacity:0;padding-left:450px;}
	100% {opacity:1;padding-left:650px;}
}
@-ms-keyframes p1_word {
	30% { opacity:0;padding-left:450px;}
	100% {opacity:1;padding-left:650px;}
}
@keyframes p1_word {
	30% { opacity:0;padding-left:450px;}
	100% {opacity:1;padding-left:650px;}
}


/*==============================================================================
page02
==============================================================================*/
/*企業端*/
.active .p2_element03a{
	-webkit-animation:p2_element03a;
	-moz-animation:p2_element03a;
	-o-animation:p2_element03a;
	-ms-animation:p2_element03a;
	animation:p2_element03a;
	
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-0-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
@-webkit-keyframes p2_element03a {
	0% {opacity:0;/*-webkit-transform:scale(1);*/}
	50% { opacity:0.5;}
	100% {opacity:1;}
}
@-moz-keyframes p2_element03a {
	0% {opacity:0;/*-webkit-transform:scale(1);*/}
	50% { opacity:0.5;}
	100% {opacity:1;}
}
@-o-keyframes p2_element03a {
	0% {opacity:0;/*-webkit-transform:scale(1);*/}
	50% { opacity:0.5;}
	100% {opacity:1;}
}
@-ms-keyframes p2_element03a {
	0% {opacity:0;/*-webkit-transform:scale(1);*/}
	50% { opacity:0.5;}
	100% {opacity:1;}
}
@keyframes p2_element03a {
	0% {opacity:0;/*-webkit-transform:scale(1);*/}
	50% { opacity:0.5;}
	100% {opacity:1;}
}


/*箭頭01*/
.active .p2_element03c{
	-webkit-animation:p2_element03c;
	-moz-animation:p2_element03c;
	-o-animation:p2_element03c;
	-ms-animation:p2_element03c;
	animation:p2_element03c;
	
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	-o-animation-duration: 0.7s;
	-ms-animation-duration: 0.7s;
	animation-duration: 0.7s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
	
/*箭頭影子*/	
.active .p2_element03d{
	-webkit-animation:p2_element03c;
	-moz-animation:p2_element03c;
	-o-animation:p2_element03c;
	-ms-animation:p2_element03c;
	animation:p2_element03c;
	
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	-o-animation-duration: 0.7s;
	-ms-animation-duration: 0.7s;
	animation-duration: 0.7s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
	
@-webkit-keyframes p2_element03c {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes p2_element03c {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes p2_element03c {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes p2_element03c {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes p2_element03c {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}


/*求職端*/
.active .p2_element03b{
	-webkit-animation:p2_element03b;
	-moz-animation:p2_element03b;
	-o-animation:p2_element03b;
	-ms-animation:p2_element03b;
	animation:p2_element03b;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration:1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
@-webkit-keyframes p2_element03b {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes p2_element03b {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes p2_element03b {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes p2_element03b {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes p2_element03b {
	0% {opacity:0;}
	50% {opacity:0;}
	60% { opacity:0;}
	100% {opacity:1;}
}


/*視訊-企業端*/
.active .p2_element01{
	-webkit-animation:p2_element01;
	-moz-animation:p2_element01;
	-o-animation:p2_element01;
	-ms-animation:p2_element01;
	animation:p2_element01;
	
	-webkit-animation-duration: 1.4s;
	-moz-animation-duration: 1.4s;
	-o-animation-duration: 1.4s;
	-ms-animation-duration: 1.4s;
	animation-duration: 1.4s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	}
@-webkit-keyframes p2_element01 {
	0% {opacity:0;left:500px;}
	60% {opacity:0;left:500px;}
	100% {opacity:1;left:480px;}
}
@-moz-keyframes p2_element01 {
	0% {opacity:0;left:500px;}
	60% {opacity:0;left:500px;}
	100% {opacity:1;left:480px;}
}
@-o-keyframes p2_element01 {
	0% {opacity:0;left:500px;}
	60% {opacity:0;left:500px;}
	100% {opacity:1;left:480px;}
}
@-ms-keyframes p2_element01 {
	0% {opacity:0;left:500px;}
	60% {opacity:0;left:500px;}
	100% {opacity:1;left:480px;}
}
@keyframes p2_element01 {
	0% {opacity:0;left:500px;}
	60% {opacity:0;left:500px;}
	100% {opacity:1;left:480px;}
}

/*求職端-視訊*/
.active .p2_element02{
	-webkit-animation:p2_element02;
	-moz-animation:p2_element02;
	-o-animation:p2_element02;
	-ms-animation:p2_element02;
	animation:p2_element02;
	
	-webkit-animation-duration: 1.4s;
	-moz-animation-duration: 1.4s;
	-o-animation-duration: 1.4s;
	-ms-animation-duration: 1.4s;
	animation-duration: 1.4s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	
	/*-webkit-transform-origin: center left;*/
	}
	
@-webkit-keyframes p2_element02 {
	0% {opacity:0;left:715px;}
	60% {opacity:0;left:715px;}
	100% {opacity:1;left:735px;}
}
@-moz-keyframes p2_element02 {
	0% {opacity:0;left:715px;}
	60% {opacity:0;left:715px;}
	100% {opacity:1;left:735px;}
}
@-o-keyframes p2_element02 {
	0% {opacity:0;left:715px;}
	60% {opacity:0;left:715px;}
	100% {opacity:1;left:735px;}
}
@-ms-keyframes p2_element02 {
	0% {opacity:0;left:715px;}
	60% {opacity:0;left:715px;}
	100% {opacity:1;left:735px;}
}
@keyframes p2_element02 {
	0% {opacity:0;left:715px;}
	50% {opacity:0;left:715px;}
	100% {opacity:1;left:735px;}
}


.active .p2_word{
	-webkit-animation:p2_word;
	-moz-animation:p2_word;
	-o-animation:p2_word;
	-ms-animation:p2_word;
	animation:p2_word;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-ot-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
@-webkit-keyframes p2_word {
	0% { opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes p2_word {
	0% { opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes p2_word {
	0% { opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes p2_word {
	0% { opacity:0;}
	100% {opacity:1;}
}
@keyframes p2_word {
	0% { opacity:0;}
	100% {opacity:1;}
}

/*==============================================================================
page03
==============================================================================*/
.active .section3_bg{
	/*width:50px;*/
	
	-webkit-animation:section3_bg;
	-moz-animation:section3_bg;
	-o-animation:section3_bg;
	-ms-animation:section3_bg;
	animation:section3_bg;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function: liner;
	-o-animation-timing-function: liner;
	-ms-animation-timing-function: liner;
	animation-timing-function: liner;
	}
	
@-webkit-keyframes section3_bg {
	0% {background-color:rgba(0,187,190,1);}
	60% {background-color:rgba(0,187,190,0);}
	100% {background-color:rgba(0,187,190,0);}
}
@-moz-keyframes section3_bg {
	0% {background-color:rgba(0,187,190,1);}
	60% {background-color:rgba(0,187,190,0);}
	100% {background-color:rgba(0,187,190,0);}
}
@-o-keyframes section3_bg {
	0% {background-color:rgba(0,187,190,1);}
	60% {background-color:rgba(0,187,190,0);}
	100% {background-color:rgba(0,187,190,0);}
}
@-ms-keyframes section3_bg {
	0% {background-color:rgba(0,187,190,1);}
	60% {background-color:rgba(0,187,190,0);}
	100% {background-color:rgba(0,187,190,0);}
}
@keyframes section3_bg {
	0% {background-color:rgba(0,187,190,1);}
	60% {background-color:rgba(0,187,190,0);}
	100% {background-color:rgba(0,187,190,0);}
}


/*尖尖背景*/

.active .p3_element01b img{
	-webkit-animation:p3_element01b;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:p3_element01b;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:p3_element01b;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:p3_element01b;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:p3_element01b;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
	
@-webkit-keyframes p3_element01b {
	0% {width:0px; left:215px;}
	60% {width:215px; left:0px;}
	100% {width:215px; left:-50px;}
}
@-moz-keyframes p3_element01b {
	0% {width:0px; left:215px;}
	60% {width:215px; left:0px;}
	100% {width:215px; left:-50px;}
}
@-o-keyframes p3_element01b {
	0% {width:0px; left:215px;}
	60% {width:215px; left:0px;}
	100% {width:215px; left:-50px;}
}
@-ms-keyframes p3_element01b {
	0% {width:0px; left:215px;}
	60% {width:215px; left:0px;}
	100% {width:215px; left:-50px;}
}
@keyframes p3_element01b {
	0% {width:0px; left:215px;}
	60% {width:215px; left:0px;}
	100% {width:215px; left:-50px;}
}

.active .p3_element01a{
	/*width:50px;*/
	
	-webkit-animation:p3_element01a;
	-moz-animation:p3_element01a;
	-o-animation:p3_element01a;
	-ms-animation:p3_element01a;
	animation:p3_element01a;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function: liner;
	-o-animation-timing-function: liner;
	-ms-animation-timing-function: liner;
	animation-timing-function: liner;
	}
	
@-webkit-keyframes p3_element01a {
	0% {right:-30px;}
	30% {right:0px;}
	100% {right:0px;}
}
@-moz-keyframes p3_element01a {
	0% {right:-30px;}
	30% {right:0px;}
	100% {right:0px;}
}
@-o-keyframes p3_element01a {
	0% {right:-30px;}
	30% {right:0px;}
	100% {right:0px;}
}
@-ms-keyframes p3_element01a {
	0% {right:-30px;}
	30% {right:0px;}
	100% {right:0px;}
}
@keyframes p3_element01a {
	0% {right:-30px;}
	30% {right:0px;}
	100% {right:0px;}
}

/*手機*/
.active .p3_element02a{
	-webkit-animation:p3_element02a;
	-moz-animation:p3_element02a;
	-o-animation:p3_element02a;
	-ms-animation:p3_element02a;
	animation:p3_element02a;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
@-webkit-keyframes p3_element02a {
	0% { opacity:0;top:298px;}
	35% { opacity:0;top:298px;}
	100% {opacity:1;top:98px;}
}
@-moz-keyframes p3_element02a {
	0% { opacity:0;top:298px;}
	35% { opacity:0;top:298px;}
	100% {opacity:1;top:98px;}
}
@-o-keyframes p3_element02a {
	0% { opacity:0;top:298px;}
	35% { opacity:0;top:298px;}
	100% {opacity:1;top:98px;}
}
@-ms-keyframes p3_element02a {
	0% { opacity:0;top:298px;}
	35% { opacity:0;top:298px;}
	100% {opacity:1;top:98px;}
}
@keyframes p3_element02a {
	0% { opacity:0;top:298px;}
	35% { opacity:0;top:298px;}
	100% {opacity:1;top:98px;}
}

/*企業 - 面試通知*/
.active .p3_element02b{
	-webkit-animation:p3_element02b;
	-moz-animation:p3_element02b;
	-o-animation:p3_element02b;
	-ms-animation:p3_element02b;
	animation:p3_element02b;
	
	-webkit-animation-duration: 2.2s;
	-moz-animation-duration: 2.2s;
	-o-animation-duration: 2.2s;
	-ms-animation-duration: 2.2s;
	animation-duration: 2.2s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;

	
	-webkit-transform-origin: top left;
	-moz-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-ms-animation-timing-function: ease-in-out;
	transform-origin: top left;
	}
@-webkit-keyframes p3_element02b {
	35% { opacity:0;-webkit-transform:scale(0.8);}
	70% {opacity:1;-webkit-transform:scale(1);}
	100% {opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes p3_element02b {
	35% { opacity:0;-moz-transform:scale(0.8);}
	70% {opacity:1;-moz-transform:scale(1);}
	100% {opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes p3_element02b {
	35% { opacity:0;-o-transform:scale(0.8);}
	70% {opacity:1;-o-transform:scale(1);}
	100% {opacity:1;-ot-transform:scale(1);}
}
@-ms-keyframes p3_element02b {
	35% { opacity:0;-ms-transform:scale(0.8);}
	70% {opacity:1;-ms-transform:scale(1);}
	100% {opacity:1;-ms-transform:scale(1);}
}
@keyframes p3_element02b {
	35% { opacity:0;transform:scale(0.8);}
	70% {opacity:1;transform:scale(1);}
	100% {opacity:1;transform:scale(1);}
}

/*求職者 - 不在台灣*/
.active .p3_element02c{
	-webkit-animation:p3_element02c;
	-moz-animation:p3_element02c;
	-o-animation:p3_element02c;
	-ms-animation:p3_element02c;
	animation:p3_element02c;
	
	-webkit-animation-duration: 2.3s;
	-moz-animation-duration: 2.3s;
	-o-animation-duration: 2.3s;
	-ms-animation-duration: 2.3s;
	animation-duration: 2.3s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-o-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	}
@-webkit-keyframes p3_element02c {
	40% {opacity:0;left:286px;-webkit-transform:scale(0.8);}
	75% {opacity:1;left:266px;-webkit-transform:scale(1);}
	100% {opacity:1;left:266px;-webkit-transform:scale(1);}
}
@-moz-keyframes p3_element02c {
	40% {opacity:0;left:286px;-moz-transform:scale(0.8);}
	75% {opacity:1;left:266px;-moz-transform:scale(1);}
	100% {opacity:1;left:266px;-moz-transform:scale(1);}
}
@-o-keyframes p3_element02c {
	40% {opacity:0;left:286px;-o-transform:scale(0.8);}
	75% {opacity:1;left:266px;-o-transform:scale(1);}
	100% {opacity:1;left:266px;-o-transform:scale(1);}
}
@-ms-keyframes p3_element02c {
	40% {opacity:0;left:286px;-ms-transform:scale(0.8);}
	75% {opacity:1;left:266px;-ms-transform:scale(1);}
	100% {opacity:1;left:266px;-ms-transform:scale(1);}
}
@keyframes p3_element02c {
	40% {opacity:0;left:286px;transform:scale(0.8);}
	75% {opacity:1;left:266px;transform:scale(1);}
	100% {opacity:1;left:266px;transform:scale(1);}
}

/*企業 - 答應視訊面試*/
.active .p3_element02d{
	-webkit-animation:p3_element02d;
	-moz-animation:p3_element02d;
	-o-animation:p3_element02d;
	-ms-animation:p3_element02d;
	animation:p3_element02d;
	
	-webkit-animation-duration: 2.4s;
	-moz-animation-duration: 2.4s;
	-o-animation-duration: 2.4s;
	-ms-animation-duration: 2.4s;
	animation-duration: 2.4s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	
	-webkit-transform-origin: center left;
	-moz-transform-origin: center left;
	-o-transform-origin: center left;
	-ms-transform-origin: center left;
	-transform-origin: center left;
	}
@-webkit-keyframes p3_element02d {
	55% {opacity:0;left:192px;-webkit-transform:scale(0.8);}
	90% {opacity:1;left:212px;-webkit-transform:scale(1);}
	100% {opacity:1;left:212px;-webkit-transform:scale(1);}
}
@-moz-keyframes p3_element02d {
	55% {opacity:0;left:192px;-moz-transform:scale(0.8);}
	90% {opacity:1;left:212px;-moz-transform:scale(1);}
	100% {opacity:1;left:212px;-moz-transform:scale(1);}
}
@-o-keyframes p3_element02d {
	55% {opacity:0;left:192px;-o-transform:scale(0.8);}
	90% {opacity:1;left:212px;-o-transform:scale(1);}
	100% {opacity:1;left:212px;-o-transform:scale(1);}
}
@-ms-keyframes p3_element02d {
	55% {opacity:0;left:192px;-ms-transform:scale(0.8);}
	90% {opacity:1;left:212px;-ms-transform:scale(1);}
	100% {opacity:1;left:212px;-ms-transform:scale(1);}
}
@keyframes p3_element02d {
	55% {opacity:0;left:192px;transform:scale(0.8);}
	90% {opacity:1;left:212px;transform:scale(1);}
	100% {opacity:1;left:212px;transform:scale(1);}
}

/*企業 - 視訊通話*/
.active .p3_element02e{
	-webkit-animation:p3_element02e;
	-moz-animation:p3_element02e;
	-o-animation:p3_element02e;
	-ms-animation:p3_element02e;
	animation:p3_element02e;
	
	-webkit-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;
	-o-animation-duration: 2.5s;
	-ms-animation-duration: 2.5s;
	animation-duration: 2.5s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-ot-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	}

@-webkit-keyframes p3_element02e {
	65% {opacity:0;left:100px;-webkit-transform:scale(0.8);}
	100% {opacity:1;left:80px;-webkit-transform:scale(1);}
}
@-moz-keyframes p3_element02e {
	65% {opacity:0;left:100px;-moz-transform:scale(0.8);}
	100% {opacity:1;left:80px;-moz-transform:scale(1);}
}
@-o-keyframes p3_element02e {
	65% {opacity:0;left:100px;-o-transform:scale(0.8);}
	100% {opacity:1;left:80px;-o-transform:scale(1);}
}
@-ms-keyframes p3_element02e {
	65% {opacity:0;left:100px;-ms-transform:scale(0.8);}
	100% {opacity:1;left:80px;-ms-transform:scale(1);}
}
@keyframes p3_element02e {
	65% {opacity:0;left:100px;transform:scale(0.8);}
	100% {opacity:1;left:80px;transform:scale(1);}
}

/*求職 - 回覆到職*/
.active .p3_element02f{
	-webkit-animation:p3_element02f;
	-moz-animation:p3_element02f;
	-o-animation:p3_element02f;
	-ms-animation:p3_element02f;
	animation:p3_element02f;
	
	-webkit-animation-duration: 2.8s;
	-moz-animation-duration: 2.8s;
	-o-animation-duration: 2.8s;
	-ms-animation-duration: 2.8s;
	animation-duration: 2.8s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-o-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	}
@-webkit-keyframes p3_element02f {
	65% {opacity:0;left:210px;-webkit-transform:scale(0.8);}
	100% {opacity:1;left:160px;-webkit-transform:scale(1);}
}
@-moz-keyframes p3_element02f {
	65% {opacity:0;left:210px;-moz-transform:scale(0.8);}
	100% {opacity:1;left:160px;-moz-transform:scale(1);}
}
@-o-keyframes p3_element02f {
	65% {opacity:0;left:210px;-o-transform:scale(0.8);}
	100% {opacity:1;left:160px;-o-transform:scale(1);}
}
@-ms-keyframes p3_element02f {
	65% {opacity:0;left:210px;-ms-transform:scale(0.8);}
	100% {opacity:1;left:160px;-ms-transform:scale(1);}
}
@keyframes p3_element02f {
	65% {opacity:0;left:210px;transform:scale(0.8);}
	100% {opacity:1;left:160px;transform:scale(1);}
}

.active .p3_word{
	-webkit-animation:p3_word;
	-moz-animation:p3_word;
	-o-animation:p3_word;
	-ms-animation:p3_word;
	animation:p3_word;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
@-webkit-keyframes p3_word {
	0% {opacity:0;-webkit-transform:translatey(-200px);}
	40% {opacity:0;-webkit-transform:translatey(-200px);}
	100% {opacity:1;-webkit- transform:translatey(0px);}
}
@-moz-keyframes p3_word {
	0% {opacity:0;-webkit-transform:translatey(-200px);}
	40% {opacity:0;-webkit-transform:translatey(-200px);}
	100% {opacity:1;-webkit- transform:translatey(0px);}
}
@-o-keyframes p3_word {
	0% {opacity:0;-webkit-transform:translatey(-200px);}
	40% {opacity:0;-webkit-transform:translatey(-200px);}
	100% {opacity:1;-webkit- transform:translatey(0px);}
}
@-ms-keyframes p3_word {
	0% {opacity:0;-webkit-transform:translatey(-200px);}
	40% {opacity:0;-webkit-transform:translatey(-200px);}
	100% {opacity:1;-webkit- transform:translatey(0px);}
}
@keyframes p3_word {
	0% {opacity:0;-webkit-transform:translatey(-200px);}
	40% {opacity:0;-webkit-transform:translatey(-200px);}
	100% {opacity:1;-webkit- transform:translatey(0px);}
}


/*==============================================================================
page04
==============================================================================*/

.active .p4_element01a{
	-webkit-animation:p4_element01a;
	-moz-animation:p4_element01a;
	-o-animation:p4_element01a;
	-ms-animation:p4_element01a;
	animation:p4_element01a;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
@-webkit-keyframes p4_element01a {
	0% {opacity:0;left:238px;}
	80% {opacity:1;left:268px;}
	100% {opacity:1;left:268px;}
}
@-moz-keyframes p4_element01a {
	0% {opacity:0;left:238px;}
	80% {opacity:1;left:268px;}
	100% {opacity:1;left:268px;}
}
@-o-keyframes p4_element01a {
	0% {opacity:0;left:238px;}
	80% {opacity:1;left:268px;}
	100% {opacity:1;left:268px;}
}
@-ms-keyframes p4_element01a {
	0% {opacity:0;left:238px;}
	80% {opacity:1;left:268px;}
	100% {opacity:1;left:268px;}
}
@keyframes p4_element01a {
	0% {opacity:0;left:238px;}
	80% {opacity:1;left:268px;}
	100% {opacity:1;left:268px;}
}
/*陰影+字*/
.active .p4_element01as,
.active .p4_element01aw{
	-webkit-animation:p4_element01as;
	-moz-animation:p4_element01as;
	-o-animation:p4_element01as;
	-ms-animation:p4_element01as;
	animation:p4_element01as;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}

@-webkit-keyframes p4_element01as {
	0% {opacity:0;}
	30% {opacity:0;}
	80% {opacity:1;}
	100% {opacity:1;}
}
@-moz-keyframes p4_element01as {
	0% {opacity:0;}
	30% {opacity:0;}
	80% {opacity:1;}
	100% {opacity:1;}
}
@-o-keyframes p4_element01as {
	0% {opacity:0;}
	30% {opacity:0;}
	80% {opacity:1;}
	100% {opacity:1;}
}
@-ms-keyframes p4_element01as {
	0% {opacity:0;}
	30% {opacity:0;}
	80% {opacity:1;}
	100% {opacity:1;}
}
@keyframes p4_element01as {
	0% {opacity:0;}
	30% {opacity:0;}
	80% {opacity:1;}
	100% {opacity:1;}
}

.active .p4_element01b{
	-webkit-animation:p4_element01b;
	-moz-animation:p4_element01b;
	-o-animation:p4_element01b;
	-ms-animation:p4_element01b;
	animation:p4_element01b;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	
	-webkit-transform-origin: center right;
	-moz-transform-origin: center right;
	-o-transform-origin: center right;
	-ms-transform-origin: center right;
	transform-origin: center right;
	}
@-webkit-keyframes p4_element01b {
	0% {opacity:0;left:137px;top:480px;-webkit-transform:scale(0.8);}
	30% {opacity:0;left:137px;top:480px;-webkit-transform:scale(0.8);}
	80% {opacity:1;left:57px;top:470px;-webkit-transform:scale(1);}
	100% {opacity:1;left:57px;top:470px;-webkit-transform:scale(1);}
}
@-moz-keyframes p4_element01b {
	0% {opacity:0;left:137px;top:480px;-moz-transform:scale(0.8);}
	30% {opacity:0;left:137px;top:480px;-moz-transform:scale(0.8);}
	80% {opacity:1;left:57px;top:470px;-moz-transform:scale(1);}
	100% {opacity:1;left:57px;top:470px;-moz-transform:scale(1);}
}
@-o-keyframes p4_element01b {
	0% {opacity:0;left:137px;top:480px;-o-transform:scale(0.8);}
	30% {opacity:0;left:137px;top:480px;-o-transform:scale(0.8);}
	80% {opacity:1;left:57px;top:470px;-o-transform:scale(1);}
	100% {opacity:1;left:57px;top:470px;-o-transform:scale(1);}
}
@-ms-keyframes p4_element01b {
	0% {opacity:0;left:137px;top:480px;-ms-transform:scale(0.8);}
	30% {opacity:0;left:137px;top:480px;-ms-transform:scale(0.8);}
	80% {opacity:1;left:57px;top:470px;-ms-transform:scale(1);}
	100% {opacity:1;left:57px;top:470px;-ms-transform:scale(1);}
}
@keyframes p4_element01b {
	0% {opacity:0;left:137px;top:480px;transform:scale(0.8);}
	30% {opacity:0;left:137px;top:480px;transform:scale(0.8);}
	80% {opacity:1;left:57px;top:470px;transform:scale(1);}
	100% {opacity:1;left:57px;top:470px;-ms-transform:scale(1);}
}

/*陰影+字*/
.active .p4_element01bs,
.active .p4_element01bw{
	-webkit-animation:p4_element01bs;
	-moz-animation:p4_element01bs;
	-o-animation:p4_element01bs;
	-ms-animation:p4_element01bs;
	animation:p4_element01bs;
	
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	animation-duration: 1.2s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
@-webkit-keyframes p4_element01bs {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes p4_element01bs {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes p4_element01bs {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes p4_element01bs {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes p4_element01bs {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}

.active .p4_element01c{
	-webkit-animation:p4_element01c;
	-moz-animation:p4_element01c;
	-o-animation:p4_element01c;
	-ms-animation:p4_element01c;
	animation:p4_element01c;
	
	-webkit-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	animation-duration: 1.3s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ot-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ot-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
@-webkit-keyframes p4_element01c {
	0% {opacity:0;top:210px;left:201px;}
	50% {opacity:0;top:210px;left:201px;}
	100% {opacity:1;top:190px;left:221px;}
}
@-moz-keyframes p4_element01c {
	0% {opacity:0;top:210px;left:201px;}
	50% {opacity:0;top:210px;left:201px;}
	100% {opacity:1;top:190px;left:221px;}
}
@-o-keyframes p4_element01c {
	0% {opacity:0;top:210px;left:201px;}
	50% {opacity:0;top:210px;left:201px;}
	100% {opacity:1;top:190px;left:221px;}
}
@-ms-keyframes p4_element01c {
	0% {opacity:0;top:210px;left:201px;}
	50% {opacity:0;top:210px;left:201px;}
	100% {opacity:1;top:190px;left:221px;}
}
@keyframes p4_element01c {
	0% {opacity:0;top:210px;left:201px;}
	50% {opacity:0;top:210px;left:201px;}
	100% {opacity:1;top:190px;left:221px;}
}

/*陰影+字*/
.active .p4_element01cs,
.active .p4_element01cw{
	-webkit-animation:p4_element01cs;
	-moz-animation:p4_element01cs;
	-o-animation:p4_element01cs;
	-ms-animation:p4_element01cs;
	animation:p4_element01cs;
	
	-webkit-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	animation-duration: 1.3s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
@-webkit-keyframes p4_element01cs {
	0% {opacity:0;}
	70% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes p4_element01cs {
	0% {opacity:0;}
	70% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes p4_element01cs {
	0% {opacity:0;}
	70% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes p4_element01cs {
	0% {opacity:0;}
	70% {opacity:0;}
	100% {opacity:1;}
}
@keyframes p4_element01cs {
	0% {opacity:0;}
	70% {opacity:0;}
	100% {opacity:1;}
}

.active .p4_element01d{
	-webkit-animation:p4_element01d;
	-moz-animation:p4_element01d;
	-o-animation:p4_element01d;
	-ms-animation:p4_element01d;
	animation:p4_element01d;
	
	-webkit-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	animation-duration: 1.3s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
@-webkit-keyframes p4_element01d {
	0% {opacity:0;left:30px;top:122px;}
	70% {opacity:0;left:30px;top:122px;}
	100% {opacity:1;left:5px;top:102px;}
}
@-moz-keyframes p4_element01d {
	0% {opacity:0;left:30px;top:122px;}
	70% {opacity:0;left:30px;top:122px;}
	100% {opacity:1;left:5px;top:102px;}
}
@-o-keyframes p4_element01d {
	0% {opacity:0;left:30px;top:122px;}
	70% {opacity:0;left:30px;top:122px;}
	100% {opacity:1;left:5px;top:102px;}
}
@-ms-keyframes p4_element01d {
	0% {opacity:0;left:30px;top:122px;}
	70% {opacity:0;left:30px;top:122px;}
	100% {opacity:1;left:5px;top:102px;}
}
@keyframes p4_element01d {
	0% {opacity:0;left:30px;top:122px;}
	70% {opacity:0;left:30px;top:122px;}
	100% {opacity:1;left:5px;top:102px;}
}

/*圖文字*/
.active .p4_element01dw{
	-webkit-animation:p4_element01dw;
	-moz-animation:p4_element01dw;
	-o-animation:p4_element01dw;
	-ms-animation:p4_element01dw;
	animation:p4_element01dw;
	
	-webkit-animation-duration: 1.6s;
	-moz-animation-duration: 1.6s;
	-o-animation-duration: 1.6s;
	-ms-animation-duration: 1.6s;
	animation-duration: 1.6s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function:liner;
	-moz-animation-timing-function:liner;
	-o-animation-timing-function:liner;
	-ms-animation-timing-function:liner;
	animation-timing-function:liner;
	}
@-webkit-keyframes p4_element01dw {
	0% {opacity:0;}
	80% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes p4_element01dw {
	0% {opacity:0;}
	80% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes p4_element01dw {
	0% {opacity:0;}
	80% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes p4_element01dw {
	0% {opacity:0;}
	80% {opacity:0;}
	100% {opacity:1;}
}
@keyframes p4_element01dw {
	0% {opacity:0;}
	80% {opacity:0;}
	100% {opacity:1;}
}


.active .p4_word{
	-webkit-animation:p4_word;
	-moz-animation:p4_word;
	-o-animation:p4_word;
	-ms-animation:p4_word;
	animation:p4_word;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	}
@-webkit-keyframes p4_word {
	0% {opacity:0;/*-webkit-transform:translateX(50px);*/}
	100% {opacity:1;/*-webkit-transform:translateX(0px);*/}
}
@-moz-keyframes p4_word {
	0% {opacity:0;/*-moz-transform:translateX(50px);*/}
	100% {opacity:1;/*-moz-transform:translateX(0px);*/}
}
@-o-keyframes p4_word {
	0% {opacity:0;/*-o-transform:translateX(50px);*/}
	100% {opacity:1;/*-o-transform:translateX(0px);*/}
}
@-ms-keyframes p4_word {
	0% {opacity:0;/*-ms-transform:translateX(50px);*/}
	100% {opacity:1;/*-ms-transform:translateX(0px);*/}
}
@keyframes p4_word {
	0% {opacity:0;/*transform:translateX(50px);*/}
	100% {opacity:1;/*transform:translateX(0px);*/}
}


/*==============================================================================
企業端 page01
==============================================================================*/

.active .b_p1_element01{
	-webkit-animation:b_p1_element01;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	
	-moz-animation:b_p1_element01;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	
	-o-animation:b_p1_element01;
	-o-animation-duration:0.9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	
	-ms-animation:b_p1_element01;
	-ms-animation-duration:0.9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	
	animation:b_p1_element01;
	animation-duration:0.9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	}
@-webkit-keyframes b_p1_element01 {
	0% {left:-100px;Top:732px;}
	100% {left:0px;Top:482px;}
}
@-moz-keyframes b_p1_element01 {
	0% {left:-100px;Top:732px;}
	100% {left:0px;Top:482px;}
}
@-o-keyframes b_p1_element01 {
	0% {left:-100px;Top:732px;}
	100% {left:0px;Top:482px;}
}
@-ms-keyframes b_p1_element01 {
	0% {left:-100px;Top:732px;}
	100% {left:0px;Top:482px;}
}
@keyframes b_p1_element01 {
	0% {left:-100px;Top:732px;}
	/*95% {left:20px;Top:452px;}*/
	100% {left:0px;Top:482px;}
}


.active .b_p1_element02{
	-webkit-animation:b_p1_element02;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	
	-moz-animation:b_p1_element02;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	
	-o-animation:b_p1_element02;
	-o-animation-duration:0.9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	
	-ms-animation:b_p1_element02;
	-ms-animation-duration:0.9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	
	animation:b_p1_element02;
	animation-duration:0.9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	}
@-webkit-keyframes b_p1_element02 {
	0% {left:-50px;Top:710px;}
	100% {left:50px;Top:460px;}
}
@-moz-keyframes b_p1_element02 {
	0% {left:-50px;Top:710px;}
	100% {left:50px;Top:460px;}
}
@-o-keyframes b_p1_element02 {
	0% {left:-50px;Top:710px;}
	100% {left:50px;Top:460px;}
}
@-ms-keyframes b_p1_element02 {
	0% {left:-50px;Top:710px;}
	100% {left:50px;Top:460px;}
}
@keyframes b_p1_element02 {
	0% {left:-50px;Top:710px;}
	/*95% {left:70px;Top:430px;}*/
	100% {left:50px;Top:460px;}
}

.active .b_p1_element03{
	-webkit-animation:b_p1_element03;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin:50% 100%;
	-webkit-transform:rotate(30deg);
	
	-moz-animation:b_p1_element03;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	-moz-transform-origin:50% 100%;
	-moz-transform:rotate(30deg);
	
	-o-animation:b_p1_element03;
	-o-animation-duration:0.9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	-o-transform-origin:50% 100%;
	-o-transform:rotate(30deg);
	
	-ms-animation:b_p1_element03;
	-ms-animation-duration:0.9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	-ms-transform-origin:50% 100%;
	-ms-transform:rotate(30deg);
	
	animation:b_p1_element03;
	animation-duration:0.9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	transform-origin:50% 100%;
	transform:rotate(30deg);
	}
@-webkit-keyframes b_p1_element03 {
	20% {left:116px;Top:766px;-webkit-transform:rotate(30deg);}
	100% {left:176px;Top:316px;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes b_p1_element03 {
	20% {left:116px;Top:766px;-moz-transform:rotate(30deg);}
	100% {left:176px;Top:316px;-moz-transform:rotate(0deg);}
}
@-o-keyframes b_p1_element03 {
	20% {left:116px;Top:766px;-o-transform:rotate(30deg);}
	100% {left:176px;Top:316px;-o-transform:rotate(0deg);}
}
@-ms-keyframes b_p1_element03 {
	20% {left:116px;Top:766px;-ms-transform:rotate(30deg);}
	100% {left:176px;Top:316px;-ms-transform:rotate(0deg);}
}
@keyframes b_p1_element03 {
	20% {left:116px;Top:766px;transform:rotate(30deg);}
	100% {left:176px;Top:316px;transform:rotate(0deg);}
}

.active .b_p1_element04{
	-webkit-animation:b_p1_element04;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin:50% 100%;
	-webkit-transform:rotate(30deg);
	
	-moz-animation:b_p1_element04;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	-moz-transform-origin:50% 100%;
	-moz-transform:rotate(30deg);
	
	-o-animation:b_p1_element04;
	-o-animation-duration:0.9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	-o-transform-origin:50% 100%;
	-o-transform:rotate(30deg);
	
	-ms-animation:b_p1_element04;
	-ms-animation-duration:0.9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	-ms-transform-origin:50% 100%;
	-ms-transform:rotate(30deg);
	
	animation:b_p1_element04;
	animation-duration:0.9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	transform-origin:50% 100%;
	transform:rotate(30deg);
	}
@-webkit-keyframes b_p1_element04 {
	20% {left:180px;Top:700px;-webkit-transform:rotate(30deg);}
	100% {left:20px;Top:235px;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes b_p1_element04 {
	20% {left:180px;Top:700px;-moz-transform:rotate(30deg);}
	100% {left:20px;Top:235px;-moz-transform:rotate(0deg);}
}
@-o-keyframes b_p1_element04 {
	20% {left:180px;Top:700px;-o-transform:rotate(30deg);}
	100% {left:20px;Top:235px;-o-transform:rotate(0deg);}
}
@-ms-keyframes b_p1_element04 {
	20% {left:180px;Top:700px;-ms-transform:rotate(30deg);}
	100% {left:20px;Top:235px;-ms-transform:rotate(0deg);}
}
@keyframes b_p1_element04 {
	20% {left:180px;Top:700px;transform:rotate(30deg);}
	/*95% {left:50px;Top:205px;transform:rotate(5deg);}*/
	100% {left:20px;Top:235px;transform:rotate(0deg);}
}

.active .b_p1_element04w{
	-webkit-animation:b_p1_element04w;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	
	-moz-animation:b_p1_element04w;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	
	-o-animation:b_p1_element04w;
	-o-animation-duration:2s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	
	-ms-animation:b_p1_element04w;
	-ms-animation-duration:2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	
	animation:b_p1_element04w;
	animation-duration:2s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	}
@-webkit-keyframes b_p1_element04w {
	0% {opacity:0;}
	60% {opacity:0;}
	75% {opacity:1;}
	100% {opacity:1;}
}
@-moz-keyframes b_p1_element04w {
	0% {opacity:0;}
	60% {opacity:0;}
	75% {opacity:1;}
	100% {opacity:1;}
}
@-o-keyframes b_p1_element04w {
	0% {opacity:0;}
	60% {opacity:0;}
	75% {opacity:1;}
	100% {opacity:1;}
}
@-ms-keyframes b_p1_element04w {
	0% {opacity:0;}
	60% {opacity:0;}
	75% {opacity:1;}
	100% {opacity:1;}
}
@keyframes b_p1_element04w {
	0% {opacity:0;}
	60% {opacity:0;}
	75% {opacity:1;}
	100% {opacity:1;}
}


.active .b_p1_element05{
	-webkit-animation:b_p1_element05;
	-webkit-animation-duration:0.9S;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin:100% 0%;
	-webkit-transform:rotate(-40deg);
	
	-moz-animation:b_p1_element05;
	-moz-animation-duration:0.9S;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	-moz-transform-origin:100% 0%;
	-moz-transform:rotate(-40deg);
	
	-o-animation:b_p1_element05;
	-o-animation-duration:0.9S;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	-o-transform-origin:100% 0%;
	-o-transform:rotate(-40deg);
	
	-ms-animation:b_p1_element05;
	-ms-animation-duration:0.9S;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	-ms-transform-origin:100% 0%;
	-ms-transform:rotate(-40deg);
	
	animation:b_p1_element05;
	animation-duration:0.9S;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	transform-origin:100% 0%;
	transform:rotate(-40deg);
	}
@-webkit-keyframes b_p1_element05 {
	20% {left:-100px;Top:745px;-webkit-transform:rotate(-40deg);}
	100% {left:310px;Top:245px;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes b_p1_element05 {
	20% {left:-100px;Top:745px;-moz-transform:rotate(-40deg);}
	100% {left:310px;Top:245px;-moz-transform:rotate(0deg);}
}
@-o-keyframes b_p1_element05 {
	20% {left:-100px;Top:745px;-o-transform:rotate(-40deg);}
	100% {left:310px;Top:245px;-o-transform:rotate(0deg);}
}
@-ms-keyframes b_p1_element05 {
	20% {left:-100px;Top:745px;-ms-transform:rotate(-40deg);}
	100% {left:310px;Top:245px;-ms-transform:rotate(0deg);}
}
@keyframes b_p1_element05 {
	20% {left:-100px;Top:745px;transform:rotate(-40deg);}
	100% {left:310px;Top:245px;transform:rotate(0deg);}
}

.active .b_p1_element05w{
	-webkit-animation:b_p1_element05w;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	
	-moz-animation:b_p1_element05w;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	
	-o-animation:b_p1_element05w;
	-o-animation-duration:2s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	
	-ms-animation:b_p1_element05w;
	-ms-animation-duration:2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	
	animation:b_p1_element05w;
	animation-duration:2s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	}
@-webkit-keyframes b_p1_element05w {
	0% {opacity:0;}
	70% {opacity:0;}
	85% {opacity:1;}
	100% {opacity:1;}
}
@-moz-keyframes b_p1_element05w {
	0% {opacity:0;}
	70% {opacity:0;}
	85% {opacity:1;}
	100% {opacity:1;}
}
@-o-keyframes b_p1_element05w {
	0% {opacity:0;}
	70% {opacity:0;}
	85% {opacity:1;}
	100% {opacity:1;}
}
@-ms-keyframes b_p1_element05w {
	0% {opacity:0;}
	70% {opacity:0;}
	85% {opacity:1;}
	100% {opacity:1;}
}
@keyframes b_p1_element05w {
	0% {opacity:0;}
	70% {opacity:0;}
	85% {opacity:1;}
	100% {opacity:1;}
}


.active .b_p1_element06{
	-webkit-animation:b_p1_element06;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	-webkit-transform:rotate(60deg);
	
	-moz-animation:b_p1_element06;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	-moz-transform:rotate(60deg);
	
	-o-animation:b_p1_element06;
	-o-animation-duration:0.9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	-o-transform:rotate(60deg);
	
	-ms-animation:b_p1_element06;
	-ms-animation-duration:0.9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	-ms-transform:rotate(60deg);
	
	animation:b_p1_element06;
	animation-duration:0.9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	transform:rotate(60deg);
	}
@-webkit-keyframes b_p1_element06 {
	20% {left:200px;Top:700px;-webkit-transform:rotate(60deg);}
	100% {left:20px;Top:0px;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes b_p1_element06 {
	20% {left:200px;Top:700px;-moz-transform:rotate(60deg);}
	100% {left:20px;Top:0px;-moz-transform:rotate(0deg);}
}
@-o-keyframes b_p1_element06 {
	20% {left:200px;Top:700px;-o-transform:rotate(60deg);}
	100% {left:20px;Top:0px;-o-transform:rotate(0deg);}
}
@-ms-keyframes b_p1_element06 {
	20% {left:200px;Top:700px;-ms-transform:rotate(60deg);}
	100% {left:20px;Top:0px;-ms-transform:rotate(0deg);}
}
@-o-keyframes b_p1_element06 {
	20% {left:200px;Top:700px;-o-transform:rotate(60deg);}
	100% {left:20px;Top:0px;-o-transform:rotate(0deg);}
}

.active .b_p1_element06w{
	-webkit-animation:b_p1_element06w;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	
	-moz-animation:b_p1_element06w;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	
	-o-animation:b_p1_element06w;
	-o-animation-duration:2s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	
	-ms-animation:b_p1_element06w;
	-ms-animation-duration:2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	
	animation:b_p1_element06w;
	animation-duration:2s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	}
@-webkit-keyframes b_p1_element06w {
	0% {opacity:0;}
	50% {opacity:0;}
	65% {opacity:1;}
	100% {opacity:1;}
}
@-moz-keyframes b_p1_element06w {
	0% {opacity:0;}
	50% {opacity:0;}
	65% {opacity:1;}
	100% {opacity:1;}
}
@-o-keyframes b_p1_element06w {
	0% {opacity:0;}
	50% {opacity:0;}
	65% {opacity:1;}
	100% {opacity:1;}
}
@-ms-keyframes b_p1_element06w {
	0% {opacity:0;}
	50% {opacity:0;}
	65% {opacity:1;}
	100% {opacity:1;}
}
@keyframes b_p1_element06w {
	0% {opacity:0;}
	50% {opacity:0;}
	65% {opacity:1;}
	100% {opacity:1;}
}

.active .b_p1_element07{
	-webkit-animation:b_p1_element07;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	-webkit-transform:rotate(-40deg);
	
	-moz-animation:b_p1_element07;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	-moz-transform:rotate(-40deg);
	
	-o-animation:b_p1_element07;
	-o-animation-duration:0.9s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	-o-transform:rotate(-40deg);
	
	-ms-animation:b_p1_element07;
	-ms-animation-duration:0.9s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	-ms-transform:rotate(-40deg);
	
	animation:b_p1_element07;
	animation-duration:0.9s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	transform:rotate(-40deg);
	}
@-webkit-keyframes b_p1_element07 {
	20% {left:20px;Top:925px;-webkit-transform:rotate(-40deg);}
	100% {left:190px;Top:425px;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes b_p1_element07 {
	20% {left:20px;Top:925px;-moz-transform:rotate(-40deg);}
	100% {left:190px;Top:425px;-moz-transform:rotate(0deg);}
}
@-o-keyframes b_p1_element07 {
	20% {left:20px;Top:925px;-o-transform:rotate(-40deg);}
	100% {left:190px;Top:425px;-o-transform:rotate(0deg);}
}
@-ms-keyframes b_p1_element07 {
	20% {left:20px;Top:925px;-ms-transform:rotate(-40deg);}
	100% {left:190px;Top:425px;-ms-transform:rotate(0deg);}
}
@keyframes b_p1_element07 {
	20% {left:20px;Top:925px;transform:rotate(-40deg);}
	100% {left:190px;Top:425px;transform:rotate(0deg);}
}

.active .b_p1_element07w{
	-webkit-animation:b_p1_element07w;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	
	-moz-animation:b_p1_element07w;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	
	-o-animation:b_p1_element07w;
	-o-animation-duration:2s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	
	-ms-animation:b_p1_element07w;
	-ms-animation-duration:2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	
	animation:b_p1_element07w;
	animation-duration:2s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	}
@-webkit-keyframes b_p1_element07w {
	0% {opacity:0;}
	80% {opacity:0;}
	95% {opacity:1;}
	100% {opacity:1;}
}
@-moz-keyframes b_p1_element07w {
	0% {opacity:0;}
	80% {opacity:0;}
	95% {opacity:1;}
	100% {opacity:1;}
}
@-o-keyframes b_p1_element07w {
	0% {opacity:0;}
	80% {opacity:0;}
	95% {opacity:1;}
	100% {opacity:1;}
}
@-ms-keyframes b_p1_element07w {
	0% {opacity:0;}
	80% {opacity:0;}
	95% {opacity:1;}
	100% {opacity:1;}
}
@keyframes b_p1_element07w {
	0% {opacity:0;}
	80% {opacity:0;}
	95% {opacity:1;}
	100% {opacity:1;}
}

.active .b_p1_word{
	-webkit-animation:b_p1_word;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p1_word;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p1_word;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p1_word;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p1_word;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p1_word {
	0% {opacity:0;top:0px;}
	100% {opacity:1;top:300px;}
}
@-moz-keyframes b_p1_word {
	0% {opacity:0;top:0px;}
	100% {opacity:1;top:300px;}
}
@-o-keyframes b_p1_word {
	0% {opacity:0;top:0px;}
	100% {opacity:1;top:300px;}
}
@-ms-keyframes b_p1_word {
	0% {opacity:0;top:0px;}
	100% {opacity:1;top:300px;}
}
@keyframes b_p1_word {
	0% {opacity:0;top:0px;}
	100% {opacity:1;top:100px;}
}

/*==============================================================================
企業端 page02
==============================================================================*/
.active .b_p2_element03a{
	-webkit-animation:b_p2_element03a;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	-webkit-transform:scaleX(0.5);
	-webkit-transform-origin: center left;
	
	-moz-animation:b_p2_element03a;
	-moz-animation-duration: 2.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	-moz-transform:scaleX(0.5);
	-moz-transform-origin: center left;
	
	-o-animation:b_p2_element03a;
	-o-animation-duration: 2.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	-o-transform:scaleX(0.5);
	-o-transform-origin: center left;
	
	-ms-animation:b_p2_element03a;
	-ms-animation-duration: 2.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	-ms-transform:scaleX(0.5);
	-ms-transform-origin: center left;
	
	animation:b_p2_element03a;
	animation-duration: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	transform:scaleX(0.5);
	transform-origin: center left;
	}
@-webkit-keyframes b_p2_element03a {
	0% {opacity:0;-webkit-transform:scaleX(0.5);left:-100px;}
	20% {opacity:0;-webkit-transform:scaleX(0.5);left:-100px;}
	40% {opacity:1;-webkit-transform:scaleX(1.1);left:-60px;}
	45% {opacity:1;-webkit-transform:scaleX(1);left:-50px;}
	100% {opacity:1;-webkit-transform:scaleX(1);left:-50px;}
}
@-moz-keyframes b_p2_element03a {
	0% {opacity:0;-moz-transform:scaleX(0.5);left:-100px;}
	20% {opacity:0;-moz-transform:scaleX(0.5);left:-100px;}
	40% {opacity:1;-moz-transform:scaleX(1.1);left:-60px;}
	45% {opacity:1;-moz-transform:scaleX(1);left:-50px;}
	100% {opacity:1;-moz-transform:scaleX(1);left:-50px;}
}
@-o-keyframes b_p2_element03a {
	0% {opacity:0;-o-transform:scaleX(0.5);left:-100px;}
	20% {opacity:0;-o-transform:scaleX(0.5);left:-100px;}
	40% {opacity:1;-o-transform:scaleX(1.1);left:-60px;}
	45% {opacity:1;-o-transform:scaleX(1);left:-50px;}
	100% {opacity:1;-o-transform:scaleX(1);left:-50px;}
}
@-ms-keyframes b_p2_element03a {
	0% {opacity:0;-ms-transform:scaleX(0.5);left:-100px;}
	20% {opacity:0;-ms-transform:scaleX(0.5);left:-100px;}
	40% {opacity:1;-ms-transform:scaleX(1.1);left:-60px;}
	45% {opacity:1;-ms-transform:scaleX(1);left:-50px;}
	100% {opacity:1;-ms-transform:scaleX(1);left:-50px;}
}
@keyframes b_p2_element03a {
	0% {opacity:0;transform:scaleX(0.5);left:-100px;}
	20% {opacity:0;transform:scaleX(0.5);left:-100px;}
	40% {opacity:1;transform:scaleX(1.1);left:-60px;}
	45% {opacity:1;transform:scaleX(1);left:-50px;}
	100% {opacity:1;transform:scaleX(1);left:-50px;}
}

.active .b_p2_element02b{
	-webkit-animation:b_p2_element02b;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	
	-moz-animation:b_p2_element02b;
	-moz-animation-duration: 2.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: linear;
	
	-o-animation:b_p2_element02b;
	-o-animation-duration: 2.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: linear;
	
	-ms-animation:b_p2_element02b;
	-ms-animation-duration: 2.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: linear;
	
	animation:b_p2_element02b;
	animation-duration: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	}
@-webkit-keyframes b_p2_element02b {
	0% {opacity:0;-webkit-transform:scale(1);}
	30% {opacity:0;-webkit-transform:scale(1);}
	40% {opacity:1;-webkit-transform:scale(1.4);}
	45% {opacity:1;-webkit-transform:scale(1);}
	100% {opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes b_p2_element02b {
	0% {opacity:0;-moz-transform:scale(1);}
	30% {opacity:0;-moz-transform:scale(1);}
	40% {opacity:1;-moz-transform:scale(1.4);}
	45% {opacity:1;-moz-transform:scale(1);}
	100% {opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes b_p2_element02b {
	0% {opacity:0;-o-transform:scale(1);}
	30% {opacity:0;-o-transform:scale(1);}
	40% {opacity:1;-o-transform:scale(1.4);}
	45% {opacity:1;-o-transform:scale(1);}
	100% {opacity:1;-o-transform:scale(1);}
}
@-ms-keyframes b_p2_element02b {
	0% {opacity:0;-ms-transform:scale(1);}
	30% {opacity:0;-ms-transform:scale(1);}
	40% {opacity:1;-ms-transform:scale(1.4);}
	45% {opacity:1;-ms-transform:scale(1);}
	100% {opacity:1;-ms-transform:scale(1);}
}
@keyframes b_p2_element02b {
	0% {opacity:0;transform:scale(1);}
	30% {opacity:0;transform:scale(1);}
	40% {opacity:1;transform:scale(1.4);}
	45% {opacity:1;transform:scale(1);}
	100% {opacity:1;transform:scale(1);}
}

.active .b_p2_element03b{
	-webkit-animation:b_p2_element03b;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	-webkit-transform:scaleX(0.5);
	-webkit-transform-origin: center right;
	
	-moz-animation:b_p2_element03b;
	-moz-animation-duration: 2.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	-moz-transform:scaleX(0.5);
	-moz-transform-origin: center right;
	
	-o-animation:b_p2_element03b;
	-o-animation-duration: 2.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	-o-transform:scaleX(0.5);
	-o-transform-origin: center right;
	
	-ms-animation:b_p2_element03b;
	-ms-animation-duration: 2.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	-ms-transform:scaleX(0.5);
	-ms-transform-origin: center right;
	
	animation:b_p2_element03b;
	animation-duration: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	transform:scaleX(0.5);
	transform-origin: center right;
	}
@-webkit-keyframes b_p2_element03b {
	0% {opacity:0;-webkit-transform:scaleX(0.5);left:50px;}
	45% {opacity:0;-webkit-transform:scaleX(0.5);left:50px;}
	70% {opacity:1;-webkit-transform:scaleX(1.1);left:25px;}
	75% {opacity:1;-webkit-transform:scaleX(1);left:0px;}
	100% {opacity:1;-webkit-transform:scaleX(1);left:0px;}
}
@-moz-keyframes b_p2_element03b {
	0% {opacity:0;-moz-transform:scaleX(0.5);left:50px;}
	45% {opacity:0;-moz-transform:scaleX(0.5);left:50px;}
	70% {opacity:1;-moz-transform:scaleX(1.1);left:25px;}
	75% {opacity:1;-moz-transform:scaleX(1);left:0px;}
	100% {opacity:1;-moz-transform:scaleX(1);left:0px;}
}
@-o-keyframes b_p2_element03b {
	0% {opacity:0;-o-transform:scaleX(0.5);left:50px;}
	45% {opacity:0;-o-transform:scaleX(0.5);left:50px;}
	70% {opacity:1;-o-transform:scaleX(1.1);left:25px;}
	75% {opacity:1;-o-transform:scaleX(1);left:0px;}
	100% {opacity:1;-o-transform:scaleX(1);left:0px;}
}
@-ms-keyframes b_p2_element03b {
	0% {opacity:0;-ms-transform:scaleX(0.5);left:50px;}
	45% {opacity:0;-ms-transform:scaleX(0.5);left:50px;}
	70% {opacity:1;-ms-transform:scaleX(1.1);left:25px;}
	75% {opacity:1;-ms-transform:scaleX(1);left:0px;}
	100% {opacity:1;-ms-transform:scaleX(1);left:0px;}
}
@keyframes b_p2_element03b {
	0% {opacity:0;transform:scaleX(0.5);left:50px;}
	45% {opacity:0;transform:scaleX(0.5);left:50px;}
	70% {opacity:1;transform:scaleX(1.1);left:25px;}
	75% {opacity:1;transform:scaleX(1);left:0px;}
	100% {opacity:1;transform:scaleX(1);left:0px;}
}

.active .b_p2_element01b{
	-webkit-animation:b_p2_element01b;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p2_element01b;
	-moz-animation-duration: 2.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p2_element01b;
	-o-animation-duration: 2.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p2_element01b;
	-ms-animation-duration: 2.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p2_element01b;
	animation-duration: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p2_element01b {
	0% {opacity:0;-webkit-transform:scale(1);}
	45% {opacity:0;-webkit-transform:scale(1);}
	70% {opacity:1;-webkit-transform:scale(1.2);}
	80% {opacity:1;-webkit-transform:scale(1);}
	100% {opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes b_p2_element01b {
	0% {opacity:0;-moz-transform:scale(1);}
	45% {opacity:0;-moz-transform:scale(1);}
	70% {opacity:1;-moz-transform:scale(1.2);}
	80% {opacity:1;-moz-transform:scale(1);}
	100% {opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes b_p2_element01b {
	0% {opacity:0;-o-transform:scale(1);}
	45% {opacity:0;-o-transform:scale(1);}
	70% {opacity:1;-o-transform:scale(1.2);}
	80% {opacity:1;-o-transform:scale(1);}
	100% {opacity:1;-o-transform:scale(1);}
}
@-ms-keyframes b_p2_element01b {
	0% {opacity:0;-ms-transform:scale(1);}
	45% {opacity:0;-ms-transform:scale(1);}
	70% {opacity:1;-ms-transform:scale(1.2);}
	80% {opacity:1;-ms-transform:scale(1);}
	100% {opacity:1;-ms-transform:scale(1);}
}
@keyframes b_p2_element01b {
	0% {opacity:0;transform:scale(1);}
	45% {opacity:0;transform:scale(1);}
	70% {opacity:1;transform:scale(1.2);}
	80% {opacity:1;transform:scale(1);}
	100% {opacity:1;transform:scale(1);}
}

/*.b_p2_element02a1{
	-webkit-animation:b_p2_element02a1;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: ease-in-out;
	
	-moz-animation:b_p2_element02a1;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: ease-in-out;
	
	-o-animation:b_p2_element02a1;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: ease-in-out;
	
	-ms-animation:b_p2_element02a1;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: ease-in-out;
	
	animation:b_p2_element02a1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-fill-mode:forwards;
	animation-timing-function: ease-in-out;
	}*/
	
@-webkit-keyframes b_p2_element02a1 {
	0% {-webkit-transform: translateY(5px);}
	50% {-webkit-transform: translateY(-10px);}
	100% {-webkit-transform: translateY(5px);}
}
@-moz-keyframes b_p2_element02a1 {
	0% {-moz-transform: translateY(5px);}
	50% {-moz-transform: translateY(-10px);}
	100% {-moz-transform: translateY(5px);}
}
@-o-keyframes b_p2_element02a1 {
	0% {-o-transform: translateY(5px);}
	50% {-o-transform: translateY(-10px);}
	100% {-o-transform: translateY(5px);}
}
@-ms-keyframes b_p2_element02a1 {
	0% {-ms-transform: translateY(5px);}
	50% {-ms-transform: translateY(-10px);}
	100% {-ms-transform: translateY(5px);}
}
@keyframes b_p2_element02a1 {
	0% {transform: translateY(5px);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(5px);}
}
	
.b_p2_element02a2{
	-webkit-animation:home_phone02;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: ease-in-out;
	
	-moz-animation:home_phone02;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: ease-in-out;
	
	-o-animation:home_phone02;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: ease-in-out;
	
	-ms-animation:home_phone02;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: ease-in-out;
	
	animation:home_phone02;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-fill-mode:forwards;
	animation-timing-function: ease-in-out;
	}
	
@-webkit-keyframes home_phone02 {
	0% { opacity:1;-webkit-transform:scale(0.9);}
	50% { opacity:0.6;-webkit-transform:scale(1);}
	100% { opacity:1;-webkit-transform:scale(0.9);}
}
@-moz-keyframes home_phone02 {
	0% { opacity:1;-moz-transform:scale(0.9);}
	50% { opacity:0.6;-moz-transform:scale(1);}
	100% { opacity:1;-moz-transform:scale(0.9);}
}
@-o-keyframes home_phone02 {
	0% { opacity:1;-o-transform:scale(0.9);}
	50% { opacity:0.6;-o-transform:scale(1);}
	100% { opacity:1;-o-transform:scale(0.9);}
}
@-ms-keyframes home_phone02 {
	0% { opacity:1;-ms-transform:scale(0.9);}
	50% { opacity:0.6;-ms-transform:scale(1);}
	100% { opacity:1;-ms-transform:scale(0.9);}
}
@keyframes home_phone02 {
	0% { opacity:1;transform:scale(0.9);}
	50% { opacity:0.6;transform:scale(1);}
	100% { opacity:1;transform:scale(0.9);}
}

.active .b_p2_word{
	-webkit-animation:b_p2_word;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: ease-in-out;
	
	-moz-animation:b_p2_word;
	-moz-animation-duration: 0.4s;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function: ease-in-out;
	
	-o-animation:b_p2_word;
	-o-animation-duration: 0.4s;
	-o-animation-iteration-count:1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function: ease-in-out;
	
	-ms-animation:b_p2_word;
	-ms-animation-duration: 0.4s;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function: ease-in-out;
	
	animation:b_p2_word;
	animation-duration: 0.4s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-timing-function: ease-in-out;
	}
	
@-webkit-keyframes b_p2_word {
	0% { opacity:0;-webkit-transform:translateY(50px);}
	100% { opacity:1;-webkit-transform:translateY(0px);}
}
@-moz-keyframes b_p2_word {
	0% { opacity:0;-moz-transform:translateY(50px);}
	100% { opacity:1;-moz-transform:translateY(0px);}
}
@-o-keyframes b_p2_word {
	0% { opacity:0;-o-transform:translateY(50px);}
	100% { opacity:1;-o-transform:translateY(0px);}
}
@-ms-keyframes b_p2_word {
	0% { opacity:0;-ms-transform:translateY(50px);}
	100% { opacity:1;-ms-transform:translateY(0px);}
}
@keyframes b_p2_word {
	0% { opacity:0;transform:translateY(50px);}
	100% { opacity:1;transform:translateY(0px);}
}

/*==============================================================================
企業端 page03
==============================================================================*/
.active .b_p3_element03a{
	-webkit-animation:b_p3_element03a;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p3_element03a;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p3_element03a;
	-o-animation-duration: 1.2s;
	-o-animation-iteration-count:1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p3_element03a;
	-ms-animation-duration: 1.2s;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p3_element03a;
	animation-duration: 1.2s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p3_element03a {
	0% { opacity:0;}
	50% { opacity:1;}
	100% { opacity:1;}
}
@-moz-keyframes b_p3_element03a {
	0% { opacity:0;}
	50% { opacity:1;}
	100% { opacity:1;}
}
@-o-keyframes b_p3_element03a {
	0% { opacity:0;}
	50% { opacity:1;}
	100% { opacity:1;}
}
@-ms-keyframes b_p3_element03a {
	0% { opacity:0;}
	50% { opacity:1;}
	100% { opacity:1;}
}
@keyframes b_p3_element03a {
	0% { opacity:0;}
	50% { opacity:1;}
	100% { opacity:1;}
}

.active .b_p3_element03b{
	-webkit-animation:b_p3_element03b;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p3_element03b;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p3_element03b;
	-o-animation-duration: 1.2s;
	-o-animation-iteration-count:1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p3_element03b;
	-ms-animation-duration: 1.2s;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p3_element03b;
	animation-duration: 1.2s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p3_element03b {
	0% { opacity:0;}
	20% { opacity:0;}
	70% { opacity:1;}
	100% { opacity:1;}
}
@-moz-keyframes b_p3_element03b {
	0% { opacity:0;}
	20% { opacity:0;}
	70% { opacity:1;}
	100% { opacity:1;}
}
@-o-keyframes b_p3_element03b {
	0% { opacity:0;}
	20% { opacity:0;}
	70% { opacity:1;}
	100% { opacity:1;}
}
@-ms-keyframes b_p3_element03b {
	0% { opacity:0;}
	20% { opacity:0;}
	70% { opacity:1;}
	100% { opacity:1;}
}
@keyframes b_p3_element03b {
	0% { opacity:0;}
	20% { opacity:0;}
	70% { opacity:1;}
	100% { opacity:1;}
}

.active .b_p3_element03c{
	-webkit-animation:b_p3_element03c;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p3_element03c;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p3_element03c;
	-o-animation-duration: 1.2s;
	-o-animation-iteration-count:1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p3_element03c;
	-ms-animation-duration: 1.2s;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p3_element03c;
	animation-duration: 1.2s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p3_element03c {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@-moz-keyframes b_p3_element03c {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@-o-keyframes b_p3_element03c {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@-ms-keyframes b_p3_element03c {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@keyframes b_p3_element03c {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}


.active .b_p3_element03f{
	-webkit-animation:b_p3_element03f;
	-webkit-animation-duration: 1.8s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p3_element03f;
	-moz-animation-duration: 1.8s;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p3_element03f;
	-o-animation-duration: 1.8s;
	-o-animation-iteration-count:1;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p3_element03f;
	-ms-animation-duration: 1.8s;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p3_element03f;
	animation-duration: 1.8s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p3_element03f {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@-moz-keyframes b_p3_element03f {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@-o-keyframes b_p3_element03f {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@-ms-keyframes b_p3_element03f {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}
@keyframes b_p3_element03f {
	0% { opacity:0;}
	50% { opacity:0;}
	100% { opacity:1;}
}

.b_p3_element03d{
	-webkit-animation:b_p3_element03d;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p3_element03d;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p3_element03d;
	-o-animation-duration: 1.5s;
	-o-animation-iteration-count: infinite;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p3_element03d;
	-ms-animation-duration: 1.5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p3_element03d;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p3_element03d {
	0% {-webkit-transform:rotate(360deg);}
	100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes b_p3_element03d {
	0% {-moz-transform:rotate(360deg);}
	100% {-moz-transform:rotate(0deg);}
}
@-o-keyframes b_p3_element03d {
	0% {-o-transform:rotate(360deg);}
	100% {-o-transform:rotate(0deg);}
}
@-ms-keyframes b_p3_element03d {
	0% {-ms-transform:rotate(360deg);}
	100% {-ms-transform:rotate(0deg);}
}
@keyframes b_p3_element03d {
	0% {transform:rotate(360deg);}
	100% {transform:rotate(0deg);}
}

.b_p3_element03e{
	-webkit-animation:b_p3_element03e;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	
	-moz-animation:b_p3_element03e;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-fill-mode:forwards;
	-moz-animation-timing-function:liner;
	
	-o-animation:b_p3_element03e;
	-o-animation-duration: 1.5s;
	-o-animation-iteration-count: infinite;
	-o-animation-fill-mode:forwards;
	-o-animation-timing-function:liner;
	
	-ms-animation:b_p3_element03e;
	-ms-animation-duration: 1.5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-fill-mode:forwards;
	-ms-animation-timing-function:liner;
	
	animation:b_p3_element03e;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-fill-mode:forwards;
	animation-timing-function:liner;
	}
@-webkit-keyframes b_p3_element03e {
	0% {-webkit-transform:rotate(-360deg);}
	100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes b_p3_element03e {
	0% {-moz-transform:rotate(-360deg);}
	100% {-moz-transform:rotate(0deg);}
}
@-o-keyframes b_p3_element03e {
	0% {-o-transform:rotate(-360deg);}
	100% {-o-transform:rotate(0deg);}
}
@-ms-keyframes b_p3_element03e {
	0% {-ms-transform:rotate(-360deg);}
	100% {-ms-transform:rotate(0deg);}
}
@keyframes b_p3_element03e {
	0% {transform:rotate(-360deg);}
	100% {transform:rotate(0deg);}
}

/*
.active .p3_element02c{
	-webkit-animation:p3_element02c;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:liner;
	}
@-webkit-keyframes p3_element02c {
	30% {opacity:0;left:286px;}
	70% {opacity:1;left:266px;}
	100% {opacity:1;left:266px;}
}
*/