@charset "utf-8";
#wel{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #fff url(images/wel-bg.jpg) no-repeat center top;
	background-size: 100% 100%;
	z-index: 1000;
	overflow: hidden;
}

#wel .part1{
	position: absolute;
	width: 100%;
	height: 388px;
	left: 0%;
	top: 48.2%;
	background: url(images/wel-part1.png) 0px top;
	background-size: 1920px 388px;
	z-index: 71;
}

#wel .part2{
	position: absolute;
	width: 100%;
	height: 50.3%;
	left: 0px;
	bottom: 0px;
	background: url(images/wel-part2.png) no-repeat left bottom;
	background-size: 100% 100%;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 73;
}

#wel .part3{
	position: absolute;
	width: 100%;
	height: 50.3%;
	right: 0px;
	bottom: 0px;
	background: url(images/wel-part3.png) no-repeat right bottom;
	background-size: 100% 100%;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 74;
}

#wel .part4{
	position: absolute;
	width: 26.3%;
	height: 13.4%;
	left: 36.9%;
	bottom: 24.8%;
	background: url(images/wel-part4.png) no-repeat center bottom;
	background-size: contain;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 72;
}

#wel .part5{
	position: absolute;
	width: 12.4%;
	height: 16.9%;
	left: 37.2%;
	bottom: 21.6%;
	background: url(images/wel-part5.png) no-repeat center center;
	background-size: contain;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 75;
}

#wel .part6{
	position: absolute;
	width: 44.7%;
	height: 35.1%;
	left: 31.4%;
	top: 10.4%;
	background: url(images/wel-part6.png) no-repeat center center;
	background-size: contain;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 76;
}

#wel .part7{
	position: absolute;
	width: 15.5%;
	height: 6.5%;
	left: 22.1%;
	top: 3.4%;
	background: url(images/wel-part7.png) no-repeat center center;
	background-size: contain;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 77;
}

#wel .part8{
	position: absolute;
	width: 266px;
	height: 50px;
	line-height: 50px;
	left: 50%;
	margin-left: -133px;
	top: 83%;
	border: 1px solid #fff;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 26px;
	transition: background 0.2s;
	transition: border-color 0.2s;
	filter:alpha(opacity=0);
	opacity:0;
	cursor: pointer;
	z-index: 99;
}

#wel .part8:hover{
	text-decoration: none;
	background: #d82321;
	border-color: #f7ea27;
	color: #f7ea27 !important;
}

#wel .part9{
	position: absolute;
	width: 19.1%;
	height: 9.3%;
	left: 16.3%;
	bottom: 25.9%;
	background: url(images/wel-part9.png) no-repeat left bottom;
	background-size: 100% 100%;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 72;
}



@-ms-keyframes part1{
	from{ background-position: 1920px top; }
	to{ }
}
@-moz-keyframes part1{
	from{ background-position: 1920px top; }
	to{ }
}
@-o-keyframes part1{
	from{ background-position: 1920px top; }
	to{ }
}
@-webkit-keyframes part1{
	from{ background-position: 1920px top; }
	to{ }
}
@keyframes part1{
	from{ background-position: 1920px top; }
	to{ }
}

#wel .part1{
	animation:'part1' 50.0s linear 0s infinite;
	-ms-animation:part1 50.0s linear 0s infinite;
	-moz-animation:part1 50.0s linear 0s infinite;
	-o-animation:'part1' 50.0s linear 0s infinite;
	-webkit-animation:'part1' 50.0s linear 0s infinite;
}


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

#wel .part2{
	animation:'part2' 0.6s ease-in-out 0.9s forwards;
	-ms-animation:part2 0.6s ease-in-out 0.9s forwards;
	-moz-animation:part2 0.6s ease-in-out 0.9s forwards;
	-o-animation:'part2' 0.6s ease-in-out 0.9s forwards;
	-webkit-animation:'part2' 0.6s ease-in-out 0.9s forwards;
}

