.reg-content{ width: 1200px; margin: 40px auto; background: #FFF; box-shadow: 0 5px 12px rgba(0,0,0,.1); position: relative; height: 727px; margin-top: 126px; } .reg-content h2{ line-height: 60px; border-bottom: 1px solid rgba(221,221,221,1); font-size: 20px; font-weight: normal; padding-left: 10px; } .reg-content .form{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 540px; } .reg-content .form h3{ font-size: 18px; font-weight: normal; border-bottom: 2px solid #93c47d; padding-bottom: 10px; } .reg-content .form .inputBox{ width: 100%; height: 38px; margin-top: 20px; border: 1px solid #CCD1D9; border-radius: 4px; overflow: hidden; position: relative; } .reg-content .form .inputBox input{ width: 100%; height: 100%; line-height: 38px; padding-left: 10px; border: none; outline: none; font-size: 12px; } .reg-content .form .inputBox a{ position: absolute; right: 10px; top: 0; height: 38px; line-height: 38px; color: #44a2df; font-size: 14px; } .reg-content .form .inputBox a.disabled{ color: #666; } .reg-content .form button,.reg-content .form>a{ display: block; width: 100%; height: 38px; line-height: 38px; text-align: center; border: 1px solid #6aa84f; color: #6aa84f; margin-top: 20px; outline: none; font-size: 16px; background: none; border-radius: 4px; cursor: pointer; transition-duration: .3s; } .reg-content .form button:hover,.reg-content .form>a:hover{ background: #6aa84f; color: #FFF; } .reg-content .form .reg-box{ width: 100%; display: flex; justify-content: space-between; margin-top: 10px; } .reg-content .form .reg-box a{ color: #6aa84f; font-size: 16px; font-family: Tahoma; font-weight: bold; font-style: normal; text-decoration: none; line-height: 1.4; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .reg-content .form .reg-box a:hover{ color: #44a2df; font-weight: 400; font-style: normal; text-decoration: none; } .reg-content .form .input-group{ width: 100%; height: 38px; margin-top: 20px; border: 1px solid #CCD1D9; border-radius: 4px; overflow: hidden; position: relative; } .reg-content .form .form-group .tis,.reg-content .form .form-group .input-group-addon{ display: none; } .reg-content .form .form-group input{ width: 100%; height: 100%; line-height: 38px; padding-left: 10px; border: none; outline: none; font-size: 12px; } .reg-content .form .input-group #users__mobile_1_button{ position: absolute; right: 10px; top: 0; height: 38px; line-height: 38px; color: #44a2df; font-size: 14px; background: none; border: none; width: fit-content; width: -moz-fit-content; }