@charset "UTF-8";

#table{
	width: 95%;
	border-collapse: collapse;
	margin-left: 3%;
	margin-right: 3%;
  margin-bottom : 20px;
}

#table td, #table th{
	padding: 16px 10px;
	border: 1px solid #cccccc;
	width: 50%;
}

#table th{
	font-weight: bold;
	width: 12%;
	text-align: left;
}

#table thead th{
	background: #e6e6e6;
}
@media only screen and (max-width:770px)

{
#table{
	
	display: block;	
	border: 1px solid #e6e6e6;	
	width: 96%;	
	margin-left: auto;	
	margin-right: auto;	
}

#table thead{
	display: none;
}

#table tbody{
	display: block;
}

#table tbody tr{
	display: block;
	margin-bottom: 1.5em;
}

#table tbody th, #table tbody td{
	
	display: list-item;	
	border: medium none;	
	width: 96%;	
}

#table tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #000066;
	width: auto;
}

#table tbody td{
	
	margin-left: 10px;
	list-style-type: none;
	padding: 0px;	
}

}

#table00{
	width : 96%;
	border-collapse: collapse;
	margin-left : 2%;
	margin-right : 2%;
	margin-top: 30px;
}

#table00 td, #table00 th{
	padding: 8px;
	border: 1px solid #cccccc;
	width: 50%;
}

#table00 th{
	font-weight: bold;
	width: 20%;
}

#table00 thead th{
	background: #e6e6e6;
}