﻿
header,.mCustomScrollbar{
	-webkit-animation:fadeInDown 1s  ease both;
animation:fadeInDown 1s  ease both;
	}
footer,.wow,.project_ul li span h2{
	-webkit-animation:fadeInDown 1s  ease both;
animation:fadeInDown 1s  ease both;
animation-delay:.5s;
-webkit-animation-delay:.5s; 	
	}	
.light_donation{-webkit-animation:fadeInUp 1s  ease both;
animation:fadeInUp 1s  ease both;animation-delay:.5s;
-webkit-animation-delay:.5s; 	}

h1{	-webkit-animation:fadeInDown 1s  ease both;
animation:fadeInDown 1s  ease both;
animation-delay:.5s;
-webkit-animation-delay:.5s; 	
}

.kv,.project_bg{-webkit-animation:fadeInUp 1s  ease both;
animation:fadeInUp 1s  ease both;}
/*首頁按鈕*/
.index_kv_icon{
height: 86px;
width: 86px;
margin-left: -43px;
position: absolute;
left: 50%;
top: -30%;
text-align: center;
-webkit-animation: icon 1s infinite;
animation: icon 1s infinite;}
@-webkit-keyframes icon{
0%{margin-top: 20px;margin-bottom: 5px;}
50%{margin-top: 25px;margin-bottom:0px;}
100%{margin-top: 20px;margin-bottom: 5px;}

}
@keyframes icon{
0%{margin-top: 20px;margin-bottom: 5px;}
50%{margin-top: 25px;margin-bottom: 0px;}
100%{margin-top: 20px;margin-bottom: 5px;}
}	


.kv_icon2{
	top:auto;
	bottom: 5%;
}

.project_kv_icon{
	display: inline-block;

-webkit-animation: icon2 1s infinite;
animation: icon2 1s infinite;}
@-webkit-keyframes icon2{
0%{margin-top: 10px;margin-bottom: 5px;}
50%{margin-top: 15px;margin-bottom:0px;}
100%{margin-top: 10px;margin-bottom: 5px;}

}
@keyframes icon2{
0%{margin-top: 10px;margin-bottom: 5px;}
50%{margin-top: 15px;margin-bottom: 0px;}
100%{margin-top: 10px;margin-bottom: 5px;}
}

@media (max-width: 1210px) {
.project_kv_icon{
	display: inline-block;

-webkit-animation: icon2_2 1s infinite;
animation: icon2_2 1s infinite;}
}
@-webkit-keyframes icon2_2{
0%{margin-top: 0px;margin-bottom: 5px;}
50%{margin-top: 5px;margin-bottom:0px;}
100%{margin-top: 0px;margin-bottom: 5px;}

}
@keyframes icon2_2{
0%{margin-top: 0px;margin-bottom: 5px;}
50%{margin-top: 5px;margin-bottom: 0px;}
100%{margin-top: 0px;margin-bottom: 5px;}
}


@media (max-width: 414px) {
.project_kv_icon{
	display: inline-block;

-webkit-animation: icon2_3 1s infinite;
animation: icon2_3 1s infinite;}
}
@-webkit-keyframes icon2_3{
0%{margin-top: -3px;}
50%{margin-top: 1px;}
100%{margin-top: -3px;}

}
@keyframes icon2_3{
0%{margin-top: -3px;}
50%{margin-top: 1px;}
100%{margin-top: -3px;}
}


	/*首頁時數動態*/
	
	.index_tvTXT1{
	-webkit-animation: index_tvTXT1 24s infinite; /* Chrome, Safari, Opera */
    animation: index_tvTXT1 24s infinite;/*ie */}
.index_tvTXT2{
	-webkit-animation: index_tvTXT2 24s infinite; /* Chrome, Safari, Opera */
    animation: index_tvTXT2 24s infinite;/*ie */}
.index_tvTXT3{
	-webkit-animation: index_tvTXT3 24s infinite; /* Chrome, Safari, Opera */
    animation: index_tvTXT3 24s infinite;/*ie */}
.index_tvTXT4{
	-webkit-animation: index_tvTXT4 24s infinite; /* Chrome, Safari, Opera */
    animation: index_tvTXT4 24s infinite;/*ie */}
.index_tvTXT5{
	-webkit-animation: index_tvTXT5 24s infinite; /* Chrome, Safari, Opera */
    animation: index_tvTXT5 24s infinite;/*ie */}
.index_tvTXT6{
	-webkit-animation: index_tvTXT6 24s infinite; /* Chrome, Safari, Opera */
    animation: index_tvTXT6 24s infinite;/*ie */}

@-webkit-keyframes index_tvTXT1 {
	0%{opacity:0; }
	5%{opacity:1; }
	10%{opacity:1; }
	15%{opacity:0; }
	100%{opacity:0; }
	}
@keyframes index_tvTXT1 {	
    0%{opacity:0; }
	5%{opacity:1; }
	10%{opacity:1; }
	15%{opacity:0; }
	100%{opacity:0; }}
	
@-webkit-keyframes index_tvTXT2 {
	0%{opacity:0; }
	15%{opacity:0; }
	20%{opacity:1; }
	25%{opacity:1;}
	30%{opacity:0;}
	100%{opacity:0; }
	}
@keyframes index_tvTXT2 {	
	0%{opacity:0; }
	15%{opacity:0; }
	20%{opacity:1; }
	25%{opacity:1;}
	30%{opacity:0;}
	100%{opacity:0; }}

