/*html{
	background:#fff url("../img/bg.jpg") no-repeat fixed top center;
	background-size: cover;

}

#login_box{
	width:680px;
	
	margin: 10vh auto;
	background-color: rgba(0, 0, 0, 0.4);
    padding: 40px;
}

#login_box input{

	
}


#login_box .inp{

	width:100%;
	padding: 5px;
	border: 2px solid #d4d0ba;
	color: #333333;
	font-size: 14px;
	margin-bottom:10px;
	background-color:#fff;
}

div.inp{
	color:#919191 !important;

}
#login_box .head{
    text-transform: uppercase;
    color:#fff;
    padding:0 5px;
    font-size: 36px;

	text-align: center;
	font-family: Bitter,Georgia,serif;
}

form {
	padding:5px;
	float:left;
	display:block;
	width:300px;
}

#userRegisterForm{
	border-right: 2px solid black;

}

header,nav{
	display:none;
}

	.zl, .za{
		display:none;
	}*//*
.main_greeting{
	display:none;
}*/







.modal{
	display:none;
	position:absolute;
	width: 480px;
	top:75px;
	left:50%;
	margin-left:-215px;
	z-index:999999999;
}



@media (max-width: 430px) {
/*	.mui-panel {
		padding:0;
		margin-bottom:0;
	}
	.schmall{
		display:none;
	}
	th{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		max-width: 42px;	  
	}
	
	.main_greeting{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		max-width: 50%;	
	}*/
	.modal{
		width:90%;
		margin-left:-45%;
		padding:15px;
		top:15px;
	}
}