*{
    margin: 0;
    padding: 0;
}
body{
    width: 100vw;
    height: 100vh;
    padding-top: 10vh;
    background-color: #070813;
    background-image: url(../../common/images/login-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 14px;
}
.main{
    width: 482px;
    margin: auto;
}
.logo{
    display: block;
    margin: auto;
}
.container-login{
    margin-top: 5vh;
    height: 391px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 10px;
    background-color: rgba(166,166,166,0.08);
}
.item{
    position: relative;
    width: 300px;
    height: 48px;
    margin: auto;
    margin-top: 61px;
    line-height: 48px;
    color: #797a7e;
}
.item:first-child{
    margin-top: 61px;
}
.item:nth-child(2){
    margin-top: 43px;
}
.item span{
    position: absolute;
    left: 16px;
    font-size: 16px;
}
.item input{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    border: none;
    padding-left: 70px;
    font-size: 16px;
    border-radius: 4px;
}
.item input:focus{
    background-color: rgba(255,255,255,1);
    color: black;
    outline:none;
}
.login{
    display: block;
    margin: auto;
    margin-top: 76px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAwCAYAAACrHkchAAAEvUlEQVR4nO3dMWwaVxgH8P87kBkCUSQsxWFyiytPNR0YLHtpmsqekiHJ6DInXSNXlTJYWaIqlteQrkTNFHtoJ1AkeynqQAbsJail7YSIhKUoXIcj5l6H6wEPGzgCNX7c/zdZhrt7kuW/v/fdd1jcSDcA4DMAPwD4GsBlEBFdDO8BvALwPYDfgwAWAfwG4MokV0VEdIbLAG4D+ArAsgHgMRhWRHSxXQHw2ICzDSQiuujWDLBnRUR6CBuTXgERkVcMLCLSBgOLiLTBwCIibTCwiEgbDCwi0gYDi4i0wcAiIm0wsIhIG8FJL4DO386twT/2YkWiWLGRSgaU7z/NN7EQFVhbdP7W/VGTSOebY7mmF9W6xPOCjWpdjuV8pBcGlg8lYqLv6+WaxN5RE6YF5P+2cX+lHVo7N4MIh5yvTQvYyp6M5ZpeJSCwOm9g48UHmNZYTkkaYWD50IOf2yGzMCuUQCrXJB78ctIKg91DG59GBdb/q6jcsAKgvG+QTMEeac2r8wLxWdFaw/qigd3D0c5J+mFg+Ug4BGx+GUA45Pzim5bE6iftNma1Ls8Moe19Z8vnhpb73oWoU+0AQLFio1jpvU3LFAZvG/spVoSyrbw0M56KjfTCwPIR0wIyr238eNf9sQvlta1ss2fF1B1acxGBzetOZfbrXzYyhf49pVQygFSS93hoNAwsnynXJDIF+1R4mA2Jb1cCPY7qeJ+lbgsBIJ3n1ozOBwPLZ+KzArc/V8Nq99DGnSUDc5HBx2cKNq5G1O3ho/XAwH5WrmSjWPn4YOvutZE/MbB8JBwCvogJ7B21g6N8LFGuSfzT8HYOt1eVK6nhczUiYFq9t4XVukS1/lHLJmoRN9INDrT4TPds1ahypf5zUTu3gmMba+hUrEjljidNP1ZYPjTu5nexYrN6onPBwPK5al3i7ZBhE55BaybKi6f5JsIz/d+ztmgofbFsyT617exmetzG0vRgYPlcriSHnpFKxMRQj9q8rUt8dzOohNz2fhPZjkBKxHofbzacu5t3lgyszLdDLVeyUa6xo+EnDCyfSyWNkbeIgyo003Km4nc6Qsud4cr2qKJW59WKK51vnprI73UsTS9O8tFItvebnh5EdkOrsyLavB5QQqnT3pFaPXWPNDw5GG1ynvTECsuHxnVnrXwsh3oA2bScoOnsZ/Wrzp4cNJWHrV2ZAreCfsXA8iH3mb/uCmfjpxPP4wmmBWy8+DDUdeOzQgmgal3i3sve4VmuSTx/rW4FMwV75OcSSV8MLB8Jh4B4tN34/vNYDadvkkbPO3PhkFBmqcrHUjmX2xjvd+1H6wGlWtrKOsGTiAnEo2cft3toY+maaD2knUoaAx+0punFwVEfGfbu3jAGDXF2D4+6dwnP6mOZFnDvZbvaC4eAZ3eDmIuo1R0/D8t/2HSn/939lYASVtmSjWzJxlxEnAqral1i+0Bt5JtW+9MiALdaO93bounHCouItMEKi4i0wcAiIm0wsIhIGwwsItIGA4uItMHAIiJtMLCISBsMLCLSBgOLiLTBwCIibRgA3k96EUREHpgGgFeTXgURkQc5A8BDAO8mvRIioj7eAXhoAHgDYBnAHgD+dzkiukjqcLJpGcCbfwFsXa6l0Z4/CgAAAABJRU5ErkJggg==);
    width: 300px;
    height: 48px;
    background-color: rgba(0,0,0,0);
    border: none;
}
.login:hover{
    background-image: url(data:image/png;base64,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);
}

#errorMsg{
    position: absolute;
    height: 48px;
    margin-left: 90px;
    /* margin-top: 61px; */
    line-height: 48px;
    color: red;
}