@charset "UTF-8";#record {
  display: block;
  padding: 40px 10px;
  margin-bottom: 250px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto; }
  #record > .content {
    display: block;
    padding: 0 70px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%; }

#video-main {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 40px; }
  #video-main > video {
    width: 100%; }
  #video-main > a.fa {
    text-decoration: none;
    color: #999;
    position: absolute;
    font-size: 60px;
    top: calc(50% - 30px); }
    #video-main > a.fa.fa-caret-left {
      left: -50px; }
    #video-main > a.fa.fa-caret-right {
      right: -50px; }
    #video-main > a.fa.active {
      color: black; }
    #video-main > a.fa:active {
      -webkit-transform: translate(2px, 2px);
              transform: translate(2px, 2px); }
  #video-main > h3 {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 1.8em; }

#video-list {
  display: block;
  width: calc(100% + 40px);
  margin-left: -20px; }
  #video-list:after {
    display: block;
    content: '';
    clear: both; }
  #video-list > .cell {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33%;
    padding: 20px;
    float: left;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    #video-list > .cell > .wrap {
      display: block;
      width: 100%;
      height: 0;
      padding-top: 56.25%;
      /* 16:9 */
      position: relative; }
      #video-list > .cell > .wrap > a {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        border: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: black;
        text-align: center;
        vertical-align: middle; }
        #video-list > .cell > .wrap > a > i {
          color: white;
          font-size: 80px;
          text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          opacity: 0.8; }
      #video-list > .cell > .wrap:hover > a > i {
        opacity: 1; }
    #video-list > .cell.active {
      opacity: 0.5; }
      #video-list > .cell.active > .wrap > a > i {
        display: none; }
    #video-list > .cell > h3 {
      padding-top: 5px;
      display: block;
      margin: 0;
      font-size: 15px;
      text-align: center;
      line-height: 1.4em;
      height: 3em; }

