@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #fff7e9 !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

#page{
	width: 100%;
	height: 100%;

	min-width: 1200px;
	margin:0 auto;
	background:url(../images/bg.jpg) no-repeat center center;
	background-size: auto 100%;
	position: relative;
	overflow: hidden;
}

.logo{
	position: absolute;
	background:url(../images/logo.png) no-repeat center center;
	background-size: contain;
	width:80%;
	height:5.9%;
	right: 36.4%;
	top: 30.2%;
	filter:alpha(opacity=0);
	opacity:0;
}

.topic1{
	position: absolute;
	background:url(../images/topic1.png) no-repeat center center;
	background-size: contain;
	width:20%;
	height:25.8%;
	right:42%;
	top: 28.3%;
	filter:alpha(opacity=0);
	opacity:0;
}

.topic2{
	position: absolute;
	background:url(../images/topic2.png) no-repeat center center;
	background-size: contain;
	width: 16.8%;
	height:12.3%;
	left:51.2%;
	bottom:50.8%;
	filter:alpha(opacity=0);
	opacity:0;
}

.topic3{
	position: absolute;
	background:url(../images/topic3.png) no-repeat center center;
	background-size: contain;
	width:20.9%;
	height:8%;
	left:39%;
	top:50.9%;
	filter:alpha(opacity=0);
	opacity:0;
}

.topic4{
	position: absolute;
	background:url(../images/topic4.png) no-repeat center center;
	background-size: contain;
	width:22%;
	height:8%;
	left: 38%;
	top:58.5%;
	filter:alpha(opacity=0);
	opacity:0;
}

.card{
	position: absolute;
	transition: all 0.5s ease-out 0s;
	transform-style: preserve-3d;
	perspective: 1000px;
	width: 10.6%;
	height: 21.6%;
	text-align: center;
	filter:alpha(opacity=0);
	opacity:0;
}

.card a{
	display:block;
	width:100%;
	height:100%;
}

.card img{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 50%; 
	transform: translateY(-50%); 
	width:94%;
	height:72%;
}

.card .front{
	height:100%;
	width:100%;
	text-align:center;
	backface-visibility:hidden;
	transition:all 0.5s ease-out 0s;
	transform-style: preserve-3d;
	z-index: 2;
	transform: rotateY(0deg);
	position:relative\9;
	z-index:3\9;
}

.card .front1{
	height:100%;
	width:100%;
	text-align:center;

	transition:all 0.5s ease-out 0s;
	transform-style: preserve-3d;
	z-index: 2;
	transform: rotateY(0deg);
	position:relative\9;
	z-index:3\9;
}

.card:hover .front{
	transform: rotateY(-180deg);
}

.card:hover .front1{

}


.card .back{
	height: 100%;
	width: 100%;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	backface-visibility:hidden;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	transform:rotateY(-180deg);
}

.card:hover .back{
	transform:rotateY(-360deg);
	z-index:4\9;
}

.card01{ left: 1.3%; top: 3.5%;  }
.card02{ left: 12.1%; top: 3.5%; }
.card03{ left: 23%; top: 3.5%; }
.card04{ left: 33.8%; top: 3.5%;}
.card05{ left: 44.7%; top: 3.5%; }
.card06{ right: 33.8%; top: 3.5%; }
.card07{ right: 23%; top: 3.5%; }
.card08{ right: 12.1%; top: 3.5%; }
.card09{ right: 1.3%; top: 3.5%; }
.card10{ left: 1.3%; top: 27.2%; }
.card11{ left: 12.1%; top: 27.2%; }
.card12{ left: 23%; top: 27.2%; }
.card13{ right: 23%; top: 27.2%; }
.card14{ right: 12.1%; top: 27.2%; }
.card15{ right: 1.3%; top: 27.5%; }
.card16{ left: 1.3%; bottom: 27.2%; }
.card17{ left: 12.1%; bottom: 27.2%; }
.card18{ left: 23%; bottom: 27.2%; }
.card19{ right: 23%; bottom: 27.2%; }
.card20{ right: 12.1%; bottom: 27.2%; }
.card21{ right: 1.3%; bottom: 27.5%; }
.card22{ left: 1.3%; bottom: 3.5%; }
.card23{ left: 12.1%; bottom: 3.5%; }
.card24{ left: 23%; bottom: 3.5%; }
.card25{ left: 33.8%; bottom: 3.5%; }
.card26{ right: 44.7%; bottom: 3.5%; }
.card27{ right: 33.8%; bottom: 3.5%; }
.card28{ right: 23%; bottom: 3.5%; }
.card29{ right: 12.1%; bottom: 3.5%; }
.card30{ right: 1.3%; bottom: 3.5%; }




