/*濯掍綋鏌ヨ寮�濮�*/
@media all and (min-width:1201px){
	.bannerBoxA{
		right:5%;
	}
	.bannerImgBox div{
		width: 50%;
		font-size:18px;
	}
	#banner1 .ren{
		left:10%;
		top: 29px;
	}
	#banner1 .text1{
		left: 55%;
		top: 55px;
	}
	#banner1 .text2{
		left:55%;
		top: 330px;
	}
	#banner1 .text3{
		left:50%;
		top: 400px;
	}
	#banner2 .ren0{
		left: 16%;
		width: 13%;
		top: 0px;
	}
	#banner2 .duang1{
		left:16%;
		bottom:20px;
	}
	#banner2 .duang2{
		right: 20%;
		top: 50px;
	}
	#banner2 .text1{
		left: 55%;
		top: 100px;
	}
	#banner2 .text2{
		left: 50%;
		top: 240px;
	}
	#banner2 .text3{
		left:50%;
		top: 400px;
	}
	#banner3 .bigimg{
		left:10%;
		bottom: 0;
	}
	#banner3 .text1{
		left: 55%;
		top: 120px;
	}
	#banner3 .text2{
		left: 50%;
		top: 250px;
	}
	#banner3 .duang1{
		left: 15%;
        width: 23%;
		bottom: 27px;
	}
	#banner3 .duang2{
		left: 57%;
		top: 70px;
	}
	#banner3 .text3{
		left:50%;
		top: 400px;
	}
	#banner4 .duang1{
		left: 10%;
		top: 30px;
	}
	#banner4 .duang2{
		left: 62%;
		top: 60px;
	}
	#banner4 .qita{
		left: 60%;
		top: 100px;
	}
	#banner4 .ren2{
		left: 55%;
		top: 250px;
	}
	#banner4 .text3{
		left:50%;
		top: 400px;
	}
	#banner5 .duang1{
		left:0;
		width:65%;
		bottom: 0;
	}
	#banner5 .duang2{
		left: 17%;
		top: 45px;
	}
	#banner5 .pc{
		left: 55%;
		top: 100px;
	}
	#banner5 .nv{
		left: 56%;
		top: 60px;
	}
	#banner5 .text1{
		left: 50%;
		top: 230px;
	}
	#banner5 .text3{
		left:50%;
		top: 400px;
	}
	#banner6 .duang1{
		left:16%;
		top: 70px;
	}
	#banner6 .lou{
		left:9%;
		top: 35px;
	}
	#banner6 .duang2{
		left:17%;
		top: 100px;
	}
	#banner6 .text0{
		left: 60%;
		top: 190px;
	}
	#banner6 .text3{
		left:50%;
		top: 400px;
	}
	#banner6 .ren3{
		left:15%;
		top: 206px;
	}
	#banner6 .text1{
		left:59%;
		top: 78px;
	}
	#banner6 .text2{
		left:50%;
		top: 275px;
	}
	#banner7 .duang1{
		left: 18.5%;
		top: 50px;
	}
	#banner7 .duang2{
		left: 21.5%;
		bottom: 0;
	}
	#banner7 .text3{
		left: 50%;
		top: 400px;
	}
	#banner7 .text1{
		left: 50%;
		top: 65px;
	}

	#banner7 .text2{
		left:55%;
		bottom: 140px;
	}

	#banner7 .ren4{
		left: 20%;
		top: 180px;
	}
	.bannerImgBox div span{
		font-size: 18px;
	}
	.bannerBoxA {
		font-size: 16px;
	}
}
@media all and (min-width:320px) and (max-width:1200px){
	.bannerImgBox div{
		width: 45%;
		font-size:16px;
	}
	#banner1 .text1{
		left: 50%;
		width: 38%;
		top: 60px;
	}
	#banner1 .text2{
		left:50%;
		top: 300px;
	}
	#banner1 .text3{
		right: 11%;
		top: 400px;
	}
	#banner2 .ren0{
		left:5%;
		width: 20%;
		top: 30px;
	}
	#banner2 .duang2{
		right: 20%;
		width: 10%;
		top: 90px;
	}
	#banner2 .text1{
		width: 30%;
		right: 15%;
		top: 130px;
	}
	#banner2 .text2{
		right: 8%;
		width: 45%;
		top: 260px;
	}
	#banner2 .text3{
		right: 11%;
		top: 400px;
	}
	#banner3 .bigimg{
		left:-5%;
		bottom: 0;
	}
	#banner3 .text1{
		width: 30%;
		right: 15%;
		top: 160px;
	}
	#banner3 .text2{
		right: 6%;
		width: 45%;
		top: 270px;
	}
	#banner3 .text3{
		right: 11%;
		top: 400px;
	}
	#banner4 .duang2{
		left:57%;
		width: 10%;
		top: 120px;
	}
	#banner4 .qita{
		width: 30%;
		right: 15%;
		top: 155px;
	}
	#banner4 .ren2{
		right: 6%;
		width: 45%;
		top: 270px;
	}
	#banner4 .text3{
		right: 11%;
		top: 400px;
	}
	#banner5 .pc{
		width: 30%;
		right: 15%;
		top: 150px;
	}
	#banner5 .text1{
		right: 8%;
		width: 45%;
		top: 270px;
	}
	#banner5 .text3{
		right: 11%;
		top: 400px;
	}
	#banner6 .duang2{
		left:7%;
		top:80px;
	}
	#banner6 .text3{
		right: 11%;
		top: 400px;
	}
	#banner6 .text1 {
		width: 30%;
		right: 15%;
		top: 118px;
	}
	#banner6 .text2{
		right: 6%;
		width: 45%;
		top: 275px;
	}
	#banner7 .text3{
		right: 11%;
		top: 400px;
	}

	#banner7 .text1{
		width: 35%;
		right: 15%;
		top: 105px;
	}

	#banner7 .text2{
		left:45%;
		top:315px;
	}
	.bannerImgBox div span{
		font-size: 16px;
	}
	.bannerBoxA {
		font-size: 14px;
	}
}
/*濯掍綋鏌ヨ缁撴潫*/
.bannerImgBox{
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 503px;
}
.bannerImgBox img{
	position: absolute;
}

