@charset "utf-8";
/* CSS Document */
#welcome
{
	position: absolute;
	top: 0px; left: 0px;
	bottom: 0px; right: 0px;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	background-color:#FFFFFF;
	z-index: 99;
}

.we-top
{
	position: relative;
	padding: 25px;
}

.we-middle
{
	position: relative;
	height: 100%;
	padding: 25px;
	overflow: auto;
}

.we-select
{
	position: relative;
	width: 100%;
	margin-top: 25px;
	padding: 15px 0px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: #4fa6f8 2px dashed;
}

.we-bottom
{
	position: relative;
	display: flex;
	padding: 10px;
}

.fixed-web
{
	margin: 0 20% 0 20%;
}

.we-fixed
{
	position: fixed;
    top: 45%;
	width: 85%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.fixed-wem .we-fixed
{
	width: 30%;
}

.we-congra
{
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	background-image: url(../icos/congratulations.webp);
	margin-bottom: 15px;
}

.w0
{
	left: 50%;
}

.w1
{
	left: 150%;
}

.we-text
{
	font-size: 20px;
	color: #086eb9;
	text-align: center;
}
.we-photo
{
	position: relative;
	width: 180px; height: 180px;
	border: 2px #FFFFFF solid;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0px 0px 2px #282828;
	-webkit-box-shadow: 0px 0px 2px #282828;
	box-shadow: 0px 0px 2px #282828;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image:url(../icos/user.jpg);
	margin: 0 auto 25px auto;
}

.we-upload {
	position: absolute;
	right: -5px; bottom: -5px;
	height: 50px;
	width: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:#ffffff;
	-moz-box-shadow: 0px 0px 2px #282828;
	-webkit-box-shadow: 0px 0px 2px #282828;
	box-shadow: 0px 0px 2px #282828;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
	display:inline-block;
}