@-ms-keyframes logo{
	from{  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes logo{
	from{  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes logo{
	from{  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes logo{
	from{  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes logo{
	from{  }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.logo{
	animation:'logo' 1.3s ease-in-out 0s forwards;
	-ms-animation:logo 1.3s ease-in-out 0s forwards;
	-moz-animation:logo 1.3s ease-in-out 0s forwards;
	-o-animation:'logo' 1.3s ease-in-out 0s forwards;
	-webkit-animation:'logo' 1.3s ease-in-out 0s forwards;
}

@-ms-keyframes topic1{
	from{ transform: scale(0,0); }
	13.5%{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1); }
	83.8%{ filter:alpha(opacity=100); opacity:1; }
	91.9%{ filter:alpha(opacity=60); opacity:0.6; }
	to{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1);  }
}
@-moz-keyframes topic1{
	from{ transform: scale(0,0); }
	13.5%{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1); }
	83.8%{ filter:alpha(opacity=100); opacity:1; }
	91.9%{ filter:alpha(opacity=60); opacity:0.6; }
	to{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1);  }
}
@-o-keyframes topic1{
	from{ transform: scale(0,0); }
	13.5%{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1); }
	83.8%{ filter:alpha(opacity=100); opacity:1; }
	91.9%{ filter:alpha(opacity=60); opacity:0.6; }
	to{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1);  }
}
@-webkit-keyframes topic1{
	from{ transform: scale(0,0); }
	13.5%{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1); }
	83.8%{ filter:alpha(opacity=100); opacity:1; }
	91.9%{ filter:alpha(opacity=60); opacity:0.6; }
	to{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1);  }
}
@keyframes topic1{
	from{ transform: scale(0,0); }
	13.5%{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1); }
	83.8%{ filter:alpha(opacity=100); opacity:1; }
	91.9%{ filter:alpha(opacity=60); opacity:0.6; }
	to{ filter:alpha(opacity=100); opacity:1; transform: scale(1,1);  }
}

.topic1{
	animation:'topic1' 3.7s ease-in-out 0s forwards;
	-ms-animation:topic1 3.7s ease-in-out 0s forwards;
	-moz-animation:topic1 3.7s ease-in-out 0s forwards;
	-o-animation:'topic1' 3.7s ease-in-out 0s forwards;
	-webkit-animation:'topic1' 3.7s ease-in-out 0s forwards;
}

.topic2{
	animation:'topic1' 3.7s ease-in-out 0.4s forwards;
	-ms-animation:topic1 3.7s ease-in-out 0.4s forwards;
	-moz-animation:topic1 3.7s ease-in-out 0.4s forwards;
	-o-animation:'topic1' 3.7s ease-in-out 0.4s forwards;
	-webkit-animation:'topic1' 3.7s ease-in-out 0.4s forwards;
}

