body {
  font-family: sans-serif;
  padding: 0;
  margin: 0;
  background-color: rgb(234, 234, 234);
}
a,
a:active,
a:visited {
  color: #000;
}
a:hover {
  text-decoration: none;
}
h1 {
  font-size: 1.5em;
}
#header {
  background-color: #330000;
  padding: 0.7rem 3rem;
}
.logo {
  color: #ccc;
}
.tc {
  text-align: center;
}
.container {
  padding: 0 2rem;
}

.box {
  min-height: 25rem;
}
.btn {
  padding: 0.5rem 0.7rem;
  color: #fff;
  background-color: rgb(0, 67, 67);
  font-size: 1rem;
  cursor: pointer;
}
.btn + .btn {
  margin-left: 5px;
}
.form .txt {
  padding: 10px 15px;
  width: 85%;
  font-size: 20px;
}
.form .btn {
  padding: 0.7rem 1rem;
  /* width: 18%; */
  font-size: 20px;
}
.form .btn:hover {
  background-color: rgb(5, 86, 86);
}

table.link {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

table.link tr:not(.blank) {
  background: #b0b0b0;
}

table.link tr:not(.blank):hover {
  background: #c8c8c8;
}

table.link td {
  padding: 5px 10px;
  word-wrap: break-word;
}
table.link .origin {
  width: 50%;
}
table.link .short {
  width: 20%;
}

table.link .short a {
  color: #000;
}
table.link .action {
  text-align: right;
  width: 30%;
}

#footer {
  margin: 2rem auto;
  border-top: 1px solid #ccc;
  padding-top: 1rem;
}

table.list {
  border-collapse: collapse;
  width: 100%;
}

table.list th,
table.list td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}