@media screen and (max-width:769px){.desktop{display:none!important}}@media screen and (min-width:770px){.mobile{display:none!important}}#login{max-width:1920px}#login .page-content{height:550px;position:relative;display:flex;max-width:1280px;width:100%;margin:0 auto 30px}@media screen and (max-width:769px){#login .page-content{flex-wrap:wrap;height:850px}}#login .page-content .left-side-container{position:relative;width:50%;border:2px solid #cfcfcf;border-right:0}@media screen and (max-width:769px){#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:450px;width:100%;box-sizing:border-box;padding:0 20px}@media screen and (max-width:769px){#login .page-content .left-side-container .form-container{padding:0 20px 20px}}#login .page-content .left-side-container .form-container h1{line-height:32px;margin:20px 0}@media screen and (max-width:769px){#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:769px){#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:769px){#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:769px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.areacode select{font-size:17px;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}@media screen and (max-width:769px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input{opacity:1;-webkit-appearance:none}}#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}@media screen and (max-width:769px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input::-moz-placeholder{font-size:16px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input:-ms-input-placeholder{font-size:16px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input::-ms-input-placeholder{font-size:16px}#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input::placeholder{font-size:16px}}#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}@media screen and (max-width:769px){#login .page-content .left-side-container .form-container .mobile-phone-container .answer-container.phone input{font-size:16px}}#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}@media screen and (max-width:769px){#login .page-content .left-side-container .form-container .membership-number-container input::-moz-placeholder{font-size:16px}#login .page-content .left-side-container .form-container .membership-number-container input:-ms-input-placeholder{font-size:16px}#login .page-content .left-side-container .form-container .membership-number-container input::-ms-input-placeholder{font-size:16px}#login .page-content .left-side-container .form-container .membership-number-container input::placeholder{font-size:16px}}#login .page-content .left-side-container .form-container .membership-number-container input:disabled{color:#767676;border:1px solid #c4c4c4!important;background-color:#c9c9c9}@media screen and (max-width:769px){#login .page-content .left-side-container .form-container .membership-number-container input{font-size:16px}}#login .page-content .left-side-container .form-container .remember-me-container{margin:20px 0;color:#000}@media screen and (max-width:769px){#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}@media screen and (max-width:769px){#login .page-content .left-side-container .form-container .password-container input{font-size:16px}}#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-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:769px){#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.jpg);background-position:50%;background-size:cover}@media screen and (max-width:769px){.right-side-container{background-image:url(../assets/images/login/banner-login-m.jpg);width:100%}}.right-side-container .join-now-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;display:block;margin:30px auto;max-width:450px;width:100%}@media screen and (max-width:769px){.right-side-container .join-now-container{margin-top:20px;padding:0 20px;box-sizing:border-box}}.right-side-container .join-now-container p{font-size:24px;font-weight:700;line-height:33px;color:#fff;margin-bottom:0}@media screen and (max-width:769px){.right-side-container .join-now-container p{font-size:30px;line-height:30px;margin-bottom:10px}}.right-side-container .join-now-container .button-container{margin-top:20px}@media screen and (max-width:769px){.right-side-container .join-now-container .button-container button{font-size:16px;line-height:20px}}