@charset "utf-8";

body {
	font-family: "Microsoft Yahei", "SimSun";
	font-size: 16px;
	color: #000;
	background: #e1dc86;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
}

@media only screen and (max-height: 938px) {
	body {
		font-size: 15px !important;
	}
}

@media only screen and (max-height: 875px) {
	body {
		font-size: 14px !important;
	}
}

@media only screen and (max-height: 813px) {
	body {
		font-size: 13px !important;
	}
}

@media only screen and (max-height: 750px) {
	body {
		font-size: 12px !important;
	}
}

@media only screen and (max-height: 688px) {
	body {
		font-size: 11px !important;
	}
}

@media only screen and (max-height: 625px) {
	body {
		font-size: 10px !important;
	}
}

a {
	color: #c00;
}

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

.fw {
	color: #fff;
}

.fw a {
	color: #fff;
}

.fw a:hover {
	color: #dfdfdf !important;
}

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

h1,
h2,
h3,
h4,
h5 {
	font-family: "Microsoft Yahei", "SimHei";
	overflow: hidden;
}

p,
li {
	overflow: hidden;
}

table {
	font-size: 1em;
}

.photo {
	position: relative;
	overflow: hidden;
}

.photo img {
	width: 100%;
	height: 100%;
}

.photo p {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.abs {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
	z-index: 10;
}

.abs2 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}


.music {
	position: fixed;
	right: 1em;
	top: 1em;
	width: 2.8em;
	height: 2.8em;
	cursor: pointer;
	z-index: 999;
}

.music.on {
	background: url(images/music-on.png) no-repeat;
	background-size: 100% 100%;
}

.music.off {
	background: url(images/music-off.png) no-repeat;
	background-size: 100% 100%;
}

.music img {
	display: inline-block;
}

@-moz-keyframes music {
	from {
		transform: rotate(-360deg);
	}

	to {}
}

@-o-keyframes music {
	from {
		transform: rotate(-360deg);
	}

	to {}
}

@-webkit-keyframes music {
	from {
		transform: rotate(-360deg);
	}

	to {}
}

@keyframes music {
	from {
		transform: rotate(-360deg);
	}

	to {}
}

.music.on {
	animation: 'music' 1.5s linear 0s infinite;
	-ms-animation: music 1.5s linear 0s infinite;
	-moz-animation: music 1.5s linear 0s infinite;
	-o-animation: 'music' 1.5s linear 0s infinite;
	-webkit-animation: 'music' 1.5s linear 0s infinite;
}

#page {
	position: relative;
	height: 100%;

}

/*
::-webkit-scrollbar{
	display: none;
}
*/


#body-bg {
	max-width: none;
	height: 100%;
}

#box {
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow-y: hidden;
}

.layout {
	position: absolute;
	top: 0px;
	z-index: 99;
}

.flash {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#layout2 {
	width: 8.2%;
	height: 32.4%;
	top: 34.1%;
	left: 15%;
}

.topic {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
}

.topic .small {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-image: url("images/topic.png");
}

.topic i {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0;
	z-index: 10;
}

.topic .move1 {
	width: 16.8%;
	height: 79.8%;
	left: 0%;
	top: 0%;
}

.topic .move2 {
	width: 16.8%;
	height: 61.1%;
	left: 20.3%;
	top: 14.3%;
}

.topic .move3 {
	width: 14.8%;
	height: 61.8%;
	left: 43.1%;
	top: 12.1%;
}

.topic .move4 {
	width: 15.3%;
	height: 66.6%;
	left: 64.3%;
	top: 10.4%;
}

.topic .move5 {
	width: 14.1%;
	height: 67.1%;
	left: 85.9%;
	top: 11.2%;
}

.move1 .f01 {
	background-image: url("images/sequence/move1/move1-1.png");
}

.move1 .f02 {
	background-image: url("images/sequence/move1/move1-2.png");
}

.move1 .f03 {
	background-image: url("images/sequence/move1/move1-3.png");
}

.move1 .f04 {
	background-image: url("images/sequence/move1/move1-4.png");
}

.move1 .f05 {
	background-image: url("images/sequence/move1/move1-5.png");
}

.move1 .f06 {
	background-image: url("images/sequence/move1/move1-6.png");
}

.move1 .f07 {
	background-image: url("images/sequence/move1/move1-7.png");
}

.move1 .f08 {
	background-image: url("images/sequence/move1/move1-8.png");
}

.move1 .f09 {
	background-image: url("images/sequence/move1/move1-9.png");
}

.move1 .f10 {
	background-image: url("images/sequence/move1/move1-10.png");
}

.move1 .f11 {
	background-image: url("images/sequence/move1/move1-11.png");
}

.move1 .f12 {
	background-image: url("images/sequence/move1/move1-12.png");
}

