@media screen and (min-width: 768px) {}

@media screen and (max-width: 767px) {}

table.table01 {
	width:100%;
	border-right:#c8dae9 solid 1px;
	border-collapse: collapse;
}
table.table01 thead th {
	background:#c8dae9;
	color:#343f51;
	padding:10px 15px;
	border-right:#e5e5e5 solid 1px;
	border-bottom:#e5e5e5 solid 1px;
}
table.table01 thead th:last-child {
	border-right:#c8dae9 solid 1px;
}
table.table01 tbody th {
	background:#c8dae9;
	color:#343f51;
	padding:10px 15px;
	border-bottom:#e5e5e5 solid 1px;
	vertical-align:top;
}
table.table01 tbody tr:last-child th {
	border-bottom:#c8dae9 solid 1px;
}
table.table01 tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#c8dae9 solid 1px;
	border-bottom:#c8dae9 solid 1px;
	vertical-align:top;
}


@media screen and (max-width: 640px) {
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
        text-align: left;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p {
	padding-left:6em;
}
}