table {
    border-style: solid;
    border-width: 2px;
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 10px 20px;
    border: 1px solid #000;
}

a:link {
    color: #000000;
}

/* 未訪問超連結 */

a:visited {
    color: #000000;
}

/* 已訪問超連結 */

a:hover {
    color: #1aff00;
}

/* 滑鼠移動到超連結上 */

a:active {
    color: #396035;
}

/* 滑鼠點選時 */

h1 {
    text-align: center;
    font-weight: bold;
    font-family: 'Arial Black', system-ui
}

h2 {
    text-align: center;
    font-weight: bold;
    font-family: 'Arial Black', system-ui
}

h3 {
    text-align: center;
    font-weight: bold;
    font-family: 'Arial Black', system-ui
}

h4 {
    text-align: center;
    font-weight: bold;
    font-family: 'Arial Black', system-ui;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

p {
    text-align: center;
    font-weight: bold;
    font-family: 'Arial', system-ui
}

.center {
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-family: 'Arial', system-ui
}

input[type="text"] {
    width: 100%;
    outline: #1aff00;
}

input[type="number"] {
    width: 100%;
    outline: #1aff00;
}

button {
    width: 40%;
    height: 40px;
    font-weight: bold;
    font-family: 'Arial', system-ui
}