.bannerImgBox div{
	position: absolute;
	height: 27px;
	color: #FFFFFF;
	letter-spacing:2px;
}

.bannerImgBox div span{
	line-height: 28px;
	font-style: italic;
	color: #F76165;
	padding: 0 10px 0 6px;
	letter-spacing:1px;
}

.bannerImgBox .duang1,.duang2{
	-webkit-animation:flying 1s .8s ease both infinite;
	-moz-animation:flying 1s .8s ease both infinite;
	animation:flying 1s .8s ease both infinite;
}

.bannerBoxA{
	position: absolute;
	top: 400px;
	width: 100px;
	height: 28px;
	display: block;
	text-align: center;
	border-radius: 3px;
	border: 1px solid white;
	font-weight: 500;
	line-height: 28px;
	color: white;
	-webkit-animation:flipInY 1.5s .3s ease both;
	-moz-animation:flipInY 1.5s .3s ease both;
	animation:flipInY 1.5s .3s ease both;
	transition: background 0.6s ease;
}

.bannerBoxA:hover{
	background: rgba(18,122,105,0.4);
	color: #FFFFFF;
	transition: background 0.6s ease;
}

/*--------------------banner1-----------------------*/

#banner1 .ren{
	z-index: 1;
	-webkit-animation:renRight 1s .3s ease both;
	-moz-animation:renRight 1s .3s ease both;
	animation:renRight 1s .3s ease both;
}
#banner1 .text1{
	-webkit-animation:wobble 2.5s .5s ease infinite both;
	-moz-animation:wobble 2.5s .5s ease infinite both;
	animation:wobble 2.5s .5s ease infinite both;
}
#banner1 .text2{
	-webkit-animation:textInright 1.5s 1s ease both;
	-moz-animation:textInright 1.5s 1s ease both;
	animation:textInright 1.5s 1s ease both;
}

#banner1 .text3{
	-webkit-animation:textUp 1.5s 0.4s ease both;
	-moz-animation:textUp 1.5s 0.4s ease both;
	animation:textUp 1.5s 0.4s ease both;
}

#banner1 .yun{
	left: 779px;
	top: 30px;
	-webkit-animation:moveLeft 15s .5s infinite linear normal backwards;
	-moz-animation:moveLeft 15s .5s infinite linear normal backwards;
	animation:moveLeft 15s .5s infinite linear normal backwards;
}

/*--------------------banner2-----------------------*/
#banner2 .ren0{
	-webkit-animation: hotelUp 1s .8s ease-in-out both;
    -moz-animation: hotelUp 1s .8s ease-in-out both;
    animation: hotelUp 1s .8s ease-in-out both;
}
#banner2 .duang1{
	-webkit-animation: hotelUp 1s 1s ease both;
    -moz-animation: hotelUp 1s 1s ease both;
    animation: hotelUp 1s 1s ease both;
}
#banner2 .duang2{
	-webkit-animation: kuangRight 1s 1s ease both;
	-moz-animation: kuangRight 1s 1s ease both;
	animation: kuangRight 1s 1s ease both;
}
#banner2 .text1{
	-webkit-animation: bounceInLeft 1s 0.4s ease both;
    -moz-animation: bounceInLeft 1s 0.4s ease both;
    animation: bounceInLeft 1s 0.4s ease both;
}
#banner2 .text2{
	-webkit-animation: fadeInUp 1s 2s ease both;
    -moz-animation: fadeInUp 1s 2s ease both;
    animation: fadeInUp 1s 2s ease both;
}
#banner2 .text3{
	-webkit-animation: fadeInUp 1s 1.5s ease both;
    -moz-animation: fadeInUp 1s 1.5s ease both;
    animation: fadeInUp 1s 1.5s ease both;
}
#banner2 .bannerBoxA{
	-webkit-animation: zoomInUp 1s .5s ease both;
    -moz-animation: zoomInUp 1s .5s ease both;
    animation: zoomInUp 1s .5s ease both;
}
#banner2 .yun{
	left: 779px;
	top: 30px;
	-webkit-animation:moveLeft 15s .5s infinite linear normal backwards;
	-moz-animation:moveLeft 15s .5s infinite linear normal backwards;
	animation:moveLeft 15s .5s infinite linear normal backwards;
}
/*--------------------banner3-----------------------*/
#banner3 .bigimg{
	bottom: 0;
	/*z-index: 100;*/
	-webkit-animation: wangBig 1.5s 1s ease both;
    -moz-animation: wangBig 1.5s 1s ease both;
    animation: wangBig 1.5s 1s ease both;
}

