@charset "utf-8";

.tablebox{
	border-collapse: separate;
	border-style : solid;
	border-spacing: 5px 5px;
       
border-width : 2px;border-color : rgba(125, 125, 0, 0.8);
}

.tablebox th{
	text-align: center;
	vertical-align: middle;
	background-color : rgba(125, 125, 0, 0.5);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	border-color: transparent;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tablebox td{
	text-align: left;
	border-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
}


@media only screen and (max-width: 767px) {
  .tablebox{
    width : 70%;
  }
  .tablebox tr,
  .tablebox th,
  .tablebox td{
    display: block;
    width: auto;
  }
  
  .tableabox tr:first-child{
    border-top : 1px hidden #dbe1e8;  
  }
  
  .tablebox th,
  .tablebox td{
    border-top: none;
  }

  .tablebox td{
    text-align: center;		
  }

  .tablebox td li{
	text-align: left;
}
}