#be-block {float:left;clear:both;width:100%;margin-bottom:20px;}
#be-block .simple-prod {width:100%;margin:2px 0; color:#333;float:left;clear:both;border:1px dotted #ddd;border-left:none;background:#fbfbfb;}
#be-block .simple-prod img {height:auto;width:70%;float:left;border:1px solid #fff}
#be-block .simple-prod:hover {border-color:#bbb}
#be-block .simple-prod:hover img {border:1px solid #E27F00}
#be-block .color-wrap {width:33%;height:auto;margin:-1px 0;overflow:hidden;color:#fff;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#be-block .number {float:left;width:30%;font-size:16px;text-align:center;margin-top:13px}
#be-block .desc {float:left;width:67%;height:auto;overflow:hidden;font-size:11px;padding:4px 0;padding-left:3%;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#be-block .desc a {width:100%;font-weight:bold;float:left;font-size:12px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#be-block .desc a:hover {color:#222;text-decoration:underline}
#be-block .price {color:#00A213;font-size:12px;float:left;clear:both;width:100%;font-weight:bold;margin-top: 5px;}
#be-block h4 {color: #444;font-size: 13px;width: 100%;padding-bottom: 3px;float: left;width: 100%;}
#be-block h4 a {color: #444;font-size: 13px;}
#be-block h4 span {float:left;max-width:80%}
#be-block .show_all {font-size:12px;color:#444;float:right;clear:both;margin-top:6px;font-weight:bold;width:100%;text-align: right;}
#be-block .show_all a {float:right;max-width:80%;}

@media screen and (min-width: 691px) and (max-width: 970px) {
  #be-block .color-wrap {width:35%;}
  #be-block .desc {padding:2px 0 2px 3%;width:65%;}
  #be-block .number {width:25%;font-size:14px;margin-top:13px;}
  #be-block .simple-prod img {width:75%}
}

@media screen and (min-width: 481px) and (max-width: 690px) {
  #be-block .color-wrap {width:40%;}
  #be-block .desc {padding:2px 0 2px 3%;width:60%;}
  #be-block .number {width:20%;font-size:12px;margin-top:16px;}
  #be-block .simple-prod img {width:80%}
}

@media screen and (max-width: 480px) {
  #be-block .color-wrap {max-width:75px;}
  #be-block .desc {padding: 6px 0 6px 3%;}
  #be-block .desc a {font-size:14px;}
}