@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
body { margin:0 auto; overflow:hidden; }  
.login-box{
	margin:0 auto;
	width:100%;
	height:100%;
	background-color:#000;
	position:relative;
	}
.login-box canvas {
	width:100%;height:auto;
	display:inline-block;vertical-align:baseline
	position:absolute;
	z-index:-1;
	}


.main { width:100%; height:100%; position:absolute; top:0; left:0; display:flex; flex-flow:column; -webkit-flex-flow: column; }

.header-center { width:100%; height:120px; }

.header-img{ background: url("../img/head.gif") no-repeat center center; background-size: 100%; height: 100%; width:700px; margin:auto; }
.header-title { width:100%; text-align:center; font-size:30px; color:#fff; margin-top:30px; }

.picbox { width:100%; flex:1; margin:50px 0; }

.bottom_box { width:100%; display:flex; flex-flow:column; -webkit-flex-flow: column; padding-bottom:10px; box-sizing:border-box; }
.text_box { text-align:center; font-size:16px; color:#fff; margin-bottom:10px; }