#banner3 .text1{
	-webkit-animation: rotateInDownRight 1s 1.2s ease both;
    -moz-animation: rotateInDownRight 1s 1.2s ease both;
    animation: rotateInDownRight 1s 1.2s ease both;
}
#banner3 .text2{
	-webkit-animation: bounceInLeft 1s 0.4s ease both;
    -moz-animation: bounceInLeft 1s 0.4s ease both;
    animation: bounceInLeft 1s 0.4s ease both;
}
#banner3 .duang1{
	z-index: 100;
	-webkit-animation: cookRun 1.5s 1s ease both;
	-moz-animation: cookRun 1.5s 1s ease both;
	animation: cookRun 1.5s 1s ease both;

}
#banner3 .duang2{
	-webkit-animation: bounceInDown 1s 1.3s ease both;
    -moz-animation: bounceInDown 1s 1.3s ease both;
    animation: bounceInDown 1s 1.3s ease both;

}
#banner3 .text3{
	-webkit-animation: fadeInUp 1s 1.5s ease both;
	-moz-animation: fadeInUp 1s 1.5s ease both;
	animation: fadeInUp 1s 1.5s ease both;
}
#banner3 .yun{
	left: 779px;
	top: 30px;
	-webkit-animation:yunMoveRight 10s .5s infinite linear normal backwards;
	-moz-animation:yunMoveRight 10s .5s infinite linear normal backwards;
	animation:yunMoveRight 10s .5s infinite linear normal backwards;
}
/*--------------------banner4-----------------------*/

#banner4 .duang1{
	z-index: 4;
	-webkit-animation: hotelUp 1s .8s ease-in-out both;
	-moz-animation: hotelUp 1s .8s ease-in-out both;
	animation: hotelUp 1s .8s ease-in-out both;
}

#banner4 .duang2{
	-webkit-animation: bounceInDown 1s 1s ease both;
	-moz-animation: bounceInDown 1s 1s ease both;
	animation: bounceInDown 1s 1s ease both;
}
#banner4 .qita{
	-webkit-animation: titleRight 1s 1s ease both;
	-moz-animation: titleRight 1s 1s ease both;
	animation: titleRight 1s 1s ease both;
}
#banner4 .ren2{
	-webkit-animation: bounceInLeft 1s 0.4s ease both;
	-moz-animation: bounceInLeft 1s 0.4s ease both;
	animation: bounceInLeft 1s 0.4s ease both;
}
#banner4 .text3{
	-webkit-animation:flipInY 1.5s .3s ease both;
	-moz-animation:flipInY 1.5s .3s ease both;
	animation:flipInY 1.5s .3s ease both;
}
#banner4 .bannerBoxA{
	-webkit-animation: bounceInDown 1s .5s ease both;
    -moz-animation: bounceInDown 1s .5s ease both;
    animation: bounceInDown 1s .5s ease both;
}


/*--------------------banner5-----------------------*/

#banner5 .duang1{
	-webkit-animation: fadeInUp 1.5s 1s ease both;
	-moz-animation: fadeInUp 1.5s 1s ease both;
	animation: fadeInUp 1.5s 1s ease both;
}

#banner5 .duang2{
	-webkit-animation: fadeInUp 1.5s 2s ease  both;
	-moz-animation: fadeInUp 1.5s 2s ease  both;
	animation: fadeInUp 1.5s 2s ease  both;
}

#banner5 .pc{
	-webkit-animation: shopTitleDown 1s 2s ease both;
	-moz-animation: shopTitleDown 1s 2s ease both;
	animation: shopTitleDown 1s 2s ease both;
}

#banner5 .nv{
	-webkit-animation: bounceInDown 1s 2.5s ease both;
	-moz-animation: bounceInDown 1s 2.5s ease both;
	animation: bounceInDown 1s 2.5s ease both;
}

