.tablepress {
	width: 100%;
	margin-top: 20px;
	border: 1px solid #CCC;
	font-size: 0.8em;
}

.tablepress th {
	background-color: #EEEEEE;
	text-align: left;
	padding: 6px 10px;
	border: 1px solid #CCC;
	font-weight: bold;
}

.tablepress td {
padding: 6px 10px;
	border: 1px solid #CCC;
}

.column-2 {
	text-align: right;
}

.tdw2{
	width: 15%;
}
.tdw3{
	width: 10%;
}
.tdw5{
	width: 12%;
}

.tableover{
	font-size: 0.8em;
}
.tableover th {
	background-color: #EEEEEE;
	text-align: left;
	padding: 6px 10px;
	border: 1px solid #CCC;
	font-weight: bold;
}

.tableover td {
	padding: 6px 10px;
	border: 1px solid #CCC;
}

@media screen and (min-width: 769px) {
	.tableover {
		width: 100%;
		margin-top: 20px;
		border: 1px solid #CCC;
	}
	.tablepress .column-1 {
		background: #EEE;
		color: #666;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
	}
}

@media screen and (max-width: 768px) {
	.tableover {
		width: 100%;
		margin-top: 20px;
		border: 1px solid #CCC;
	}
	.tablepress .column-1 {
		background: #EEE;
		color: #666;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
	}
}

@media screen and (max-width: 640px){
	.table-wrap {
		overflow-x: scroll;
	}
	.tableover {
		margin-top: 20px;
		border: none;
		display: block;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.tableover .column-1{
		background:#EEE;
		color:#666;
		text-align:center;
		vertical-align:middle;
	}
	.tdw2{
		width: 24%;
	}
}