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


body{
	background:url(images/bg3.jpg) center top repeat-y;
	margin:0px;
	padding:0px;
}
a{
	text-decoration:none;
	outline:0;
}
.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: url(images/bg2.jpg) no-repeat center top;
	margin: 0px auto;
	padding: 0px auto;
}
.content01 >table{
	border-left:5px #FFFFFF solid;
	border-right:5px #FFFFFF solid;
}
.footer{
	display:block;
	margin: 0px auto;
	padding: 0px auto;
	background-color:#FFFFFF;
}
.nav{
	display:block;
	position:fixed;
	background-color:#075b5a;
	width:100%;
	height:68px;
	bottom:0px;
	z-index:999;
}
.move_wrap{
	display:block;
	position:relative;
	width:950px;
	height:1023px;
	margin:0 auto;
	padding:0 auto;
}
.act1,.act2,.act3,.act4,.act5,.act6,.act7{
	display: block;
	position: absolute;
	z-index: 10;
}
.act1{
	background-image: url(images/act_01.png);
	width: 525px;
	height: 232px;
	left: 435px;
	top: 472px;
}
.act2{
	background-image: url(images/act_02.png);
	width: 476px;
	height: 76px;
	z-index: 9;
	left: -2px;
	top: 794px;
}
.act3{
	background-image: url(images/act_03.png);
	width: 476px;
	height: 64px;
	left: -2px;
	top: 871px;
}
.act4{
	background-image: url(images/act_04.png);
	width: 476px;
	height: 77px;
	left: -2px;
	top: 936px;
}
.act5{
	background-image: url(images/act_05.png);
	width: 475px;
	height: 76px;
	left: 470px;
	top: 796px;
}
.act6{
	background-image: url(images/act_06.png);
	width: 475px;
	height: 64px;
	left: 470px;
	top: 872px;
}
.act7{
	background-image: url(images/act_07.png);
	width: 475px;
	height: 77px;
	left: 470px;
	top: 937px;
}

.act1 a,.act2 a,.act3 a,.act4 a,.act5 a,.act6 a,.act7 a{
	display: block;
	width:100%;
	height:100%;
	cursor:pointer;
}
.act1:hover{background-image:url(images/act_01-1.png);}
.act2:hover{background-image:url(images/act_02-1.png);}
.act3:hover{background-image:url(images/act_03-1.png);}
.act4:hover{background-image:url(images/act_04-1.png);}
.act5:hover{background-image:url(images/act_05-1.png);}
.act6:hover{background-image:url(images/act_06-1.png);}
.act7:hover{background-image:url(images/act_07-1.png);}

.bling,.bling2,.bling3,.bling4,.bling5,.bling6,.bling7{
	display: block;
	position: absolute;
	background-image:url(images/bling.png);
	background-size:contain;
	z-index: 2;
}
.bling{
	width:30px;
	height:30px;
	left: 481px;
	top: 209px;
}
.bling2{
	width: 30px;
	height: 30px;
	right: 660px;
	top: 56px;
}
.bling3{
	width:48px;
	height:48px;
	right: 68px;
	top: 111px;
}
.bling4{
	width: 20px;
	height: 20px;
	right: 77px;
	top: 557px;
}
.bling5{
	width:20px;
	height:20px;
	left: -29px;
	top: 338px;
}
.bling6{
	width: 20px;
	height: 20px;
	left: 437px;
	top: 462px;
}
.bling7{
	width: 48px;
	height: 48px;
	left: 401px;
	top: 470px;
}
.move{
	animation-name: bb;
	animation-iteration-count: infinite;
	animation-duration: .3s;
	-webkit-animation-name: bb;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: .3s;
	-moz-animation-name: bb;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: .3s;
}
@keyframes bb{
	0%{transform:scale(1);}
	50%{transform:scale(1.2);}
	100%{transform:scale(1);}
}