#banner5 .text1{
	-webkit-animation: shopTitleDown 1s 1.5s ease both;
	-moz-animation: shopTitleDown 1s 1.5s ease both;
	animation: shopTitleDown 1s 1.5s ease both;
}
#banner5 .text3{
	-webkit-animation: fadeInUp 1.5s 1s ease both;
	-moz-animation: fadeInUp 1.5s 1s ease both;
	animation: fadeInUp 1.5s 1s ease both;
}

#banner5 .yun{
	left: 779px;
	top: 30px;
	-webkit-animation:moveLeft 15s .5s infinite linear normal backwards;
	-moz-animation:moveLeft 15s .5s infinite linear normal backwards;
	animation:moveLeft 15s .5s infinite linear normal backwards;
}
#banner5 .bannerBoxA{
	-webkit-animation: bounceInLeft 1s 0.4s ease both;
	-moz-animation: bounceInLeft 1s 0.4s ease both;
	animation: bounceInLeft 1s 0.4s ease both;
}


/*--------------------banner6-----------------------*/

#banner6 .duang1{
	z-index:8;
	-webkit-animation: qiuRotate 18s 0s ease infinite both;
	-moz-animation: qiuRotate 18s 0s ease infinite both;
	animation: qiuRotate 18s 0s ease infinite both;
}
#banner6 .lou{
	z-index: 3;
	-webkit-animation: louDown 2s 2s ease-in-out both;
	-moz-animation: louDown 2s 2s ease-in-out both;
	animation: louDown 2s 2s ease-in-out both;
}
#banner6 .duang2{
	z-index: 10;
	-webkit-animation: boatLeft 15s 0.1s ease  both;
	-moz-animation: boatLeft 15s 0.1s ease both;
	animation: boatLeft 15s 0.1s ease both;
}
#banner6 .text0{
	-webkit-animation:rollIn 1.5s .3s ease both;
	-moz-animation:rollIn 1.5s .3s ease both;
	animation:rollIn 1.5s .3s ease both;
}
#banner6 .ren3{
	z-index: 20;
	-webkit-animation: carRun 1s 1.5s ease both;
    -moz-animation: carRun 1s 1.5s ease both;
    animation: carRun 1s 1.5s ease both;
}
#banner6 .text1{
	-webkit-animation:zoomIn 1.5s .3s ease both;
	-moz-animation:zoomIn 1.5s .3s ease both;
	animation:zoomIn 1.5s .3s ease both;
}
#banner6 .text2{
	-webkit-animation:flipInY 1.5s 1.5s ease both;
	-moz-animation:flipInY 1.5s 1.5s ease both;
	animation:flipInY 1.5s 1.5s ease both;
}
#banner6 .text3{
	-webkit-animation: fadeInUp 1.5s 1s ease both;
	-moz-animation: fadeInUp 1.5s 1s ease both;
	animation: fadeInUp 1.5s 1s ease both;
}
#banner6 .yun{
	left: 779px;
	top: 30px;
	-webkit-animation:moveRight 15s .5s infinite linear normal backwards;
	-moz-animation:moveRight 15s .5s infinite linear normal backwards;
	animation:moveRight 15s .5s infinite linear normal backwards;
}
#banner6 .henduoyun{
	left: 9px;
	top: 37px;
	-webkit-animation:moveRight 25s .5s infinite linear normal backwards;
	-moz-animation:moveRight 25s .5s infinite linear normal backwards;
	animation:moveRight 25s .5s infinite linear normal backwards;
}
#banner6 .bannerBoxA{
	-webkit-animation: zoomInUp 1s .5s ease both;
    -moz-animation: zoomInUp 1s .5s ease both;
    animation: zoomInUp 1s .5s ease both;
}

/*--------------------banner7-----------------------*/

/*#banner7 .duang1{*/
/*}*/
#banner7 .duang2{
	z-index: 100;
	-webkit-animation:fadeInUp 1.5s .3s ease both;
	-moz-animation:fadeInUp 1.5s .3s ease both;
	animation:fadeInUp 1.5s .3s ease both;
}
#banner7 .text1{
	-webkit-animation: rotateInDownRight 1s 1.2s ease both;
	-moz-animation: rotateInDownRight 1s 1.2s ease both;
	animation: rotateInDownRight 1s 1.2s ease both;
}
#banner7 .text2{
	-webkit-animation:fadeInUp 1.5s .3s ease both;
	-moz-animation:fadeInUp 1.5s .3s ease both;
	animation:fadeInUp 1.5s .3s ease both;
}
#banner7 .ren4{
	-webkit-animation: toBig .5s 1.5s ease both;
    -moz-animation: toBig 2.5s 1.5s ease both;
    animation: toBig 2.5s 1.5s ease both;
}
#banner7 .text3{
	-webkit-animation: bounceInRight 1.5s 0.5s ease both;
	-moz-animation: bounceInRight 1.5s 0.5s ease both;
	animation: bounceInRight 1.5s 0.5s ease both;
}
#banner7 .bannerBoxA{
	-webkit-animation: fadeInLeft 1.5s 1s ease both;
    -moz-animation: fadeInLeft 1.5s 1s ease both;
    animation: fadeInLeft 1.5s 1s ease both;
}
#banner7 .yun{
	left: 779px;
	top: 30px;
	-webkit-animation:moveRight 25s .5s infinite linear normal backwards;
	-moz-animation:moveRight 25s .5s infinite linear normal backwards;
	animation:moveRight 25s .5s infinite linear normal backwards;
}
#banner7 .henduoyun{
	left: 9px;
	top: 37px;
	-webkit-animation:moveLeft 25s .5s infinite linear normal backwards;
	-moz-animation:moveLeft 25s .5s infinite linear normal backwards;
	animation:moveLeft 25s .5s infinite linear normal backwards;
}

