@charset "utf-8";
/* CSS Document */
/*mem login box , mem register box*/
.memloginbox{ float:left; width:50%; padding:30px 50px 30px 10px;}
.memregbox{ float:right; width:50%;padding:30px 10px 30px 50px; }
.memloginbox h1, .memregbox h1{ font-size:20px; font-weight:800; margin-bottom:30px;}
.memregbox p{font-size:14px;}
.memregbox .mbtn{ margin-top:175px !important;}
.pinfo{font-size:14px !important; font-weight: normal !important;}

.chpwdinfo a{color:#D90000}
.chpwdinfo a:hover{color:#B22D00;text-decoration: none; font-weight: 600;}

/*@media (min-width:768px){.memregbox .mbtn{ margin-top:144px !important;}}
@media (min-width:992px){.memregbox .mbtn{ margin-top:116px !important;}}
@media (min-width:1200px){.memregbox .mbtn{ margin-top:138px !important;}}*/


@media only screen and (max-width: 768px) {
	.memloginbox{ float:none; width:80%; margin:0 auto; padding:30px 30px 30px 30px; background:none;}
    .memregbox{ float:none; width:80%; margin:0 auto; padding:0px 30px 30px 30px; }
	.memregbox .mbtn{ margin-top:20px !important;}
}
@media only screen and (max-width: 600px) {
	.memloginbox{ float:none; width:90%; margin:0 auto; padding:30px 30px 30px 30px; background:none;}
	.memregbox{ float:none; width:90%; margin:0 auto; padding:0px 30px 30px 30px; }
}
@media only screen and (max-width: 480px) {
	.memloginbox{ float:none; width:90%; margin:0 auto; padding:10px; background:none;}
	.memregbox{ float:none; width:90%; margin:0 auto; padding:10px; }
	
}