@-ms-keyframes topic3{
	from{ left:58%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes topic3{
	from{ left:58%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes topic3{
	from{ left:58%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes topic3{
	from{ left:58%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes topic3{
	from{ left:58%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.topic3{
	animation:'topic3' 0.5s ease-in-out 0.8s forwards;
	-ms-animation:topic3 0.5s ease-in-out 0.8s forwards;
	-moz-animation:topic3 0.5s ease-in-out 0.8s forwards;
	-o-animation:'topic3' 0.5s ease-in-out 0.8s forwards;
	-webkit-animation:'topic3' 0.5s ease-in-out 0.8s forwards;
}

@-ms-keyframes topic4{
	from{ left:18%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes topic4{
	from{ left:18%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes topic4{
	from{ left:18%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes topic4{
	from{ left:18%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes topic4{
	from{ left:18%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.topic4{
	animation:'topic4' 0.5s ease-in-out 0.8s forwards;
	-ms-animation:topic4 0.5s ease-in-out 0.8s forwards;
	-moz-animation:topic4 0.5s ease-in-out 0.8s forwards;
	-o-animation:'topic4' 0.5s ease-in-out 0.8s forwards;
	-webkit-animation:'topic4' 0.5s ease-in-out 0.8s forwards;
}

@-ms-keyframes card1{
	from{ left:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card1{
	from{ left:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card1{
	from{ left:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card1{
	from{ left:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card1{
	from{ left:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card2{
	from{ right:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card2{
	from{ right:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card2{
	from{ right:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card2{
	from{ right:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card2{
	from{ right:50%; top: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card3{
	from{ left:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card3{
	from{ left:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card3{
	from{ left:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card3{
	from{ left:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card3{
	from{ left:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card4{
	from{ right:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card4{
	from{ right:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card4{
	from{ right:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card4{
	from{ right:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card4{
	from{ right:50%; bottom: 50%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card5{
	from{ left:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card5{
	from{ left:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card5{
	from{ left:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card5{
	from{ left:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card5{
	from{ left:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card6{
	from{ right:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card6{
	from{ right:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card6{
	from{ right:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card6{
	from{ right:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card6{
	from{ right:-14.9%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card7{
	from{ top: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card7{
	from{ top: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card7{
	from{ top: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card7{
	from{ top: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card7{
	from{ top: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card8{
	from{ bottom: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card8{
	from{ bottom: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card8{
	from{ bottom: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card8{
	from{ bottom: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card8{
	from{ bottom: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card9{
	from{ top: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card9{
	from{ top: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card9{
	from{ top: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card9{
	from{ top: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card9{
	from{ top: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

@-ms-keyframes card10{
	from{ bottom: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes card10{
	from{ bottom: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes card10{
	from{ bottom: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes card10{
	from{ bottom: -43%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes card10{
	from{ bottom: -19.3%; transform: scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.card12{
	animation:'card1' 0.6s ease-in-out 1.2s forwards;
	-ms-animation:card1 0.6s ease-in-out 1.2s forwards;
	-moz-animation:card1 0.6s ease-in-out 1.2s forwards;
	-o-animation:'card1' 0.6s ease-in-out 1.2s forwards;
	-webkit-animation:'card1' 0.6s ease-in-out 1.2s forwards;
}

.card19{
	animation:'card4' 0.6s ease-in-out 1.2s forwards;
	-ms-animation:card4 0.6s ease-in-out 1.2s forwards;
	-moz-animation:card4 0.6s ease-in-out 1.2s forwards;
	-o-animation:'card4' 0.6s ease-in-out 1.2s forwards;
	-webkit-animation:'card4' 0.6s ease-in-out 1.2s forwards;
}

.card06{
	animation:'card2' 0.6s ease-in-out 1.3s forwards;
	-ms-animation:card2 0.6s ease-in-out 1.3s forwards;
	-moz-animation:card2 0.6s ease-in-out 1.3s forwards;
	-o-animation:'card2' 0.6s ease-in-out 1.3s forwards;
	-webkit-animation:'card2' 0.6s ease-in-out 1.3s forwards;
}

.card25{
	animation:'card3' 0.6s ease-in-out 1.3s forwards;
	-ms-animation:card3 0.6s ease-in-out 1.3s forwards;
	-moz-animation:card3 0.6s ease-in-out 1.3s forwards;
	-o-animation:'card3' 0.6s ease-in-out 1.3s forwards;
	-webkit-animation:'card3' 0.6s ease-in-out 1.3s forwards;
}

.card13{
	animation:'card2' 0.6s ease-in-out 1.4s forwards;
	-ms-animation:card2 0.6s ease-in-out 1.4s forwards;
	-moz-animation:card2 0.6s ease-in-out 1.4s forwards;
	-o-animation:'card2' 0.6s ease-in-out 1.4s forwards;
	-webkit-animation:'card2' 0.6s ease-in-out 1.4s forwards;
}

.card18{
	animation:'card3' 0.6s ease-in-out 1.4s forwards;
	-ms-animation:card3 0.6s ease-in-out 1.4s forwards;
	-moz-animation:card3 0.6s ease-in-out 1.4s forwards;
	-o-animation:'card3' 0.6s ease-in-out 1.4s forwards;
	-webkit-animation:'card3' 0.6s ease-in-out 1.4s forwards;
}

.card04{
	animation:'card1' 0.6s ease-in-out 1.5s forwards;
	-ms-animation:card1 0.6s ease-in-out 1.5s forwards;
	-moz-animation:card1 0.6s ease-in-out 1.5s forwards;
	-o-animation:'card1' 0.6s ease-in-out 1.5s forwards;
	-webkit-animation:'card1' 0.6s ease-in-out 1.5s forwards;
}

.card27{
	animation:'card4' 0.6s ease-in-out 1.5s forwards;
	-ms-animation:card4 0.6s ease-in-out 1.5s forwards;
	-moz-animation:card4 0.6s ease-in-out 1.5s forwards;
	-o-animation:'card4' 0.6s ease-in-out 1.5s forwards;
	-webkit-animation:'card4' 0.6s ease-in-out 1.5s forwards;
}

.card07{
	animation:'card2' 0.6s ease-in-out 1.6s forwards;
	-ms-animation:card2 0.6s ease-in-out 1.6s forwards;
	-moz-animation:card2 0.6s ease-in-out 1.6s forwards;
	-o-animation:'card2' 0.6s ease-in-out 1.6s forwards;
	-webkit-animation:'card2' 0.6s ease-in-out 1.6s forwards;
}

.card24{
	animation:'card3' 0.6s ease-in-out 1.6s forwards;
	-ms-animation:card3 0.6s ease-in-out 1.6s forwards;
	-moz-animation:card3 0.6s ease-in-out 1.6s forwards;
	-o-animation:'card3' 0.6s ease-in-out 1.6s forwards;
	-webkit-animation:'card3' 0.6s ease-in-out 1.6s forwards;
}

.card03{
	animation:'card1' 0.6s ease-in-out 1.7s forwards;
	-ms-animation:card1 0.6s ease-in-out 1.7s forwards;
	-moz-animation:card1 0.6s ease-in-out 1.7s forwards;
	-o-animation:'card1' 0.6s ease-in-out 1.7s forwards;
	-webkit-animation:'card1' 0.6s ease-in-out 1.7s forwards;
}

.card28{
	animation:'card4' 0.6s ease-in-out 1.7s forwards;
	-ms-animation:card4 0.6s ease-in-out 1.7s forwards;
	-moz-animation:card4 0.6s ease-in-out 1.7s forwards;
	-o-animation:'card4' 0.6s ease-in-out 1.7s forwards;
	-webkit-animation:'card4' 0.6s ease-in-out 1.7s forwards;
}

.card05{
	animation:'card1' 0.6s ease-in-out 1.8s forwards;
	-ms-animation:card1 0.6s ease-in-out 1.8s forwards;
	-moz-animation:card1 0.6s ease-in-out 1.8s forwards;
	-o-animation:'card1' 0.6s ease-in-out 1.8s forwards;
	-webkit-animation:'card1' 0.6s ease-in-out 1.8s forwards;
}

.card26{
	animation:'card4' 0.6s ease-in-out 1.8s forwards;
	-ms-animation:card4 0.6s ease-in-out 1.8s forwards;
	-moz-animation:card4 0.6s ease-in-out 1.8s forwards;
	-o-animation:'card4' 0.6s ease-in-out 1.8s forwards;
	-webkit-animation:'card4' 0.6s ease-in-out 1.8s forwards;
}

.card11{
	animation:'card5' 0.6s ease-in-out 1.9s forwards;
	-ms-animation:card5 0.6s ease-in-out 1.9s forwards;
	-moz-animation:card5 0.6s ease-in-out 1.9s forwards;
	-o-animation:'card5' 0.6s ease-in-out 1.9s forwards;
	-webkit-animation:'card5' 0.6s ease-in-out 1.9s forwards;
}

.card11{
	animation:'card5' 0.6s ease-in-out 1.9s forwards;
	-ms-animation:card5 0.6s ease-in-out 1.9s forwards;
	-moz-animation:card5 0.6s ease-in-out 1.9s forwards;
	-o-animation:'card5' 0.6s ease-in-out 1.9s forwards;
	-webkit-animation:'card5' 0.6s ease-in-out 1.9s forwards;
}

.card20{
	animation:'card6' 0.6s ease-in-out 1.9s forwards;
	-ms-animation:card6 0.6s ease-in-out 1.9s forwards;
	-moz-animation:card6 0.6s ease-in-out 1.9s forwards;
	-o-animation:'card6' 0.6s ease-in-out 1.9s forwards;
	-webkit-animation:'card6' 0.6s ease-in-out 1.9s forwards;
}

.card23{
	animation:'card5' 0.6s ease-in-out 2.0s forwards;
	-ms-animation:card5 0.6s ease-in-out 2.0s forwards;
	-moz-animation:card5 0.6s ease-in-out 2.0s forwards;
	-o-animation:'card5' 0.6s ease-in-out 2.0s forwards;
	-webkit-animation:'card5' 0.6s ease-in-out 2.0s forwards;
}

.card08{
	animation:'card6' 0.6s ease-in-out 2.0s forwards;
	-ms-animation:card6 0.6s ease-in-out 2.0s forwards;
	-moz-animation:card6 0.6s ease-in-out 2.0s forwards;
	-o-animation:'card6' 0.6s ease-in-out 2.0s forwards;
	-webkit-animation:'card6' 0.6s ease-in-out 2.0s forwards;
}

.card17{
	animation:'card5' 0.6s ease-in-out 2.1s forwards;
	-ms-animation:card5 0.6s ease-in-out 2.1s forwards;
	-moz-animation:card5 0.6s ease-in-out 2.1s forwards;
	-o-animation:'card5' 0.6s ease-in-out 2.1s forwards;
	-webkit-animation:'card5' 0.6s ease-in-out 2.1s forwards;
}

.card14{
	animation:'card6' 0.6s ease-in-out 2.1s forwards;
	-ms-animation:card6 0.6s ease-in-out 2.1s forwards;
	-moz-animation:card6 0.6s ease-in-out 2.1s forwards;
	-o-animation:'card6' 0.6s ease-in-out 2.1s forwards;
	-webkit-animation:'card6' 0.6s ease-in-out 2.1s forwards;
}

.card02{
	animation:'card5' 0.6s ease-in-out 2.2s forwards;
	-ms-animation:card5 0.6s ease-in-out 2.2s forwards;
	-moz-animation:card5 0.6s ease-in-out 2.2s forwards;
	-o-animation:'card5' 0.6s ease-in-out 2.2s forwards;
	-webkit-animation:'card5' 0.6s ease-in-out 2.2s forwards;
}

.card29{
	animation:'card6' 0.6s ease-in-out 2.2s forwards;
	-ms-animation:card6 0.6s ease-in-out 2.2s forwards;
	-moz-animation:card6 0.6s ease-in-out 2.2s forwards;
	-o-animation:'card6' 0.6s ease-in-out 2.2s forwards;
	-webkit-animation:'card6' 0.6s ease-in-out 2.2s forwards;
}

.card10{
	animation:'card7' 0.6s ease-in-out 2.3s forwards;
	-ms-animation:card7 0.6s ease-in-out 2.3s forwards;
	-moz-animation:card7 0.6s ease-in-out 2.3s forwards;
	-o-animation:'card7' 0.6s ease-in-out 2.3s forwards;
	-webkit-animation:'card7' 0.6s ease-in-out 2.3s forwards;
}

.card21{
	animation:'card8' 0.6s ease-in-out 2.3s forwards;
	-ms-animation:card8 0.6s ease-in-out 2.3s forwards;
	-moz-animation:card8 0.6s ease-in-out 2.3s forwards;
	-o-animation:'card8' 0.6s ease-in-out 2.3s forwards;
	-webkit-animation:'card8' 0.6s ease-in-out 2.3s forwards;
}

.card09{
	animation:'card9' 0.6s ease-in-out 2.4s forwards;
	-ms-animation:card9 0.6s ease-in-out 2.4s forwards;
	-moz-animation:card9 0.6s ease-in-out 2.4s forwards;
	-o-animation:'card9' 0.6s ease-in-out 2.4s forwards;
	-webkit-animation:'card9' 0.6s ease-in-out 2.4s forwards;
}

.card22{
	animation:'card10' 0.6s ease-in-out 2.4s forwards;
	-ms-animation:card10 0.6s ease-in-out 2.4s forwards;
	-moz-animation:card10 0.6s ease-in-out 2.4s forwards;
	-o-animation:'card10' 0.6s ease-in-out 2.4s forwards;
	-webkit-animation:'card10' 0.6s ease-in-out 2.4s forwards;
}

.card01{
	animation:'card9' 0.6s ease-in-out 2.5s forwards;
	-ms-animation:card9 0.6s ease-in-out 2.5s forwards;
	-moz-animation:card9 0.6s ease-in-out 2.5s forwards;
	-o-animation:'card9' 0.6s ease-in-out 2.5s forwards;
	-webkit-animation:'card9' 0.6s ease-in-out 2.5s forwards;
}

.card30{
	animation:'card10' 0.6s ease-in-out 2.5s forwards;
	-ms-animation:card10 0.6s ease-in-out 2.5s forwards;
	-moz-animation:card10 0.6s ease-in-out 2.5s forwards;
	-o-animation:'card10' 0.6s ease-in-out 2.5s forwards;
	-webkit-animation:'card10' 0.6s ease-in-out 2.5s forwards;
}

.card15{
	animation:'card7' 0.6s ease-in-out 2.6s forwards;
	-ms-animation:card7 0.6s ease-in-out 2.6s forwards;
	-moz-animation:card7 0.6s ease-in-out 2.6s forwards;
	-o-animation:'card7' 0.6s ease-in-out 2.6s forwards;
	-webkit-animation:'card7' 0.6s ease-in-out 2.6s forwards;
}

.card16{
	animation:'card8' 0.6s ease-in-out 2.6s forwards;
	-ms-animation:card8 0.6s ease-in-out 2.6s forwards;
	-moz-animation:card8 0.6s ease-in-out 2.6s forwards;
	-o-animation:'card8' 0.6s ease-in-out 2.6s forwards;
	-webkit-animation:'card8' 0.6s ease-in-out 2.6s forwards;
}
