@charset "UTF-8";html{height:100%}body{background:url("/Images/login_bg_blue.svg") no-repeat left center/cover;background-attachment:fixed}#center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height: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,#txtPID,#txtFPASS_NO{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)}.nav-tabs{margin-top:0}.nav-tabs>li{margin-top:0;margin-bottom:0;display:flex;border-right:1px solid transparent;border-left:1px solid transparent;border-top:1px solid transparent}.nav-tabs>li>a{color:#5d8ee5;font-weight:bold;padding:11px 10px 5px;transition:color .3s ease-in-out}.nav-tabs>li.active{background:#fff;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-radius:5px 5px 0 0;position:relative}.nav-tabs>li.active::after{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);border-top:6px solid #5d8ee5;border-radius:5px 5px 0 0}.nav-tabs>li>a,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus,.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:inherit;border:0}.tab-content{padding:4rem 2rem 2rem;box-shadow:none;background:#fff;border:1px solid #d4d4d4}