body {background-image: url(../images/login_bg.jpg);background-size:cover;}

.event-box,.signin-line,.signin-box,.signin-logo,.form-signin,.signin-box p{ float:left;}

.login-box{width:775px; height:300px; position:absolute; top:50%; left:50%; margin:-250px 0 0 -385px;}
.event-box{width:40%; height:260px; display: flex; flex-direction: column; justify-content: center;}
.event-box img {
	width: 100%;
}

.signin-box{width:50%;height: 260px; display: flex; flex-direction: column; justify-content: center;}
.signin-box p{color:#12425b; font-size:16px;}

footer{
position: absolute;
width: 100%;
background-image: url(../images/login_footer_bg.jpg);
background-repeat:repeat-x;
bottom: 0;
height:120px;
font-size:12px;
line-height:20px;
color:#525252;}

footer span{position: absolute;right: 10px;top: 80px;text-align: right;line-height: 15px;}
footer img{position: absolute;right: 0;top: 10px;}


/*PC 970px md*/
@media (min-width: 992px) and (max-width: 1199px) {
}
/*平板 750px sm*/
@media (min-width: 768px) and (max-width: 991px) {
	body {background-image: url(../images/login_mobilebg.jpg);}
	.login-box{width:750px;margin:-250px 0 0 -375px;}
}
/*手機 自動 xs*/
@media (max-width: 767px) {
	body {background-image: url(../images/login_phonebg.jpg);}
	.login-box{width:300px; position:absolute; top:10px; left:50%; margin:0 0 0 -150px;}
	.signin-line{ display:none}
	.event-box{width:100%;}
	.signin-box{width:100%;}
	.form-signin{ width:100%}
	footer{position:relative; margin-top:700px}
	footer span{right: 10px;top: 90px; width:300px}
	footer img{top: 20px;}
}