/*-------------------瀹氫箟鍔ㄧ敾-----------------------*/
/*棣栭〉寮�濮�*/
@-webkit-keyframes wobble{
	0%{-webkit-transform:none;transform:none}
	15%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-5deg)}
	30%{-webkit-transform:translate3d(5%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(5%,0,0) rotate3d(0,0,1,3deg)}
	45%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-3deg)}
	60%{-webkit-transform:translate3d(5%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(5%,0,0) rotate3d(0,0,1,2deg)}
	75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
	100%{-webkit-transform:none;transform:none}}
@keyframes wobble{
	0%{-webkit-transform:none;transform:none}
	15%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-5deg)}
	30%{-webkit-transform:translate3d(5%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(5%,0,0) rotate3d(0,0,1,3deg)}
	45%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-3deg)}
	60%{-webkit-transform:translate3d(5%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(5%,0,0) rotate3d(0,0,1,2deg)}
	75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
	100%{-webkit-transform:none;transform:none}}
/*@-webkit-keyframes flipOutY{*/
	/*0%{-webkit-transform:perspective(400px);transform:perspective(400px)}*/
	/*30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}*/
	/*100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}*/

/*@keyframes flipOutY{*/
	/*0%{-webkit-transform:perspective(400px);transform:perspective(400px)}*/
	/*30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}*/
	/*100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}*/

@-webkit-keyframes renRight{
	from{
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(100px, 0, 0);
	}

	to{
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);

	}
}
@-webkit-keyframes renRight{
	from{
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}

	to{
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);

	}
}
@-webkit-keyframes textInright{
	from{
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to{
		opacity: 1;
		-webkit-transform: none;
		transform: none;

	}
}

@keyframes textInright{
	from{
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to{
		opacity: 1;
		-webkit-transform:none;
		transform: none;
	}
}
@keyframes titleInDown {
	from{
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to{
		opacity: 1;
		-webkit-transform:translate3d(0, 50px, 0);
		transform:translate3d(0, 50px, 0);
	}
 }
@-webkit-keyframes titleInDown {
	from{
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	to{
		opacity: 1;
		-webkit-transform:translate3d(0, 50px, 0);
		transform:translate3d(0, 50px, 0);
       }
}
@-webkit-keyframes textUp{
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 503px, 0);
			transform: translate3d(0, 503px, 0);
		  }
		to{
			opacity: 1;
			-webkit-transform:translate3d(0,0, 0);
			transform:translate3d(0, 0, 0);
	     }
}
@keyframes textUp  {
	from{
		opacity: 0;
		-webkit-transform: translate3d(0,503px, 0);
		transform: translate3d(0,503px, 0);
	  }
	to{
		opacity: 1;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0,0, 0);
    }
}
/*棣栭〉缁撴潫*/
/*绉诲姩鏀垮姟寮�濮�*/
@-webkit-keyframes kuangRight{
	0%{opacity: 0;-webkit-transform: translateX(2000px);}

	60%{opacity: 1;-webkit-transform: translateX(-30px);}

	80%{-webkit-transform: translateX(10px);}

	100%{-webkit-transform: translateX(0);}
}

@keyframes kuangRight{
	0%{opacity: 0;-webkit-transform: translateX(2000px);}

	60%{opacity: 1;-webkit-transform: translateX(-30px);}

	80%{-webkit-transform: translateX(10px);}

	100%{-webkit-transform: translateX(0);}
}
@-webkit-keyframes cookRun{
	from{
		opacity: 0;
		-webkit-transform: translate3d(200px, -300px, 0);
		transform:translate3d(200px, -300px, 0);
	}
	to{
		opacity: 1;
		-webkit-transform:translate3d(0,0, 0);
		transform:translate3d(0, 0, 0);
	}
}
@keyframes cookRun{
	from{
		opacity: 0;
		-webkit-transform:translate3d(200px, -300px, 0);
		transform:translate3d(200px, -300px, 0);
	}
	to{
		opacity: 1;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0,0, 0);
	}
}

