.login{background:url("https://lib.zangia.mn/img/oldy/hrbg.png");position:fixed;top:0;left:0;bottom:0;right:0;background-size:cover;}
.login>div{background:#FFF;-webkit-border-radius:50px 16px 16px 50px;border-radius:50px 16px 16px 50px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 1fr;width:800px;-webkit-box-shadow:10px 10px 20px rgba(0,0,0,0.6);box-shadow:10px 10px 20px rgba(0,0,0,0.6);}
.login>div>div{padding:80px;position:relative;}
.login>div .backhead{position:absolute;top:0;left:50%;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;margin:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#FFF;background:var(--co);padding:0 16px;line-height:40px;height:40px;white-space:nowrap;}
.login>div .backhead>i{margin-right:10px;font-size:24px;}
.login .field{margin-bottom:20px;position:relative;}
.login .field>label{display:block;margin-bottom:5px;color:#777;}
.login .field>label:after{content:':';}
.login .field>div{position:relative;display:block;}
.login .field>div>i{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;}
.login .field>div>input{font-size:1em;-webkit-border-radius:8px;border-radius:8px;border-color:#AAA;}
.login .field>div>input:focus{border-color:var(--co);}
.login .field>a{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.login .lcol{background:var(--co);-webkit-border-radius:16px;border-radius:16px;color:#FFF;text-align:center;}
.login .lcol img{max-width:100%;margin:80px auto;display:block;margin-top:30px;}
.login .lcol b{font-size:20px;display:block;margin-bottom:30px;font-weight:normal;line-height:1.6;}
.login .lcol>span{display:block;margin-bottom:30px;}
.login .lcol>a{background:#FFF;-webkit-border-radius:8px;border-radius:8px;cursor:pointer;width:100%;text-align:center;line-height:40px;height:40px;display:block;font-weight:bold;}
.login .rcol{padding-top:120px;}
.login .rcol button{display:block;background:#FFF;color:var(--co);border:1px solid var(--co) !important;width:100%;-webkit-border-radius:8px;border-radius:8px;}
.login .rcol button:hover{background:#f1f5f9;}
.login .or{position:relative;margin:50px 0;text-align:center;}
.login .or:after{content:'';display:block;left:0;right:0;top:50%;background:#AAA;height:1px;position:absolute;}
.login .or>span{display:inline-block;background:#FFF;padding:0 5px;z-index:999;position:relative;}
.login .social-btn{-webkit-border-radius:8px;border-radius:8px;border:1px solid var(--co);display:block;text-align:center;line-height:36px;height:40px;margin-bottom:16px;}
.login .social-btn>img{height:20px;vertical-align:middle;margin-right:20px;display:inline-block;margin:0;margin-top:-4px;}
.login .social-btn:hover{background:#f1f5f9;}