#family-dashboard .guide-list {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -ms-flex-pack: justify;
  margin: 0 auto; }
  #family-dashboard .guide-list .icon-frame {
    height: 45px;
    position: relative; }
  #family-dashboard .guide-list .guide-icon {
    width: 40px;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0; }
  #family-dashboard .guide-list .guide-item {
    margin-bottom: 20px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    width: 240px;
    min-height: 240px; }
    #family-dashboard .guide-list .guide-item.mindlab-method .guide-icon {
      width: 60px; }
    #family-dashboard .guide-list .guide-item.teacher-book .guide-icon {
      width: 42px; }
  #family-dashboard .guide-list .guide-link {
    display: block;
    position: relative;
    height: 100%;
    padding: 20px; }
    #family-dashboard .guide-list .guide-link:hover, #family-dashboard .guide-list .guide-link:focus {
      text-decoration: none; }
    #family-dashboard .guide-list .guide-link.link-disabled::after, #family-dashboard .guide-list .guide-link:hover::after {
      opacity: 1; }
    #family-dashboard .guide-list .guide-link::after {
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      opacity: 0;
      background: rgba(0, 0, 0, 0.1);
      -moz-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      top: 0;
      left: 0;
      position: absolute; }
  #family-dashboard .guide-list .more {
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #666666; }
  #family-dashboard .guide-list .title {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 5px; }
  #family-dashboard .guide-list .about {
    font-size: 16px; }