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


body{
	background:#FFFFFF;
	margin:0px 0px;
	padding:0px 0px;
}
a{
	text-decoration:none;
}
.head{
	background:#FFF;
    margin: 0px auto;
	padding: 0px auto;
	height:auto;
	border-bottom:#f0f0f0 2px solid;
}
.content{
	background:url(images/bg.jpg) no-repeat center top;
	margin: 0px auto;
	padding: 0px auto;
	overflow:hidden;
}
.content01{
	background-image:url(images/bg2.jpg), url(images/flowers.png), url(images/bg3.jpg);
	background-repeat:no-repeat, no-repeat , repeat-y;
	background-position: center top, center bottom, center 95px;
	margin: 0px auto;
	padding: 0px auto;
}
.footer{
	display:block;
	margin: 0px auto;
	padding: 0px auto;
}
.nav{
	display:block;
	position:fixed;
	background-color:#9a0267;
	width:100%;
	height:68px;
	bottom:0px;
	z-index:10;
}
.move{
	display:block;
	position:relative;
	width:950px;
	height:410px;
}
.move img{
	width:100%;
	height:100%;
}
.light,.light2,.light3,.light4,.light5{
	display: block;
	position: absolute;
	z-index:5;
}
.light{
	width: 150px;
	height: 150px;
	right: -82px;
	top: -9px;
	animation-name: move;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	-webkit-animation-name: move;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-moz-animation-name: move;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 3s;
}
@keyframes move{
	0%{
		transform:scale(1);
	}
	80%{
		transform:scale(1.2);
	}
	100%{
		transform:scale(1);
	}	
}
.light2{
	left: 185px;
	top: 169px;
	width: 100px;
	height: 100px;
	animation-name: move2;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	-webkit-animation-name: move2;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-moz-animation-name: move2;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 3s;
}
@keyframes move2{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(1.4);
	}
	100%{
		transform:scale(1);
	}	
}
.light3{
	left: 380px;
	top: 22px;
	width: 200px;
	height: 200px;
	animation-name: move3;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	-webkit-animation-name: move3;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 4s;
	-moz-animation-name: move3;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 4s;
}
@keyframes move3{
	0%{
		transform:scale(1);
	}
	70%{
		transform:scale(1);
	}
	80%{
		transform:scale(1.2);
	}
	100%{
		transform:scale(1);
	}	
}
.light4{
	right: -323px;
	top: 157px;
	width: 300px;
	height: 300px;
	animation-name: move4;
	animation-iteration-count: infinite;
	animation-duration: 5s;
	-webkit-animation-name: move4;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
	-moz-animation-name: move4;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 5s;
}
@keyframes move4{
	0%{
		transform:scale(1);
	}
	70%{
		transform:scale(1);
	}
	80%{
		transform:scale(1.2);
	}
	100%{
		transform:scale(1);
	}	
}
.light5{
	width: 150px;
	height: 150px;
	left: -210px;
	top: 400px;
	animation-name: move5;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	-webkit-animation-name: move5;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-moz-animation-name: move5;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 3s;
}
@keyframes move5{
	0%{
		transform:scale(1);
	}
	80%{
		transform:scale(1.2);
	}
	100%{
		transform:scale(1);
	}	
}