#aia-portal-ref-loading .loader{position:absolute;left:50%;top:50%;box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:-50px 0 0 -50px}
.body-container{background:url("../../../../../content/dam/hk/aia-connect/sites/login/login-bg.png?t=1603074703");background-position:center center;background-size:cover}
@media(min-width:768px){.body-container{min-height:600px}
}
.desktop-container{display:none}
.mobile-container{display:block}
.mobile-container-1{padding-top:200px}
.mobile-container-2{display:none}
@media(min-width:768px){.mobile-container{display:none}
.desktop-container{display:block}
.desktop-container>.col:first-of-type{padding-right:60px;padding-bottom:10px}
.desktop-container>.col:last-of-type{padding-left:60px;padding-bottom:10px;border-left:1px solid #fff}
}
@media(min-width:1200px){.mobile-container{display:none}
.desktop-container{display:block}
.desktop-container>.col:first-of-type{padding-right:100px;padding-bottom:20px}
.desktop-container>.col:last-of-type{padding-left:100px;padding-bottom:20px;border-left:1px solid #fff}
}
input[name=login],input[name=login]:focus{margin-top:10px;margin-bottom:0;background:transparent;border:1px solid #fff;color:#fff}
input[name=pin],input[name=pin]:focus{margin-top:20px;margin-bottom:0;background:transparent;border:1px solid #fff;color:#fff}
input[name=login]::placeholder,input[name=pin]::placeholder{color:#b3b1a8}
a.login-link{color:#fff}
.inline-icon{width:16px;margin-right:10px}
.btn-getstart button{background-color:transparent;border:1px solid #fff;color:#fff}
.btn-getstart button:focus{background-color:transparent;border:1px solid #fff;color:#fff}
.login-error-msg{display:none}
.ssoPopupLink{display:none}
.login-mode{display:none}
.maintenance-mode{display:none}
.stoppage-mode{display:none}
.maintenance-box{background-color:#fff;margin-left:0;margin-right:0}
.maintenance-box>div{padding:20px}
.maintenance-box p{margin-bottom:0}
.footer{padding-top:0}
.website-url{cursor:pointer;color:#554344}
.website-url img{height:45px;width:45px}
.info-container{display:flex;justify-content:space-around;text-align:center;margin-top:20px}
.tip-container{margin-top:10px;color:#fff}
input[name="pin"]{margin-top:10px !important}
.tooltip{position:relative;display:inline-block;border-bottom:1px dotted black}
.tooltip .reg-pwd-tooltip{display:none}
.tooltip .reg-landid-tooltip{display:none}
.tooltip .tooltiptext{width:280px;background-color:black;color:#fff;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:150%;left:50%;margin-left:-140px;text-align:left;text-indent:15px}
.tooltip .tooltiptext::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent}
.tooltip:hover .tooltiptext{visibility:visible}
.reg-page .aiaconnect-dynamic-modal-entrance{display:none}
.reg-page .aiaconnect-dynamic-modal .container{display:none}
.loginid-field-div{display:none}
.reg-tip-top{text-align:center;margin-top:-12px}
.reg-p-title{height:32px;line-height:32px}
.reg-img-size{width:20px;height:20px}
.reg-indent-38{text-indent:38px}
.reg-indent-31{text-indent:31px}
.gray-word-tooltip{color:gray}
.reg-img-float{margin-left:12px;margin-top:-42px;float:left}
.reg-img-float-1{margin-left:12px;margin-top:-22px;float:left}
.reg-span-float{float:left;font-weight:bolder;color:gray;margin-top:-42px;margin-left:-20px}
.reg-img-tooltip-4{margin-top:-62px}
.reg-span-float-1{float:left;font-weight:bolder;color:gray;margin-top:-22px;margin-left:-20px}
.cn-span-float{float:left;font-weight:bolder;color:gray;margin-top:-42px;margin-left:-12px}
.cn-span-float-1{float:left;font-weight:bolder;color:gray;margin-top:-22px;margin-left:-12px}