@media only screen and (max-width: 800px) {
  #video-list {
    width: calc(100% + 20px);
    margin-left: -10px; }
    #video-list > .cell {
      width: 50%;
      padding: 10px; }
      #video-list > .cell > .wrap > a > i {
        font-size: 50px; }
      #video-list > .cell > h3 {
        font-size: 12px; }
  #record {
    padding: 40px 0; }
    #record > .content {
      padding: 0 30px; }
  #video-main > a.fa {
    font-size: 30px;
    top: calc(50% - 15px); }
    #video-main > a.fa.fa-caret-left {
      left: -20px; }
    #video-main > a.fa.fa-caret-right {
      right: -20px; }
  #video-main > h3 {
    font-size: 18px; } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFib3V0X3JlY29yZC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsY0FBYztFQUVkLGtCQUFrQjtFQUNsQixvQkFBb0I7RUFDcEIsV0FBVztFQUNYLGlCQUFpQjtFQUNqQixjQUFjLEVBQUE7RUFQaEI7SUFTSSxjQUFjO0lBQ2QsZUFBZTtJQUNmLDhCQUFzQjtZQUF0QixzQkFBc0I7SUFDdEIsV0FBVyxFQUFBOztBQUtmO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixrQkFBa0I7RUF3QmxCLG1CQUFtQixFQUFBO0VBM0JyQjtJQUtJLFdBQVcsRUFBQTtFQUxmO0lBUUkscUJBQXFCO0lBQ3JCLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLHFCQUFxQixFQUFBO0lBWnpCO01BYXNCLFdBQVcsRUFBQTtJQWJqQztNQWN1QixZQUFZLEVBQUE7SUFkbkM7TUFlZSxZQUFZLEVBQUE7SUFmM0I7TUFpQk0sc0NBQTZCO2NBQTdCLDhCQUE2QixFQUFBO0VBakJuQztJQXFCSSxTQUFTO0lBQ1QsV0FBVztJQUNYLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2Ysa0JBQWtCLEVBQUE7O0FBS3RCO0VBQ0UsY0FBYztFQUNkLHdCQUF3QjtFQUN4QixrQkFBbUIsRUFBQTtFQUhyQjtJQUtJLGNBQWM7SUFDZCxXQUFXO0lBQ1gsV0FBVyxFQUFBO0VBUGY7SUFXSSxjQUFjO0lBQ2QsOEJBQXNCO1lBQXRCLHNCQUFzQjtJQUN0QixhQUFhO0lBQ2IsYUFBYTtJQUViLFdBQVc7SUFDWCxVQUFVO0lBQ1Ysb0NBQTRCO0lBQTVCLDRCQUE0QixFQUFBO0lBbEJoQztNQXFCTSxjQUFjO01BQ2QsV0FBVztNQUNYLFNBQVM7TUFDVCxtQkFBbUI7TUFBRSxTQUFBO01BQ3JCLGtCQUFrQixFQUFBO01BekJ4QjtRQTJCUSxrQkFBa0I7UUFDbEIsb0JBQWE7UUFBYixvQkFBYTtRQUFiLGFBQWE7UUFDYix5QkFBa0I7WUFBbEIsc0JBQWtCO2dCQUFsQixtQkFBa0I7UUFDbEIsd0JBQXNCO1lBQXRCLHFCQUFzQjtnQkFBdEIsdUJBQXNCO1FBQ3RCLE1BQU07UUFDTixPQUFPO1FBQ1AsV0FBVztRQUNYLFlBQVk7UUFDWixxQkFBcUI7UUFDckIsU0FBUztRQUNULDRCQUE0QjtRQUM1QixzQkFBc0I7UUFDdEIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQixzQkFBc0IsRUFBQTtRQXpDOUI7VUEyQ1UsWUFBWTtVQUNaLGVBQWU7VUFDZix1Q0FBb0M7VUFDcEMsWUFBWSxFQUFBO01BOUN0QjtRQWtEUSxVQUFVLEVBQUE7SUFsRGxCO01Bc0RNLFlBQVcsRUFBQTtNQXREakI7UUF3RFEsYUFBYSxFQUFBO0lBeERyQjtNQTZETSxnQkFBZ0I7TUFDaEIsY0FBYztNQUNkLFNBQVM7TUFDVCxlQUFlO01BQ2Ysa0JBQWtCO01BQ2xCLGtCQUFrQjtNQUNsQixXQUFXLEVBQUE7O0FBV2pCO0VBQ0U7SUFDRSx3QkFBd0I7SUFDeEIsa0JBQW1CLEVBQUE7SUFGckI7TUFJSSxVQUFVO01BQUUsYUFBWSxFQUFBO01BSjVCO1FBTU0sZUFBZSxFQUFBO01BTnJCO1FBU00sZUFBZSxFQUFBO0VBSXJCO0lBQ0UsZUFBZSxFQUFBO0lBRGpCO01BR0ksZUFBZSxFQUFBO0VBSW5CO0lBRUksZUFBZTtJQUNmLHFCQUFxQixFQUFBO0lBSHpCO01BSXNCLFdBQVcsRUFBQTtJQUpqQztNQUt1QixZQUFZLEVBQUE7RUFMbkM7SUFRSSxlQUFlLEVBQUEsRUFDaEIiLCJmaWxlIjoiYWJvdXRfcmVjb3JkLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiNyZWNvcmQge1xyXG4gIGRpc3BsYXk6IGJsb2NrO1xyXG4gIC8vb3V0bGluZTogMXB4IHNvbGlkIGJsdWU7XHJcbiAgcGFkZGluZzogNDBweCAxMHB4O1xyXG4gIG1hcmdpbi1ib3R0b206IDI1MHB4O1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIG1heC13aWR0aDogMTE0MHB4O1xyXG4gIG1hcmdpbjogMCBhdXRvO1xyXG4gID4uY29udGVudCB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIHBhZGRpbmc6IDAgNzBweDtcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICB9XHJcbn1cclxuXHJcblxyXG4jdmlkZW8tbWFpbiB7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiBhdXRvO1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICA+dmlkZW8ge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG4gID5hLmZhIHtcclxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgIGNvbG9yOiAjOTk5O1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgZm9udC1zaXplOiA2MHB4O1xyXG4gICAgdG9wOiBjYWxjKDUwJSAtIDMwcHgpO1xyXG4gICAgJi5mYS1jYXJldC1sZWZ0IHsgbGVmdDogLTUwcHg7IH1cclxuICAgICYuZmEtY2FyZXQtcmlnaHQgeyByaWdodDogLTUwcHg7IH1cclxuICAgICYuYWN0aXZlIHsgY29sb3I6IGJsYWNrOyB9XHJcbiAgICAmOmFjdGl2ZSB7XHJcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDJweCwycHgpO1xyXG4gICAgfVxyXG4gIH1cclxuICA+aDMge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBmb250LXNpemU6IDI0cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMS44ZW07XHJcbiAgfVxyXG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XHJcbn1cclxuXHJcbiN2aWRlby1saXN0IHtcclxuICBkaXNwbGF5OiBibG9jaztcclxuICB3aWR0aDogY2FsYygxMDAlICsgNDBweCk7XHJcbiAgbWFyZ2luLWxlZnQ6IC0gMjBweDtcclxuICAmOmFmdGVyIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgY29udGVudDogJyc7XHJcbiAgICBjbGVhcjogYm90aDtcclxuIH1cclxuICAgIFxyXG4gID4uY2VsbCB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICB3aWR0aDogMzMuMzMlO1xyXG4gICAgcGFkZGluZzogMjBweDtcclxuICAgIC8vb3V0bGluZTogMXB4IHNvbGlkIHJlZDtcclxuICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgb3BhY2l0eTogMTtcclxuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgLjNzIGVhc2U7XHJcbiAgICA+LndyYXAge1xyXG4gICAgICAvL291dGxpbmU6IDFweCBzb2xpZCBibHVlO1xyXG4gICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMDtcclxuICAgICAgcGFkZGluZy10b3A6IDU2LjI1JTsgLyogMTY6OSAqL1xyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgID5hIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgICBhbGlnbi1pdGVtczpjZW50ZXI7XHJcbiAgICAgICAganVzdGlmeS1jb250ZW50OmNlbnRlcjtcclxuICAgICAgICB0b3A6IDA7XHJcbiAgICAgICAgbGVmdDogMDtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgICAgIGJvcmRlcjogMDtcclxuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xyXG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XHJcbiAgICAgICAgPmkge1xyXG4gICAgICAgICAgY29sb3I6IHdoaXRlO1xyXG4gICAgICAgICAgZm9udC1zaXplOiA4MHB4O1xyXG4gICAgICAgICAgdGV4dC1zaGFkb3c6IDAgMCA1cHggcmdiYSgwLDAsMCwwLjUpO1xyXG4gICAgICAgICAgb3BhY2l0eTogMC44O1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICAmOmhvdmVyPmE+aSB7XHJcbiAgICAgICAgb3BhY2l0eTogMTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgJi5hY3RpdmUgeyBcclxuICAgICAgb3BhY2l0eTowLjU7XHJcbiAgICAgID4ud3JhcD5hPmkge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICA+aDMge1xyXG4gICAgICBwYWRkaW5nLXRvcDogNXB4O1xyXG4gICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgbWFyZ2luOiAwO1xyXG4gICAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICAgbGluZS1oZWlnaHQ6IDEuNGVtO1xyXG4gICAgICBoZWlnaHQ6IDNlbTtcclxuICAgIH1cclxuICB9XHJcbiAgXHJcbn1cclxuXHJcblxyXG5cclxuXHJcblxyXG5cclxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA4MDBweCkge1xyXG4gICN2aWRlby1saXN0IHtcclxuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAyMHB4KTtcclxuICAgIG1hcmdpbi1sZWZ0OiAtIDEwcHg7XHJcbiAgICA+LmNlbGwge1xyXG4gICAgICB3aWR0aDogNTAlOyBwYWRkaW5nOjEwcHg7XHJcbiAgICAgID4ud3JhcCA+YSA+aSB7XHJcbiAgICAgICAgZm9udC1zaXplOiA1MHB4O1xyXG4gICAgICB9XHJcbiAgICAgID5oMyB7XHJcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG4gICNyZWNvcmQge1xyXG4gICAgcGFkZGluZzogNDBweCAwO1xyXG4gICAgPi5jb250ZW50IHtcclxuICAgICAgcGFkZGluZzogMCAzMHB4O1xyXG4gICAgfVxyXG4gICAgXHJcbiAgfVxyXG4gICN2aWRlby1tYWlue1xyXG4gICAgPmEuZmEge1xyXG4gICAgICBmb250LXNpemU6IDMwcHg7XHJcbiAgICAgIHRvcDogY2FsYyg1MCUgLSAxNXB4KTtcclxuICAgICAgJi5mYS1jYXJldC1sZWZ0IHsgbGVmdDogLTIwcHg7IH1cclxuICAgICAgJi5mYS1jYXJldC1yaWdodCB7IHJpZ2h0OiAtMjBweDsgfVxyXG4gICAgfVxyXG4gICAgPmgzIHtcclxuICAgICAgZm9udC1zaXplOiAxOHB4O1xyXG4gICAgfVxyXG4gICAgXHJcbiAgfVxyXG5cclxuICBcclxufVxyXG5cclxuXHJcblxyXG5cclxuIl19 */