.nav {
	font-size:18px;color:white;
	background-color:black;
	text-align:center;
}

.co-must-use {
  box-sizing: border-box;
  border: 2px solid red;
  border-radius: 4px;
}

.nav-right{
	font-size:10px;color:white;
	text-align:right;
	background-color:black;
}

li{
	margin-bottom:10px;
}

.nav a:link{
	text-decoration:none;
	color:white;
}

.nav a:visited{
	color:white;
}

.nav a:hover{
	color:red;
}

.nav-login{
	color:white;
	background-color:black;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	text-align:right;
}
.nav-login a:link{
	color:white;
	text-decoration:none
}

.nav-login a:visited{
	color:white;
}

.nav-login a:hover{
	color:red;
}


body{
	margin:0;
	background-color:#E2E1D3;
	height: 100%;
	position: relative;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;

}

.footer-menu{
	background-color: black;
	color:white;
	font-size:12px;
	text-align:center;
/*	position: absolute;
	bottom: 0;
	width: 100%;
*/}

.foot-menu a:link{
	color:white;
	text-decoration:none;
}

.footer-menu a:visited{
	color:white;
}

footer {
 position: absolute;
 bottom: 0;
 width: 100%;
}

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

.main-container {
 min-height: 100vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 40px; /* height of your footer */
}

.main-page
{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:top;
}

.back-mask{
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	left: 0;
	padding-top: 100px;
}

.back-mask-table{
	width: 500px;
	height: 100px;
	background-color: black;
	color: white;
	top: 50%;
	left: 50%;
	position: fixed;
	margin-left: -250px;
	margin-top: -50px;
}