/*绉诲姩鏀垮姟缁撴潫*/
@-webkit-keyframes zoomIn{
	0%{
		opacity: 0;
		-webkit-transform: scale3d(.2,.2,.2) translate3d(0, 400px, 0);
		transform: scale3d(.2,.2,.2) translate3d(0, 400px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60%{
		opacity: 1;
		-webkit-transform: scale3d(1.4, 1.4, 1.4) translate3d(0, 60px, 0);
		transform: scale3d(1.4, 1.4, 1.4) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

	}
}

@keyframes zoomIn{
	0%{
		opacity: 0;
		-webkit-transform: scale3d(.2,.2,.2) translate3d(0, 400px, 0);
		transform: scale3d(.2,.2,.2) translate3d(0, 400px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60%{
		opacity: 1;
		-webkit-transform: scale3d(1.4, 1.4, 1.4) translate3d(0, 60px, 0);
		transform: scale3d(1.4, 1.4, 1.4) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

	}
}
/*寰厭搴楀紑濮�*/
@keyframes hotelUp {
	from{
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0) scale3d(.2,.2,.2);
		transform: translate3d(0,  100px, 0) scale3d(.2,.2,.2);
	  }
	to{
		opacity: 1;
		-webkit-transform:translate3d(0,0, 0) scale3d(.8,.8,.8);
		transform:translate3d(0, 0, 0) scale3d(.8,.8,.8);
  }
}
@-webkit-keyframes hotelUp {
	from{
		opacity: 0;
		-webkit-transform: translate3d(0,  100px, 0) scale3d(.2,.2,.2);
		transform: translate3d(0,  100px, 0) scale3d(.2,.2,.2);
	  }
	to{
		opacity: 1;
		-webkit-transform:translate3d(0,0, 0) scale3d(.8,.8,.8);
		transform:translate3d(0, 0, 0) scale3d(.8,.8,.8);
  }
}
@keyframes kuangUp {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	  }
	60%{
		opacity: 1;-moz-transform: translateY(30px);
	}

	80%{
		-moz-transform: translateY(-10px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
  }
}
@-webkit-keyframes kuangUp {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	  }
	60%{
		opacity: 1;-moz-transform: translateY(30px);
	}

	80%{
		-moz-transform: translateY(-10px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
  }
}
@keyframes titleRight {
	from{
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	  }
	to{
		opacity: 1;
		-webkit-transform:translate3d(0,0, 0);
		transform:translate3d(0, 0, 0);
  }
}
@-webkit-keyframes titleRight {
	from{
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	  }
	to{
		opacity: 1;
		-webkit-transform:translate3d(0,0, 0);
		transform:translate3d(0, 0, 0);
  }
}
/*寰厭搴楃粨鏉�*/
/*鏅烘収椁愰ギ寮�濮�*/
@keyframes wangRotate {
	from{
		opacity: 0;
		-webkit-transform: none;
		transform:none;
	  }
	to{
		opacity: 1;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
  }
}
@-webkit-keyframes wangRotate {
	from{
		opacity: 0;
		-webkit-transform: none;
		transform:none;
	  }
	to{
		opacity: 1;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
  }
}
@-webkit-keyframes wangBig{
	0%{
		opacity: 0;
		-webkit-transform: scale3d(.2,.2,.2);
		transform: scale3d(.2,.2,.2);
	}
	100%{
		opacity:1;
		-webkit-transform: scale3d(.6,.6,.6);
		transform: scale3d(.6,.6,.6);
	}
}

@-moz-keyframes wangBig{
	0%{
		opacity:0;
		-webkit-transform: scale3d(.2,.2,.2);
		transform: scale3d(.2,.2,.2);
	}

	100%{
		opacity:1;
		-webkit-transform: scale3d(.8,.8,.8);
		transform: scale3d(.8,.8,.8);
	}
}

@keyframes wangBig{
	0%{
		opacity:0;
		-webkit-transform: scale3d(.8,.8,.8);
		transform: scale3d(.8,.8,.8);
	}

	100%{
		opacity:1;
		-webkit-transform: scale3d(.8,.8,.8);
		transform: scale3d(.8,.8,.8);
	}
}

/*鏅烘収椁愰ギ缁撴潫*/
/*寰俊鍟嗗煄寮�濮�*/
@keyframes shopTitleDown {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@-webkit-keyframes shopTitleDown {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
/*寰俊鍟嗗煄缁撴潫*/
/*鏅烘収鏃呮父寮�濮�*/
@keyframes qiuRotate {
	0%{
		opacity: 0;
		-webkit-transform: none;
		transform:none;
	}
	20%{
		opacity: 1;
	}
	100%{
		opacity: 1;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-webkit-keyframes qiuRotate {
	0%{
		opacity: 0;
		-webkit-transform: none;
		transform:none;
	}
	20%{
		opacity: 1;
	}
	100%{
		opacity: 1;
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes boatLeft {
	0%{
		opacity: 0;
		-webkit-transform: translateX(163px);
		transform:translateX(163px);
	}
	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}
}
@-webkit-keyframes boatLeft {
	0%{
		opacity: 0;
		-webkit-transform: translateX(163px);
		transform:translateX(163px);
	}
	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}
}
@keyframes louDown {
	0%{
		opacity: 0;
		/*-webkit-transform: translateY(-2000px);*/
		/*transform: translateY(-2000px);*/
	}
	100%{
		opacity: 1;
		/*-webkit-transform:translateY(0);*/
		/*transform:translateY(0);*/
	}
}
@-webkit-keyframes louDown {
	0%{
		opacity: 0;
		/*-webkit-transform: translateY(-2000px);*/
		/*transform: translateY(-2000px);*/
	}
	100%{
		opacity: 1;

		/*-webkit-transform:translateY(0);*/
		/*transform:translateY(0);*/
	}
}
@keyframes carRun {
	0%{
		opacity: 0;
		-webkit-transform: translate3d(150px,100px,0);
		transform: translate3d(150px,100px,0);
	}
	100%{
		-webkit-transform:translate3d(0px,0px,0);
		transform:translate3d(0px,0px,0);
	}
}
@-webkit-keyframes carRun {
	0%{
		opacity: 0;
		-webkit-transform: translate3d(150px,100px,0);
		transform: translate3d(150px,100px,0);
	}
	100%{
		-webkit-transform:translate3d(0px,0px,0);
		transform:translate3d(0px,0px,0);
	}
}
@-webkit-keyframes rollIn{
	0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{
	0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}

/*鏅烘収鏃呮父缁撴潫*/
@-webkit-keyframes rightSpeedIn{
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rightSpeedIn{
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-webkit-transform: perspective(400px) rotateY(-10deg);}

70%{-webkit-transform: perspective(400px) rotateY(10deg);}

100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-moz-transform: perspective(400px) rotateY(-10deg);}

70%{-moz-transform: perspective(400px) rotateY(10deg);}

100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-o-transform: perspective(400px) rotateY(-10deg);}

70%{-o-transform: perspective(400px) rotateY(10deg);}

100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{transform: perspective(400px) rotateY(-10deg);}

70%{transform: perspective(400px) rotateY(10deg);}

100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}



@-webkit-keyframes moveRight{

0%{opacity: 0;left:0px;}

10%{opacity: 1;}

100%{opacity: 1;left:1000px;}}

@-moz-keyframes moveRight{0%{opacity: 0;left:0px;}

10%{opacity: 1;}

100%{opacity: 1;left:1000px;}}

@keyframes moveRight{0%{opacity: 0;left:0px;}

10%{opacity: 1;}

100%{opacity: 1;left:1000px;}}


@-webkit-keyframes moveLeft{0%{opacity:0;left:800px;}

10%{opacity:1;}

100%{opacity:1;left:0px;}}

@-moz-keyframes moveLeft{0%{opacity:0;left:800px;}

10%{opacity:1;}

100%{opacity:1;left:0px;}}

@keyframes moveLeft{0%{opacity:0;left:800px;}

10%{opacity:1;}

100%{opacity:1;left:0px;}}




@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }

    80% {
        -o-transform: translateY(10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}


@-webkit-keyframes bounceInR{0%{opacity: 0;-webkit-transform: translateX(-2000px);}

60%{opacity: 1;-webkit-transform: translateX(30px);}

80%{-webkit-transform: translateX(-10px);}

100%{-webkit-transform: translateX(0);}}

@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}

60%{opacity: 1;-moz-transform: translateX(30px);}

80%{-moz-transform: translateX(-10px);}

100%{-moz-transform: translateX(0);}}

@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}

60%{opacity: 1;-o-transform: translateX(30px);}

80%{-o-transform: translateX(-10px);}

100%{-o-transform: translateX(0);}}

@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}

60%{opacity: 1;transform: translateX(30px);}

80%{transform: translateX(-10px);}

100%{transform: translateX(0);}}