.move1 .f13 {
	background-image: url("images/sequence/move1/move1-13.png");
}

.move1 .f14 {
	background-image: url("images/sequence/move1/move1-14.png");
}

.move1 .f15 {
	background-image: url("images/sequence/move1/move1-15.png");
}

.move1 .f16 {
	background-image: url("images/sequence/move1/move1-16.png");
}

.move1 .f17 {
	background-image: url("images/sequence/move1/move1-17.png");
}

.move1 .f18 {
	background-image: url("images/sequence/move1/move1-18.png");
}

.move1 .f19 {
	background-image: url("images/sequence/move1/move1-19.png");
}

.move1 .f20 {
	background-image: url("images/sequence/move1/move1-20.png");
}

.move1 .f21 {
	background-image: url("images/sequence/move1/move1-21.png");
}

.move1 .f22 {
	background-image: url("images/sequence/move1/move1-22.png");
}

.move1 .f23 {
	background-image: url("images/sequence/move1/move1-23.png");
}

.move1 .f24 {
	background-image: url("images/sequence/move1/move1-24.png");
}

.move1 .f25 {
	background-image: url("images/sequence/move1/move1-25.png");
}

.move1 .f26 {
	background-image: url("images/sequence/move1/move1-26.png");
}

.move1 .f27 {
	background-image: url("images/sequence/move1/move1-27.png");
}

.move1 .f28 {
	background-image: url("images/sequence/move1/move1-28.png");
}

.move1 .f29 {
	background-image: url("images/sequence/move1/move1-29.png");
}

.move1 .f30 {
	background-image: url("images/sequence/move1/move1-30.png");
}

.move1 .f31 {
	background-image: url("images/sequence/move1/move1-31.png");
}

.move1 .f32 {
	background-image: url("images/sequence/move1/move1-32.png");
}

.move1 .f33 {
	background-image: url("images/sequence/move1/move1-33.png");
}

.move1 .f34 {
	background-image: url("images/sequence/move1/move1-34.png");
}

.move1 .f35 {
	background-image: url("images/sequence/move1/move1-35.png");
}

.move1 .f36 {
	background-image: url("images/sequence/move1/move1-36.png");
}

.move1 .f37 {
	background-image: url("images/sequence/move1/move1-37.png");
}

.move1 .f38 {
	background-image: url("images/sequence/move1/move1-38.png");
}

.move1 .f39 {
	background-image: url("images/sequence/move1/move1-39.png");
}

.move1 .f40 {
	background-image: url("images/sequence/move1/move1-40.png");
}

.move1 .f40 {
	background-image: url("images/sequence/move1/move1-40.png");
}

.move1 .f41 {
	background-image: url("images/sequence/move1/move1-41.png");
}

.move1 .f42 {
	background-image: url("images/sequence/move1/move1-42.png");
}

.move1 .f43 {
	background-image: url("images/sequence/move1/move1-43.png");
}

.move1 .f44 {
	background-image: url("images/sequence/move1/move1-44.png");
}

.move1 .f45 {
	background-image: url("images/sequence/move1/move1-45.png");
}

.move1 .f46 {
	background-image: url("images/sequence/move1/move1-46.png");
}

.move1 .f47 {
	background-image: url("images/sequence/move1/move1-47.png");
}

.move1 .f48 {
	background-image: url("images/sequence/move1/move1-48.png");
}

.move1 .f49 {
	background-image: url("images/sequence/move1/move1-49.png");
}

.move1 .f50 {
	background-image: url("images/sequence/move1/move1-50.png");
}

.move2 .f01 {
	background-image: url("images/sequence/move2/move2-1.png");
}

.move2 .f02 {
	background-image: url("images/sequence/move2/move2-2.png");
}

.move2 .f03 {
	background-image: url("images/sequence/move2/move2-3.png");
}

.move2 .f04 {
	background-image: url("images/sequence/move2/move2-4.png");
}

.move2 .f05 {
	background-image: url("images/sequence/move2/move2-5.png");
}

.move2 .f06 {
	background-image: url("images/sequence/move2/move2-6.png");
}

.move2 .f07 {
	background-image: url("images/sequence/move2/move2-7.png");
}

.move2 .f08 {
	background-image: url("images/sequence/move2/move2-8.png");
}

.move2 .f09 {
	background-image: url("images/sequence/move2/move2-9.png");
}

.move2 .f10 {
	background-image: url("images/sequence/move2/move2-10.png");
}

.move2 .f11 {
	background-image: url("images/sequence/move2/move2-11.png");
}

.move2 .f12 {
	background-image: url("images/sequence/move2/move2-12.png");
}

.move2 .f13 {
	background-image: url("images/sequence/move2/move2-13.png");
}

.move2 .f14 {
	background-image: url("images/sequence/move2/move2-14.png");
}

