@charset "utf-8";
/* CSS Document */
/* ---------- Btn ---------- */
.box-btn {
    text-align: center;
    margin: 2rem 0 3rem;
}
.box-btn a {
	border: 1px solid #333;
	padding: 1rem 2rem;
}
.box-btn a:hover {
	text-decoration: none;
	background: #333;
	color: #fff;
	transition: all 0.4s ease-out;
}
@media screen and (max-width: 767px) {
.box-btn a {
    min-width: 100%;
    display: inline-block;
}
}

/* ---------- Table ---------- */
.free-html .col-xs-12,
.free-html .col-sm-12 {
	padding: 0;
}
.table-responsive.table03 a {
	color: #0d3cac;
}
.table-responsive thead th {
	background-color: #7d7d7d;
	background-clip: padding-box;
	color: #fff;
	text-align: center;
	vertical-align: middle!important;
}
.table-responsive th,
.table-responsive td {
	padding: 10px;
}
.table-responsive.table03 tbody td:nth-of-type(2n)/*,
.table-responsive.table03 tbody td:nth-of-type(3n),
.table-responsive.table03 tbody td:nth-of-type(4n)*/ {
	text-align: center;
	vertical-align: middle;

}
.table-responsive.table03 tbody th {
	background: #eaeaea;
	background-clip: padding-box;
}
.table-responsive table {
	width: 100%;
}
/* Sticky */
@media screen and (max-width: 480px) {
.table03 {
	display: block;
	position: relative;
	overflow: scroll;
	width: calc(100vw - 3.0rem);
	height: calc(75vh);
	border-collapse: collapse;
}
.table03 .table-bordered {
	background-clip: padding-box;
}
.table03 thead th {
	position: sticky;
	top: 0;
	z-index: 2;
}
.table03 tbody th,
.table03 tbody td {
	z-index: 1;
}
.table-responsive th, .table-responsive td {
	font-size: 1.2rem;
	background: #fff;
}
}