@media screen and (max-width:900px){.desktop{display:none!important}}@media screen and (min-width:901px){.mobile{display:none!important}}@media screen and (max-width:900px){#footer .page-container{padding-top:0!important}}@media screen and (max-width:900px){#footer .page-container .left-container ul{margin-top:0!important}}#login{max-width:1920px}#login .page-content{height:600px;position:relative;display:flex;max-width:1280px;width:100%;margin:20px auto 30px}@media screen and (max-width:900px){#login .page-content{flex-wrap:wrap;height:100%;margin:0}}#login .page-content .left-side-container{position:relative;width:50%;border:2px solid #cfcfcf;border-left:0}@media screen and (max-width:900px){#login .page-content .left-side-container{border:0;width:100%;padding:20px}}#login .page-content .left-side-container .form-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;max-width:460px;width:100%;box-sizing:border-box;padding:0 20px}@media screen and (max-width:900px){#login .page-content .left-side-container .form-container{padding:0 20px 20px;position:relative;transform:none;text-align:center;left:0;top:0;margin:auto}}#login .page-content .left-side-container .form-container h1{line-height:32px;margin:20px 0}@media screen and (max-width:900px){#login .page-content .left-side-container .form-container h1{margin:20px 0 10px}}#login .page-content .left-side-container .form-container h3{margin-bottom:20px}#login .page-content .left-side-container .form-container .page-title{color:#000;font-size:42px}@media screen and (max-width:900px){#login .page-content .left-side-container .form-container .page-title{font-size:30px;line-height:30px;padding:0}}#login .page-content .left-side-container .form-container .page-subtitle{color:#000;font-size:16px;line-height:16px}@media screen and (max-width:900px){#login .page-content .left-side-container .form-container .page-subtitle{padding:0}}#login .page-content .left-side-container .form-container .mobile-phone-container{display:flex;margin-bottom:10px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container{position:relative}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.errmsg{flex:5}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode{flex:1;padding-right:5px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode select{font-size:16px;padding:13px 30px;border:1px solid #cfcfcf!important;border-right:0}@media (max-width:860px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode select{padding:13px 25px 13px 20px}}@media screen and (max-width:900px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode select{font-size:14px;padding:13px 20px}}@media (max-width:400px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode select{padding:13px 16px}}@media (max-width:350px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode select{padding:13px 12px}}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode select:disabled{color:#767676;border:1px solid #c4c4c4!important;background-color:#c9c9c9}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode ::-ms-expand{display:none}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone{flex:3}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input{border:1px solid #cfcfcf!important;border-right:0}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input::-moz-placeholder{font-size:14px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input:-ms-input-placeholder{font-size:14px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input::-ms-input-placeholder{font-size:14px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input::placeholder{font-size:14px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input:disabled{color:#767676;border:1px solid #c4c4c4!important;background-color:#c9c9c9}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container svg{position:absolute;right:15px;top:50%;transform:translateY(-65%);pointer-events:none}#login .page-content .left-side-container .form-container .or-container{text-align:center;margin-bottom:10px;color:#000;font-weight:900}#login .page-content .left-side-container .form-container .membership-number-container input{border:1px solid #cfcfcf!important;border-right:0}#login .page-content .left-side-container .form-container .membership-number-container input::-moz-placeholder{font-size:14px}#login .page-content .left-side-container .form-container .membership-number-container input:-ms-input-placeholder{font-size:14px}#login .page-content .left-side-container .form-container .membership-number-container input::-ms-input-placeholder{font-size:14px}#login .page-content .left-side-container .form-container .membership-number-container input::placeholder{font-size:14px}#login .page-content .left-side-container .form-container .membership-number-container input:disabled{color:#767676;border:1px solid #c4c4c4!important;background-color:#c9c9c9}#login .page-content .left-side-container .form-container .remember-me-container{margin:20px 0;color:#000}@media screen and (max-width:900px){#login .page-content .left-side-container .form-container .remember-me-container{margin:20px 0 30px}}#login .page-content .left-side-container .form-container .remember-me-container .answer-container span{font-size:14px}#login .page-content .left-side-container .form-container .password-container input{border:1px solid #cfcfcf!important}#login .page-content .left-side-container .form-container .forgot-password-container{text-align:center;margin:10px 0 20px;display:flex;justify-content:space-between;align-items:center}#login .page-content .left-side-container .form-container .forgot-password-container a{font-style:italic;color:#000;text-decoration:underline;font-size:14px}#login .page-content .left-side-container .form-container .forgot-password-container .answer-container span{font-size:14px}#login .page-content .left-side-container .form-container .forgot-password-container .answer-container input{margin-left:0;margin-right:5px}#login .page-content .left-side-container .form-container .button-container{display:flex}#login .page-content .left-side-container .form-container .button-container button{margin:0 auto}@media screen and (max-width:900px){#login .page-content .left-side-container .form-container .button-container button{font-size:16px;line-height:20px}}.error-container{margin-bottom:20px}.error-container .answer-container{border:2px solid #0077c8;padding:10px 5px;text-align:center}.error-container .answer-container span.wrong{font-style:italic;font-size:14px;color:#000}.right-side-container{position:relative;width:50%;background-image:url(../assets/images/login/banner-login-3.png);background-position:top;background-size:cover}@media screen and (max-width:900px){.right-side-container{background-position:50%;width:100%;height:400px}}.right-side-container .join-now-container{position:absolute;left:50%;top:25%;transform:translateX(-50%);color:#fff;text-align:center;display:block;margin:30px auto;max-width:90%;width:100%}@media screen and (max-width:900px){.right-side-container .join-now-container{margin:0;padding:0;top:42%!important;transform:translate(-50%,-50%);box-sizing:border-box;position:relative;text-align:center}}.right-side-container .join-now-container .title{font-size:35px;line-height:40px}.right-side-container .join-now-container p{font-size:20px;font-weight:700;line-height:33px;color:#000;margin-bottom:0}@media screen and (max-width:900px){.right-side-container .join-now-container p{font-size:20px;line-height:25px;margin-bottom:10px}}.right-side-container .join-now-container .button-container{margin-top:70px}@media screen and (max-width:900px){.right-side-container .join-now-container .button-container{margin-top:80px}}@media screen and (max-width:900px){.right-side-container .join-now-container .button-container button{font-size:16px;line-height:20px}}@media (max-width:1145px){.right-side-container .join-now-container{top:15%}}.popup-container{text-align:center}.popup-container p{font-size:14px;line-height:18px;margin-bottom:20px}.popup-container p.blue{color:#0077c8;font-weight:700}.popup-container hr{width:40%}@media screen and (max-width:900px){.popup-container hr{width:80%}}