#joining {
  width: 100%;
  border-collapse: collapse; }

#joining thead th {
  background: #222;
  color: #fff;
  border: 1px solid #ddd; }

#joining th, #joining td {
  border: 1px solid #ddd; }

#joining .c {
  text-align: center; }

#joining button {
  display: block;
  margin: 3px auto;
  text-align: center; }

.box {
  border: 1px solid #ddd;
  margin: 5px 0 15px; }

#joining button {
  font-size: 16px;
  background: #00c625;
  color: #FFF !important;
  padding: 5px 10px;
  border: 0 solid;
  border-radius: 4px; }

#joining button.cancel {
  background: #f00; }

#joining button:hover {
  background: #3daf36; }

#joining button.cancel:hover {
  background: #D00003; }

#joining button:disabled {
  background: #dddddd;
  color: #FFF !important; }

.modal_tbl {
  padding: 10px; }
  .modal_tbl dl {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0; }
    .modal_tbl dl dt {
      width: 10em;
      padding: 5px;
      background: #ddd;
      margin: 0; }
    .modal_tbl dl dd {
      width: calc(100% - 5em);
      padding: 5px;
      margin: 0; }
    .modal_tbl dl + dl {
      border-top: 0 none; }

#main .discription strong {
  color: #000 !important;
  line-height: 2; }

a.none {
  display: none; }