.site-outer{background: #F9F9F9;}
section.p-wrapper{background-image:url(../images/membership/login-page-bg.jpg);background-position:center;background-color:#f7f7f7;background-repeat:no-repeat;background-size:cover;}
section.p-wrapper .page_content{padding:65px 0;}
.page_content .block-signin .login-form,.page_content .block-register .register-form{background: #fff;min-height: 528px;height: 100%;padding: 40px 30px;border-radius: 10px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);} 
.login-form{padding-right: 30px;}
.login-form .forgot-pwd{margin:5px 0 25px;}
.login-form .forgot-pwd a{font-size: 14px;color: #808080;text-decoration: underline;}
.login-form .forgot-pwd a:hover {color: #ff6160;text-decoration: underline;}
.page_content .btn{font-size:20px;padding: 12px 66px;}
.blog-btn .form-group{margin-bottom:0}
.form-title{font-size: 30px;color: #000;line-height: 34px;font-weight:bold;}
.register-form .form-title{color:#ff6160;}
.form-sub-title{font-size: 18px;color: #58595b;line-height: 24px;font-weight: 600;color: #000;padding-top: 18px;}
.form-sub-title li{font-size: 16px;font-weight: 400;list-style: inside;padding-top: 15px;}
.form-sub-title li span{display: inline-block;margin-left: -6px;}
.create-account-box{padding-top: 25px;}
.create-account-box .register-apply{margin-top: -5px;}
.create-account-box .register-apply a{text-decoration: underline;}
.create-success{display: none;border: 1px solid #E0E0E0;border-radius: 10px;line-height: 1.5;padding: 30px 30px 45px;margin-top: 20px;}
.create-success .sub-title{font-size: 18px;font-weight: 600;padding-bottom: 5px;}
.create-success span{font-size: 16px;font-weight: 400;}
.form-group{margin-bottom: 20px;}
.form-group label{font-size: 14px;color: #404040;margin-bottom: 15px;}
.form-group input[type="email"], .form-group input[type="password"], .form-group input[type="text"]{color: #333;font-size: 16px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 12px 15px;width: 100%;background-color:#fff!important;box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill,input:autofill,textarea:autofill,select:autofill{background-color:#fff!important;background-image:none;border-color:#afafaf;color:#333}
.page_signin-register .block-register .register-form {padding-left: 30px;color: #000;}
.radio input[type="radio"], .checkbox input[type="checkbox"] {float: left;margin-left: -18px;}
.checkbox {display: inline-flex;cursor: pointer;position: relative;width: 100%;}
.checkbox-grp .checkbox > input{margin-left: 0;}
.checkbox > input {height: 28px;width: 28px;min-width:28px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-radius: 5px;outline: 0;border: #ff6160 solid 1px;cursor: pointer;}
.checkbox > input:checked {background-color: #ff6160;}
.checkbox > input:checked + span::before {content: url(../images/checkmark.svg);display: block;text-align: center;color: #fff;position: absolute;left: 6px;top: 9px;}
.checkbox > span {color: #333;font-size:18px;padding:6px 0 6px 10px;}
form{margin-top: 20px;}
.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:hover,
.form-group input:-webkit-autofill:focus,
.form-group input:-webkit-autofill:active{background-color:transparent!important;transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: 0 0 0px 1000px #fff inset!important;}
.peach{color:#ff6160;}
.register-form .checkbox-grp .sub-condition {font-size: 16px;color: #999;padding-left: 38px;}
.checkbox-grp{margin-bottom:20px;}
/*account login*/
.password-tips{color:#333;padding-left: 5px;}
.password-tips .title{color:#999;margin:10px 0 5px;list-style:none;}
.password-tips li span{vertical-align: middle;}
.password-tips li:before{padding-right: 6px;display: inline-block;vertical-align: middle;}
.password-tips li.rule-pass:before{content: "✔";}
.password-tips li.rule-blocked:before{content: "×";;font-size: 19px;}
#password-strength-meter-container{display:none;}
/*msg*/
.msg{padding:10px 14px}
.msg img{width:20px;vertical-align:top;margin-right:10px;}
.msg ul{display:inline-block;max-width:89%}
.msg .close{display:none;}
.msg .close svg{width:20px;height:21px}
/*confirm message*/
.account-register .container { border: 1px solid #EAEAEA; text-align: center; }
.account-register .title-message { margin-top: 100px; font-size: 48px; font-weight: bold; line-height: 58px; text-align: center; }
.account-register .confirm-message {  font-size: 20px; font-weight: 500; line-height: 24px; text-align: center; width: 492px; margin: 50px auto 0; max-width: 100%; }
.account-register .back-to-sign-up { margin: 100px auto;  font-size: 16px; font-weight: 500; line-height: 19px; text-align: center; cursor: pointer; color: #747474; text-decoration: underline; display: block; }

/* Large desktop */
@media (min-width: 1200px){ 

}
/* Portrait tablet to landscape and desktop */ 
@media (min-width: 768px) and (max-width: 992px){
section.p-wrapper .page_content{margin:80px 55px;background: #fff;height: 535px;padding: 30px 60px 130px;border-radius: 10px;box-shadow: 0px 3px 6px rgb(0 0 0 / 25%);}
section.p-wrapper{background-image:url(../images/membership/login-page-bg-ipad.jpg);background-size: 200%;background-position: 59% center;}
.page_signin-register .form-title{font-size:20px;line-height:26px;display: none;}
.page_signin-register .form-title-box.ipad-show{display: inline-flex;text-align: center;padding-bottom: 8px;}
.page_signin-register .form-title-box .form-title{display: inline-block;flex: 1;color: #999;padding-bottom: 8px;border-bottom: 3px solid #e0e0e0;}
.page_signin-register .form-title-box .form-title.active{color: #000;border-color: #ff6160;}
.form-sub-title{font-size:16px;}
.form-group label{margin-bottom:12px;}
.checkbox > span{font-size:14px;padding:7px 0 7px 10px}
.login-form{padding-right:15px;}
.page_content .block-signin .login-form, .page_content .block-register .register-form{background-color: transparent;min-height: auto;padding: 0;border-radius: initial;box-shadow: none;}
.page_signin-register .block-register{display: none;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px){ 
form{margin-bottom:0}
section.p-wrapper{background-size:auto;}
section.p-wrapper .page_content{margin:30px 20px 50px;padding:30px;}
.form-title{font-size:22px;line-height:26px;}
.form-sub-title{font-size:16px;}
.form-group label{font-size:16px;margin-bottom:12px;}
.login-form .forgot-pwd a{font-size:16px;}
.checkbox > span{font-size:14px;padding:7px 0 7px 10px}
.page_content .btn{font-size:16px;padding:14px 45px;}
.login-form{padding-right:0;}
.page_signin-register .block-register .register-form{padding-left:0;}
.page_signin-register .block-register {border-left: none;margin-top: 30px;border-top: #ccc solid 1px;padding-top: 30px;}
.account-register .title-message{margin-top: 50px;}
.account-register .back-to-sign-up{margin: 50px auto 40px;}
}
/* Landscape phones and down */
@media (max-width: 480px){

}
@media (max-width:329px){
.checkbox > span{font-size:12px}
.register-form .checkbox-grp .sub-condition{font-size:14px}
}