.move2 .f15 {
	background-image: url("images/sequence/move2/move2-15.png");
}

.move2 .f16 {
	background-image: url("images/sequence/move2/move2-16.png");
}

.move2 .f17 {
	background-image: url("images/sequence/move2/move2-17.png");
}

.move2 .f18 {
	background-image: url("images/sequence/move2/move2-18.png");
}

.move2 .f19 {
	background-image: url("images/sequence/move2/move2-19.png");
}

.move2 .f20 {
	background-image: url("images/sequence/move2/move2-20.png");
}

.move2 .f21 {
	background-image: url("images/sequence/move2/move2-21.png");
}

.move2 .f22 {
	background-image: url("images/sequence/move2/move2-22.png");
}

.move2 .f23 {
	background-image: url("images/sequence/move2/move2-23.png");
}

.move2 .f24 {
	background-image: url("images/sequence/move2/move2-24.png");
}

.move2 .f25 {
	background-image: url("images/sequence/move2/move2-25.png");
}

.move2 .f26 {
	background-image: url("images/sequence/move2/move2-26.png");
}

.move2 .f27 {
	background-image: url("images/sequence/move2/move2-27.png");
}

.move2 .f28 {
	background-image: url("images/sequence/move2/move2-28.png");
}

.move2 .f29 {
	background-image: url("images/sequence/move2/move2-29.png");
}

.move2 .f30 {
	background-image: url("images/sequence/move2/move2-30.png");
}

.move2 .f31 {
	background-image: url("images/sequence/move2/move2-31.png");
}

.move2 .f32 {
	background-image: url("images/sequence/move2/move2-32.png");
}

.move2 .f33 {
	background-image: url("images/sequence/move2/move2-33.png");
}

.move2 .f34 {
	background-image: url("images/sequence/move2/move2-34.png");
}

.move2 .f35 {
	background-image: url("images/sequence/move2/move2-35.png");
}

.move2 .f36 {
	background-image: url("images/sequence/move2/move2-36.png");
}

.move2 .f37 {
	background-image: url("images/sequence/move2/move2-37.png");
}

.move2 .f38 {
	background-image: url("images/sequence/move2/move2-38.png");
}

.move2 .f39 {
	background-image: url("images/sequence/move2/move2-39.png");
}

.move2 .f40 {
	background-image: url("images/sequence/move2/move2-40.png");
}

.move2 .f40 {
	background-image: url("images/sequence/move2/move2-40.png");
}

.move2 .f41 {
	background-image: url("images/sequence/move2/move2-41.png");
}

.move2 .f42 {
	background-image: url("images/sequence/move2/move2-42.png");
}

.move2 .f43 {
	background-image: url("images/sequence/move2/move2-43.png");
}

.move2 .f44 {
	background-image: url("images/sequence/move2/move2-44.png");
}

.move2 .f45 {
	background-image: url("images/sequence/move2/move2-45.png");
}

.move2 .f46 {
	background-image: url("images/sequence/move2/move2-46.png");
}

.move2 .f47 {
	background-image: url("images/sequence/move2/move2-47.png");
}

.move2 .f48 {
	background-image: url("images/sequence/move2/move2-48.png");
}

.move2 .f49 {
	background-image: url("images/sequence/move2/move2-49.png");
}

.move2 .f50 {
	background-image: url("images/sequence/move2/move2-50.png");
}

.move3 .f01 {
	background-image: url("images/sequence/move3/move3-1.png");
}

.move3 .f02 {
	background-image: url("images/sequence/move3/move3-2.png");
}

.move3 .f03 {
	background-image: url("images/sequence/move3/move3-3.png");
}

.move3 .f04 {
	background-image: url("images/sequence/move3/move3-4.png");
}

.move3 .f05 {
	background-image: url("images/sequence/move3/move3-5.png");
}

.move3 .f06 {
	background-image: url("images/sequence/move3/move3-6.png");
}

.move3 .f07 {
	background-image: url("images/sequence/move3/move3-7.png");
}

.move3 .f08 {
	background-image: url("images/sequence/move3/move3-8.png");
}

.move3 .f09 {
	background-image: url("images/sequence/move3/move3-9.png");
}

.move3 .f10 {
	background-image: url("images/sequence/move3/move3-10.png");
}

.move3 .f11 {
	background-image: url("images/sequence/move3/move3-11.png");
}

.move3 .f12 {
	background-image: url("images/sequence/move3/move3-12.png");
}

.move3 .f13 {
	background-image: url("images/sequence/move3/move3-13.png");
}

.move3 .f14 {
	background-image: url("images/sequence/move3/move3-14.png");
}

.move3 .f15 {
	background-image: url("images/sequence/move3/move3-15.png");
}

