@charset "UTF-8";

		table {
		display: block;
		width : 90%;
		margin : 10px auto;
		padding : 0;
		position : relative;
		border-collapse : collapse;
		border-spacing: 0;}
		
		thead {
		float : left;}
		
		thead tr th { 
		display : block;}
		
		tbody { 
		display : block;
		position : relative;
		overflow-x : auto; 
		white-space : nowrap;}
		
		tbody tr{
		border-collapse: collapse;
		border-spacing: 0;
		display : inline-block;
		vertical-align : top;
		border-right: 1px solid #BABCBF;}
		
		tbody tr th,
		tbody tr td{
		display : block;
		vertical-align : top;
		margin-right : 0;}
		
		table tr th,
		table tr td {
		font-size : 13px;
	
		background : #fff;
		padding : 6px 6px;
		border-top : 1px solid #333;}
		
		table tr th:last-child,
		table tr td:last-child  {
		border-bottom : 1px solid #333;}
		
		table tr th {
		background : #FFF2E8;}

		
		@media screen and (min-width:480px){
	
		
		table{
		margin : 10px auto;
		display: table; 
		border-collapse: separate;}
		
		table thead{
		display: table-header-group;
		float: none;}
		
		thead tr{
		display : table-row;
		float : none;
		}
		
		thead tr th {
		display: table-cell;
		border-right: 1px solid #BABCBF;}
		
		tbody{
		display: table-row-group;
		}
		
		tbody tr{
		display : table-row;
		}
		
		tbody tr th,
		tbody tr td { 
		display : table-cell;
		border-right: 1px solid #BABCBF;
		}

		table tr th:last-child,
		table tr td:last-child  {
		border-bottom : none;}

		}