@charset "utf-8";
/* CSS Document - login */

.login-wrap {
	width:100%; height:100vh;
	background:#f4f4fa;
}
.login-box {
	display:flex; flex-wrap:wrap; justify-content:center; align-content:center;
	padding-top:8%;
	text-align:center;
}
.login__info-wrap {
	position:relative;
	width:40%; min-width:500px; height:560px;
	color:#fff;
	background:url(../../images/common/login_bg1.png) right; background-size:cover;
	box-shadow:-2px 2px 4px rgba(0,0,0,0.4);
}
.login__info-wrap .company__logo {
	display:block; position:relative; z-index:1;
	left:50%; margin-top:140px; margin-left:-66px;
	width:132px; height:55px;
	border:1px solid rgba(255,255,255,0.4);
}
.login__info-wrap .company__info {
	margin:30px auto 0;
	text-shadow:0px 0px 4px #000;
}
.login__info-wrap .company__info .info__desc {
	color:#fff; font-size:30px;
}
.login__info-wrap .company__info .info__title {
	display:inline-block;
	color:#fff; font-size:64px; font-weight:500; line-height:80px; letter-spacing:4px;
}
.login__form-wrap {
	position:relative; z-index:1;
	padding-top: 90px;
	width:460px; height:560px;
	background:rgba(255,255,255,1);
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
.login__form-wrap::after {
	content:"";
	position:absolute; left:-45px; top:49%; z-index:2;
	height:0;
	color:rgba(255,255,255,1);
	border-left:30px solid rgba(0,0,0,0); border-right:30px solid rgba(0,0,0,0); border-bottom:30px solid;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.login__form-wrap form p {
	display:block;
	margin:0px auto;
	font-weight:bold;
}
.login__form-wrap form p.text_yellow {
	font-size:70px; 
}
.login__form-wrap form p.text_blue {
	margin-bottom:20px;
	font-size:40px;
}
.login__form-wrap .login__input-box input[type="text"],
.login__form-wrap .login__input-box input[type="password"]{
	width:260px; height:40px;
	margin-bottom:16px; padding-left:8px; 
	font-size:14px;
	background-color:#fff!important;
	border:0; border-bottom:1px solid rgba(2,90,180,1);
}
.login__input-box input[type="checkbox"]:checked {
	background:url(./plugin/images/ui-icons_0073ea_256x240.png) #fff 191px 94px;
}
.login__input-box ul { display:inline-block; position:relative; margin:0 8px; }
.login__input-box ul li { display:inline-block; color:#888; font-size:14px; vertical-align:top; }
.login__input-box ul li a { border-bottom:1px solid #888;}
.login__input-box ul li.login_blank { padding:0 4px; }

@media screen and (max-width:1020px){
	.login__info-wrap{
		display:none;
	}
	.login__form-wrap::after{
		content:"";
		display:none;
		color:rgba(255,255,255,0);
	}
}