.job-itm {
  display: flex;
  border-bottom: 1px solid #d9d9d9;
  padding: 3px;
  cursor: pointer;
}
.job-itm .th {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  width: 3px;
}
.job-itm td {
  position: relative;
  font-size: 0.8em;
}
.job-itm td span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.job-itm td.nr {
  padding: 5px 12px;
  color: #8a8a8a;
}
.job-itm td.f {
  flex: 0 0 5px;
}
.job-itm td.num, .job-itm td.form {
  /*flex: 1 1 auto;*/
  overflow: hidden;
  display: flex;
  align-items: center;
}
.job-itm td.num .p, .job-itm td.form .p {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
  flex: 0 0 200px;
}
.job-itm td.num .p.jn, .job-itm td.form .p.jn {
  flex: 0 0 95px;
  /*                    text-align: center;
                      padding-left: 0;*/
}
.job-itm td.num .p .fo, .job-itm td.form .p .fo {
  font-weight: 600;
  text-overflow: ellipsis;
  width: 100%;
  float: left;
  color: #595959;
}
.job-itm td.num {
  flex: 0 0 95px;
}
.job-itm td.form {
  flex: 0 0 200px;
}
.job-itm td.t {
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.job-itm td.t .p {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
  flex: 0 0 200px;
}
.job-itm td.t .p.jn {
  flex: 0 0 50px;
  text-align: center;
  padding-left: 0;
}
.job-itm td.t .p .fo {
  font-weight: 600;
  text-overflow: ellipsis;
  width: 100%;
  float: left;
  color: #595959;
  font-size: 1.2em;
}
.job-itm td.t .p .h {
  font-size: 0.8em;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  color: #808080;
}
.job-itm td.t .p .de {
  color: #575757;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  height: 18px;
}
.job-itm td.d {
  flex: 0 0 100px;
  padding: 5px;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  justify-content: center;
}
.job-itm td.d.a {
  flex: 0 0 110px;
}
.job-itm td.d.st {
  flex: 0 0 170px;
}