.move3 .f16 {
	background-image: url("images/sequence/move3/move3-16.png");
}

.move3 .f17 {
	background-image: url("images/sequence/move3/move3-17.png");
}

.move3 .f18 {
	background-image: url("images/sequence/move3/move3-18.png");
}

.move3 .f19 {
	background-image: url("images/sequence/move3/move3-19.png");
}

.move3 .f20 {
	background-image: url("images/sequence/move3/move3-20.png");
}

.move3 .f21 {
	background-image: url("images/sequence/move3/move3-21.png");
}

.move3 .f22 {
	background-image: url("images/sequence/move3/move3-22.png");
}

.move3 .f23 {
	background-image: url("images/sequence/move3/move3-23.png");
}

.move3 .f24 {
	background-image: url("images/sequence/move3/move3-24.png");
}

.move3 .f25 {
	background-image: url("images/sequence/move3/move3-25.png");
}

.move3 .f26 {
	background-image: url("images/sequence/move3/move3-26.png");
}

.move3 .f27 {
	background-image: url("images/sequence/move3/move3-27.png");
}

.move3 .f28 {
	background-image: url("images/sequence/move3/move3-28.png");
}

.move3 .f29 {
	background-image: url("images/sequence/move3/move3-29.png");
}

.move3 .f30 {
	background-image: url("images/sequence/move3/move3-30.png");
}

.move3 .f31 {
	background-image: url("images/sequence/move3/move3-31.png");
}

.move3 .f32 {
	background-image: url("images/sequence/move3/move3-32.png");
}

.move3 .f33 {
	background-image: url("images/sequence/move3/move3-33.png");
}

.move3 .f34 {
	background-image: url("images/sequence/move3/move3-34.png");
}

.move3 .f35 {
	background-image: url("images/sequence/move3/move3-35.png");
}

.move3 .f36 {
	background-image: url("images/sequence/move3/move3-36.png");
}

.move3 .f37 {
	background-image: url("images/sequence/move3/move3-37.png");
}

.move3 .f38 {
	background-image: url("images/sequence/move3/move3-38.png");
}

.move3 .f39 {
	background-image: url("images/sequence/move3/move3-39.png");
}

.move3 .f40 {
	background-image: url("images/sequence/move3/move3-40.png");
}

.move3 .f40 {
	background-image: url("images/sequence/move3/move3-40.png");
}

.move3 .f41 {
	background-image: url("images/sequence/move3/move3-41.png");
}

.move3 .f42 {
	background-image: url("images/sequence/move3/move3-42.png");
}

.move3 .f43 {
	background-image: url("images/sequence/move3/move3-43.png");
}

.move3 .f44 {
	background-image: url("images/sequence/move3/move3-44.png");
}

.move3 .f45 {
	background-image: url("images/sequence/move3/move3-45.png");
}

.move3 .f46 {
	background-image: url("images/sequence/move3/move3-46.png");
}

.move3 .f47 {
	background-image: url("images/sequence/move3/move3-47.png");
}

.move3 .f48 {
	background-image: url("images/sequence/move3/move3-48.png");
}

.move3 .f49 {
	background-image: url("images/sequence/move3/move3-49.png");
}

.move3 .f50 {
	background-image: url("images/sequence/move3/move3-50.png");
}

.move4 .f01 {
	background-image: url("images/sequence/move4/move4-1.png");
}

.move4 .f02 {
	background-image: url("images/sequence/move4/move4-2.png");
}

.move4 .f03 {
	background-image: url("images/sequence/move4/move4-3.png");
}

.move4 .f04 {
	background-image: url("images/sequence/move4/move4-4.png");
}

.move4 .f05 {
	background-image: url("images/sequence/move4/move4-5.png");
}

.move4 .f06 {
	background-image: url("images/sequence/move4/move4-6.png");
}

.move4 .f07 {
	background-image: url("images/sequence/move4/move4-7.png");
}

.move4 .f08 {
	background-image: url("images/sequence/move4/move4-8.png");
}

.move4 .f09 {
	background-image: url("images/sequence/move4/move4-9.png");
}

.move4 .f10 {
	background-image: url("images/sequence/move4/move4-10.png");
}

.move4 .f11 {
	background-image: url("images/sequence/move4/move4-11.png");
}

.move4 .f12 {
	background-image: url("images/sequence/move4/move4-12.png");
}

.move4 .f13 {
	background-image: url("images/sequence/move4/move4-13.png");
}

.move4 .f14 {
	background-image: url("images/sequence/move4/move4-14.png");
}

.move4 .f15 {
	background-image: url("images/sequence/move4/move4-15.png");
}

.move4 .f16 {
	background-image: url("images/sequence/move4/move4-16.png");
}

.move4 .f17 {
	background-image: url("images/sequence/move4/move4-17.png");
}

