footer{text-align:center;font-size:12px;font-weight:800;color:#aaa}html{font-family:Leelawadee;color:#424242;background:#f7f7f7}body{margin:0;padding:0}.header{width:100%!important;min-height:20px;max-height:100px;margin-top:5px!important}.header .left{border-right:0}.header div{height:100%}.header label{font-size:.7em;color:#456;font-weight:bold}a{text-decoration:none;color:#0094ff}.header .right>div{padding-left:10px;padding-right:10px;height:60px;line-height:60px}.logo{text-align:center}.logo img{max-width:100%;max-height:100px}.body{width:98%;max-width:400px;margin:3% auto;font-size:.7em;margin-bottom:0}.back-color{background:#fff;box-shadow:0 0 20px #999;padding-bottom:1px;border-radius:5px}.header .left{border-right:0!important}.body>div{width:98%;margin:20px 0}.clearfix{clear:both}.hidden{display:none!important}.txt{outline:none;width:312px;height:32px;padding-left:10px;padding-right:10px;border:1px solid #9cf;border-radius:2px;margin-top:5px;max-width:96%}.btn{outline:none;width:120px;height:36px;line-height:26px;text-align:center;color:#fff;border:1px solid #7a7abc;border-radius:2px;background:#59acff;font-weight:bold;transition:background .5s ease-in-out}.btn:hover{background:#1a4d80}.control-group{margin:20px 0}section{margin:30px}.text-danger{color:red}#forgotPassword{margin:10px}.left.no-border{border:0!important}.ltr .left{float:left;padding-left:10px}.ltr .right{float:right;padding-right:10px}.ltr .header .right>div{float:left}.ltr .body .left{border-right:1px solid #f0f0f0}.rtl .left{float:right;padding-right:10px}.rtl .right{float:left;padding-left:10px}.rtl .header .right>div{float:right}.rtl .body .left{border-left:1px solid #f0f0f0}#forgotOption{width:273px;font-weight:bold;font-size:16px}.error{border:solid 1px red}.clearBackGround{background-color:#fff!important}.under-logo-label{display:none}body,html{margin:0;padding:0;background:#fff}.body{width:100%;margin:3% auto;max-width:unset;font-size:.7em;margin-bottom:0}h2{font-weight:bold}p{color:#3b4451;font-weight:regular;line-height:1.5}main.container{width:500px;margin:0 auto;height:50vh;position:relative}.envbox{display:inline-block;position:absolute;top:30px;right:0}#open-env{display:none}.env{animation:envelope 2s;margin:200px auto 0;background:#c2c9d5;width:500px;perspective:3000px;-webkit-perspective:3000px;-moz-perspective:3000px;-o-perspective:3000px;-ms-perspective:3000px;perspective-origin:50% 0;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-o-perspective-origin:50% 0;-ms-perspective-origin:50% 0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;box-shadow:1px 1px 20px #84bd00}.env .rest{width:100px;height:0;margin:0 auto;border:200px solid #eff1f4;border-bottom:150px solid #e0e4ea;border-top:150px solid transparent;margin-top:-300px}.env .content{width:457px;margin:0 12px 0;border-radius:15px;padding:10px;height:250px;background:#fff;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;text-align:center;position:absolute;z-index:-5;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);animation-delay:2s;box-shadow:1px 1px 8px #757976}.env .top{display:block;width:0;height:0;border:200px solid transparent;border-top-color:#d1d7df;margin:0 auto;transform:scale(1.25,1);-webkit-transform:scale(1.25,1);-moz-transform:scale(1.25,1);-o-transform:scale(1.25,1);-ms-transform:scale(1.25,1);margin-bottom:-400px;cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transform-origin:50% 0;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0;-ms-transform-origin:50% 0;position:relative}.env .open-env label.top{animation:labeltop 1s ease forwards 1 .5s;animation-delay:1.2s}.env .open-env .content{animation:out 1s ease forwards 1 .5s;animation-delay:2s}.env .logo_Imag{max-width:250px;max-height:100px}@keyframes out{100%{transform:translate(0,-220px);-webkit-transform:translate(0,-220px);-moz-transform:translate(0,-220px);-o-transform:translate(0,-220px);-ms-transform:translate(0,-220px);height:420px}}@keyframes envelope{0%{opacity:0;transform:scale(.8,.8) translate(400px,0)}100%{opacity:100;transform:scale(1,1) translate(0,0)}}@keyframes labeltop{100%{transform:rotateX(-180deg) scale(1.25,1);-webkit-transform:rotateX(-180deg) scale(1.25,1);-moz-transform:rotateX(-180deg) scale(1.25,1);-o-transform:rotateX(-180deg) scale(1.25,1);-ms-transform:rotateX(-180deg) scale(1.25,1);z-index:-20}}.LinkLang{position:absolute;top:10px;font-size:15px;background-color:#eff1f4;padding:6px;border-radius:13px}.geaTxt{position:absolute;left:5px;top:10px;font-size:15px;background-color:#eff1f4;padding:6px;border-radius:13px}section{margin:0}.Titel-Login{position:absolute;bottom:70px;right:36.6%;border-radius:12px;background-color:rgba(57,232,0,0)!important;padding:6px;border:2px dotted #02880d}.Welcom{margin:50px 50px 0}.control-group{margin:0 0 20px}footer{text-align:center;font-size:12px;font-weight:800;color:#aaa;position:absolute;bottom:3px;right:34%}.text-danger{color:red;display:block;position:absolute;right:70px}.txt{outline:none;width:312px;height:32px;padding-left:10px;padding-right:10px;border:1px solid #84bd00;border-radius:10px;margin-top:5px;max-width:100%}.btn{position:absolute;bottom:90px;right:38%;background-color:#84bd00;border:0;border-radius:10px;cursor:pointer}.btn:hover{background-color:#6d9a03}#forgotPassword{margin:10px;position:absolute;bottom:50px;right:38%;cursor:pointer}#forgotOption{width:337px;font-weight:bold;font-size:16px}