@charset "big5";
/*切換頁按鈕*/

.gift_video{ 
	width:1200px;
	height:200px;
	background:url(../images/gift.gif) 0 0 no-repeat;
	position:absolute;
	top:375px;
	left:10px;
	display:block;
}

 .video_btn{ width:162px; height:158px; background:url(http://images.sunfar.com.tw/ad/21/1080121162/images/51.png) 0 0 no-repeat; position:absolute; top:70px; left:780px; display:block;
animation-name: rotate1;
	-webkit-animation-name: rotate1;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@keyframes rotate1 {
	0% {transform: rotate(-5deg) scale(1);}
	25% {transform: rotate(-5deg) scale(1.4);}
	30% {transform: rotate(-5deg) scale(0.9);}	
	50% {transform: rotate(10deg) scale(1);filter:brightness(115%);}
	100% {transform: rotate(-5deg)scale(1);} }

@-webkit-keyframes rotate1 {
	0% {transform: rotate(-5deg) scale(1);}
	25% {transform: rotate(-5deg) scale(1.4);}
	30% {transform: rotate(-5deg) scale(0.9);}	
	50% {transform: rotate(10deg) scale(1);filter:brightness(115%);}
	100% {transform: rotate(-5deg)scale(1);} }

.video_btn:hover{background:url(http://images.sunfar.com.tw/ad/21/1080121162/images/51.png) 0 0 no-repeat; transform: translateY(0.2em);}

.video_btn2{ width:154px; height:156px; background:url(http://images.sunfar.com.tw/ad/21/1080121162/images/52.png) 0 0 no-repeat; position:absolute; top:0px; left:920px; display:block;
animation-name: rotate1;
	-webkit-animation-name: rotate1;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.video_btn2:hover{background:url(http://images.sunfar.com.tw/ad/21/1080121162/images/52.png) 0 0 no-repeat; transform: translateY(0.2em);}

@keyframes floating {
	0% {transform: translateY(0%);}
	50% {transform: translateY(8%);}	
	100% {transform: translateY(0%);} }

@-webkit-keyframes floating {
	0% {-webkit-transform: translateY(0%);}
	50% {-webkit-transform: translateY(8%);	}	
	100% {-webkit-transform: translateY(0%);} }

a .video_main{ width:1200px; height:611px; background:url(http://images.sunfar.com.tw/ad/21/1080121162/images/new-web1.png) 0 0 no-repeat; position:absolute; top:-5px; left:0px; display:block;
    animation-name: floating,play2;
	-webkit-animation-name: floating1,play2;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

/*閃爍效果2*/
@keyframes play2 {
	  0% { 
		filter:brightness(100%);
		
		
	  }
	  20% { 
		filter:brightness(150%);
		
	  }
	  30% { 
		filter:brightness(100%);
		
	  }
	  50% { 
		filter:brightness(150%);
		
	  }
	  100% { 
		filter:brightness(100%);
		
	  }
}


/*浮動效果*/
@keyframes floating1 {
	0% {transform: translateY(0%);}
	50% {transform: translateY(0%);}	
	100% {transform: translateY(0%);} }

@-webkit-keyframes floating1 {
	0% {-webkit-transform: translateY(0%);}
	50% {-webkit-transform: translateY(0%);	}	
	100% {-webkit-transform: translateY(0%);} }

a .main{ width:1200px; height:450x; background:url(http://images.sunfar.com.tw/ad/21/1080121162/images/new-web1.png) 0 0 no-repeat; position:absolute; top:0px; left:-500px; display:block;
	animation-name: f0;
	-webkit-animation-name: f0;
	animation-duration: 0s;
	-webkit-animation-duration: 0s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}	
a .mainn{
	width:1200px; height:450px; background:url(http://images.sunfar.com.tw/ad/21/1080121162/images/new-web1.png) 0 0 no-repeat; position:absolute; top:0x; left:0px; display:block;
	animation-name: floating1,play1;
	-webkit-animation-name: floating1,play1;
	animation-duration: 0s;
	-webkit-animation-duration: 0s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
a .mainn1{
	width:1200px; height:320px; background:url(http://images.sunfar.com.tw/ad/21/1070421102/images/f.gif) 0 0 no-repeat; position:absolute; top:0px; left:-30px; display:block;

}

/*閃爍效果*/
@keyframes play1 {
	  0% { 
		filter:brightness(100%);
		
		
	  }
	  20% { 
		filter:brightness(100%);
		
	  }
	  30% { 
		filter:brightness(100%);
		
	  }
	  50% { 
		filter:brightness(180%);
		
	  }
	  100% { 
		filter:brightness(100%);
		
	  }
}
@keyframes f1 {
	0% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}
    25% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	50% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")
	75% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	100% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}
}

@-webkit-keyframes f1 {
	0% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}
    25% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	50% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")
	75% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web2.png")}
	100% {background-image:url("http://images.sunfar.com.tw/ad/21/1070421102/images/new-web.png")}