@-webkit-keyframes bounceInRight{0%{opacity: 0;-webkit-transform: translateX(2000px);}

60%{opacity: 1;-webkit-transform: translateX(-30px);}

80%{-webkit-transform: translateX(10px);}

100%{-webkit-transform: translateX(0);}}

@-moz-keyframes bounceInRight{0%{opacity: 0;-moz-transform: translateX(2000px);}

60%{opacity: 1;-moz-transform: translateX(-30px);}

80%{-moz-transform: translateX(10px);}

100%{-moz-transform: translateX(0);}}

@-o-keyframes bounceInRight{0%{opacity: 0;-o-transform: translateX(2000px);}

60%{opacity: 1;-o-transform: translateX(-30px);}

80%{-o-transform: translateX(10px);}

100%{-o-transform: translateX(0);}}

@keyframes bounceInRight{0%{opacity: 0;transform: translateX(2000px);}

60%{opacity: 1;transform: translateX(-30px);}

80%{transform: translateX(10px);}

100%{transform: translateX(0);}}




@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}




@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}
100%{opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}
100%{opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}
100%{opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}
100%{opacity: 1;transform: translateY(0);}}




@-webkit-keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translateY(-20px);}
100%{opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInDown{0%{opacity: 0;-moz-transform: translateY(-20px);}
100%{opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInDown{0%{opacity: 0;-o-transform: translateY(-20px);}
100%{opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInDown{0%{opacity: 0;transform: translateY(-20px);}
100%{opacity: 1;transform: translateY(0);}}




@keyframes flying{0%{margin-top: 0px;}

50%{margin-top: 6px;}

100%{margin-top: 0px;}}

@-webkit-keyframes flying{0%{margin-top: 0px;}

50%{margin-top: 6px;}

100%{margin-top: 0px;}}

@-moz-keyframes flying{0%{margin-top: 0px;}

50%{margin-top: 6px;}

100%{margin-top: 0px;}}



@-webkit-keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translateX(-60px) translateY(100px);}

100%{opacity: 1;-webkit-transform: translateX(0) translateY(0);}}

@-moz-keyframes fadeInLeft{0%{opacity: 0;-moz-transform: translateX(-60px) translateY(100px);}

100%{opacity: 1;-moz-transform: translateX(0) translateY(0);}}

@-o-keyframes fadeInLeft{0%{opacity: 0;-o-transform: translateX(-60px) translateY(100px);}

100%{opacity: 1;-o-transform: translateX(0) translateY(0);}}

@keyframes fadeInLeft{0%{opacity: 0;transform: translateX(-60px) translateY(100px);}

100%{opacity: 1;transform: translateX(0) translateY(0);}}



@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);}

60%{opacity: 1;-webkit-transform: translateY(30px);}

80%{-webkit-transform: translateY(-10px);}

100%{-webkit-transform: translateY(0);}}

