@charset "UTF-8";

body {font-family: Arial, sans-serif;margin: 0;padding: 0;}
.table-wrap {overflow-x: auto;}
table {border-collapse: collapse;width: 100%;/*min-width: 700px;*/}
th, td {border: 1px solid #ccc;padding: 8px;text-align: center;white-space: nowrap;}
tr:nth-child(even) {background-color: #f9f9f9;}
.button-area {margin-bottom: 10px;}
.button-area a {display: inline-block;padding: 8px 14px;background: #333;color: #fff;text-decoration: none;border-radius: 5px;font-size: 14px;}
@media (max-width: 600px) {th, td {font-size: 12px;padding: 5px;}}
.scroll-btn {position: fixed;right: 20px;padding: 10px 15px;background: #333;color: #fff;cursor: pointer;border-radius: 5px;font-size: 18px;opacity: 0;visibility: hidden;transition: opacity 0.3s;z-index: 9999;}
.scroll-btn.show {opacity: 0.3;visibility: visible;}
.scroll-btn.show:hover{opacity: 0.5;}
tr:first-child{background-color:#666;color:#fff;}
#wrapper{margin:0 auto;width:100%;text-align:center;}
.info-area{margin:0 auto 25px auto;}
#topBtn {top: 20px; }
#bottomBtn { bottom: 20px;}
tr th:nth-of-type(1),tr td:nth-of-type(1){width:50px;}
tr th:nth-of-type(2),tr td:nth-of-type(2){width:18%;max-width:100px;}