@media all and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}

	
@media all and (min-width: 321px) and (max-width: 768px) {
  html {
    font-size: 30px;
  }
}

	
@media all and (min-width: 769px) and (max-width: 1024px) {
  html {
    font-size: 20px;
  }
}

	
@media all and (min-width: 1025px) {
  html {
    font-size: 10px;
  }
}



table {
  border-collapse: collapse; /* Ensure cells are flush with one another */
  font-size: 1.3rem; /* Set font size for table header cells */
}

th {
  font-weight: bold; /* Optionally make header text bold */
}

td {
  padding: 8px; /* Add padding for better readability */
  border: 1px solid #ccc; /* Add borders to cells */
}

.table0 {
    padding:10px;
}
.table1 {
     border-collapse: collapse;
     /* font-size: 15px; 
     text-align: right; */
     color: #ffffff;  
}
.table2 {
    width:100%;
    border-bottom:2px solid #dcdcdc;
    color: black;
    /* text-align:center; */
    border-collapse:collapse;
    background-color: white;

}
.table2 th, td{border:0}
.table2 caption{display:none}
.table2 tfoot{
    background-color:#f5f7f9;
    /* font-weight:bold; */
}
.table2 th{
    padding:5px 0 5px;
    border-top:2px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
    border-bottom:2px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
    border-left:1px solid #dcdcdc;
    background-color:#f5f7f9;
    color:#666;
    /* font-weight:bold; */
}
.table2 td{
	padding:5px 0 5px;
	padding-right:5px;
	padding-left:5px;
	border:1px solid #e5e5e5
}
.table2 td.ranking{font-weight:bold}
.table3 {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	/* text-align:center; */
	background-color: white;
}
.table3 tr, th, td {
  padding: 6px 15px;
  /* font-size: 40px; */
}
.table3 th {
  background: #42444e;
  color: #fff;
}
.table3 tr:first-child th:first-child {
  border-top-left-radius: 6px;
}
.table3 tr:first-child th:last-child {
  border-top-right-radius: 6px;
}
.table3 td {
  border-right: 1px solid #c6c9cc;
  border-bottom: 1px solid #c6c9cc;
}
.table3 td:first-child {
  border-left: 1px solid #c6c9cc;
}
.table3 tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}
.table3 tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}
.table4 {
	 table-layout: auto;
	 width: 100%;
	 table-layout: fixed;
}
.table4 td {
	padding:2px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:1px;
	padding-left:1px;
	border:1px solid #e5e5e5;
	color:#4c4c4c; 
/*	text-align:center; */
	border-collapse:collapse;
}
.td_c{ 
	font-size:11px;
	text-align:center;
}
.td_l{ 
	padding:5px 0 5px;
	padding-right:5px;
	padding-left:5px;
	border:1px solid #e5e5e5;
	color:#4c4c4c; 
	font-size:11px;
	text-align:center; 
}
.tr_bg_y{ background-color:#FFFF00; } /* Yellow */
.tr_bg_o{ background-color:#FF8000; } /* Orange */
.tr_bg_gr{ background-color:#CCCCCC; } /* gray */
.tr_bg_b{ background-color:#3399ff; } /* Light blue */

.tr_n {font-size:12px;}
.tr_b {font-size:13px;font-weight:bold;background-color:#E6E6E6;}
.tr_c {font-size:12px;background-color:#E6E6E6;}