*{font-family:verdana;}
html{margin:0;padding:0;height:100vh;background:#FFFFFF url("../img/b.jpg") center;background-size:cover;overflow:hidden;}
body { margin:0; padding:0; background:url(../img/b.png) no-repeat center; }
.clr { clear:both; }
.login { margin:0; padding:0; background:url(../img/d.png); }
.login_inn { margin:0; padding:2em; float:right; }
.lgo { margin:5em 0; }
form { margin:0; padding:0; border:0; }
fieldset { margin:0; padding:0; border:0; }

.fld{float:left;position:relative;width:17em;min-height:4em;margin:.25em;padding:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fld>label{position:absolute;margin:0;padding:0;top:.9em;left:.5em;transition:all 200ms;opacity:1;z-index:99;margin-top:.5em;font-size:80%;transform:translate3d(0,-100%,0);}
.fld>input,.fld>select{margin:0;padding:.5em;width:100%;height:4em;line-height:4em;border:1px solid rgba(0,0,0,.35);border-radius:4px;z-index:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fld>input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;width:1em;height:1em;float:left;margin-top:1.4em;}
.fld>input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;width:2em;height:2em;float:left;margin-top:1.4em;}
.fld>textarea{margin:0;padding:1em .5em .5em .5em;width:100%;min-height:4em;border:1px solid rgba(0,0,0,.35);border-radius:4px;z-index:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fld>input:hover,.fld>select:hover,.fld>textarea:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.29);}
.fld>input:focus,.fld>select:focus,.fld>textarea:focus{border:1px solid rgba(0,0,0,.55);}
.fld>input:disabled,.fld>select:disabled,.fld>textarea:disabled{background:rgba(0,0,0,.15);}
.fld>input:disabled + label,.fld>select:disabled + label,.fld>textarea:disabled + label{margin-top:.5em;font-size:70%;transform:translate3d(0,-100%,0);}
.fld>input:invalid,.fld>select:invalid,.fld>textarea:invalid{border:1px solid #ff0000;}

.ini{margin:0;padding:0;width:100%;position:relative;z-index:9;}
.ini_inn{float:left;margin:0;padding:0;width:21em;height:100vh;background:rgba(255,255,255,.3);box-shadow:0 2px 10px rgba(0,0,0,.15);}
.ini_inn>p{margin:2%;color:#FFFFFF;}
.lgo{margin:2vh 0;padding:0;}
.lgo_inn{margin:0;padding:0;width:100%;height:21em;line-height:21em;text-align:center;}
.lgo_inn img{margin:0 3%;max-width:80%;}
.ini_inn .fld{margin:1% 5%;padding:0;width:90%;}
.ini_inn .fld>label{color:#333333;}
.ini_inn button{display:inline-block;margin:1% 5%;padding:.2em;width:90%;height:4em;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);border-radius:4px;font-weight:bold;color:#FFFFFF;text-align:center;text-transform:uppercase;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ini_inn button:hover{background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,1);}