body{width:100%;height:100%;overflow:hidden;margin:0;font-size:14px;background:url(image/march.png) no-repeat 100%;background-size:cover;background-color:#00030a!important}.login-div{-webkit-transition:.7s linear all;width:1px;float:right;background-color:#fff;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12);background-color:#fff;height:1500px}.css-class-add,.css-class-remove{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.css-class,.css-class-add.css-class-add-active{width:20%;margin:auto}.login-panel{position:absolute;background:#313447;width:23.23%;height:34.35%;top:34.63%;right:8.85%}.title{font-size:21px;font-weight:700}.column-div{width:100%;height:30.73%;text-align: center;line-height: 500%;font-size: 20px;color: white;/* background:url("image/mgrid-login-panel-logo.png") no-repeat 50% 50%;background-size:70% */}.column-div-a{width:100%;height:32.35%;font-size:16px;text-align:center}.column-div-b{width:100%;height:36.93%;font-size:16px;text-align:center;display:flex;justify-content:center;align-items:center}.description{margin-top:10px}.forgot-pwd{float:right;font-size:13px;font-weight:700;color:#039be5;text-decoration:none;margin-right:32px}.submit-btn{color:#fff;font-weight:700;background-color:#0dc2ab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;border:0;width:78.48%;line-height:45px;border-radius:5px}.submit-btn:hover{background-color:#07a38f}.submit-btn[disabled]{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.38);box-shadow:none}.separator{font-size:15px;font-weight:600;margin:24px 31px 0 0;position:relative;overflow:hidden;text-align:center;color:rgba(0,0,0,.54)}.text{display:inline-flex;position:relative;padding:0 8px;z-index:9999}.text:before{content:"";display:block;width:30px;margin:8px 8px 0 0;border-top:2px solid rgba(0,0,0,.12)}.text:after{content:"";display:block;width:30px;margin:8px 0 0 8px;border-top:2px solid rgba(0,0,0,.12)}.input{position:relative;z-index:1;display:inline-block;margin:0;max-width:400px;width:calc(100% - 2em);vertical-align:top}.input__field{position:relative;display:block;float:right;padding:.5em;width:60%;border:0;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:700;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none}.input__field:focus{outline:0}.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#6a7989;font-weight:700;font-size:70.25%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%}.graphic{position:absolute;top:0;left:0;fill:none}.icon{color:#ddd;font-size:150%}.input--hoshi{overflow:hidden}.input__field--hoshi{margin-top:1em;padding:.85em .15em;width:100%;background:0;color:#595f6e}.input__label--hoshi{position:absolute;bottom:0;left:0;padding:0 .25em;width:100%;height:calc(100% - 1em);text-align:left;pointer-events:none}.input__label-content--hoshi{position:absolute}.input__label--hoshi::after,.input__label--hoshi::before{content:'';position:absolute;top:0;left:0;width:100%;height:calc(100% - 10px);border-bottom:1px solid #b9c1ca}.input__label--hoshi::after{margin-top:2px;border-bottom:3px solid red;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--hoshi-color-1::after{border-color:#00a9ff}.input__label--hoshi-color-2::after{border-color:#0fa}.input__label--hoshi-color-3::after{border-color:#f50}.input--filled .input__label--hoshi::after,.input__field--hoshi:focus+.input__label--hoshi::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input--filled .input__label-content--hoshi,.input__field--hoshi:focus+.input__label--hoshi .input__label-content--hoshi{-webkit-animation:anim-1 .3s forwards;animation:anim-1 .3s forwards}@-webkit-keyframes anim-1{50%{opacity:0;-webkit-transform:translate3d(1em,0,0);transform:translate3d(1em,0,0)}51%{opacity:0;-webkit-transform:translate3d(-1em,-40%,0);transform:translate3d(-1em,-40%,0)}100%{opacity:1;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}}@keyframes anim-1{50%{opacity:0;-webkit-transform:translate3d(1em,0,0);transform:translate3d(1em,0,0)}51%{opacity:0;-webkit-transform:translate3d(-1em,-40%,0);transform:translate3d(-1em,-40%,0)}100%{opacity:1;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}}@font-face{font-weight:400;font-style:normal;font-family:codropsicons;src:url(../fonts/codropsicons/codropsicons.eot);src:url(../fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'),url(../fonts/codropsicons/codropsicons.woff) format('woff'),url(../fonts/codropsicons/codropsicons.ttf) format('truetype'),url(../fonts/codropsicons/codropsicons.svg#codropsicons) format('svg')}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:'';display:table}.clearfix:after{clear:both}a{color:#2fa0ec;text-decoration:none;outline:0}a:focus,a:hover{color:#74777b}.container{margin:0 auto;text-align:center;overflow:hidden}.content{font-size:150%;padding:3em 0}.content h2{margin:0 0 2em;opacity:.1}.content p{margin:1em 0;padding:5em 0 0 0;font-size:.65em}.bgcolor-1{background:#f0efee}.bgcolor-2{background:#f9f9f9}.bgcolor-3{background:#e8e8e8}.bgcolor-4{background:#2f3238;color:#fff}.bgcolor-5{background:#df6659;color:#521e18}.bgcolor-6{background:#2fa8ec}.bgcolor-7{background:#d0d6d6}.bgcolor-8{background:#3d4444;color:#fff}body .nomargin-bottom{margin-bottom:0}.codrops-header{padding:3em 190px 4em;letter-spacing:-1px}.codrops-header h1{font-weight:800;font-size:4em;line-height:1;margin-bottom:0}.codrops-header h1 span{display:block;font-size:50%;font-weight:400;padding:.325em 0 .5em 0;color:#c3c8cd}.codrops-links{position:relative;display:inline-block;white-space:nowrap;font-size:1.25em;text-align:center}.codrops-links::after{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:100%;background:#dbdbdb;content:'';-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg)}.codrops-icon{display:inline-block;margin:.5em;padding:0;width:1.5em;text-decoration:none}.codrops-icon span{display:none}.codrops-icon:before{margin:0 5px;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:codropsicons;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon--drop:before{content:"\e001"}.codrops-icon--prev:before{content:"\e004"}.content--related{text-align:center;color:#d8dadb;font-weight:700}.media-item{display:inline-block;padding:1em;vertical-align:top;-webkit-transition:color .3s;transition:color .3s}.media-item__img{opacity:.8;-webkit-transition:opacity .3s;transition:opacity .3s}.media-item:focus .media-item__img,.media-item:hover .media-item__img{opacity:1}.media-item__title{font-size:.75em;margin:0;padding:.5em}@media screen and (max-width:50em){.codrops-header{padding:3em 10% 4em}}@media screen and (max-width:40em){.codrops-header h1{font-size:2.8em}}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.column-div-input{width:100%;height:40%}.login-input-a{display:block;height:100%;width:100%;padding-left:45px;background:linear-gradient(90deg,rgba(42,44,61,1) 0,rgba(31,32,41,1) 100%);border-radius:5px;border:1px solid;border-image:linear-gradient(180deg,rgba(35,36,46,1),rgba(78,81,104,1)) 1 1;color:#fff}.login-input-b{display:block;height:100%;width:100%;padding-left:45px;background:linear-gradient(90deg,rgba(42,44,61,1) 0,rgba(31,32,41,1) 100%);border-radius:5px;border:1px solid;border-image:linear-gradient(180deg,rgba(35,36,46,1),rgba(78,81,104,1)) 1 1;color:#fff}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #23242e inset!important;-webkit-text-fill-color:#fff!important;-webkit-border-image:linear-gradient(90deg,rgba(42,44,61,1) 100%,rgba(31,32,41,1) 100%) 1 1}span{color:#fff}input{outline-style:none;outline-width:0;border:0;border-style:none;text-shadow:none;-webkit-appearance:none;-webkit-user-select:text;outline-color:transparent;box-shadow:none}.errerMessage{color:red}.div-account{background:url("image/account.png") left 25% no-repeat;background-size:80%;width:12.78%;height:100%;float:left;margin-left:10%}.div-password{background:url("image/password.png") left 25% no-repeat;background-size:80%;width:12.78%;height:100%;float:left;margin-left:10%}.div-input{float:left;width:65.7%;height:100%}