@charset "UTF-8";html{height:100%}body{height:auto;background:url("/Images/login_bg_blue.svg") no-repeat left center/cover;background-attachment:fixed}#center{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;width:100%}#center #login{background-color:rgba(255,255,255,.7);max-width:420px;padding:15px 15px 0;border-radius:5px}#center #login #header p{font-size:24px;font-weight:bolder;color:#0b49a7;word-break:keep-all;max-width:500px;margin:10px auto}#center #login form{margin:0 auto}#center #login form .form-group{margin-bottom:10px}#center #login form .form-group.testVer div{text-align:center}#center #login form .form-group.testVer div span{font-size:45px;font-weight:bold;color:#ff1818;line-height:25px}#center .footer{max-width:420px}#center .footer label{margin-bottom:0}@media(min-width:576px){#center #login{padding:15px 20px 0;box-shadow:none}#center #login #header p{font-size:28px}#center #login form .form-group{margin-bottom:15px}#center #login form .form-group.testVer div span{font-size:55px;line-height:45px}#center .footer label{margin-bottom:5px}}@media(min-width:768px){#center{margin-left:75px;width:initial;align-items:initial}}@media(min-width:1600px){#center{margin-left:150px}}#bgItem{position:absolute;top:10%;left:10%;z-index:-1}@media(max-width:767px){#bgItem{display:none}}label.inputIcon{position:absolute;width:30px;line-height:36px;left:12px;text-align:center;vertical-align:middle;font-size:24px}label.watchIcon{top:2px;position:absolute;width:30px;line-height:40px;right:10px;text-align:center;vertical-align:middle;font-size:24px}#txtPASS_NO,#txtPASS_WD,#txtEMAIL,#txtCODE{height:40px;padding-left:40px}.validateCode{line-height:35px}.validateCode img{height:35px}.validateCode span{position:absolute;transform:translate(3px,3px);border:3px solid #5d8ee5;border-radius:4px;padding:5px 5px 2px;color:#5d8ee5;transition:color .2s ease-in-out,background-color .2s ease-in-out}.validateCode span i{font-size:17px}.validateCode span:hover{color:#fff;background-color:#5d8ee5}a.btn-login{font-size:20px;width:100%}.error-msg{color:#d14}.loadingClass{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.2);z-index:999}.loadingClass div{position:absolute;top:50%;left:50%;height:90px;width:66px;margin-top:-45px;margin-left:-33px}.loadingClass span{padding-top:12px;position:absolute;font-size:32px;margin-left:-36px}.loginOption{display:flex;justify-content:center;align-content:center;margin-top:30px}.loginOption .card{background-color:#fff;border-radius:10px;margin:0 10px;padding:30px;text-align:center;cursor:pointer;text-decoration:none;transition:background-color .2s ease-in-out}.loginOption .card:hover{background-color:#fde0b1}.loginOption .card img{max-width:60%}.loginOption .card .card-body{display:flex;flex-direction:column;margin-top:15px}.loginOption .card .card-body span{color:#000;font-weight:bolder;font-size:calc(18px + 3*(100vw - 300px)/1100)}#title{padding:20px 20px 7px 20px;color:#fff;text-align:center}#title h1{font-size:60px}