html,body{ margin:0px; padding:0px; background:#292d3d; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}

a,a:hover{ text-decoration:none}


.header{ width:100%; height:200px; background:#292d3d; overflow:hidden}
.header .headbox{ width:60%; height:60px; margin-left:auto; margin-right:auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:40px;}
.header .headbox .logo{ width:178px; height:60px;}
.header .headbox .logo img{ height:100%;}


.loginbox{width:60%; min-height:600px; background:#fff; margin-top:-60px; margin-left:auto; margin-right:auto; box-shadow: 0 2px 30px 0 rgba(130,130,130,.29); display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap;}
.loginbox .puts{ width:45%; min-height:100px; margin-right:5%;}
.loginbox .pnv{ font-size:36px; margin-bottom:80px;}
.loginbox .pnv a{  font-size:16px; color:#4496c5; margin-left:80px;}
.loginbox .ad{ width:25%; min-height:50px;}
.loginbox .ad img{ height:100%;}

.loginbox .puts .regbtn{ width:200px; height:40px; text-align:center; background:#292d3d; color:#fff; border-radius:40px; line-height:40px; margin-top:20px; display:block}