.segment {
  margin: 20px;
  padding: 0 20px;
  border: 1px solid #5c5972;
}

.list_box {
  float:left;
  padding:10px;
  margin:10 10 10 0px;

  border: 1px solid #5c5972;
}

.list_box:hover, 
.list_box:hover a {
 background-color: #5c5972;
 color: #fff;
}



.list_box_line {
  margin: 10 0px;
}

.list_box_line_img_mobile{
  width : 250px;
  height: 556px;
  overflow:hidden;
}

.list_box_line_img_mobile img {
  width : 250px
}


.list_box_line_img_desktop{
  width : 463px;
  height: 250px;
  overflow:hidden;
}

.list_box_line_img_desktop img {
  width : 463px
}

.list_box_text {
  margin: 10 0px;
  padding: 10px;
  border: 1px solid #5c5972;
}

.bad {
  color: #da2337;
}

.bad_border {
  border: 1px solid #da2337;
}

.bad_background:hover, .bad_background:hover a{
  background-color: #da2337;
  border-color: #da2337;
}

.nice {
  color: #33CC66;
}

.nice_border {
  border: 1px solid #33CC66;
}

.nice_background:hover, .nice_background:hover a{
  background-color: #33CC66;
  border-color: #33CC66;
}

.float_end {clear:both;}

.open {
  color: #da2337;
}

.done {
  color: #33CC66;
}

.nice_background:hover .done {
  color: #fff;
}

.bad_background:hover .done,  .bad_background:hover .open {
  color: #fff;
}

.smaller {
  font-size: smaller;
}