.move4 .f18 {
	background-image: url("images/sequence/move4/move4-18.png");
}

.move4 .f19 {
	background-image: url("images/sequence/move4/move4-19.png");
}

.move4 .f20 {
	background-image: url("images/sequence/move4/move4-20.png");
}

.move4 .f21 {
	background-image: url("images/sequence/move4/move4-21.png");
}

.move4 .f22 {
	background-image: url("images/sequence/move4/move4-22.png");
}

.move4 .f23 {
	background-image: url("images/sequence/move4/move4-23.png");
}

.move4 .f24 {
	background-image: url("images/sequence/move4/move4-24.png");
}

.move4 .f25 {
	background-image: url("images/sequence/move4/move4-25.png");
}

.move4 .f26 {
	background-image: url("images/sequence/move4/move4-26.png");
}

.move4 .f27 {
	background-image: url("images/sequence/move4/move4-27.png");
}

.move4 .f28 {
	background-image: url("images/sequence/move4/move4-28.png");
}

.move4 .f29 {
	background-image: url("images/sequence/move4/move4-29.png");
}

.move4 .f30 {
	background-image: url("images/sequence/move4/move4-30.png");
}

.move4 .f31 {
	background-image: url("images/sequence/move4/move4-31.png");
}

.move4 .f32 {
	background-image: url("images/sequence/move4/move4-32.png");
}

.move4 .f33 {
	background-image: url("images/sequence/move4/move4-33.png");
}

.move4 .f34 {
	background-image: url("images/sequence/move4/move4-34.png");
}

.move4 .f35 {
	background-image: url("images/sequence/move4/move4-35.png");
}

.move4 .f36 {
	background-image: url("images/sequence/move4/move4-36.png");
}

.move4 .f37 {
	background-image: url("images/sequence/move4/move4-37.png");
}

.move4 .f38 {
	background-image: url("images/sequence/move4/move4-38.png");
}

.move4 .f39 {
	background-image: url("images/sequence/move4/move4-39.png");
}

.move4 .f40 {
	background-image: url("images/sequence/move4/move4-40.png");
}

.move4 .f40 {
	background-image: url("images/sequence/move4/move4-40.png");
}

.move4 .f41 {
	background-image: url("images/sequence/move4/move4-41.png");
}

.move4 .f42 {
	background-image: url("images/sequence/move4/move4-42.png");
}

.move4 .f43 {
	background-image: url("images/sequence/move4/move4-43.png");
}

.move4 .f44 {
	background-image: url("images/sequence/move4/move4-44.png");
}

.move4 .f45 {
	background-image: url("images/sequence/move4/move4-45.png");
}

.move4 .f46 {
	background-image: url("images/sequence/move4/move4-46.png");
}

.move4 .f47 {
	background-image: url("images/sequence/move4/move4-47.png");
}

.move4 .f48 {
	background-image: url("images/sequence/move4/move4-48.png");
}

.move4 .f49 {
	background-image: url("images/sequence/move4/move4-49.png");
}

.move4 .f50 {
	background-image: url("images/sequence/move4/move4-50.png");
}

.move5 .f01 {
	background-image: url("images/sequence/move5/move5-1.png");
}

.move5 .f02 {
	background-image: url("images/sequence/move5/move5-2.png");
}

.move5 .f03 {
	background-image: url("images/sequence/move5/move5-3.png");
}

.move5 .f04 {
	background-image: url("images/sequence/move5/move5-4.png");
}

.move5 .f05 {
	background-image: url("images/sequence/move5/move5-5.png");
}

.move5 .f06 {
	background-image: url("images/sequence/move5/move5-6.png");
}

.move5 .f07 {
	background-image: url("images/sequence/move5/move5-7.png");
}

.move5 .f08 {
	background-image: url("images/sequence/move5/move5-8.png");
}

.move5 .f09 {
	background-image: url("images/sequence/move5/move5-9.png");
}

.move5 .f10 {
	background-image: url("images/sequence/move5/move5-10.png");
}

.move5 .f11 {
	background-image: url("images/sequence/move5/move5-11.png");
}

.move5 .f12 {
	background-image: url("images/sequence/move5/move5-12.png");
}

.move5 .f13 {
	background-image: url("images/sequence/move5/move5-13.png");
}

.move5 .f14 {
	background-image: url("images/sequence/move5/move5-14.png");
}

.move5 .f15 {
	background-image: url("images/sequence/move5/move5-15.png");
}

.move5 .f16 {
	background-image: url("images/sequence/move5/move5-16.png");
}

.move5 .f17 {
	background-image: url("images/sequence/move5/move5-17.png");
}

.move5 .f18 {
	background-image: url("images/sequence/move5/move5-18.png");
}

.move5 .f19 {
	background-image: url("images/sequence/move5/move5-19.png");
}