@-moz-keyframes bounceInDown{0%{opacity: 0;-moz-transform: translateY(-2000px);}

60%{opacity: 1;-moz-transform: translateY(30px);}

80%{-moz-transform: translateY(-10px);}

100%{-moz-transform: translateY(0);}}

@-o-keyframes bounceInDown{0%{opacity: 0;-o-transform: translateY(-2000px);}

60%{opacity: 1;-o-transform: translateY(30px);}

80%{-o-transform: translateY(-10px);}

100%{-o-transform: translateY(0);}}

@keyframes bounceInDown{0%{opacity: 0;transform: translateY(-2000px);}

60%{opacity: 1;transform: translateY(30px);}

80%{transform: translateY(-10px);}

100%{transform: translateY(0);}}



@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}



@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}



@-webkit-keyframes yunMoveRight{0%{opacity:0;left:0px;}

10%{opacity:1;}

100%{opacity:1;left:1000px;}}

@-moz-keyframes yunMoveRight{0%{opacity:0;left:0px;}

10%{opacity:1;}

100%{opacity:1;left:1000px;}}

@keyframes yunMoveRight{0%{opacity:0;left:0px;}

10%{opacity:1;}

100%{opacity:1;left:1000px;}}




@-webkit-keyframes toBig{
	0%{
		opacity: 0;
		-webkit-transform: scale3d(.2,.2,.2);
		transform: scale3d(.2,.2,.2);
	}

	10%{
		opacity:1;
	}

	100%{
		opacity:1;
	}
}

@-moz-keyframes toBig{
	0%{
		opacity:0;
		-webkit-transform: scale3d(.2,.2,.2);
		transform: scale3d(.2,.2,.2);
	}

	10%{
		opacity:1;
	}

	100%{
		opacity:1;
	}
}

@keyframes toBig{
	0%{
		opacity:0;
		-webkit-transform: scale3d(.2,.2,.2);
		transform: scale3d(.2,.2,.2);
	}

	10%{
		opacity:1;
	}

	100%{
		opacity:1;
	}
}





@-webkit-keyframes toSmall{
	0%{
		opacity: 0;
		-webkit-transform: scale3d(1.6,1.6,1.6);
		transform: scale3d(1.6,1.6,1.6);
	}

	10%{
		opacity:1;
	}

	100%{
		opacity:1;
	}
}

@-moz-keyframes toSmall{
	0%{
		opacity:0;
		-webkit-transform: scale3d(1.6,1.6,1.6);
		transform: scale3d(1.6,1.6,1.6);
	}

	10%{
		opacity:1;
	}

	100%{
		opacity:1;
	}
}

@keyframes toSmall{
	0%{
		opacity:0;
		-webkit-transform: scale3d(1.6,1.6,1.6);
		transform: scale3d(1.6,1.6,1.6);
	}

	10%{
		opacity:1;
	}

	100%{
		opacity:1;
	}
}