html { 
	box-sizing: border-box; 
	background: #d5d5d5;
	background-image:url(../img/bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
} 

#bg {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .8;
	width: 100%;
	height: 100%;
	background-color:#000;
}

*, ::before, ::after { 
  box-sizing: inherit; 
}

body {
	max-width: 75em;
	margin:0 auto;
	padding: 0;
	color: #333; 
	font: normal 1em Arial, sans-serif;
	overflow-y:scroll;
}
/*Popup*/
#div_popup, #error_popup {
	display:none;
	position: fixed;
	z-index:100;
	outline: 1px solid #c5c5c5;
	background-color:#e9e9e9;
	top: 35%;
	left: calc(50% - 150px);
	width: 300px;
	box-shadow: 0px 1px 3px rgba(0,0,0,.8);
}
#error_popup {
	z-index:110;
	top: 36%;
	left: calc(50% - 125px);
	width: 250px;

}
#div_popup_content, #error_popup_content {
	margin-top:30px;
	padding:10px;
	text-align:center;
	color:#000;
}
#div_popup_close, #error_popup_close {
	box-sizing:border-box;
	float:right;
	width:100%;
	padding:5px;
	background-size:contain;
	z-index:1001;
	background-color:#0066CC;
	color:#FFF;
	text-align:center;
}
#error_popup_close {
	background-image: url(../img/close.png);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
}
#error_popup_close {
	background-color:#F00;
}
.login {
	font-size:1.1em;
	width:200px;
	height:35px;
	box-shadow: 0px 1px 3px rgba(0,0,0,.8);
	margin-top:20px;
	cursor:pointer;
}
.login_text, .login_field {
	float:left;
	width:80px;
	margin:10px;
	text-align:left;
}
.login_field {
	width:120px;
}
.clear_both {
	clear:both;
}