.move5 .f20 {
	background-image: url("images/sequence/move5/move5-20.png");
}

.move5 .f21 {
	background-image: url("images/sequence/move5/move5-21.png");
}

.move5 .f22 {
	background-image: url("images/sequence/move5/move5-22.png");
}

.move5 .f23 {
	background-image: url("images/sequence/move5/move5-23.png");
}

.move5 .f24 {
	background-image: url("images/sequence/move5/move5-24.png");
}

.move5 .f25 {
	background-image: url("images/sequence/move5/move5-25.png");
}

.move5 .f26 {
	background-image: url("images/sequence/move5/move5-26.png");
}

.move5 .f27 {
	background-image: url("images/sequence/move5/move5-27.png");
}

.move5 .f28 {
	background-image: url("images/sequence/move5/move5-28.png");
}

.move5 .f29 {
	background-image: url("images/sequence/move5/move5-29.png");
}

.move5 .f30 {
	background-image: url("images/sequence/move5/move5-30.png");
}

.move5 .f31 {
	background-image: url("images/sequence/move5/move5-31.png");
}

.move5 .f32 {
	background-image: url("images/sequence/move5/move5-32.png");
}

.move5 .f33 {
	background-image: url("images/sequence/move5/move5-33.png");
}

.move5 .f34 {
	background-image: url("images/sequence/move5/move5-34.png");
}

.move5 .f35 {
	background-image: url("images/sequence/move5/move5-35.png");
}

.move5 .f36 {
	background-image: url("images/sequence/move5/move5-36.png");
}

.move5 .f37 {
	background-image: url("images/sequence/move5/move5-37.png");
}

.move5 .f38 {
	background-image: url("images/sequence/move5/move5-38.png");
}

.move5 .f39 {
	background-image: url("images/sequence/move5/move5-39.png");
}

.move5 .f40 {
	background-image: url("images/sequence/move5/move5-40.png");
}

.move5 .f40 {
	background-image: url("images/sequence/move5/move5-40.png");
}

.move5 .f41 {
	background-image: url("images/sequence/move5/move5-41.png");
}

.move5 .f42 {
	background-image: url("images/sequence/move5/move5-42.png");
}

.move5 .f43 {
	background-image: url("images/sequence/move5/move5-43.png");
}

.move5 .f44 {
	background-image: url("images/sequence/move5/move5-44.png");
}

.move5 .f45 {
	background-image: url("images/sequence/move5/move5-45.png");
}

.move5 .f46 {
	background-image: url("images/sequence/move5/move5-46.png");
}

.move5 .f47 {
	background-image: url("images/sequence/move5/move5-47.png");
}

.move5 .f48 {
	background-image: url("images/sequence/move5/move5-48.png");
}

.move5 .f49 {
	background-image: url("images/sequence/move5/move5-49.png");
}

.move5 .f50 {
	background-image: url("images/sequence/move5/move5-50.png");
}



#layout3 {
	width: 3.6%;
	height: 97.6%;
	top: 2.2%;
	left: 11%;
}

.infor {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-image: url("images/infor.png");
}

.infor img {
	position: absolute;
	right: -2%;
	top: 36%;
	width: 24%;
	opacity: 0.9;
}

#layout4,
#layout8,
#layout11,
#layout15,
#layout20,
#layout25,
#layout28,
#layout30 {
width: 4.18%;
    height: 59.7%;
    top: 19.2%;
}

#layout4 {
	left: 16.73%;
}

#layout8 {
	left: 30.74%;
}

#layout11 {
	left: 43.1%;
}

#layout15 {
	left: 52.6%;
}

#layout20 {
	left: 61.1%;
}

#layout25 {
	left: 69.3%;
}

#layout28 {
	left: 92.4%;
}

#layout30 {
	left: 85.1%;
}

.title {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
}

.title1 {
	background-image: url("images/title1.png");
}

.title2 {
	background-image: url("images/title2.png");
}

.title3 {
	background-image: url("images/title3.png");
}

.title4 {
	background-image: url("images/title4.png");
}

.title5 {
	background-image: url("images/title5.png");
}

.title6 {
	background-image: url("images/title6.png");
}

.title7 {
	background-image: url("images/title7.png");
}

.title8 {
	background-image: url("images/title8.png");
}

#layout5 {
	left: 33%;
	top: 10.9%;
}

#layout6 {
	left: 40.3%;
	top: 29.7%;
}

#layout7 {
	left: 45.3%;
	top: 19.2%;
}

#layout9 {
	left: 51.9%;
	top: 25.1%;
}

#layout10 {
	left: 60%;
	top: 33%;
}

#layout12 {
	left: 67.7%;
	top: 15.1%;
}

#layout13 {
	left: 73.3%;
	top: 24.6%;
}

