.signup-page-wrapper{width:100%;padding:20px 15px 40px 15px;box-sizing:border-box}
.signup-container{width:100%;max-width:560px;margin:0 auto;box-sizing:border-box}
.signup-container .widget{width:100%;margin:0 auto;box-sizing:border-box}
.signup-container i{color:#5cb85c}
.signup-member-link{float:right;padding-top:15px;margin-left:15px;line-height:22px;word-break:break-word}
.signup-container .widget h1{margin-top:0;margin-bottom:25px;word-break:break-word}
.signup-title-icon{color:#5cb85c !important;margin-right:8px}
.signup-container form{width:100%}
.signup-container .form-group{width:100%;margin-bottom:18px;box-sizing:border-box}
.signup-container .form-group label{display:block;margin-bottom:7px;word-break:break-word}
.signup-container .form-control{width:100%;max-width:100%;box-sizing:border-box;height:44px}
.signup-captcha-row{display:flex;align-items:center;width:100%;margin:0}
.signup-captcha-input{width:35%;padding-right:8px;box-sizing:border-box}
.signup-captcha-image{width:65%;display:flex;align-items:center;gap:7px;padding-left:8px;box-sizing:border-box}
.signup-captcha-image img{max-width:100%;height:auto}
.signup-captcha-image a img{max-width:20px;height:auto}
.signup-container .checkbox{margin-top:12px;margin-bottom:15px}
.signup-container .checkbox label{line-height:22px;word-break:break-word}
.signup-container #Signup{width:100%;max-width:100%;box-sizing:border-box}
.signup-container .alert{width:100%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}
@media (min-width:768px){
.signup-page-wrapper{padding-top:40px;padding-bottom:60px}
.signup-container{max-width:680px}
.signup-container .widget{width:100%;max-width:680px;padding:30px 34px;box-sizing:border-box;border-radius:4px}
.signup-member-link{padding-top:16px;font-size:15px}
.signup-container .widget h1{font-size:32px;line-height:1.35;margin-bottom:30px}
.signup-container .form-group{margin-bottom:23px}
.signup-container .form-group label{font-size:15px;margin-bottom:9px}
.signup-container .form-control{width:100%;height:48px;font-size:16px;padding-left:14px;padding-right:14px}
.signup-captcha-row{width:100%}
.signup-captcha-input{width:40%;padding-right:10px}
.signup-captcha-image{width:60%;padding-left:10px;gap:9px}
.signup-captcha-image img{max-width:100%;height:auto}
.signup-captcha-image a img{max-width:20px}
.signup-container .checkbox{margin-top:14px;margin-bottom:17px}
.signup-container .checkbox label{font-size:15px;line-height:24px}
.signup-container .alert{font-size:15px;line-height:1.6;padding:14px 18px;margin-bottom:25px}
.signup-container #Signup{width:100%;height:50px;font-size:17px;margin-top:5px}
}
@media (min-width:1200px){
.signup-page-wrapper{padding-top:50px;padding-bottom:70px}
.signup-container{max-width:700px}
.signup-container .widget{max-width:700px;padding:34px 40px}
.signup-container .widget h1{font-size:34px;margin-bottom:32px}
.signup-member-link{font-size:15px}
.signup-container .form-group{margin-bottom:25px}
.signup-container .form-control{height:50px;font-size:16px}
.signup-container #Signup{height:52px;font-size:17px}
}
@media (max-width:767px){
.signup-page-wrapper{width:100%;padding:15px 10px 30px 10px;margin:0}
.signup-container{width:100%;max-width:100%;margin:0 auto}
.signup-container .widget{width:100%;margin:0;padding-left:15px;padding-right:15px;box-sizing:border-box}
.signup-member-link{float:none;width:100%;padding-top:0;padding-bottom:12px;margin:0;text-align:right;font-size:14px;line-height:20px}
.signup-container .widget h1{font-size:25px;line-height:1.3;margin-bottom:20px;clear:both}
.signup-container .form-group{margin-bottom:17px}
.signup-container .form-control{width:100%;height:46px;font-size:16px}
.signup-captcha-row{display:flex;align-items:center}
.signup-captcha-input{width:40%;padding-right:5px}
.signup-captcha-image{width:60%;padding-left:5px;gap:5px}
.signup-captcha-image img{max-width:calc(100% - 20px);height:auto}
.signup-container .checkbox{margin-bottom:15px}
.signup-container #Signup{width:100%;height:46px;font-size:16px}
}
@media (max-width:400px){
.signup-page-wrapper{padding-left:7px;padding-right:7px}
.signup-container .widget{padding-left:12px;padding-right:12px}
.signup-container .widget h1{font-size:22px}
.signup-member-link{font-size:13px}
.signup-container .form-control{font-size:15px}
.signup-captcha-input{width:42%}
.signup-captcha-image{width:58%}
}
@media (max-width:340px){
.signup-container .widget{padding-left:10px;padding-right:10px}
.signup-container .widget h1{font-size:20px}
.signup-captcha-image img{max-width:85px}
}
.password-input-wrapper{position:relative;width:100%}
.password-input-wrapper .form-control{padding-right:45px}
.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:5px;color:#5cb85c;font-size:17px;z-index:2}
.password-toggle:focus{outline:none}