@charset "utf-8";
/* CSS Document */

.p-login-cont{
    background-color:#fff;
	box-shadow:0 0 8px #ccc;
    padding:8px 11px;
	max-width:300px;
	width:100%;
	margin:20px 0 0;
}
.box-design{
    background-color:#fff;
	box-shadow:0 0 8px #ccc;
    padding:8px 11px;
	/*max-width:340px;*/
	width:100%;
	margin:10px auto 0 auto;
}
/*.p-login-cont h3{
	border-bottom:2px solid #424242;
	color:#424242;
	margin-bottom:20px;	
}*/
.p-login-cont h4{
	margin-bottom:14px;
}
.input-box, .btn-form-submit{
	width:100% !important;
}
.btn-form-submit{
	margin-top:4px !important;
	border-radius:6px !important;
}
.captcha-wrap{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:8px;
}
.captcha-wrap .captcha-img{
	/*width:100px;*/
	width:100px;
	height:30px;
}
.captcha-wrap .captcha-img img{
	width: 100%;
    height: 30px;	
}
.captcha-wrap input.form-control{
	width:130px;
	height:30px;
}
.captcha-wrap .btn-reload{
	width:18px;
	height:18px;
	padding:0;
	margin:6px 0 0;
	background:url(../images/reload.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	text-decoration:none !important;
	cursor:pointer;
	border:none;
}
.p-login-form-links a{
	font-size:1.3rem;
	line-height:2.1rem;
	color:#555d66;
	border-bottom:none;
}
.plogin-footer{
	text-align:right;
	color:#9c9ea1;	
}
.plogin-footer a{
	font-size:1.2rem;
	line-height:1.6rem;
	color:#9c9ea1;
	border-bottom:none;
}
.form-info{
	font-size:1.2rem;
	line-height:1.6rem;
	font-style:italic;
}
.box-design-wrap>*{
	align-self: flex-start;
}

.box-design ul.parents-slider{
	margin-bottom:6px;
}
.box-design ul{
	margin:0;
	padding:0;
}
.box-design ul li{
	margin:0;
	padding:0;
	background: none;
}
.box-design ul li img{
	width:100%;
	height:auto;
	display:block;
}
.box-design h4{
	border-bottom:0;
	margin-bottom:0;
	font-size:1.4rem;
	line-height:1.8rem;
	text-transform:uppercase;
	text-align:center;
}
.box-design h4 a{
	border-bottom:none;
	color:#424242;	
}
@media only screen and (min-width:768px){
	.parent-login-content{
		justify-content: space-between;	
	}
	.parent-login-content> .col-8{
		padding-top:0;
		padding-bottom:0;
		align-self: flex-start;		
	}
	.p-login-cont{
		padding:10px 14px;
		/*margin:30px 0 20px;*/
		margin:0;
		align-self: flex-start;
		/*margin-right:1.5%;*/
	}
	.box-design-wrap>*{
		padding-top:0;
		padding-bottom:0;
	}
	.box-design{
		padding:10px 14px;
		margin:0;
		/*margin:30px 0 20px;*/
	}
	.p-login-cont h3{		
    	font-size:2.0rem;
    	line-height:2.8rem;
	}
}
@media only screen and (max-width:620px){
	.box-design-wrap .col-sm-6{
		width:100% !important;	
		max-width:340px;
		margin: 0 auto;
	}
	.p-login-cont{
		margin:20px auto 0 auto;
		max-width:340px;
	}
}
@media only screen and (min-width:920px){
	.p-login-cont{
		margin-right:1.5%;	
	}
}
