*{
	margin:0;
	padding:0;
}
a{
    text-decoration:none;
}
body{
	width:100%;
	height:100%;
}
.login,.reg,.user_name_reg{
	width:300px;
	height: 390px;
	background:#fff;
	margin:0 auto;
	text-align:center;
    border-radius: 10px;
    margin-top:10%;
}
 .on{
     border-bottom: 2px solid #19b1ea;
 }
.login>span{
    display:block;
    width:100%;
    text-align:center;
    height:auto;
    line-height:2em;
    color:#fff;
    font-size:1.5em;

}
.reg>span{
    display:block;
    width:100%;
    text-align:center;
    height:2em;
    line-height:2em;
    color:#ffa425;
    font-size:1.5em;

}
.user_name_reg>span{
       display:block;
    width:100%;
    text-align:center;
    height:2em;
    line-height:2em;
    color:#ffa425;
    font-size:1.5em;
}
.username{
    display:block;
    width:90%;
    height:3em;
    margin:0 auto;
    background:#e9e9e9;
    border-radius:10px;
    margin-top:5%;
     padding-top:2%;
     padding-left:0.5em;
}
.username input{
    height:2.5em;
    width:80%;
    border:0;
    background:#e9e9e9;

}
.username>img{
    float:left;
}
.password{
    display:block;
    width:90%;
    height:3em;
    margin:0 auto;
    background:#e9e9e9;
    border-radius:10px;
    margin-top:5%;
    padding-top:2%;
     padding-left:0.5em;

}
.password input{
    height:2.5em;
    width:80%;
    border:0;
    background:#e9e9e9;

}
.password>img{
    float:left;
}
.submit{
    display:block;
    width:90%;
    border-radius:10px;
    background:#19b1ea;
    margin:0 auto;
    height:3em;
    line-height:3em;
    color:#fff;
    margin-top:20px;
}