@keyframes move {
	100% {
		transform: translate3d(0, 0, 1px) rotate(360deg);
	}
}

.icon {
	position: relative;
}

.background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: none;
	overflow: hidden;
	opacity: .7
}

.background span {
	width: 1vmin;
	height: 1vmin;
	border-radius: 1vmin;
	backface-visibility: hidden;
	position: absolute;
	animation: move;
	animation-duration: 41;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}


.background span:nth-child(0) {
	color: #ffffff;
	top: 68%;
	left: 30%;
	animation-duration: 32s;
	animation-delay: -16s;
	transform-origin: -3vw -1vh;
	box-shadow: -2vmin 0 1.1683757304560622vmin currentColor;
}

.background span:nth-child(1) {
	color: #ffffff;
	top: 85%;
	left: 4%;
	animation-duration: 80s;
	animation-delay: -84s;
	transform-origin: -20vw 6vh;
	box-shadow: -2vmin 0 0.7365231496105558vmin currentColor;
}

.background span:nth-child(2) {
	color: #ffffff;
	top: 93%;
	left: 89%;
	animation-duration: 45s;
	animation-delay: -51s;
	transform-origin: -7vw -7vh;
	box-shadow: 2vmin 0 0.25158119250263367vmin currentColor;
}

.background span:nth-child(3) {
	color: #ffffff;
	top: 61%;
	left: 27%;
	animation-duration: 12s;
	animation-delay: -40s;
	transform-origin: -24vw 1vh;
	box-shadow: -2vmin 0 0.9396645063544193vmin currentColor;
}

.background span:nth-child(4) {
	color: #ffffff;
	top: 48%;
	left: 87%;
	animation-duration: 26s;
	animation-delay: -87s;
	transform-origin: 15vw 25vh;
	box-shadow: 2vmin 0 0.7293769481616206vmin currentColor;
}

.background span:nth-child(5) {
	color: #ffffff;
	top: 47%;
	left: 76%;
	animation-duration: 41s;
	animation-delay: -71s;
	transform-origin: -22vw 21vh;
	box-shadow: -2vmin 0 0.712939713131179vmin currentColor;
}

.background span:nth-child(6) {
	color: #ffffff;
	top: 20%;
	left: 64%;
	animation-duration: 17s;
	animation-delay: -25s;
	transform-origin: 18vw 4vh;
	box-shadow: 2vmin 0 0.8966203787333784vmin currentColor;
}

.background span:nth-child(7) {
	color: #ffffff;
	top: 29%;
	left: 67%;
	animation-duration: 93s;
	animation-delay: -49s;
	transform-origin: 25vw 6vh;
	box-shadow: 2vmin 0 0.2786494954597749vmin currentColor;
}

.background span:nth-child(8) {
	color: #ffffff;
	top: 55%;
	left: 78%;
	animation-duration: 8s;
	animation-delay: -70s;
	transform-origin: 10vw -21vh;
	box-shadow: -2vmin 0 0.7280189808409345vmin currentColor;
}

.background span:nth-child(9) {
	color: #ffffff;
	top: 76%;
	left: 38%;
	animation-duration: 13s;
	animation-delay: -37s;
	transform-origin: 17vw 9vh;
	box-shadow: -2vmin 0 1.0311861899568386vmin currentColor;
}

.background span:nth-child(10) {
	color: #ffffff;
	top: 81%;
	left: 67%;
	animation-duration: 41s;
	animation-delay: -64s;
	transform-origin: -13vw -12vh;
	box-shadow: 2vmin 0 0.3476567399859938vmin currentColor;
}

.background span:nth-child(11) {
	color: #ffffff;
	top: 51%;
	left: 68%;
	animation-duration: 86s;
	animation-delay: -76s;
	transform-origin: -20vw 14vh;
	box-shadow: -2vmin 0 0.4086085536863808vmin currentColor;
}

.background span:nth-child(12) {
	color: #ffffff;
	top: 80%;
	left: 6%;
	animation-duration: 54s;
	animation-delay: -59s;
	transform-origin: 25vw -15vh;
	box-shadow: 2vmin 0 0.8823307291260265vmin currentColor;
}

.background span:nth-child(13) {
	color: #ffffff;
	top: 10%;
	left: 16%;
	animation-duration: 43s;
	animation-delay: -71s;
	transform-origin: 2vw 13vh;
	box-shadow: 2vmin 0 0.40307705770766944vmin currentColor;
}

