
.login{display: flex; flex-direction: row; justify-content: space-between;}
.login-bg{display:flex;flex-grow: 1; background-image:url(../imgs/login/img_log_bg.png); background-size:cover; height: 100vh; }
.login-content{display:flex; width: 650px; height: 100vh; }
.login-content .card{padding: 86px 66px; margin:0px; width:100%;}
.login-content h1{margin-bottom: 54px; }
.login-content .form-control{font-size: 16px; border-top-right-radius:1px ; border-bottom-right-radius:1px ; border-left: none;}
.login-content .row{margin:0px auto;}
.login-content .input-group-prepend{border-top-left-radius:1px ; border-bottom-left-radius:1px ; display:flex; flex-direction: row; align-items: center; align-content: center; border:1px solid #dee2e6; border-right: none; }
.login-content .input-group-prepend span{display: inline-block; width: 2px; height: 20px; background: #dee2e6;}
.login-content .input-group-prepend img{margin:0px 20px;}

.login-content .nav a{font-size: 20px; color: rgb(102, 102, 102); padding-bottom: 10px; display: inline-block;}
.login-content .nav a.active span{color:rgb(51,51,51) !important;}
.login-content .nav a.active{border-bottom: 3px solid #145CFA;}
.login-content .nav {gap: 60px;}
.login-content .custom-control-label{font-size: 16px;}
.vc{display: inline-block; border: 1px solid #dee2e6; width: 120px; margin-left: 20px;}

.login-bg{display: flex; flex-direction: column; justify-content: space-between; padding: 35px;}
.login-paragraph h1{ margin: 50px auto; color: black; font-size: 48px; font-weight: 700; font-family: "source han sans cn"; }

.login-logo span{color: black; font-weight: 500; font-size: 16px;}

.chk-argeement{margin-right:5px;}
.agreement{display:none; position:absolute; z-index:999999; left:0px; top:0px; right:0px; bottom:0px; width:90%; box-shadow:0px 0px 100px #9f9f9f; height:calc(100vh - 150px); padding:20px; margin:auto; border-radius:10px; background:#fff; }
.agreement-header{font-size:25px; font-weight:700; color:#333; text-align:center; padding:30px 20px;}
.argeement-section{font-size:20px; font-weight:500; color:#333;margin:0px 10px;}
.agreement pre{font-size:16px; color:rgb(102, 102, 102); padding:0px 50px; overflow:hidden; white-space:pre-wrap;  height:calc(100vh - 320px); overflow:auto;}
.agreement pre span{font-size:20px; color:#333; margin:20px 0px;}