body
{
	margin: 0;
    padding: 0;
	background-image:url('../../img/background1.jpg');
    background-size: cover;
    font-family: sans-serif;
}
div.a{
	 height:auto;
}
div.b{
	height:50px;
}
.loginBox
{
	position:absolute;
	top:60%;
	Left:50%;
	transform:translate(-50%,-50%);
	width: 490px;
	height: 650;
	padding: 80px 40px;
	box-sizing: border-box;
	background: rgba(0,0,0,.5);		
}
.user
{ 
   width:100px;
   height:100px;
   border-radius:60%;
   overfLow:hidden;
   position: absolute;
   top:clac(80px/2);
   Left:clac(45% - 45px);	
   margin-top: -100px;
   margin-left: 140px;
}
h2
{
	 margin:0;
	 padding:0 0 20px;
	 color:#efed40;
	 text-align:center;
} 
.loginBox p
{	
	 margin:0;
	 padding:0;
	 font-weight: bold;
	 color:#fff;
}

 //.loginBox input[type="text"],
 .loginBox input[type="password"]
 {
	 border:none;
	 border-bottom:1px solid #fff;
	 background:transparent;
	 outline:none;
	 height:50px;
	 color: #fff;
	 font-size:16px;
 }
 .mytext {
     width: 100%;
	 padding: 8px;
}
 ::placeholder
 {
	color:rgba(255,255,255,.5);
	 
 }
 .loginBox input[type="submit"]
 {
	 border:none;
	 outline:none;
	 height:40px;
	 color:#fff;
	 font-size:16px;
	 background:#4CAF50;
	 cursor:pointer;
	 border-radius:20px;
 }
  .loginBox input[type="submit"]:hover
  {
	  background:#FFC0CB;
	  color:#262626;
  }
  .loginBox input {
    width: 100%;
    margin-bottom: 17px;
    padding: 8px;
}