.background span:nth-child(14) {
	color: #ffffff;
	top: 14%;
	left: 49%;
	animation-duration: 66s;
	animation-delay: -48s;
	transform-origin: 21vw -10vh;
	box-shadow: 2vmin 0 0.7501685780505116vmin currentColor;
}

.background span:nth-child(15) {
	color: #ffffff;
	top: 71%;
	left: 55%;
	animation-duration: 14s;
	animation-delay: -57s;
	transform-origin: 13vw -6vh;
	box-shadow: -2vmin 0 0.37992784222975495vmin currentColor;
}

.background span:nth-child(16) {
	color: #ffffff;
	top: 63%;
	left: 100%;
	animation-duration: 95s;
	animation-delay: -61s;
	transform-origin: -15vw -3vh;
	box-shadow: 2vmin 0 0.7444007693866996vmin currentColor;
}

.background span:nth-child(17) {
	color: #ffffff;
	top: 52%;
	left: 10%;
	animation-duration: 77s;
	animation-delay: -74s;
	transform-origin: 24vw -17vh;
	box-shadow: 2vmin 0 0.743635735660622vmin currentColor;
}

.background span:nth-child(18) {
	color: #ffffff;
	top: 18%;
	left: 25%;
	animation-duration: 30s;
	animation-delay: -89s;
	transform-origin: 6vw 7vh;
	box-shadow: -2vmin 0 0.5749272628904354vmin currentColor;
}

.background span:nth-child(19) {
	color: #ffffff;
	top: 98%;
	left: 65%;
	animation-duration: 29s;
	animation-delay: -23s;
	transform-origin: 0vw 19vh;
	box-shadow: -2vmin 0 0.5873842005102792vmin currentColor;
}

.background span:nth-child(20) {
	color: #ffffff;
	top: 67%;
	left: 27%;
	animation-duration: 53s;
	animation-delay: -23s;
	transform-origin: -11vw 23vh;
	box-shadow: -2vmin 0 0.32272597002635073vmin currentColor;
}

.background span:nth-child(21) {
	color: #ffffff;
	top: 43%;
	left: 38%;
	animation-duration: 50s;
	animation-delay: -16s;
	transform-origin: 9vw 19vh;
	box-shadow: 2vmin 0 0.3751989980436812vmin currentColor;
}

.background span:nth-child(22) {
	color: #ffffff;
	top: 74%;
	left: 46%;
	animation-duration: 81s;
	animation-delay: -90s;
	transform-origin: 25vw -3vh;
	box-shadow: 2vmin 0 1.0126511245707643vmin currentColor;
}

.background span:nth-child(23) {
	color: #ffffff;
	top: 93%;
	left: 55%;
	animation-duration: 40s;
	animation-delay: -28s;
	transform-origin: 4vw -16vh;
	box-shadow: 2vmin 0 0.5978325485956686vmin currentColor;
}

.background span:nth-child(24) {
	color: #ffffff;
	top: 54%;
	left: 78%;
	animation-duration: 38s;
	animation-delay: -10s;
	transform-origin: -20vw -1vh;
	box-shadow: -2vmin 0 0.662564398996955vmin currentColor;
}

.background span:nth-child(25) {
	color: #ffffff;
	top: 80%;
	left: 3%;
	animation-duration: 15s;
	animation-delay: -23s;
	transform-origin: -15vw 17vh;
	box-shadow: -2vmin 0 0.9575441261526481vmin currentColor;
}

.background span:nth-child(26) {
	color: #ffffff;
	top: 11%;
	left: 74%;
	animation-duration: 81s;
	animation-delay: -35s;
	transform-origin: 5vw 14vh;
	box-shadow: -2vmin 0 0.6366735941636623vmin currentColor;
}

.background span:nth-child(27) {
	color: #ffffff;
	top: 37%;
	left: 32%;
	animation-duration: 83s;
	animation-delay: -39s;
	transform-origin: 16vw 22vh;
	box-shadow: -2vmin 0 0.45391917636708135vmin currentColor;
}

.background span:nth-child(28) {
	color: #ffffff;
	top: 33%;
	left: 62%;
	animation-duration: 95s;
	animation-delay: -62s;
	transform-origin: 7vw 25vh;
	box-shadow: -2vmin 0 0.9747339341440935vmin currentColor;
}

.background span:nth-child(29) {
	color: #ffffff;
	top: 11%;
	left: 12%;
	animation-duration: 45s;
	animation-delay: -2s;
	transform-origin: -18vw 3vh;
	box-shadow: -2vmin 0 0.4809637770227255vmin currentColor;
}

