@media screen and (max-width: 986px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}
@media screen and (min-width: 987px) {
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }
}

.tableType td, th {
  border: none !important;
}

.tableType th.se_td {
  white-space: nowrap;
}

.d_title:before {
    border: 4px solid #aac8e8 !important;
}

.d_title:after {
    border: 4px solid #4c91d9 !important;
}

.message_login .message.error {
  margin: 0 auto 20px !important;
}

table.noimage_s td {
  width: 75px;
  height: 75px;
  font-size: 9pt;
  border: 1px dashed gray;
  padding: 1px;
  text-align: center;
  vertical-align: middle !important;
  white-space: nowrap;
  background-color: #ddd;
}

table.noimage_m {
  width:150px;
}
table.noimage_m td {
  width: 150px;
  height: 150px;
  font-size: 11pt;
  border: 1px dashed gray;
  padding: 1px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #ddd;
}

table.noimage_l {
  width: 322px;
}

table.noimage_l td {
  width: 322px;
  height: 240px;
  font-size: 14pt;
  border: 2px dashed gray;
  padding: 2px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #ddd;
}

table.addimage td {
  width: 75px;
  height: 75px;
  font-size: 9pt;
  border: 1px dashed gray;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  background-color: white;
}

.nb_btn ul.narrow li {
  margin-top:0;
  margin-bottom:0;
}

span.clsBaggThumbM {
  margin-left: -2px !important;
}
span.clsBaggThumbM img {
  width: 322px !important;
}

@media screen and (max-width: 986px) {
  table.noimage_s td {
    padding-top: 28px;
  }
  table.noimage_m td {
    padding-top: 65px;
  }
  table.noimage_m td {
    padding-top: 65px;
  }
  table.noimage_l td {
    padding-top: 105px;
  }
  .tableType th {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
  }
  .tableType td {
    display: block !important;
    width: 100% !important;
  }
  #tblBaggageIn td.remark {
    width: 100% !important;
  }
}

@media screen and (max-width : 450px) {
  table.noimage_l {
    margin-left:0;
    width: 240px !important;
  }
  table.noimage_l td {

    height: 180px;
    width: 242px !important;
    font-size: 12pt;
    border: 2px dashed gray;
    padding: 2px;
    text-align: center;
    vertical-align: middle !important;
    background-color: #ddd;
    padding-top: 80px;
  }

  span.clsBaggThumbM img {
    width: 241px !important;
  }
}
