.c-wrapper{display:flex;flex-direction:row}.c-wrapper>*{flex:1;position:relative;height:100vh}.c01{background-color:#1d334c}.c01 .hl-logo{display:inline-block;background-color:#fff;padding:15px 40px}.c01 .en-title{color:#fff;font-size:24px;font-weight:600;line-height:24px;display:inline-block}.c01 .lis-bg{background-image:url(/img/bg-brano.png);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;justify-content:end;align-items:center;height:100vh}.c01 .lis-bg .t-wrapper{display:flex;flex-direction:column;width:373.5px}.c02 .lis-photo{background-image:url(/img/detect01.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh}.c02 .lis-photo .login-box,.c02 .lis-photo .login-box2{padding:66px 30px;min-width:340px;height:390px;width:50%}.c02 .lis-photo .login-box{position:absolute;z-index:1}.c02 .lis-photo .login-box2{background-color:#fff;opacity:95%;box-shadow:0 6px 20px 0 rgb(0 0 0 / 19%)!important}.c02 .lis-photo .login-box .btn{width:100%}.c02 .lis-photo .login-box .box-header{font-size:26px;font-weight:600;text-align:center}.c02 .lis-photo .login-box .box-body{display:flex;flex-direction:column;gap:15px}.c02 .login-box .box-footer{padding-top:1.2rem;color:#b2b5bd}.c02 .lis-photo .login-box .box-header p{padding-bottom:.2rem}.c02 .box-body .input-group-text{background-color:#fff!important;color:#888!important}