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

/* 修正粗體時，"碧"右側會多出空格 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
	src: local(Yu Gothic), local(MS Gothic);}
	
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);}

*{	font-family: '微軟正黑體修正', '微軟正黑體', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0;
	padding: 0;
	font-family: '微軟正黑體';
	box-sizing: border-box;
	transition: 0.8s;
	color: #333333;}

img{border: 0;}

a:link, a:checked, a:visited{
	color:#0d9abe;
	text-decoration: none;}

/*---- Header：logo----*/

.header{background-color: #007c7c;}

.LogoArea{
	position: relative;
	height: 70px;
	line-height: 70px;
	margin: 0 auto;
	width: 100%;}

 .logo{
	display:inline-block;
	width: 180px;
	height: 70px;
	background: url(../images/logo.svg) center no-repeat;
	background-size: 85%;}

/*----Header：網路投保鈕----*/	
.ezbao-title{
	display: none;
	position: absolute;
    height: 70px;
    font-size: 1.5em;
    color: #fff;
    font-weight: 600;
    padding: 10px 0 0 0;
    line-height: 60px;}

.ezbao-title::before{
	content: '';
    display: inline-block;
    position: relative;
    width: 2px;
    height: 35px;
    background-color: #fff;
    vertical-align: text-bottom;
    margin: 0 15px 0 5px;}

/*----主內容區----*/
.container{
	width: 100%;
	position: relative;
	text-align:center;
	margin: 0 auto;}

/*----主題區----*/

.theme-wrap{
	display: block;
	width: 100%;
	position: relative;
	background: #6cdeff;
	overflow: hidden;}

.theme-wrap .theme-bgSky{
	display: block;
	position: relative;
	width: 100%;
	height: 125px;
	margin: 0 auto;	
	overflow: hidden;}

.theme-wrap .theme-bgSky .bgSky-clouds{
	display: inline-block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 125px;
	background: url(../images/bg_clouds.png) top 20px center no-repeat;
	background-size: auto;
	animation: floating-ani2 2s ease infinite;}

/*主視覺區*/

.theme-main{
	display: inline-block;
	width: 100%;
	height: 700px;
	padding: 0 50px;
	background: url(../images/bg_theme.png) center no-repeat;
	background-size: cover;}


/*----裝飾用線條----*/

.deco_line{
	display: inline-block;
	position: absolute;
	margin: 0 auto;
	width: 843px;
	height: 144px;
	background: url(../images/LINE.png) top 20px center no-repeat;
	background-size: auto;}


/* 位置調整 */	
.stage1{
	left: 20%;
	transform: translateX(-50%);}

.stage2{
	left: 60%;
	transform: translateX(-50%);}	

.deco_mountains{
	display: block;
	position: absolute;
	margin: 0 auto;
	width: 100%;
	height: 376px;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 50px;
	background: url(../images/moutains.png) center no-repeat;
	background-size: auto;}

.words-wrap{
	display: inline-block;
    position: absolute;
    width: 800px;
    height: 500px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
	top: 50px;
	animation: floating-ani3 8s linear infinite;}

.theme_10{
	display: inline-block;
	position: absolute;
	width: 324px;
	height: 264px;
	left: 50px;
	top: 150px;
	background: url(../images/theme_10.png) center no-repeat;
	background-size: auto;
	animation-delay: 0.5s;}

.theme_date{
	display: inline-block;
	position: absolute;
	right: -34px;
    bottom: 111px;
	width: 139px;
	height: 139px;
	background: url(../images/theme_date.png) center no-repeat;
	background-size: auto;
	animation-delay: 2.2s;}

.theme_w1{
	display: inline-block;
	position: absolute;
	width: 310px;
	height: 186px;
	top: 60px;
    left: 350px;
	background: url(../images/theme_w1.png) center no-repeat;
	background-size: auto;}

.theme_w2{
	display: inline-block;
	position: absolute;
	width: 167px;
	height: 171px;
	top: 220px;
	left: 343px;
	background: url(../images/theme_w2.png) center no-repeat;
	background-size: auto;
	animation-delay: 0.8s;}

.theme_w3{
	display: inline-block;
	position: absolute;
	width: 160px;
	height: 162px;
	top: 213px;
    left: 470px;
	background: url(../images/theme_w3.png) center no-repeat;
	background-size: auto;
	animation-delay: 0.9s;}
	
.theme_w4{
	display: inline-block;
	position: absolute;
	width: 78px;
	height: 560px;
    left: 605px;
	background: url(../images/theme_w4.png) center no-repeat;
	background-size: auto;
	animation-delay: 1s;}

.theme_w5{
	display: inline-block;
	position: absolute;
	width: 70px;
	height: 520px;
    left: 650px;
	background: url(../images/theme_w5.png) center no-repeat;
	background-size: auto;
	animation-delay: 1s;}

.theme_w6{
	display: inline-block;
	position: absolute;
	width: 420px;
	height: 142px;
	left: 305px;
    top: 343px;
	background: url(../images/theme_w6.png) center no-repeat;
	background-size: auto;
	animation-delay: 1.6s;}

/*----裝飾星----*/

.shootingStars-wrap{
	position: absolute;
	width: 324px;
    height: 200px;
	top: 0;
	left: 374px;}

.deco-star1{
	display: inline-block;
	position: absolute;
	width: 110px;
	height: 130px;
	left: -75px;
    top: 50px;
	background: url(../images/stars_left1.png) center no-repeat;
	background-size: auto;
	opacity: 0;
	animation: starShoot-ani 0.5s ease-in-out forwards;
	animation-delay: 1.5s;}

.deco-star2{
	display: inline-block;
	position: absolute;
	width: 87px;
	height: 172px;
	left: -55px;
    top: -20px;
	background: url(../images/stars_left2.png) center no-repeat;
	background-size: auto;
	opacity: 0;
	animation: starShoot-ani 0.5s ease-in-out forwards;
	animation-delay: 1.6s;}

.deco-star3{
	display: inline-block;
	position: absolute;
	width: 287px;
	height: 246px;
	left: -215px;
    top: 10px;
	background: url(../images/stars_left3.png) center no-repeat;
	background-size: auto;
	opacity: 0;
	animation: starShoot-ani 0.5s ease-in-out forwards;
	animation-delay: 1.7s;}

.deco-star4{
	display: inline-block;
	position: absolute;
	width: 219px;
	height: 70px;
	right: -110px;
    bottom: -29px;
	background: url(../images/stars_right1.png) center no-repeat;
	background-size: auto;
	opacity: 0;
	animation: starShoot-ani 0.3s ease-in-out forwards;
	animation-delay: 1.7s;}

.deco-star5{
	display: inline-block;
	position: absolute;
	width: 122px;
	height: 63px;
	right: -50px;
    bottom: 20px;
	background: url(../images/stars_right2.png) center no-repeat;
	background-size: auto;
	opacity: 0;
	animation: starShoot-ani 0.3s ease-in-out forwards;
	animation-delay: 1.4s;}

.deco-star6{
	display: inline-block;
	position: absolute;
	width: 191px;
	height: 174px;
	right: -112px;
    top: 7px;
	background: url(../images/stars_right3.png) center no-repeat;
	background-size: auto;
	opacity: 0;
	animation: starShoot-ani 0.4s ease-in-out forwards;
	animation-delay: 1.6s;}	

.deco-star7{
	display: inline-block;
	position: absolute;
	width: 87px;
	height: 172px;
	right: -20px;
    top: -25px;
	background: url(../images/stars_right4.png) center no-repeat;
	background-size: auto;
	opacity: 0;
	animation: starShoot-ani 0.5s ease-in-out forwards;
	animation-delay: 1.5s;}		

.deco_lucky{
	display: block;
	opacity: 0;
    position: absolute;
    width: 100%;
    height: 68px;
    top: 0;
    left: 0px;
    background: url(../images/theme_lucky.png) left 25px center no-repeat;
	background-size: auto;
	animation: starShoot-ani 0.5s ease-in-out forwards;
	animation-delay: 1.5s;}

/*----國內也可投保----*/

.airplane-wrap{
	display: block;
	width: 100%;
	position: absolute;
	bottom: -100px;	
	animation-delay: 2.2s;}

.airplane-wrap .airplane{
	display: inline-block;
	position: relative;
	margin: 0 auto;
	width: 805px;
	height: 115px;
	background: url(../images/airplane.png) center no-repeat;
	background-size: auto;
	animation: floating-ani2 4s ease infinite;}

/*----立即來電----*/

.callnow-wrap{
	display: block;
	position: relative;
	padding: 20px;
	height: 0;}

.callnow{
	display: inline-block;
    position: relative;
    width: 870px;
    margin: 0 auto;
    padding: 20px 40px;
    background: #fff;
    top: -180px;
	padding-left: 200px;
	animation-delay: 2.5s;}

.callnow .callnow-title{
	display: inline-block;
	position: absolute;
	width: 259px;
	height: 87px;
	left: -26px;
	background: url(../images/Callnow.gif) left no-repeat;
	background-size: auto;}

.call_w1{
	display: inline-block;
    position: relative;
    background: #fff4cc;
    padding: 10px 120px 10px 15px;
    height: 70px;
    margin-top: 20px;
    right: -40px;}

.call_w1::before{
	content: '';
    position: absolute;
    left: -40px;
    top: 0px;
    border-color: transparent transparent #fff4cc transparent;
    border-style: solid solid solid solid;
    border-width: 0px 0px 70px 40px;
    height: 0px;
    width: 0px;}

.call_w1::after{
	content: '';
	position: absolute;
	width: 126px;
	height: 155px;
	top: -60px;
    right: -5px;
	background: url(../images/cellPhone.png) left no-repeat;
	background-size: auto;
	animation: cellPhone-ani 2.5s ease infinite;}

/*手機震動動畫*/
@keyframes cellPhone-ani{
	0%{transform: rotate(5deg);}
	2%{transform: rotate(-5deg);}
	4%{transform: rotate(8deg);}
	6%{transform: rotate(-8deg);}
	8%{transform: rotate(5deg);}
	10%{transform: rotate(-8deg);}
	12%{transform: rotate(5deg);}
	100%{transform: rotate(0deg);}}

/*----獎品區----*/

.prize-wrap{
	position: relative;
	width: 100%;
	background: #aaaaaa20;}

.prize-content{
	display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: space-around;
    padding: 20px;
	text-align: center;
	overflow: hidden;}	

.prize1{
	display: inline-block;
	position: relative;
	width: 409px;
	height: 461px;
	padding-top: 150px;
	background: url(../images/prize1_bg.png) center no-repeat;
	background-size: auto;
	margin-bottom: 50px;
	animation: cellPhone-ani 1s ease;}

.prize1 p{
	display: block;	
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0 40px;
	position: absolute;
	bottom: -50px;}

.prize1 p::before{
	content: '註';
	font-size: 0.8em;
    padding: 2px 6px;
    background: #e14e00;
	color: #fff;
	border-radius: 20px;
    position: absolute;
    left: 10px;}


.prize2{
	display: inline-block;
	position: relative;
	width: 416px;
	height: 459px;
	padding-top: 150px;
	background: url(../images/prize2_bg.png) center no-repeat;
	background-size: auto;
	margin-top: 80px;
	animation: cellPhone-ani 1.5s ease;}

/*----加碼區----*/

.timesAdd-wrap{
	position: relative;
	background: url(../images/times_bg.png) center no-repeat;
	background-size: cover;}

.timesAdd-wrap .timeAdd{
	display: flex;
	justify-content: space-around;
	width: 100%;
	height: 500px;
    margin: 0 auto;
    padding: 100px 60px;
    text-align: center;
    overflow: hidden;}

.timeAdd-content{
	display: inline-block;
	position: relative;	
	width: 40%;
	max-height: 160px;
	padding: 30px 20px;
	border-radius: 20px;
	background: #facc22;}

.title-10, .title-1, .title-1moreTime{
	display: inline-block;
	position: absolute;
	width: 429px;
	height: 101px;
	background: url(../images/10times.png) center no-repeat;
	background-size: auto;
	left: 0;
	top: -76px;}

.title-1{background: url(../images/1time.png) center no-repeat;}
.title-1moreTime{
	width: 458px;
	height: 100px;
	background: url(../images/1moreTime.png) center no-repeat;}

.timeAdd-content div{
	padding:20px;
	border-radius: 10px;
	background: #fff;}

.timeAdd-content div p{
	position: relative;
	font-size: 1.2em;
	line-height: 30px;
	font-weight: 600;
	text-align: justify;
	padding-left: 20px;}
		
.timeAdd-content div p::before{
	content: '★';
	color: #e14e00;
	position: absolute;
	top: 0;
	left: 0;}

.timeAdd-content:nth-child(1){animation-delay: 0.6s;margin-bottom: 30px;}	
.timeAdd-content:nth-child(2){animation-delay: 1s;margin-top: 30px;}

.timeAdd-content.bonusAdd{
	position: absolute;
    bottom: -40px;
    width: 80%;
	background: #2ab7a2;
	animation-delay: 1.5s;}

/*裝飾行李圖*/
.deco-luggages{
	position: absolute;
    width: 130px;
    height: 141px;
    background: url(../images/time_luggages.png) center no-repeat;
    background-size: contain;
    right: -90px;
    top: 40px;}


/*----活動注意事項----*/

.notice-wrap{
	display: block;
	position: relative;
	background: #aaaaaa30;}

.notice-wrap .notice{
	width: 80%;
	padding: 60px 20px 20px;
	margin: 0 auto;
	text-align: left;}

.notice-title{
	font-size: 2em;
	color: #2ab7a2;
	font-weight: 600;
	padding: 20px 0;}

.notice-list{
	padding: 0 20px;
	line-height: 30px;}

.win-condition{list-style: none;}

.win-condition li{
	position: relative;
	padding-left: 20px;}

.win-condition li::before{
	content: '★';
	color: #e14e03;
	position: absolute;
	top: 0;
	left: 0;}

/* goToTop*/

.btnTop-Wrap{
	position: fixed;
    right: 50px;
    top: 60%;
	z-index: 99;}

.btnTop{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	font-weight: 600;
	padding: 5px;
	background: #f6b52c;
	line-height: 50px;
	color:#fff;
	font-size: 1.2em;
	cursor: pointer;
	transition: 0.5s;}

.btnTop:active{background: #ff5c2e;} 

/*CallCard專區側邊鈕*/
.callcardBtn{
	display: inline-block;
	position: absolute;
	width: 102px;
	height: 90px;
	top: -90px;
	left: -9px;
	background: url("../images/callcardBtn.png") center no-repeat;
	background-size: contain;
	cursor: pointer;}

.callcardBtn::after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 4px;
	right: 0px;
	width: 37px;
	height: 44px;
	background: url("../images/cellPhone_mini.png")center no-repeat;
	background-size: contain;
	animation: cellPhone-ani 4s ease infinite;}


	/* control no. */

.cno{
	box-sizing: border-box;
	padding: 0 10%;
	text-align: right;
	width: 100%;
	color: #fff;
	display: block;	
	background: #007C7C;
	font-family: '微軟正黑體';
	font-size: 1em;	
	line-height: 30px;
	letter-spacing: 1px;
	right: 0px;}

/*----fotter----*/

footer{
	font-family: '微軟正黑體';
	font-size: 1em;	
	text-align: center;
	font-weight: 600;
	padding: 20px;
	/*border-top: solid 20px #007C7C;*/}


/*----顏色加強-----*/
.blue_note{color: #44a7eb;font-weight: 600;}
.green_note{color: #0cbdb3;font-weight: 600;}
.red_note{color: #e14e00;font-weight: 600; }
.orange_note{color: #ff5c2e;font-weight: 600; }
.underline{border-bottom: 1px #e14e00 solid;}


@media screen and (min-device-width: 1000px){
	
	.container, .LogoArea{width: 1200px;}
	footer{padding: 0px;line-height: 30px;}
}

@media screen and (max-device-width: 1200px){

}

@media screen and (max-device-width: 600px){

	/*Header列*/
	.ezbao-title{
		display: none;
		font-size: 1.2em;
		padding-top: 7px;}
	.ezbao-title::before{height: 25px;}
	.logo{
		width: 35%;
		height: 70px;
		background-size: 90%;
		margin-left: 10px ;}


	/*主視覺區*/
	
	.theme-wrap .theme-bgSky {
		height: 70px;}

	.theme-wrap .theme-bgSky .bgSky-clouds {
		height: 70px;
		background: url(../images/bg_clouds.png) top 20px center no-repeat;
		background-size: cover;}
	
	.theme-main{
		padding: 20px;
		width: 100%;
		height: 550px;}

	.deco_line{width: 100%;} 	
	.words-wrap{width: 100%;}

	.theme_10{
		width: 100%;
		height: 25%;
		left: -25%;
		top: 15%;
		background-size: contain;}
	
	.theme_w1{
		left: 11%;
		top: -0.2%;
		width: 100%;
		height: 20%;
		display: block;
		background-size: contain;}

	.theme_w2{
		left: 4%;
		top: 17%;
		width: 100%;
		height: 20%;
		display: block;
		background-size: contain;}

	.theme_w3{
		left: 24%;
		top: 15%;
		width: 100%;
		height: 20%;
		display: block;
		background-size: contain;}
	
	.theme_w4{
		left: 39%;
		top: 14%;
		width: 100%;
		height: 17%;
		background-size: contain;}
	
	.theme_w5{display: none;}
	.theme_w6{
		left: 4%;
		top: 32.2%;
		width: 100%;
		height: 19%;
		display: block;
		background-size: contain;}

	.theme_date{
		top: 45%;
		width: 100%;
		height: 28%;
		display: block;
		background-size: contain;}

	.deco_mountains{background-size: 150%;}
		
	.shootingStars-wrap{
		width: 80%;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 auto;}

	.deco-star1, .deco-star2, .deco-star3, .deco-star4, .deco-star5, .deco-star6, .deco-star7{
		width: 20%;
		background-size: contain;}
	
	.deco-star4, .deco-star5, .deco-star6, .deco-star7{
		left: auto;
		right: -5%;}

	.deco-star1{
		top: 2%;
		left: 30%;}
		
	.deco-star2{
		top: -25%;
		left: 27%;}

	.deco-star3{
		top: -19%;
		width: 50%;
		left: 10%;}

	.deco-star4{display: none;}

	.deco-star5{
		top: 23%;
    	right: 2%;}
		
	.deco-star6{top:-22%;}

	.deco-star7{
		top:-32%;
		right: -1%;}

	.deco_lucky{
		width: 100%;
		height: 15%;
		top: -13%;
		background-size: contain;
		left: 14%;
		background-position: center;}

	.airplane-wrap{
		padding: 0 20px;
		bottom: 30px;}

	.airplane-wrap .airplane{
		width: 100%;
		background-size: contain;}
	/*立即來電*/	

	.callnow{
		width: 100%;
		padding: 50px 20px;
		padding-left: auto;
		top: -120px;
		z-index: 1;
		border-radius: 10px;}

	.callnow .callnow-title{
		width: 40%;
		height: 50%;
		background-position: left -15px center;
		background-size: contain;
		left: 0;
		top: -5%;}

	.call_w1{
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px 60px 10px 10px;
		height: 45px;
		line-height: 25px;
		border-radius: 0 0 10px 10px;
		width: 100%;}

    .callnow .tel0800{
		width: 100%;
    	position: relative;}
	
	.call_w1 img{width: 100%;}
	
	.call_w1::before{display: none;}

	.call_w1::after{
		width: 15%;
		top: -50px;
		right: 0;
		background-size: contain;}

	/*獎品區*/
	.prize-content{
		flex-direction: column;
		width: 100%;}
	
	.prize-content .prize1, .prize-content .prize2{
		width: 100%;
		background-size: contain;
		margin-top: 0;}

	.prize-content .prize1 img{
		position: relative;
		width: 80%;}
   
    .prize-content .prize2 img{
		position: relative;
		width: 70%;}

	/*加碼區*/

	.timesAdd-wrap .timeAdd{
		width: 100%;
		height: auto;
		flex-direction: column;
		padding: 100px 20px 10px;}

    .timesAdd-wrap .timeAdd .timeAdd-content{
		width: 100%;
		max-height: initial;
		margin-bottom: 20%;
		animation-delay: initial;}

	.title-10, .title-1, .title-1moreTime{
		width: 100%;
		background-size: contain;}

	.timeAdd-content.bonusAdd{
		position: relative;
		bottom: auto;
		margin-top: 10%;}

	/*活動注意事項*/

	.notice-wrap .notice {
		width: 100%;
		padding: 20px;}

	.notice-list {
		padding: 0 30px;
		text-align: justify;}

	/*footer*/
	
	footer{
		line-height: normal;
		padding: 3%;
		text-align: left;}

	/*totop*/
	.btnTop-Wrap {
		right: 2%;
		bottom: 2%;
		top: auto;		
		transform: translateY();}
	
	.btnTop{
		opacity: 0.8;
		font-size: 1em;
		line-height: 40px;
		background: #e14e00;
		width: 50px;
		height: 50px;}

	.btnTop:hover{opacity: 1;}
	.btnTop:active{
		width: 50px;
		height: 50px;
		opacity: 1;
		background-size: 50px 50px;}

	.callcardBtn{
		width: 80px;
		height: 70px;
		top: -70px;
		left: -25px;}
	
	.callcardBtn::after{
		width: 44px;
		height: 30px;}

	.deco-luggages{
		width: 30%;
		right: -10px;
		top: 90px;}	
}


@media screen and (max-device-width: 320px){
	.callnow{animation-delay: initial;}
	.prize1, .prize2{
		height: 325px;
		padding-top: 100px;}
}


/*----動畫-----*/


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


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

@keyframes floating-ani3 { 
	0%{
		-webkit-transform: translate(-50%, 0px) ;
		transform: translate(-50%, 0px);
	}
	50%{
		-webkit-transform:translate(-50%, -8px);
		transform:translate(-50%, -8px);
	}
	100%{
		-webkit-transform:translate(-50%, 0px); 
		transform:translate(-50%, 0px);  
	}
}



@keyframes fadeInLeft-ani {
	0%{opacity: 0;
	   -webkit-transform: translateX(-50px);
	   transform: translateX(-50px);}
	50%{
		opacity: 0.5;		
		}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
	}

@keyframes fadeInRight-ani {
	0%{
	   -webkit-transform: translateX(150px);
	   transform: translateX(150px);}
	100%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
	}


/*震動動畫*/
	@keyframes shake-ani{
		0% { transform: rotate(5px);}
		50% { transform: rotate(-5deg);}
		100% { transform: rotate(0deg);}}


/*星星出現動畫*/
@keyframes starShoot-ani{
	0% { transform: scale(0,0);
		opacity: 0;}

	90% { transform: scale(1.1, 1.1);
		opacity: 1;}

	95% { transform: scale(0.8, 0.9);
		opacity: 0.8;}

	100% { 
		transform: scale(1,1);
		opacity: 1;}
}