@charset "utf-8";
/* CSS Document */

.row_spec {margin: 0 -5px;}
  
.column_spec {
  float: left;
  width: 50%;
  padding: 0px;
}
	/* Clearfix (clear floats) */
.row_spec::after {
  content: "";
  clear: both;
  display: table;
}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
	/*overflow-x: scroll;*/	
	/*overflow-y:hidden;*/
	overflow: hidden;
	font: 400 14px 'Montserrat', 'Noto Sans', 'TH Sarabun', sans-serif; line-height: 1.5;
}

th{
	background-color: transparent;
	font-weight: bold;
	color: #375a8b;
}
	
th, td {
	border: 1px solid #eee;
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	/*white-space: nowrap;	*/
}

tr:nth-child(even){background-color: transparent;}

tr:first-child th { 
   border-top: 3px solid #0f76bb;
	background-color: #edf8fe;
}

div::-webkit-scrollbar{height:7px;}
div::-webkit-scrollbar-track
{
    border-radius: 10px;
    webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
div::-webkit-scrollbar-thumb
{
    background-color: #a6c53b;
	webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#wrapper1, #wrapper2{width: 300px; border: none 0px RED; overflow-x: scroll; overflow-y:hidden;}
#wrapper1{height: 20px; }
#wrapper2{height: 100px; }
#div1 {width:1000px; height: 20px; }
#div2 {width:1000px; height: 100px; background-color: #88FF88; overflow: auto;}