#layout14 {
	left: 51.1%;
	top: 8.1%;
}

#layout16 {
	left: 86.4%;
	top: 39.3%;
}

#layout17 {
	left: 56.5%;
	top: 8.2%;
}

#layout18 {
	left: 57.9%;
	top: 26.4%;
}

#layout19 {
	left: 59.3%;
	top: 11.9%;
}

#layout21 {
	left: 62.8%;
	top: 25.1%;
}

#layout22 {
	left: 64.8%;
	top: 17.1%;
}

#layout23 {
	left: 66.4%;
	top: 59.2%;
}

#layout24 {
	left: 67.3%;
	top: 19.1%;
}

#layout26 {
	left: 72.5%;
	top: 17.1%;
}

#layout27 {
	left: 76.3%;
	top: 13.4%;
}

#layout29 {
	left: 80.4%;
	top: 20.6%;
}

#layout31 {
	left: 87.9%;
	top: 17.6%;
}

#layout32 {
	left: 92.1%;
	top: 25.7%;
}


#layout5,
#layout6,
#layout7,
#layout9,
#layout10,
#layout12,
#layout13,
#layout14,
#layout16,
#layout17,
#layout18,
#layout19,
#layout21,
#layout22,
#layout23,
#layout24,
#layout26,
#layout27,
#layout29,
#layout31,
#layout32 {
	width: 2.57%;
	height: 30.7%;
}

.card {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
}

.card1 {
	background-image: url("images/card1.png");
}

.card2 {
	background-image: url("images/card2.png");
}

.card3 {
	background-image: url("images/card3.png");
}

.card4 {
	background-image: url("images/card4.png");
}

.card5 {
	background-image: url("images/card5.png");
}

.card6 {
	background-image: url("images/card6.png");
}

.card7 {
	background-image: url("images/card7.png");
}

.card8 {
	background-image: url("images/card8.png");
}

.card9 {
	background-image: url("images/card9.png");
}

.card10 {
	background-image: url("images/card10.png");
}

.card11 {
	background-image: url("images/card11.png");
}

.card12 {
	background-image: url("images/card12.png");
}

.card13 {
	background-image: url("images/card13.png");
}

.card14 {
	background-image: url("images/card14.png");
}

.card15 {
	background-image: url("images/card15.png");
}

.card16 {
	background-image: url("images/card16.png");
}

.card17 {
	background-image: url("images/card17.png");
}

.card18 {
	background-image: url("images/card18.png");
}

.card19 {
	background-image: url("images/card19.png");
}

.card20 {
	background-image: url("images/card20.png");
}

.card21 {
	background-image: url("images/card21.png");
}

.card img {
position: absolute;
    left: 27%;
    top: 28%;
    height: 45%;
    opacity: 0.6;
}

#layout33 {
	width: 2.62%;
	height: 53.9%;
	top: 21.7%;
	left: 94.5%;
}

.end {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-image: url("images/end.png");
}


.move6 {
	width: 11.1%;
	height: 35.8%;
	left: 13.75%;
	bottom: 0%;
	top: auto;
	background-position: center bottom;
	background-image: url("images/sequence/move6.gif");
}

.move7 {
	width: 2.5%;
	height: 62.5%;
	left: 41.58%;
	top: 45.5%;
	background-image: url("images/sequence/move7.gif");
}

.move8 {
	width: 4.38%;
	height: 80%;
	left: 43.2%;
	top: 40%;
	background-image: url("images/sequence/move8.gif");
}

.move9a {
	width: 0.47%;
	height: 8%;
	left: 48.36%;
	top: 68.6%;
	background-image: url("images/sequence/move9.gif");
}

.move9b {
	width: 0.79%;
	height: 13.4%;
	left: 48.36%;
	top: 75.2%;
	background-image: url("images/sequence/move9.gif");
}

.move9c {
	width: 0.96%;
	height: 16.4%;
	left: 48.84%;
	top: 87.8%;
	background-image: url("images/sequence/move9.gif");
}

.move9a i,
.move9b i,
.move9c i {
	background-position: right top;
}

.move11 {
	width: 1.07%;
	height: 38.1%;
	left: 82.1%;
	top: 49.1%;
	background-image: url("images/sequence/move11.gif");
}

.move11-cover {
	width: 3.36%;
	height: 42%;
	left: 81.66%;
	top: auto;
	bottom: 0%;
	background-image: url("images/move11-cover.png");
	background-position: center bottom;
}

.move12 {
	width: 0.47%;
	height: 14%;
	left: 25.8%;
	top: 9.3%;
	background-image: url("images/sequence/move12.gif");
}

.move13 {
	width: 9.41%;
	height: 151%;
	left: 64.4%;
	top: -25.4%;
	background-image: url("images/sequence/move13.gif");
}

