@charset "utf-8";
/* CSS Document */

/*--動態--*/



.animated {
  animation-iteration-count: infinite;
  -webkit-animation-duration:2.2s;
  animation-duration: 2.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay:0.5s; /*等待0.5秒，然后开始动画：*/
  -webkit-animation-delay:0.5s; /* Safari 和 Chrome */}

.animated2 {
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay:2s; /*等待0.5秒，然后开始动画：*/
  -webkit-animation-delay:0.5s; /* Safari 和 Chrome */}

.animated3 {
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay:3s; /*等待0.5秒，然后开始动画：*/
  -webkit-animation-delay:0.5s; /* Safari 和 Chrome */}


.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	
	animation-iteration-count: infinite;/*重複播放*/
	-webkit-animation-iteration-count: infinite;/*重複播放*/
}
.pulse1{
	animation-name: pulse;
	-webkit-animation-name: pulse;	
	animation-iteration-count: 1;/*1播放*/
	-webkit-animation-iteration-count: 1;/*1播放*/
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.95);
		opacity: 1;	
	}	
}

@-webkit-keyframes pulse {
	0% {
		transform: scale(0.95);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.95);
		opacity: 1;	
	}
}


.floating{
	animation: float 1s infinite ease-in-out alternate;
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-iteration-count: infinite;/*播放*/
	-webkit-animation-iteration-count:  infinite;/*播放*/


}

@-webkit-keyframes floating {
	from,
    to {
        transform: transofrmY(0);
    }
    50% {
        transform: translateY(15px);
    }	
}
@-moz-keyframes floating {
	from,
    to {
        transform: transofrmY(0);
    }
    50% {
        transform: translateY(15px);
    }
}
@-o-keyframes floating {
	from,
    to {
        transform: transofrmY(0);
    }
    50% {
        transform: translateY(15px);
    }	
}
@keyframes floating {
	from,
    to {
        transform: transofrmY(0);
    }
    50% {
        transform: translateY(15px);
    }	
}