.background span:nth-child(30) {
	color: #ffffff;
	top: 3%;
	left: 95%;
	animation-duration: 80s;
	animation-delay: -60s;
	transform-origin: -24vw 15vh;
	box-shadow: -2vmin 0 1.1254366823355202vmin currentColor;
}

.background span:nth-child(31) {
	color: #ffffff;
	top: 72%;
	left: 54%;
	animation-duration: 91s;
	animation-delay: -29s;
	transform-origin: 14vw 7vh;
	box-shadow: -2vmin 0 0.9328317405644022vmin currentColor;
}

.background span:nth-child(32) {
	color: #ffffff;
	top: 52%;
	left: 90%;
	animation-duration: 8s;
	animation-delay: -3s;
	transform-origin: -23vw 10vh;
	box-shadow: 2vmin 0 0.9811964038233079vmin currentColor;
}

.background span:nth-child(33) {
	color: #ffffff;
	top: 13%;
	left: 64%;
	animation-duration: 82s;
	animation-delay: -57s;
	transform-origin: -11vw 23vh;
	box-shadow: 2vmin 0 0.7846132810361863vmin currentColor;
}

.background span:nth-child(34) {
	color: #ffffff;
	top: 53%;
	left: 62%;
	animation-duration: 77s;
	animation-delay: -26s;
	transform-origin: 10vw 5vh;
	box-shadow: -2vmin 0 1.0895721828837082vmin currentColor;
}

.background span:nth-child(35) {
	color: #ffffff;
	top: 88%;
	left: 1%;
	animation-duration: 91s;
	animation-delay: -83s;
	transform-origin: 12vw -6vh;
	box-shadow: -2vmin 0 0.6467577817478141vmin currentColor;
}

.background span:nth-child(36) {
	color: #ffffff;
	top: 50%;
	left: 58%;
	animation-duration: 28s;
	animation-delay: -52s;
	transform-origin: 20vw 5vh;
	box-shadow: 2vmin 0 0.44623938367159477vmin currentColor;
}

.background span:nth-child(37) {
	color: #ffffff;
	top: 39%;
	left: 99%;
	animation-duration: 81s;
	animation-delay: -23s;
	transform-origin: -4vw -21vh;
	box-shadow: -2vmin 0 1.186110806176281vmin currentColor;
}

.background span:nth-child(38) {
	color: #ffffff;
	top: 18%;
	left: 97%;
	animation-duration: 72s;
	animation-delay: -46s;
	transform-origin: 13vw 3vh;
	box-shadow: -2vmin 0 0.4076625565505456vmin currentColor;
}

.background span:nth-child(39) {
	color: #ffffff;
	top: 68%;
	left: 74%;
	animation-duration: 94s;
	animation-delay: -65s;
	transform-origin: -23vw -17vh;
	box-shadow: -2vmin 0 0.9900931852013648vmin currentColor;
}

.background span:nth-child(40) {
	color: #ffffff;
	top: 42%;
	left: 87%;
	animation-duration: 68s;
	animation-delay: -21s;
	transform-origin: -3vw -17vh;
	box-shadow: -2vmin 0 0.433748531076251vmin currentColor;
}

.background span:nth-child(41) {
	color: #ffffff;
	top: 41%;
	left: 57%;
	animation-duration: 81s;
	animation-delay: -22s;
	transform-origin: -19vw -23vh;
	box-shadow: -2vmin 0 1.1157402710419524vmin currentColor;
}

.guide_content,
#iconRed {
	color: white;
	background: url(/xmas/assets/img/index/bg2.jpg);
	background-repeat: repeat-y;
	background-size: contain;
}

.iconImg img {
	margin: 0 auto;
	width: 70px;
	height: auto;
}

#iconRed p {
	font-size: 12px;
	margin-top: 5px;
}

#iconRed div {
	margin-top: 20px;
}

@media (max-width: 480px) {
	#iconRed .icon_list p {
		width: 100% !important;
		margin-left: 0 !important;
	}
}

.footer {
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(/xmas/assets/img/index/footerBg.jpg);
	background-position: center;
	animation: bgiLoop 20s linear infinite;
}

@media screen and (max-width: 767px) {
	.footer img {
		width: 60px;
	}
}

.footer p {
	color: #fff;
	text-align: center;
	font-size: 12px;
	margin-top: 20px;
}

@keyframes bgiLoop {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -350px 380px;
	}
}

.clear {
	clear: both;
}