#header .timebase{
  color:darkorange;
}
.pk_title,#pk{
  width:320px;
  margin: 0 auto;
}
#time-toggle{
  @include bcenter(30px,30px);
  letter-spacing:0;
  padding-left:0;
  @include pos(right,10px,top,0);
}
.pk_title{
  font-size:18px;
  margin-top:10px;
  position:relative;
  z-index:2;
  .area-title{
    &:before{
      color:$color;
    }
    margin-bottom:20px;
  }
  .wide{
    width:60px;
    text-align:center;
  }
  .home,.vs,.visit{
    display:inline-block;
    vertical-align:middle;
  }
  .home{
    color:#fff;
  }
  .vs{
    color:#F96900;
    font-size:30px;
    margin-right:10px;
  }
  .home,.visit{
    width:120px;
    text-align:center;
  }
  $fcolor:darken($color,0%);
  $bcolor:#777;
  .visit{
    background:$bcolor;
    border:1px solid $fcolor;
    color:$fcolor;
    box-shadow:none;
    &:after{
      color:$bcolor;
      right:-21px;
      font-size:66px;
      top:-1px;
    }
    &:before{
      content: '\e82d';
      font-family: 'home';
      position: absolute;
      right: -23px;
      top: -2px;
      font-size: 69px;
      color:$fcolor;
    }
    .title{

    }
  }
  .visit-select{
    background:$bcolor;
    width:150px;
    @include pos(right,10px,top,50px);
    @include text-arrow(top,-8px,right,50px,rgba(#fff,.1),$bcolor,16px,1px);
    font-size:16px;
    box-shadow:inset 3px 0 4px rgba(#fff,.15),inset -3px 0 4px rgba(#fff,.15),1px 0 0 #777,-1px 0 0 #777;
    a{
      color:#fff;
      display:block;
      height:40px;
      text-indent:1em;
      line-height:40px;
      border-bottom:1px solid rgba(#000,.3);
      box-shadow:inset 0 1px 0 rgba(#fff,.2);
    }
    .cur a{
      color:$color;
    }
  }
  &:after{
    content:'';
    display:block;
    width:100%;
    height:5px;
    background:linear-gradient(left,yellow,red);
    margin-top:10px;
  }
}
#pk{
  .score{
    display:inline-block;
    &:after{
      content:'';
      display:block;
      width:100%;
      height:3px;
      background:$color;
      margin-top:2px;
    }
    &.visit-score{
      .wait{
        font-size:30px;
        color:#ccc;
      }
      float:right;
    }
  }
  .band-title{
    padding-left:10px;
  }
  .home,.visit{
    position:relative;
    display:inline-block;
    text-align:center;
    width:150px;
    box-sizing:border-box;
    .ring{
      position:relative;
      left:10px;
    }
    .pillar{
      position:relative;
      left:45px;
      width:60px;
      &:before{
        content:attr(data-target);
      }
      margin-top:20px;
      svg{
        border-radius:3px 3px 1px 1px;
      }
    }
    .all{
      margin-right:0!important;
      margin-bottom:20px;
    }

  }
  .home{
    margin-left:10px;
  }
  .visit{
    margin-left:6px;
    vertical-align:top;
  }
  .agent{
    .home,.visit{
      min-height:200px;
      .cmt+.pillar{
        margin-top:180px;
      }
      .pillar:last-child{
        margin-bottom:20px;
      }
    }
  }
}