.move13-cover {
	width: 2.09%;
	height: 51.2%;
	left: 70.8%;
	top: auto;
	bottom: 12.6%;
	background-image: url("images/move13-cover.png");
	background-position: center bottom;
}

.move14 {
	width: 6.12%;
	height: 98.2%;
	left: 93.88%;
	top: 33%;
	background-image: url("images/sequence/move14.gif");
}

.move14-cover {
	width: 6.92%;
	height: 40.5%;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
	background-image: url("images/move14-cover.png");
	background-position: right bottom;
}

.move15 {
	width: 5.05%;
	height: 81.1%;
	left: 26.5%;
	top: 18.9%;
	background-image: url("images/sequence/move15.gif");
}

.move16 {
	width: 5.3%;
	height: 85.2%;
	left: 71.5%;
	top: 38%;
	background-image: url("images/sequence/move16.gif");
}

.move17 {
	width: 4.3%;
	height: 69.2%;
	left: 95.7%;
	top: 30.8%;
	background-image: url("images/sequence/move15.gif");
}

.move20 {
	width: 4%;
	height: 25.5%;
	left: 18.6%;
	top: 70.8%;
	opacity: 0.85;
}

.move20 img {
	height: 100%;
}

@-moz-keyframes move20 {
	from {
		opacity: 0;
	}

	86% {
		opacity: 0;
	}

	to {
		opacity: 0.9;
	}
}

@-o-keyframes move20 {
	from {
		opacity: 0;
	}

	86% {
		opacity: 0;
	}

	to {
		opacity: 0.9;
	}
}

@-webkit-keyframes move20 {
	from {
		opacity: 0;
	}

	86% {
		opacity: 0;
	}

	to {
		opacity: 0.9;
	}
}

@keyframes move20 {
	from {
		opacity: 0;
	}

	86% {
		opacity: 0;
	}

	to {
		opacity: 0.9;
	}
}

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

.cloud1 {
	width: 4.29%;
	height: 16.6%;
	left: 0.12%;
	top: auto;
	bottom: 0%;
	background-image: url("images/cloud1.png");
	background-position: center bottom;
	z-index: 0;
}

.cloud2 {
	width: 4.14%;
	height: 47.7%;
	left: 0.08%;
	top: 39.8%;
	background-image: url("images/cloud2.png");
	z-index: 0;
}

.cloud3 {
	width: 6.32%;
	height: 19.8%;
	left: 2.87%;
	top: 24.5%;
	background-image: url("images/cloud3.png");
	z-index: 0;
}

.cloud4 {
	width: 7.43%;
	height: 46.5%;
	left: 7.2%;
	top: 37%;
	background-image: url("images/cloud4.png");
	z-index: 0;
}

.cloud5 {
	width: 0.69%;
	height: 14.9%;
	left: 18.1%;
	top: 18%;
	background-image: url("images/cloud5.png");
	z-index: 0;
}

.cloud6 {
	width: 0.89%;
	height: 13.1%;
	left: 20.9%;
	top: 14%;
	background-image: url("images/cloud6.png");
	z-index: 0;
}

.cloud7 {
	width: 4.84%;
	height: 62.7%;
	left: 24.3%;
	top: 9%;
	background-image: url("images/cloud7.png");
	z-index: 0;
}

.cloud8 {
	width: 2.72%;
	height: 14.6%;
	left: 31.9%;
	top: 15.7%;
	background-image: url("images/cloud8.png");
	z-index: 0;
}

.cloud9 {
	width: 1.76%;
	height: 23%;
	left: 73.25%;
	top: 17.2%;
	background-image: url("images/cloud9.png");
	z-index: 0;
}

.cloud10 {
	width: 1.6%;
	height: 14.5%;
	left: 81.52%;
	top: 24.4%;
	background-image: url("images/cloud10.png");
	z-index: 0;
}

.cloud11 {
	width: 3.46%;
	height: 17.6%;
	left: 96.54%;
	top: 45.2%;
	background-image: url("images/cloud11.png");
	z-index: 0;
}


.drop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

.drop .middle {
	position: absolute;
	left: 5%;
	top: 5%;
	left: calc(5% - 3px);
	top: calc(5% - 3px);
	width: 90%;
	height: 90%;
	background: #fff;
	border: 3px solid #fbdcaf;
}

.drop .middle .close {
	position: absolute;
	width: 3em;
	height: 3em;
	background: url("images/close3.png");
	background-size: 100% 100%;
	right: -1.5em;
	top: -1.5em;
	cursor: pointer;
}

.drop iframe {
	width: 100%;
	height: 100%;
}


.logo {
	position: fixed;
	width: 20%;
	height: 4.3%;
	left: 2em;
	top: 1em;
	background-image: url("images/logo.png");
	background-position: left center;
}