html{
	min-height: 100%;
}
body {
	background: url("../images/bg.jpg");
	margin-bottom: 25px !important;
	margin-top: 50px !important;
	overflow: hidden;
}

.zhuti {
	/* background-color: antiquewhite !important; */
	position: fixed !important;
	top: 0 !important;
	background-color: antiquewhite !important; 
	width: 100% !important; 
	height: 50px !important;
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,0.2) !important;
	box-shadow: 2px 5px 8px rgba(0,0,0,0.2) !important;
	z-index: 9999;
}

.m-foot-position{
	position: fixed !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 5em !important;
	font-weight: 300 !important;
	letter-spacing: 1px !important;
	opacity: 0.9 !important;
}


.m-padded-tb-massive {
	padding-top: 5em !important;
	padding-bottom: 15em !important;
}


.m-shadow-small{
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,0.2) !important;
	box-shadow: 2px 5px 8px rgba(0,0,0,0.2) !important;
}

.m-margin-top-big{
	margin-top: 1em !important;
}

.m-margin-bottom-tiny{
	margin-bottom: 0.3em !important;
}

.m-margin-bottom-big{
	margin-bottom: 1em !important;
}

.m-span-text {
	font-size: 1.3rem !important;
	color: midnightblue !important;
}

.m-input-style{
	width: 500px !important;
}

.m-rlt-style {
	width: 590px !important;
}

.m-btn-style {
	width: 580px !important;
}

.m-toubu-style {
	margin-left: 12% !important;
}



@media screen and (max-width: 768px){

	.m-margin-bottom-tiny{
		margin-bottom: 3em !important;
	}
	
	.m-input-style{
		width: 300px !important;
	}
	
	.m-toubu-style {
		margin-left: 1% !important;
	}
	
	.m-rlt-style{
		width: 300px !important;
	}
	
	.m-btn-style {
		width: 375px !important;
	}
	
	
}