@-webkit-keyframes index_tvTXT3 {
	0%{opacity:0; }
	30%{opacity:0; }
	35%{opacity:1;}
	40%{opacity:1;}
	45%{opacity:0;}
	100%{opacity:0; }
	}
@keyframes index_tvTXT3 {	
	0%{opacity:0; }
	30%{opacity:0; }
	35%{opacity:1;}
	40%{opacity:1;}
	45%{opacity:0;}
	100%{opacity:0; }}
	
@-webkit-keyframes index_tvTXT4 {
	0%{opacity:0; }
	45%{opacity:0; }
	50%{opacity:1;}
	55%{opacity:1;}
	60%{opacity:0;}
	100%{opacity:0; }
	}
@keyframes index_tvTXT4 {	
	0%{opacity:0; }
	45%{opacity:0; }
	50%{opacity:1;}
	55%{opacity:1;}
	60%{opacity:0;}
	100%{opacity:0; }}

@-webkit-keyframes index_tvTXT5 {
	0%{opacity:0; }
	60%{opacity:0; }
	65%{opacity:1;}
	75%{opacity:1;}
	80%{opacity:0;}
	100%{opacity:0; }
	}
@keyframes index_tvTXT5 {	
	0%{opacity:0; }
	60%{opacity:0; }
	65%{opacity:1;}
	75%{opacity:1;}
	80%{opacity:0;}
	100%{opacity:0; }}
	
@-webkit-keyframes index_tvTXT6 {
	0%{opacity:0; }
	80%{opacity:0; }
	85%{opacity:1;}
	95%{opacity:1;}
	100%{opacity:0; }
	}
@keyframes index_tvTXT6 {	
	0%{opacity:0; }
	80%{opacity:0; }
	85%{opacity:1;}
	95%{opacity:1;}
	100%{opacity:0; }}
	
	
	
	
	/*愛接棒動態*/
	.baseball_main > div.baseball_img2{ z-index:1; left:auto; margin-left:0px; width:3840px}
	
.baseball_img3{ z-index:2;animation-delay:.5s;-webkit-animation-delay:.5s;}
.baseball_img4{ z-index:3;animation-delay:1s;-webkit-animation-delay:1s;}
.baseball_img6{
	z-index:4;
	height:598px;
	background-image: url(../images/baseball/baseball6.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}
.baseball_img6,.baseball_img6_cnt{animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.baseball_img5{ z-index:5;animation-delay:2s;-webkit-animation-delay:2s;}
.baseball_img10,.baseball_img10_2{ z-index:9;animation-delay:3.5s;-webkit-animation-delay:3.5s;}
.baseball_img11{ z-index:10;animation-delay:4s;-webkit-animation-delay:4s;}
.baseball_img12,.baseball_img12_2{ -webkit-animation:bounceInLeft 1s  ease both;
animation:bounceInLeft 1s  ease both;z-index:11;animation-delay:4.5s;-webkit-animation-delay:4.5s;}


/*左邊快速刷入*/
.baseball_img7{
-webkit-animation:bounceInLeft 1s  ease both;
animation:bounceInLeft 1s  ease both;
z-index:6;animation-delay:2.3s;-webkit-animation-delay:2.3s;
}
.baseball_img8{
-webkit-animation:bounceInLeft 1s  ease both;
animation:bounceInLeft 1s  ease both;
z-index:7;animation-delay:2.7s;-webkit-animation-delay:2.7s;
}

/*右邊快速刷入*/
.baseball_img9{
-webkit-animation:bounceInRight 1s  ease both;
animation:bounceInRight 1s  ease both;
 z-index:12;animation-delay:3.2s;-webkit-animation-delay:3.2s;
}

/*快速由下往上刷入*/
.baseball_img5{-webkit-animation:bounceInUp  2s  ease both;
animation:bounceInUp  2s  ease both;}
/*快速由上往下刷入*/
.baseball_img3{-webkit-animation:bounceInDown 1s  ease both;
animation:bounceInDown 1s  ease both;}


/*慢左邊刷入*/

	.baseball_img2 {
	-webkit-animation:fadeInLeft22 20s  infinite;
animation:fadeInLeft22 20s  infinite;
 transition-timing-function: linear;
	}
	
	@-webkit-keyframes fadeInLeft22 {
	0%{ right:0%}
	100%{ right:-100% }
	}
@keyframes fadeInLeft22 {	
		0%{ right:0%}
	100%{ right:-100% }}
	
@media (max-width: 600px) {	
.baseball_img6,.baseball_img6_cnt{animation-delay:.5s;-webkit-animation-delay:.5s;}

	.baseball_img12,.baseball_img12_{ -webkit-animation:bounceInLeft 1s  ease both;
animation:bounceInLeft 1s  ease both;z-index:11;animation-delay:3.6s;-webkit-animation-delay:3.6s;}
.baseball_txt .owl-theme .owl-controls .owl-page.active span, .baseball_donate input[type="submit"].input2, .baseball_donate .Donation li input{
	-webkit-animation:txt_color 2s  infinite;
animation:txt_color 2s  infinite;
 transition-timing-function: linear;
	}

}

@-webkit-keyframes txt_color {
	0%{background: #6a3906; }
	50%{background: #8f5213;}
	100%{background: #6a3906;}
	}
@keyframes txt_color {	
		0%{background: #6a3906; }
	50%{background: #8f5213;}
	100%{background: #6a3906;}}