body {
  margin-top: 0;
  font-family: Arial, 黑體;
  background-color: #F9F9F9;
}

.outer {
  width: 100%;
}

.main {
  width: 1200px;
  margin: 0 auto;
}

.view-title, .view-subtitle {
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.view-subtitle {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}

.filter-section {
  line-height: 30px;
}

.filter-section select {
  height: 30px;
}

.rounded-button {
  border-radius: 4px;
}

.dropdown-box {
  width: 250px;
}

.textfield {
  padding: 5px;
  width: 250px;
  height: 30px;
  border: 1px solid #AAA;
  border-radius: 4px;
  font-size: 15px;
}

input::placeholder {
  font-size: 13px;
  color: #DDD;
}

.form-component {
  margin: auto;
  width: 250px;
}

.form-button, .form-button-w100 {
  background-color: #0060FF;
  width: 250px;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  text-align: center;
}

.form-button-transparent {
  background-color: transparent;
  color: #000;
}

.edit-button, .delete-button {
  text-decoration: none;
}

.delete-button {
  color: #F00;
}

.clearfix {
  clear: both;
}