@charset "utf-8";

.TableComment { text-align:right; display:block; margin-bottom:10px}

.TableWrap { position:relative;}
.TableWrap  table { border-collapse:separate; border-spacing: 0;}
.TableWrap table thead th { background:#EEF2F7; padding:10px}
.TableWrap table tbody td {border:#D8d8d8 solid 1px;border-width: 0 1px 1px 0;padding:10px;text-align:center;}
.TableWrap table tbody td:last-child { border-right-width:0;}
.TableWrap table tbody td.al_left { text-align:left;}
.TableWrap table tbody td.Name { font-weight: bold; }
.TableWrap table tbody th { border-bottom:#D8d8d8 solid 1px; padding:10px 20px; border-right: #D8d8d8 solid 1px;}

.TableWrap::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.TableWrap::-webkit-scrollbar-thumb {
    background-color: #ADC0CE;
    background-clip: padding-box;
    border-radius: 10px;
    border: transparent solid 4px;
}

.TableWrap:hover::-webkit-scrollbar-thumb {
    background-color: #008BF2;
}

.TableWrap::-webkit-scrollbar-track {
    background-color: transparent;
}

.statute { padding-bottom:20px;}
.statute p { margin-bottom:20px}
.statute p:has(+ ol) { margin-bottom:10px;}
.statute ol { margin-bottom:20px; padding-left:40px; }
.statute ol li { list-style:decimal}

@media (max-width:700px) {
    .TableWrap {max-height: calc(100vh - 360px);border-bottom: #707070 solid 1px;overflow: auto;position: relative;}
    .TableWrap table * {font-size:17px;/* z-index:0; */ white-space:nowrap;}
    .TableWrap table thead th {position: sticky;top:0;z-index:2;}
    .TableWrap table thead th:first-child {left:0;z-index:3;border-right:#D8d8d8 solid 1px}
    .TableWrap table tbody th {position: sticky;left:0;z-index:1;background:#fff;/* border-right:#D8d8d8 solid 1px; */}
}