body{background:#3a414e;color:#9097a3;}

#login_page{}
	#login_page .container{position:fixed;top:0;height:100vh;}
	#login_page .container.c1{z-index:2;left:0;width:50vw;overflow:hidden;background:#303641;}
	#login_page .container.c2{z-index:1;left:30vw;width:40vw;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;}
	#login_page .container.c3{z-index:2;right:0;width:50vw;overflow:hidden;background:#303641;}

	#login_page .container.c1.animate1{width:30vw;transition:1000ms width;box-shadow:20px 0 20px -20px #000;}
	#login_page .container.c3.animate1{width:30vw;transition:1000ms width;box-shadow:-20px 0 20px -20px #000;}

	#login_page .container .logo1{
		position:absolute;z-index:20;left:0;top:50%;width:100%;text-align:right;
		transform:translate(-50vw,-50%);opacity:0;
	}
		#login_page .container .logo1.animate1{transform:translate(0,-50%);opacity:1;transition:1000ms transform, 1000ms opacity;}
		#login_page .container .logo1 img{max-width:40%;height:auto;transform:translate(50%,0);}
	#login_page .container .logo2{
		position:absolute;z-index:20;left:0;top:50%;width:100%;text-align:left;
		transform:translate(50vw,-50%);opacity:0;
	}
		#login_page .container .logo2.animate1{transform:translate(0,-50%);opacity:1;transition:1000ms transform, 1000ms opacity;}
		#login_page .container .logo2 img{max-width:40%;height:auto;transform:translate(-50%,0);}
	#login_box{width:80%;max-width:280px;opacity:1;}
		#login_box.animate_complete{opacity:1;transition:1000ms opacity;}
			#login_box .form{}
				#login_box .form .formtitle{position:relative;padding:0 0 5px 0;margin:0 0 10px 0;font-family:"montserrat_semibold";text-align:center;}
				#login_box .form .group1{margin:0 0 15px 0;}
					#login_box .form .group1 .title{color:#9097a3;}
					#login_box .form .group1 .item{position:relative;border-bottom:1px solid #9097a3;}
						#login_box .form .group1 .item input[type="text"],
						#login_box .form .group1 .item input[type="email"],
						#login_box .form .group1 .item input[type="password"]{
							display:block;width:100%;height:25px;box-sizing:border-box;
							background:none;color:#fff;border:none;

						}
						#login_box .form .group1 .item .icon{
							position:absolute;z-index:20;right:0;bottom:0;width:25px;height:25px;line-height:25px;text-align:center;
							font-size:1.2em;
						}
					#login_box .form .result{ padding:5px;margin:5px 0 0 0;color:#cc0000; }
					#login_box .form .submit_line{ margin:5px 0 0 0;text-align:right; }
						#login_box .form .submit_line img.loading{display:none;height:30px;width:auto;}
						#login_box .form .submit_line button.submit{padding:10px 20px;background:#303641;color:#9097a3;border:none;cursor:pointer;}