#kebai-login{width:100%;height:100%;min-width:1100px;background:#283343;position:relative}#kebai-login canvas{display:block}#kebai-login #particles-js{width:100%;height:95%}body,html{overflow:hidden;overflow-x:auto}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.box-rotate{width:100px;height:100px;-webkit-animation:rotate 50s linear infinite;animation:rotate 50s linear infinite}.page-main-container{position:absolute;top:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:100%;background:url(../img/cross-line.png)}.page-main-container .hide{visibility:hidden}.page-main-container .page-left-container{position:relative;width:60%;height:100%}.page-main-container .page-left-container .center-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:580px;height:580px}.page-main-container .page-left-container .center-image .box-rotate{width:100%;height:100%}.page-main-container .page-login-card{position:relative;width:40%;height:100%;font-size:15px}.page-main-container .page-login-card .page-login-box{position:absolute;top:calc(50% + 25px);left:15%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:250px;display:inline-block;text-align:center}.page-main-container .page-login-card .page-login-box .full,.page-main-container .page-login-card .page-login-box>div{width:100%}.page-main-container .page-login-card .page-login-box .half{width:45%}.page-main-container .page-login-card .page-login-box .head .image{font-size:0;width:100%}.page-main-container .page-login-card .page-login-box .head .image img{width:166px}.page-main-container .page-login-card .page-login-box .head .image-desc{margin-top:16px;font-size:12px;letter-spacing:3px;color:#fff}.page-main-container .page-login-card .page-login-box .button{background:transparent;border:1px solid grey}.page-main-container .page-login-card .page-login-box .button.button-login{margin-top:0;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#01c7ba),to(#09a2cd));background:linear-gradient(90deg,#01c7ba,#09a2cd)}.page-main-container .page-login-card .page-login-box .inputbox{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px;line-height:30px;height:30px}.page-main-container .page-login-card .page-login-box .inputbox>input{height:30px}.page-main-container .page-login-card .page-login-box .inputbox:before{position:absolute;color:#fff;left:0;top:0;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;width:30px;height:30px;line-height:30px;border-right:1px solid grey;border-top:1px solid grey;border-bottom:1px solid grey}.page-main-container .page-login-card .page-login-box .inputbox input:focus{caret-color:#fff;outline:none;border-color:#01c7ba}.page-main-container .page-login-card .page-login-box .inputbox input:-webkit-autofill,.page-main-container .page-login-card .page-login-box .inputbox select:-webkit-autofill,.page-main-container .page-login-card .page-login-box .inputbox textarea:-webkit-autofill{-webkit-text-fill-color:#ededed!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;background-color:transparent;background-image:none;-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.page-main-container .page-login-card .page-login-box .inputbox input{color:#fff;background:transparent;background-color:transparent;outline:none;line-height:30px;font-size:14px;border-radius:15px;vertical-align:middle}.page-main-container .page-login-card .page-login-box .inputbox input[type=password],.page-main-container .page-login-card .page-login-box .inputbox input[type=text]{padding-left:40px;letter-spacing:1px;border:1px solid grey;-webkit-box-sizing:border-box;box-sizing:border-box}.page-main-container .page-login-card .page-login-box .inputbox input[type=button]{cursor:pointer;border:1px solid grey}.page-main-container .page-login-card .page-login-box .help-button{color:#fff;font-size:12px}.page-main-container .page-login-card .page-login-box .help-button .rememberme{float:left}.page-main-container .page-login-card .page-login-box .help-button .forget{float:right}.page-main-container .page-login-card .page-login-box .download.btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-main-container .page-login-card .page-login-box .download.btn-group .button{font-size:12px;width:120px}.page-main-container .page-login-card .page-login-box .download.btn-group .button.active,.page-main-container .page-login-card .page-login-box .download.btn-group .button:hover{border:1px solid #01c7ba;color:#01c7ba;background:transparent}.page-main-container .page-login-card .page-login-box .button-login{border:none!important}.page-main-container .page-login-card .page-login-box .qrcodebox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-main-container .page-login-card .page-login-box .qrcodebox .qrcode{position:relative;margin-top:18px}.page-main-container .page-login-card .page-login-box .qrcodebox .qrcode:before{position:absolute;content:" ";width:0;height:0;top:-14px;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:20px solid #4c5c6b;left:calc(50% - 10px)}.page-main-container .page-login-card .page-login-box .qrcodebox .image{display:inline-block;width:120px;height:120px;background:transparent;border:8px solid #4c5c6b;-webkit-box-sizing:border-box;box-sizing:border-box}.dialog-forget-help{position:absolute;top:50%;left:50%;width:300px;height:65px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #909090;border-radius:6px;background:#fff;color:#000}.dialog-forget-help .help-text{line-height:65px;font-size:14px;text-align:center}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}li{margin:0;padding:0}