@charset "utf-8";
div#no99 {
	height: 990px;
	background: #010D2F;
	background: linear-gradient(180deg, #010D2F 0%, #0B2677 100%);
	position: relative;
}

div#no99 .dataNo{
	color: #fff;
}

div#no99 h2,
div#no99 h2 span {
	color: #FFD700;
}

.bg{
	position: absolute;
	top: -400px;
	left: 44px;
	z-index: 1;
}

.building{
	position: absolute;
	bottom: -3px;
	left: -3px;
	z-index: 1;
}

.board{
	position: absolute;
	top: 169px;
	left: 93px;
	z-index: 2;
	opacity: 0;
	transition: 0.3s;
}
.board.show{
	top: 149px;
	opacity: 1;
}
.days{
	position: absolute;
	top: 458px;
	left: 160px;
	z-index: 2;
	opacity: 0;
	transform: scale(0.8);
}
.days.show{
	animation: daysShow 0.5s linear forwards;
}
@keyframes daysShow {
	0%{
		transform: scale(0.8);
		opacity: 0;
	}
	60%{
		transform: scale(1.1);
		opacity: 1;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}
.bling1{
	width: 253px;
	height: 98px;
	position: absolute;
	top: 454px;
	left: 133px;
	opacity: 0;
	z-index: 2;
	background-image: url(img/bling1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.bling1.show{
	animation: bling 1s linear forwards, bling1_flip 2s 0.7s infinite;
}
@keyframes bling1_flip {
	0%, 50% {
		background-image: url(img/bling1.png);
	}
	50.01%, 100% {
		background-image: url(img/bling1_flip.png);
	}
}

.tower{
	right: 467px;
	bottom: -990px;
	opacity: 1 !important;
	width: 144px;
	height: 980px;
	position: absolute;
	z-index: 2;
	opacity: 0;
}
.tower .tower1,
.tower .tower2,
.tower .tower3,
.tower .tower4,
.tower .tower5{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.tower .tower1{
	opacity: 1;
}
.tower.show .tower1{
	animation: towerSwitch 15s linear infinite;
}
.tower.show .tower2{
	animation: towerSwitch 15s linear -12s infinite;
}
.tower.show .tower3{
	animation: towerSwitch 15s linear -9s infinite;
}
.tower.show .tower4{
	animation: towerSwitch 15s linear -6s infinite;
}
.tower.show .tower5{
	animation: towerSwitch 15s linear -3s infinite;
}
@keyframes towerSwitch {
	0%, 14% {
		opacity: 1;
	}
	20%, 94% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.bling2{
	position: absolute;
	top: 337px;
	left: -83px;
	opacity: 0;
	z-index: 2;
}
.bling2.show{
	animation: bling 1s linear forwards, bling2_flip 2s steps(2) 2s infinite;
}
@keyframes bling2_flip {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes bling {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

.people{
	position: absolute;
	z-index: 3 !important;
	bottom: -368px;
	opacity: 0;
	transition: 0.3s;
}
.people1{
	left: -3px;
}
.people2{
	left: 145px;
}
.people3{
	left: 313px;
}
.people4{
	left: 438px;
}
.people5{
	right: 350px;
}
.people6{
	right: 18px;
}
.people1.show{
	animation: peopleShow 0.3s linear forwards;
}
.people2.show{
	animation: peopleShow 0.3s linear 0.3s forwards;
}
.people3.show{
	animation: peopleShow 0.3s linear 0.5s forwards;
}
.people4.show{
	animation: peopleShow 0.3s linear 0.2s forwards;
}
.people5.show{
	animation: peopleShow 0.3s linear 0.4s forwards;
}
.people6.show{
	animation: peopleShow 0.3s linear 0.1s forwards;
}
@keyframes peopleShow {
	0% {
		opacity: 0;
		bottom: -368px;
	}
	80% {
		opacity: 1;
		bottom: 0;
	}
	100% {
		opacity: 1;
		bottom: -3px;
	}
}