/* CSS Document */
body {
  margin: 0;
  font-family: Tahoma, Geneva, sans-serif;
  color:#333;
  background-color:#CCC;
  font-size:.88em;
}

h1{margin:0px; padding:0px; font-weight:lighter;}

.topnav {
  overflow: hidden;
  background-color: #FFF;
  box-shadow:0px 0px 2px #AAA;
  position: fixed;
  top: 0px;  
  display:block;
  width:100%;

  
}

.topnav a {
  float: left;
  display: block;
  color: #446;
  text-align: center;
  padding: 8px 20px;
  text-decoration: none;
  font-size: 15px;
  border-left: solid 1px #F0F0F0;
}

.topnav a:hover {
  background-color: #eee;
  color: #777;
}

.topnav a.active {
  
  background-color:#58E;
  color: white;
  width:150px;

}

.topnav .icon {
  display: none;
}

.Hide{ display:none !important}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {   position: fixed;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


/* element  */

#main{width:100%; margin-top:35px; }

#section{margin: auto; width:99%; max-width:1200px;  padding:0px;}




.box {
	
	width:99%;
	margin-top:3px;

}


.box-content{

	text-align:left;
	border:solid 0px #ddd;
	vertical-align:top;
	background:#fff;
	width:100%;
	padding-top:15px;

	border-radius:3px;



}


.box-date{
	margin-left:-2px;
	margin-top:-12px;
	background-color:#39F;
	color:#FFF;
	border-radius:0px 4px 4px 0px;
	display:block;
	float:left;
	padding: 1px 6px;
	font-weight:lighter;

	
}



	
.box-date h1{font-size:20px; padding-right:5px;}
.lighter{font-weight:lighter}	
	
.box-table{
		font-size:0.9em;
		color:#666;
		font-weight:300;
		white-space:nowrap;
		margin-top:68px;
		position:relative;


		
		}
		
.box-table tr td{
	border-bottom:solid 1px #FAFAFA;



		
		}