#wel .part3{
	animation:'part2' 0.6s ease-in-out 0.5s forwards;
	-ms-animation:part2 0.6s ease-in-out 0.5s forwards;
	-moz-animation:part2 0.6s ease-in-out 0.5s forwards;
	-o-animation:'part2' 0.6s ease-in-out 0.5s forwards;
	-webkit-animation:'part2' 0.6s ease-in-out 0.5s forwards;
}

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

#wel .part4{
	animation:'part4' 0.6s ease-in-out 1.4s forwards;
	-ms-animation:part4 0.6s ease-in-out 1.4s forwards;
	-moz-animation:part4 0.6s ease-in-out 1.4s forwards;
	-o-animation:'part4' 0.6s ease-in-out 1.4s forwards;
	-webkit-animation:'part4' 0.6s ease-in-out 1.4s forwards;
}

#wel .part7,#wel .part8{
	animation:'part4' 0.6s ease-in-out 1.9s forwards;
	-ms-animation:part4 0.6s ease-in-out 1.9s forwards;
	-moz-animation:part4 0.6s ease-in-out 1.9s forwards;
	-o-animation:'part4' 0.6s ease-in-out 1.9s forwards;
	-webkit-animation:'part4' 0.6s ease-in-out 1.9s forwards;
}

@-ms-keyframes part5{
	from{ transform: rotate(20deg); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part5{
	from{ transform: rotate(20deg); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part5{
	from{ transform: rotate(20deg); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part5{
	from{ transform: rotate(20deg); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part5{
	from{ transform: rotate(20deg); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#wel .part5{
	animation:'part5' 0.6s ease-in-out 1.9s forwards;
	-ms-animation:part5 0.6s ease-in-out 1.9s forwards;
	-moz-animation:part5 0.6s ease-in-out 1.9s forwards;
	-o-animation:'part5' 0.6s ease-in-out 1.9s forwards;
	-webkit-animation:'part5' 0.6s ease-in-out 1.9s forwards;
}

@-ms-keyframes part6{
	from{ transform: scale(5,5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part6{
	from{ transform: scale(5,5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part6{
	from{ transform: scale(5,5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part6{
	from{ transform: scale(5,5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part6{
	from{ transform: scale(5,5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#wel .part6{
	animation:'part6' 0.6s ease-in-out 0s forwards;
	-ms-animation:part6 0.6s ease-in-out 0s forwards;
	-moz-animation:part6 0.6s ease-in-out 0s forwards;
	-o-animation:'part6' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'part6' 0.6s ease-in-out 0s forwards;
}

@-ms-keyframes part9{
	from{ left: 10%; bottom: 22%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part9{
	from{ left: 10%; bottom: 22%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part9{
	from{ left: 10%; bottom: 22%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part9{
	from{ left: 10%; bottom: 22%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part9{
	from{ left: 10%; bottom: 22%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#wel .part9{
	animation:'part9' 0.6s ease-in-out 2.3s forwards;
	-ms-animation:part9 0.6s ease-in-out 2.3s forwards;
	-moz-animation:part9 0.6s ease-in-out 2.3s forwards;
	-o-animation:'part9' 0.6s ease-in-out 2.3s forwards;
	-webkit-animation:'part9' 0.6s ease-in-out 2.3s forwards;
}

@-ms-keyframes close{
	from{ }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-moz-keyframes close{
	from{ }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-o-keyframes close{
	from{ }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-webkit-keyframes close{
	from{ }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@keyframes close{
	from{ }
	to{ filter:alpha(opacity=0); opacity:0; }
}

#wel{
	animation:'close' 0.3s ease-in-out 6.0s forwards;
	-ms-animation:close 0.3s ease-in-out 6.0s forwards;
	-moz-animation:close 0.3s ease-in-out 6.0s forwards;
	-o-animation:'close' 0.3s ease-in-out 6.0s forwards;
	-webkit-animation:'close' 0.3s ease-in-out 6.0s forwards;
}

