body
{
	background-repeat:no-repeat;
	background-position:100% 10%;
	background-attachment:fixed;
}

.dit
{
  background-color:#f5fffa;

  margin-right:10%;
  margin-left:10%;
  margin-top:7%;
  margin-bottom:10%;

  padding:1%;
}

.board1
{
	font-size:20px;
	background-color:#2f4f4f;
	margin-right:50px;

  margin-left:100px;
  border-style:dashed;
  border-color:d3d3d3;
  padding-left:50px;
}

p.direct
{
  background-color: #fff5ee;
  color: #191970;
	margin-left:50px;
	margin-right:50px;

	line-height:1.8;

	padding:1%;
}

table.brackboard
{
	font-size:25px;
	color: #ffffff;
	background-color: #ffb6c1;
	border-style: solid;
	border-color: #ffb6c1;


}

.pickup
{
	color:#f0e68c;
	font-size:150%;
}

/*mobhunt*/
.box1 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #000000;
    background: #deb887;
    box-shadow: 0px 0px 0px 10px #f5deb3;
    border: double 2px #8b4513;
    border-radius: 8px;
}
.box1 p {
    margin: 0;
    padding: 0;
}

/*rank*/
.Brank{
	color: #000000;
}

.Arank{
	color: #800000;
}

.Srank{
	color: #dc143c;
}

/* field Button */
.filterStyl {
  display: inline-block;
  padding:5px 10px;
  color: #ff4500;
  text-decoration :none;
  background: #fffacd;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
}