*{margin:0px;padding:0px;box-sizing:border-box;}
body,html{height:100%;}
.container-login{
  width:100%;
  height:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background:#9053c7;
  background: -webkit-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -o-linear-gradient(-135deg,#c850c0,#4158d0);
  background: -moz-linear-gradient(-135deg,#c850c0,#4158d0);
  background: linear-gradient(-135deg,#c850c0,#4158d0);}
.wrap-login{
  width:790px;
/*  height:390px;*/
  height:496px;
  padding:32px;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;}
.login-pic{width:288px;height:288px;margin:32px ;}
.login-pic img{width:256px;height:256px;}
.login-form{width:368px;}
.login-form-title{
  width:100%;
  padding-bottom:54px;
  font-size:36px;
  font-style:italic;
  color:#333333;
  line-height:1.2;
  text-align:center;
  display:block;}
.login-form-BIz{
  font-size:48px;
  color:#ff0000;}
.wrap-input{
  position:relative;
  width:100%;
  margin-bottom:10px;
  z-index:1;}
.inputEPs{
  width:100%;
  height:48px;
  padding: 0 24px 0 56px;
  border-radius:8px;
  font:24px Courier;
  line-height:1.5;
  color:#666666;
  display:block;
  background:#e6e6e6;}
.focus-inputEPs{
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  border-radius:16px;
  bottom:0;
  left:0;
  z-index: -1;
  box-shadow: 0px 0px 0px 0px;
  color:rgba(87,184,70,0.8);}
.inputEPs:focus + .focus-inputEPs{
  -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
  animation: anim-shadow 0.5s ease-in-out forwards;}
.symbol-inputEPs{
  width:100%;
  height:100%;
  bottom:0;
  left:0;
  padding-left:24px;
  position:absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display:flex;
  align-items:center;
  pointer-events:none;}
.inputEPs:focus + .focus-inputEPs + .symbol-inputEPs{
  padding-left:28px;
  color:#57b846;}
.login-form-Err{
  width:100%;
  font-size:16px;
  font-style:italic;
  color:#ff0000;
  line-height:2;}
.btnClr{
  width:120px;
  height:32px;
  padding: 0 25px;
  border-radius:8px;
  font-size:16px;
  font-style:italic;
  color:#fff;
  background:#e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content:center;
  align-items:center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  float:right;}
.btnClr:hover{background:#ffcc66;}
.container-btnAnt{
  width:160px;
  padding:24px 0 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap:wrap;}
.btnAnt{
  width:136px;
  height:48px;
  padding: 0 25px;
  border-radius:8px;
  font:24px Courier;
  line-height:1.5;
  color:#fff;
  background:#ffcc66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content:center;
  align-items:center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;}
.btnAnt:hover{background:#009999;}
.container-linkFpa{
  width:136px;
  text-align:center;}
.login-form-linkFpa{font-style:italic;font-size:16px;color:#999999;}
.container-linkReg{
  width:100%;
  margin-top:20px;}
.login-form-linkReg{font-style:italic;font-size:24px;color:#666666;float:right;}
/*
a{
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;}
*/
a:focus{outline: none !important;}
a:hover{text-decoration:none;color:#009999;}

input{outline:none;border:none;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
input::-webkit-input-placeholder {color:#999999;}
input:-moz-placeholder {color:#999999;}
input::-moz-placeholder {color:#999999;}
input:-ms-input-placeholder {color:#999999;}

button{outline:none !important;border:none;background:transparent;}
button:hover{cursor:pointer;}

@-webkit-keyframes anim-shadow{to{box-shadow: 0px 0px 70px 25px;opacity:0;}}
@keyframes anim-shadow{to{box-shadow: 0px 0px 70px 25px;opacity:0;}}