/* Header */ .container{ width: 100%; height: 100%; } .large-header { position: relative; width: 100%; height: 100vh; background: #333; overflow: hidden; background-size: cover; background-position: 100% 100%; z-index: 1; min-height: 100%; } .demo-1 .large-header { /* background-image: url('../img/goelia-bg.png'); */ /* background-image: url('https://img2.goelia.com.au/prod/marketing/static/images/goelia-bg.png'); background-size:cover; background-position: 100% 100%; */ } .logo_box{ color: #EEE; position: absolute; left: 50%; top:50%; margin-left: -227px; margin-top: -300px; width: 454px; height: 537px; } .logo_box .flex_center{ display: flex; align-items: center; justify-content: center; } .logo_box .flex_center .logo_img{ width: 164px; height: 72px; background-image: url('../img/GOELIA-07.png'); background-size: 164px 72px; } .logo_box h3{ text-align: center; font: 20px "microsoft yahei",Helvetica,Tahoma,Arial,"Microsoft jhengHei",sans-serif; color: #FFFFFF; font-size: 36px; line-height: 50px; } .logo_box .small_title{ font-size: 24px; line-height: 24px; } .forms{ width: 280px; height: 485px; } .logon_inof{ width: 100%; min-height: 450px; padding-top: 35px; position: relative; } .input_outer{ height: 46px; margin-bottom: 30px; position: relative; border-bottom: 1px solid #AAAAAA; height: 36px; } .input_outer .el-form-item__content{ line-height: 34px; display: flex; align-items: center; } .u_user{ width: 24px; height: 24px; background: url(../img/user.png); background-size: 24px 24px; display: inline-block; } .us_uer{ width: 24px; height: 24px; background: url(../img/us_uer.png); background-size: 24px 24px; display: inline-block; } .show-pwd{ width: 24px; height: 24px; background-size: 24px 24px; display: inline-block; margin-right: 5px; } .eye{ background: url(../img/eye.png); } .eye-open{ background: url(../img/eye-open.png); } .l-login{ position: absolute; z-index: 1; left: 50px; top: 0; height: 46px; font: 14px "microsoft yahei",Helvetica,Tahoma,Arial,"Microsoft jhengHei"; line-height: 46px; } .text{ flex:1; width: 220px; outline: none; display: inline-block; font: 14px "microsoft yahei",Helvetica,Tahoma,Arial,"Microsoft jhengHei"; border: none; background: none; /* color: #FFFFFF; */ color: #3d3d3d; height: 34px;; margin-left: 8px; line-height: 34px; font-size: 16px; } /*///*/ .mb2{ margin-bottom: 20px } .mb2 a{ text-decoration: none; outline: none; } .submit { padding: 15px; margin-top: 20px; display: block; } .act-but{ line-height: 20px; text-align: center; font-size: 20px; border-radius: 50px; background: #0096e6; }