@charset "UTF-8";
.kv_float {
  font-family: '微軟正黑體', courier;
  /*background: black;*/
  text-align: center;
  mix-blend-mode: lighten;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.matrix {
  color: #0ee4ab;
  font-size: 12px;
  line-height: 14px;
  display: block;
  white-space: nowrap;
  /*width: 100%;*/
  width: 45em;
  height: 100vh;
  padding: 0;
  margin: 0;
  list-style: none;
  mix-blend-mode: lighten;
  overflow: hidden;
}

.matrix li {
  text-align: center;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  width: 1em;
  position: relative;
  opacity: 0.75;
}

.matrix li b {
  display: none;
  background: rgba(14, 228, 171, 0.3); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(14, 228, 171, 0.3) 0%, rgba(14, 228, 171, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(14, 228, 171, 0.3) 0%, rgba(14, 228, 171, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(14, 228, 171, 0.3) 0%, rgba(14, 228, 171, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ee4ab', endColorstr='#140029',GradientType=0 ); /* IE6-9 */
  width: 100%; height: 100%;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  z-index: 2;
}

.matrix li:after {
  /*text-shadow: #0ee4ab 0 0 1em;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  overflow: hidden;
  content: url("../../images/666.gif");
  -webkit-animation-duration: 1920ms; -webkit-animation-timing-function: steps(1, start); -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-fill-mode: none; -webkit-animation-play-state: running;
  -moz-animation-duration: 1920ms; -moz-animation-timing-function: steps(1, start); -moz-animation-delay: 0s; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-fill-mode: none; -moz-animation-play-state: running;
  -ms-animation-duration: 1920ms; -ms-animation-timing-function: steps(1, start); -ms-animation-delay: 0s; -ms-animation-iteration-count: infinite; -ms-animation-direction: normal; -ms-animation-fill-mode: none; -ms-animation-play-state: running;
  -o-animation-duration: 1920ms; -o-animation-timing-function: steps(1, start); -o-animation-delay: 0s; -o-animation-iteration-count: infinite; -o-animation-direction: normal; -o-animation-fill-mode: none; -o-animation-play-state: running;
  /* animation: 1920ms column-1 infinite steps(1, start); */
  animation-duration: 1920ms;
  animation-timing-function: steps(1, start);
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
}

/* 隨機 */

/*隨機=漸層光*/
.matrix li:nth-child(7n-1) b {
  display: block;
}
/*隨機=尺寸大*/
.matrix li:nth-child(1),  .matrix li:nth-child(5),  
.matrix li:nth-child(8),  .matrix li:nth-child(11), 
.matrix li:nth-child(14), .matrix li:nth-child(15), 
.matrix li:nth-child(18), .matrix li:nth-child(21),
.matrix li:nth-child(24), .matrix li:nth-child(27),
.matrix li:nth-child(30) {
  font-size: 21px;
  line-height: 24px;
}
.matrix li:nth-child(1):after,  .matrix li:nth-child(5):after,  
.matrix li:nth-child(8):after,  .matrix li:nth-child(11):after, 
.matrix li:nth-child(14):after, .matrix li:nth-child(15):after, 
.matrix li:nth-child(18):after, .matrix li:nth-child(21):after,
.matrix li:nth-child(24):after, .matrix li:nth-child(27):after,
.matrix li:nth-child(30):after { content: url("../../images/666L.gif"); }
/*隨機=透明度*/
.matrix li:nth-child(1),  .matrix li:nth-child(5),  
.matrix li:nth-child(8) {
  opacity: 0.95;
}

/* Start */

.matrix li:nth-child(1), .matrix li:nth-child(33) {}
.matrix li:nth-child(1):before, .matrix li:nth-child(33):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(1):after, .matrix li:nth-child(33):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 216px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(25%, rgba(20, 0, 41, 0)), color-stop(25%, #140029), color-stop(100%, #140029)) 0 216px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 144px, #140029 144px, #140029 576px) 0 216px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 144px, #140029 144px, #140029 576px) 0 216px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 144px, #140029 144px, #140029 576px) 0 216px repeat;
  /*content: " ";*/
  background-size: 100% 100%;
  padding-top: 360px;
  -webkit-animation-name: column-1;
  -moz-animation-name: column-1;
  -ms-animation-name: column-1;
  -o-animation-name: column-1;
  animation-name: column-1;
}

@-webkit-keyframes column-1{0%{background-position: 0 216px; padding-top: 360px;} 4.16667%{background-position: 0 240px; padding-top: 384px;} 8.33333%{background-position: 0 264px; padding-top: 408px;} 12.5%{background-position: 0 288px; padding-top: 432px;} 16.66667%{background-position: 0 312px; padding-top: 456px;} 20.83333%{background-position: 0 336px; padding-top: 480px;} 25%{background-position: 0 360px; padding-top: 504px;} 29.16667%{background-position: 0 384px; padding-top: 528px;} 33.33333%{background-position: 0 408px; padding-top: 552px;} 37.5%{background-position: 0 -144px; padding-top: 0px;} 41.66667%{background-position: 0 -120px; padding-top: 24px;} 45.83333%{background-position: 0 -96px; padding-top: 48px;} 50%{background-position: 0 -72px; padding-top: 72px;} 54.16667%{background-position: 0 -48px; padding-top: 96px;} 58.33333%{background-position: 0 -24px; padding-top: 120px;} 62.5%{background-position: 0 0px; padding-top: 144px;} 66.66667%{background-position: 0 24px; padding-top: 168px;} 70.83333%{background-position: 0 48px; padding-top: 192px;} 75%{background-position: 0 72px; padding-top: 216px;} 79.16667%{background-position: 0 96px; padding-top: 240px;} 83.33333%{background-position: 0 120px; padding-top: 264px;} 87.5%{background-position: 0 144px; padding-top: 288px;} 91.66667%{background-position: 0 168px; padding-top: 312px;} 95.83333%{background-position: 0 192px; padding-top: 336px;}}@-moz-keyframes column-1{0%{background-position: 0 216px; padding-top: 360px;} 4.16667%{background-position: 0 240px; padding-top: 384px;} 8.33333%{background-position: 0 264px; padding-top: 408px;} 12.5%{background-position: 0 288px; padding-top: 432px;} 16.66667%{background-position: 0 312px; padding-top: 456px;} 20.83333%{background-position: 0 336px; padding-top: 480px;} 25%{background-position: 0 360px; padding-top: 504px;} 29.16667%{background-position: 0 384px; padding-top: 528px;} 33.33333%{background-position: 0 408px; padding-top: 552px;} 37.5%{background-position: 0 -144px; padding-top: 0px;} 41.66667%{background-position: 0 -120px; padding-top: 24px;} 45.83333%{background-position: 0 -96px; padding-top: 48px;} 50%{background-position: 0 -72px; padding-top: 72px;} 54.16667%{background-position: 0 -48px; padding-top: 96px;} 58.33333%{background-position: 0 -24px; padding-top: 120px;} 62.5%{background-position: 0 0px; padding-top: 144px;} 66.66667%{background-position: 0 24px; padding-top: 168px;} 70.83333%{background-position: 0 48px; padding-top: 192px;} 75%{background-position: 0 72px; padding-top: 216px;} 79.16667%{background-position: 0 96px; padding-top: 240px;} 83.33333%{background-position: 0 120px; padding-top: 264px;} 87.5%{background-position: 0 144px; padding-top: 288px;} 91.66667%{background-position: 0 168px; padding-top: 312px;} 95.83333%{background-position: 0 192px; padding-top: 336px;}}@-o-keyframes column-1{0%{background-position: 0 216px; padding-top: 360px;} 4.16667%{background-position: 0 240px; padding-top: 384px;} 8.33333%{background-position: 0 264px; padding-top: 408px;} 12.5%{background-position: 0 288px; padding-top: 432px;} 16.66667%{background-position: 0 312px; padding-top: 456px;} 20.83333%{background-position: 0 336px; padding-top: 480px;} 25%{background-position: 0 360px; padding-top: 504px;} 29.16667%{background-position: 0 384px; padding-top: 528px;} 33.33333%{background-position: 0 408px; padding-top: 552px;} 37.5%{background-position: 0 -144px; padding-top: 0px;} 41.66667%{background-position: 0 -120px; padding-top: 24px;} 45.83333%{background-position: 0 -96px; padding-top: 48px;} 50%{background-position: 0 -72px; padding-top: 72px;} 54.16667%{background-position: 0 -48px; padding-top: 96px;} 58.33333%{background-position: 0 -24px; padding-top: 120px;} 62.5%{background-position: 0 0px; padding-top: 144px;} 66.66667%{background-position: 0 24px; padding-top: 168px;} 70.83333%{background-position: 0 48px; padding-top: 192px;} 75%{background-position: 0 72px; padding-top: 216px;} 79.16667%{background-position: 0 96px; padding-top: 240px;} 83.33333%{background-position: 0 120px; padding-top: 264px;} 87.5%{background-position: 0 144px; padding-top: 288px;} 91.66667%{background-position: 0 168px; padding-top: 312px;} 95.83333%{background-position: 0 192px; padding-top: 336px;}}@keyframes column-1{0%{background-position: 0 216px; padding-top: 360px;} 4.16667%{background-position: 0 240px; padding-top: 384px;} 8.33333%{background-position: 0 264px; padding-top: 408px;} 12.5%{background-position: 0 288px; padding-top: 432px;} 16.66667%{background-position: 0 312px; padding-top: 456px;} 20.83333%{background-position: 0 336px; padding-top: 480px;} 25%{background-position: 0 360px; padding-top: 504px;} 29.16667%{background-position: 0 384px; padding-top: 528px;} 33.33333%{background-position: 0 408px; padding-top: 552px;} 37.5%{background-position: 0 -144px; padding-top: 0px;} 41.66667%{background-position: 0 -120px; padding-top: 24px;} 45.83333%{background-position: 0 -96px; padding-top: 48px;} 50%{background-position: 0 -72px; padding-top: 72px;} 54.16667%{background-position: 0 -48px; padding-top: 96px;} 58.33333%{background-position: 0 -24px; padding-top: 120px;} 62.5%{background-position: 0 0px; padding-top: 144px;} 66.66667%{background-position: 0 24px; padding-top: 168px;} 70.83333%{background-position: 0 48px; padding-top: 192px;} 75%{background-position: 0 72px; padding-top: 216px;} 79.16667%{background-position: 0 96px; padding-top: 240px;} 83.33333%{background-position: 0 120px; padding-top: 264px;} 87.5%{background-position: 0 144px; padding-top: 288px;} 91.66667%{background-position: 0 168px; padding-top: 312px;} 95.83333%{background-position: 0 192px; padding-top: 336px;}}

.matrix li:nth-child(2), .matrix li:nth-child(34) {}
.matrix li:nth-child(2):before, .matrix li:nth-child(34):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(2):after, .matrix li:nth-child(34):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 120px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(20.83333%, rgba(20, 0, 41, 0)), color-stop(20.83333%, #140029), color-stop(100%, #140029)) 0 120px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 120px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 120px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 120px repeat;
  /*content: " ";*/
  padding-top: 240px;
  -webkit-animation-name: column-2;
  -moz-animation-name: column-2;
  -ms-animation-name: column-2;
  -o-animation-name: column-2;
  animation-name: column-2;
}

@-webkit-keyframes column-2{0%{background-position: 0 120px; padding-top: 240px;} 4.16667%{background-position: 0 144px; padding-top: 264px;} 8.33333%{background-position: 0 168px; padding-top: 288px;} 12.5%{background-position: 0 192px; padding-top: 312px;} 16.66667%{background-position: 0 216px; padding-top: 336px;} 20.83333%{background-position: 0 240px; padding-top: 360px;} 25%{background-position: 0 264px; padding-top: 384px;} 29.16667%{background-position: 0 288px; padding-top: 408px;} 33.33333%{background-position: 0 312px; padding-top: 432px;} 37.5%{background-position: 0 336px; padding-top: 456px;} 41.66667%{background-position: 0 360px; padding-top: 480px;} 45.83333%{background-position: 0 384px; padding-top: 504px;} 50%{background-position: 0 408px; padding-top: 528px;} 54.16667%{background-position: 0 432px; padding-top: 552px;} 58.33333%{background-position: 0 -120px; padding-top: 0px;} 62.5%{background-position: 0 -96px; padding-top: 24px;} 66.66667%{background-position: 0 -72px; padding-top: 48px;} 70.83333%{background-position: 0 -48px; padding-top: 72px;} 75%{background-position: 0 -24px; padding-top: 96px;} 79.16667%{background-position: 0 0px; padding-top: 120px;} 83.33333%{background-position: 0 24px; padding-top: 144px;} 87.5%{background-position: 0 48px; padding-top: 168px;} 91.66667%{background-position: 0 72px; padding-top: 192px;} 95.83333%{background-position: 0 96px; padding-top: 216px;}}@-moz-keyframes column-2{0%{background-position: 0 120px; padding-top: 240px;} 4.16667%{background-position: 0 144px; padding-top: 264px;} 8.33333%{background-position: 0 168px; padding-top: 288px;} 12.5%{background-position: 0 192px; padding-top: 312px;} 16.66667%{background-position: 0 216px; padding-top: 336px;} 20.83333%{background-position: 0 240px; padding-top: 360px;} 25%{background-position: 0 264px; padding-top: 384px;} 29.16667%{background-position: 0 288px; padding-top: 408px;} 33.33333%{background-position: 0 312px; padding-top: 432px;} 37.5%{background-position: 0 336px; padding-top: 456px;} 41.66667%{background-position: 0 360px; padding-top: 480px;} 45.83333%{background-position: 0 384px; padding-top: 504px;} 50%{background-position: 0 408px; padding-top: 528px;} 54.16667%{background-position: 0 432px; padding-top: 552px;} 58.33333%{background-position: 0 -120px; padding-top: 0px;} 62.5%{background-position: 0 -96px; padding-top: 24px;} 66.66667%{background-position: 0 -72px; padding-top: 48px;} 70.83333%{background-position: 0 -48px; padding-top: 72px;} 75%{background-position: 0 -24px; padding-top: 96px;} 79.16667%{background-position: 0 0px; padding-top: 120px;} 83.33333%{background-position: 0 24px; padding-top: 144px;} 87.5%{background-position: 0 48px; padding-top: 168px;} 91.66667%{background-position: 0 72px; padding-top: 192px;} 95.83333%{background-position: 0 96px; padding-top: 216px;}}@-o-keyframes column-2{0%{background-position: 0 120px; padding-top: 240px;} 4.16667%{background-position: 0 144px; padding-top: 264px;} 8.33333%{background-position: 0 168px; padding-top: 288px;} 12.5%{background-position: 0 192px; padding-top: 312px;} 16.66667%{background-position: 0 216px; padding-top: 336px;} 20.83333%{background-position: 0 240px; padding-top: 360px;} 25%{background-position: 0 264px; padding-top: 384px;} 29.16667%{background-position: 0 288px; padding-top: 408px;} 33.33333%{background-position: 0 312px; padding-top: 432px;} 37.5%{background-position: 0 336px; padding-top: 456px;} 41.66667%{background-position: 0 360px; padding-top: 480px;} 45.83333%{background-position: 0 384px; padding-top: 504px;} 50%{background-position: 0 408px; padding-top: 528px;} 54.16667%{background-position: 0 432px; padding-top: 552px;} 58.33333%{background-position: 0 -120px; padding-top: 0px;} 62.5%{background-position: 0 -96px; padding-top: 24px;} 66.66667%{background-position: 0 -72px; padding-top: 48px;} 70.83333%{background-position: 0 -48px; padding-top: 72px;} 75%{background-position: 0 -24px; padding-top: 96px;} 79.16667%{background-position: 0 0px; padding-top: 120px;} 83.33333%{background-position: 0 24px; padding-top: 144px;} 87.5%{background-position: 0 48px; padding-top: 168px;} 91.66667%{background-position: 0 72px; padding-top: 192px;} 95.83333%{background-position: 0 96px; padding-top: 216px;}}@keyframes column-2{0%{background-position: 0 120px; padding-top: 240px;} 4.16667%{background-position: 0 144px; padding-top: 264px;} 8.33333%{background-position: 0 168px; padding-top: 288px;} 12.5%{background-position: 0 192px; padding-top: 312px;} 16.66667%{background-position: 0 216px; padding-top: 336px;} 20.83333%{background-position: 0 240px; padding-top: 360px;} 25%{background-position: 0 264px; padding-top: 384px;} 29.16667%{background-position: 0 288px; padding-top: 408px;} 33.33333%{background-position: 0 312px; padding-top: 432px;} 37.5%{background-position: 0 336px; padding-top: 456px;} 41.66667%{background-position: 0 360px; padding-top: 480px;} 45.83333%{background-position: 0 384px; padding-top: 504px;} 50%{background-position: 0 408px; padding-top: 528px;} 54.16667%{background-position: 0 432px; padding-top: 552px;} 58.33333%{background-position: 0 -120px; padding-top: 0px;} 62.5%{background-position: 0 -96px; padding-top: 24px;} 66.66667%{background-position: 0 -72px; padding-top: 48px;} 70.83333%{background-position: 0 -48px; padding-top: 72px;} 75%{background-position: 0 -24px; padding-top: 96px;} 79.16667%{background-position: 0 0px; padding-top: 120px;} 83.33333%{background-position: 0 24px; padding-top: 144px;} 87.5%{background-position: 0 48px; padding-top: 168px;} 91.66667%{background-position: 0 72px; padding-top: 192px;} 95.83333%{background-position: 0 96px; padding-top: 216px;}}

.matrix li:nth-child(3), .matrix li:nth-child(35) {}
.matrix li:nth-child(3):before, .matrix li:nth-child(35):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(3):after, .matrix li:nth-child(35):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -144px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(62.5%, rgba(20, 0, 41, 0)), color-stop(62.5%, #140029), color-stop(100%, #140029)) 0 -144px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 -144px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 -144px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 -144px repeat;
  /*content: " ";*/
  padding-top: 216px;
  -webkit-animation-name: column-3;
  -moz-animation-name: column-3;
  -ms-animation-name: column-3;
  -o-animation-name: column-3;
  animation-name: column-3;
}

@-webkit-keyframes column-3{0%{background-position: 0 -144px; padding-top: 216px;} 4.16667%{background-position: 0 -120px; padding-top: 240px;} 8.33333%{background-position: 0 -96px; padding-top: 264px;} 12.5%{background-position: 0 -72px; padding-top: 288px;} 16.66667%{background-position: 0 -48px; padding-top: 312px;} 20.83333%{background-position: 0 -24px; padding-top: 336px;} 25%{background-position: 0 0px; padding-top: 360px;} 29.16667%{background-position: 0 24px; padding-top: 384px;} 33.33333%{background-position: 0 48px; padding-top: 408px;} 37.5%{background-position: 0 72px; padding-top: 432px;} 41.66667%{background-position: 0 96px; padding-top: 456px;} 45.83333%{background-position: 0 120px; padding-top: 480px;} 50%{background-position: 0 144px; padding-top: 504px;} 54.16667%{background-position: 0 168px; padding-top: 528px;} 58.33333%{background-position: 0 192px; padding-top: 552px;} 62.5%{background-position: 0 -360px; padding-top: 0px;} 66.66667%{background-position: 0 -336px; padding-top: 24px;} 70.83333%{background-position: 0 -312px; padding-top: 48px;} 75%{background-position: 0 -288px; padding-top: 72px;} 79.16667%{background-position: 0 -264px; padding-top: 96px;} 83.33333%{background-position: 0 -240px; padding-top: 120px;} 87.5%{background-position: 0 -216px; padding-top: 144px;} 91.66667%{background-position: 0 -192px; padding-top: 168px;} 95.83333%{background-position: 0 -168px; padding-top: 192px;}}@-moz-keyframes column-3{0%{background-position: 0 -144px; padding-top: 216px;} 4.16667%{background-position: 0 -120px; padding-top: 240px;} 8.33333%{background-position: 0 -96px; padding-top: 264px;} 12.5%{background-position: 0 -72px; padding-top: 288px;} 16.66667%{background-position: 0 -48px; padding-top: 312px;} 20.83333%{background-position: 0 -24px; padding-top: 336px;} 25%{background-position: 0 0px; padding-top: 360px;} 29.16667%{background-position: 0 24px; padding-top: 384px;} 33.33333%{background-position: 0 48px; padding-top: 408px;} 37.5%{background-position: 0 72px; padding-top: 432px;} 41.66667%{background-position: 0 96px; padding-top: 456px;} 45.83333%{background-position: 0 120px; padding-top: 480px;} 50%{background-position: 0 144px; padding-top: 504px;} 54.16667%{background-position: 0 168px; padding-top: 528px;} 58.33333%{background-position: 0 192px; padding-top: 552px;} 62.5%{background-position: 0 -360px; padding-top: 0px;} 66.66667%{background-position: 0 -336px; padding-top: 24px;} 70.83333%{background-position: 0 -312px; padding-top: 48px;} 75%{background-position: 0 -288px; padding-top: 72px;} 79.16667%{background-position: 0 -264px; padding-top: 96px;} 83.33333%{background-position: 0 -240px; padding-top: 120px;} 87.5%{background-position: 0 -216px; padding-top: 144px;} 91.66667%{background-position: 0 -192px; padding-top: 168px;} 95.83333%{background-position: 0 -168px; padding-top: 192px;}}@-o-keyframes column-3{0%{background-position: 0 -144px; padding-top: 216px;} 4.16667%{background-position: 0 -120px; padding-top: 240px;} 8.33333%{background-position: 0 -96px; padding-top: 264px;} 12.5%{background-position: 0 -72px; padding-top: 288px;} 16.66667%{background-position: 0 -48px; padding-top: 312px;} 20.83333%{background-position: 0 -24px; padding-top: 336px;} 25%{background-position: 0 0px; padding-top: 360px;} 29.16667%{background-position: 0 24px; padding-top: 384px;} 33.33333%{background-position: 0 48px; padding-top: 408px;} 37.5%{background-position: 0 72px; padding-top: 432px;} 41.66667%{background-position: 0 96px; padding-top: 456px;} 45.83333%{background-position: 0 120px; padding-top: 480px;} 50%{background-position: 0 144px; padding-top: 504px;} 54.16667%{background-position: 0 168px; padding-top: 528px;} 58.33333%{background-position: 0 192px; padding-top: 552px;} 62.5%{background-position: 0 -360px; padding-top: 0px;} 66.66667%{background-position: 0 -336px; padding-top: 24px;} 70.83333%{background-position: 0 -312px; padding-top: 48px;} 75%{background-position: 0 -288px; padding-top: 72px;} 79.16667%{background-position: 0 -264px; padding-top: 96px;} 83.33333%{background-position: 0 -240px; padding-top: 120px;} 87.5%{background-position: 0 -216px; padding-top: 144px;} 91.66667%{background-position: 0 -192px; padding-top: 168px;} 95.83333%{background-position: 0 -168px; padding-top: 192px;}}@keyframes column-3{0%{background-position: 0 -144px; padding-top: 216px;} 4.16667%{background-position: 0 -120px; padding-top: 240px;} 8.33333%{background-position: 0 -96px; padding-top: 264px;} 12.5%{background-position: 0 -72px; padding-top: 288px;} 16.66667%{background-position: 0 -48px; padding-top: 312px;} 20.83333%{background-position: 0 -24px; padding-top: 336px;} 25%{background-position: 0 0px; padding-top: 360px;} 29.16667%{background-position: 0 24px; padding-top: 384px;} 33.33333%{background-position: 0 48px; padding-top: 408px;} 37.5%{background-position: 0 72px; padding-top: 432px;} 41.66667%{background-position: 0 96px; padding-top: 456px;} 45.83333%{background-position: 0 120px; padding-top: 480px;} 50%{background-position: 0 144px; padding-top: 504px;} 54.16667%{background-position: 0 168px; padding-top: 528px;} 58.33333%{background-position: 0 192px; padding-top: 552px;} 62.5%{background-position: 0 -360px; padding-top: 0px;} 66.66667%{background-position: 0 -336px; padding-top: 24px;} 70.83333%{background-position: 0 -312px; padding-top: 48px;} 75%{background-position: 0 -288px; padding-top: 72px;} 79.16667%{background-position: 0 -264px; padding-top: 96px;} 83.33333%{background-position: 0 -240px; padding-top: 120px;} 87.5%{background-position: 0 -216px; padding-top: 144px;} 91.66667%{background-position: 0 -192px; padding-top: 168px;} 95.83333%{background-position: 0 -168px; padding-top: 192px;}}

.matrix li:nth-child(4) {}
.matrix li:nth-child(4):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(4):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -360px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(83.33333%, rgba(20, 0, 41, 0)), color-stop(83.33333%, #140029), color-stop(100%, #140029)) 0 -360px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -360px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -360px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -360px repeat;
  /*content: " ";*/
  padding-top: 120px;
  -webkit-animation-name: column-4;
  -moz-animation-name: column-4;
  -ms-animation-name: column-4;
  -o-animation-name: column-4;
  animation-name: column-4;
}

@-webkit-keyframes column-4{0%{background-position: 0 -360px; padding-top: 120px;} 4.16667%{background-position: 0 -336px; padding-top: 144px;} 8.33333%{background-position: 0 -312px; padding-top: 168px;} 12.5%{background-position: 0 -288px; padding-top: 192px;} 16.66667%{background-position: 0 -264px; padding-top: 216px;} 20.83333%{background-position: 0 -240px; padding-top: 240px;} 25%{background-position: 0 -216px; padding-top: 264px;} 29.16667%{background-position: 0 -192px; padding-top: 288px;} 33.33333%{background-position: 0 -168px; padding-top: 312px;} 37.5%{background-position: 0 -144px; padding-top: 336px;} 41.66667%{background-position: 0 -120px; padding-top: 360px;} 45.83333%{background-position: 0 -96px; padding-top: 384px;} 50%{background-position: 0 -72px; padding-top: 408px;} 54.16667%{background-position: 0 -48px; padding-top: 432px;} 58.33333%{background-position: 0 -24px; padding-top: 456px;} 62.5%{background-position: 0 0px; padding-top: 480px;} 66.66667%{background-position: 0 24px; padding-top: 504px;} 70.83333%{background-position: 0 48px; padding-top: 528px;} 75%{background-position: 0 72px; padding-top: 552px;} 79.16667%{background-position: 0 -480px; padding-top: 0px;} 83.33333%{background-position: 0 -456px; padding-top: 24px;} 87.5%{background-position: 0 -432px; padding-top: 48px;} 91.66667%{background-position: 0 -408px; padding-top: 72px;} 95.83333%{background-position: 0 -384px; padding-top: 96px;}}@-moz-keyframes column-4{0%{background-position: 0 -360px; padding-top: 120px;} 4.16667%{background-position: 0 -336px; padding-top: 144px;} 8.33333%{background-position: 0 -312px; padding-top: 168px;} 12.5%{background-position: 0 -288px; padding-top: 192px;} 16.66667%{background-position: 0 -264px; padding-top: 216px;} 20.83333%{background-position: 0 -240px; padding-top: 240px;} 25%{background-position: 0 -216px; padding-top: 264px;} 29.16667%{background-position: 0 -192px; padding-top: 288px;} 33.33333%{background-position: 0 -168px; padding-top: 312px;} 37.5%{background-position: 0 -144px; padding-top: 336px;} 41.66667%{background-position: 0 -120px; padding-top: 360px;} 45.83333%{background-position: 0 -96px; padding-top: 384px;} 50%{background-position: 0 -72px; padding-top: 408px;} 54.16667%{background-position: 0 -48px; padding-top: 432px;} 58.33333%{background-position: 0 -24px; padding-top: 456px;} 62.5%{background-position: 0 0px; padding-top: 480px;} 66.66667%{background-position: 0 24px; padding-top: 504px;} 70.83333%{background-position: 0 48px; padding-top: 528px;} 75%{background-position: 0 72px; padding-top: 552px;} 79.16667%{background-position: 0 -480px; padding-top: 0px;} 83.33333%{background-position: 0 -456px; padding-top: 24px;} 87.5%{background-position: 0 -432px; padding-top: 48px;} 91.66667%{background-position: 0 -408px; padding-top: 72px;} 95.83333%{background-position: 0 -384px; padding-top: 96px;}}@-o-keyframes column-4{0%{background-position: 0 -360px; padding-top: 120px;} 4.16667%{background-position: 0 -336px; padding-top: 144px;} 8.33333%{background-position: 0 -312px; padding-top: 168px;} 12.5%{background-position: 0 -288px; padding-top: 192px;} 16.66667%{background-position: 0 -264px; padding-top: 216px;} 20.83333%{background-position: 0 -240px; padding-top: 240px;} 25%{background-position: 0 -216px; padding-top: 264px;} 29.16667%{background-position: 0 -192px; padding-top: 288px;} 33.33333%{background-position: 0 -168px; padding-top: 312px;} 37.5%{background-position: 0 -144px; padding-top: 336px;} 41.66667%{background-position: 0 -120px; padding-top: 360px;} 45.83333%{background-position: 0 -96px; padding-top: 384px;} 50%{background-position: 0 -72px; padding-top: 408px;} 54.16667%{background-position: 0 -48px; padding-top: 432px;} 58.33333%{background-position: 0 -24px; padding-top: 456px;} 62.5%{background-position: 0 0px; padding-top: 480px;} 66.66667%{background-position: 0 24px; padding-top: 504px;} 70.83333%{background-position: 0 48px; padding-top: 528px;} 75%{background-position: 0 72px; padding-top: 552px;} 79.16667%{background-position: 0 -480px; padding-top: 0px;} 83.33333%{background-position: 0 -456px; padding-top: 24px;} 87.5%{background-position: 0 -432px; padding-top: 48px;} 91.66667%{background-position: 0 -408px; padding-top: 72px;} 95.83333%{background-position: 0 -384px; padding-top: 96px;}}@keyframes column-4{0%{background-position: 0 -360px; padding-top: 120px;} 4.16667%{background-position: 0 -336px; padding-top: 144px;} 8.33333%{background-position: 0 -312px; padding-top: 168px;} 12.5%{background-position: 0 -288px; padding-top: 192px;} 16.66667%{background-position: 0 -264px; padding-top: 216px;} 20.83333%{background-position: 0 -240px; padding-top: 240px;} 25%{background-position: 0 -216px; padding-top: 264px;} 29.16667%{background-position: 0 -192px; padding-top: 288px;} 33.33333%{background-position: 0 -168px; padding-top: 312px;} 37.5%{background-position: 0 -144px; padding-top: 336px;} 41.66667%{background-position: 0 -120px; padding-top: 360px;} 45.83333%{background-position: 0 -96px; padding-top: 384px;} 50%{background-position: 0 -72px; padding-top: 408px;} 54.16667%{background-position: 0 -48px; padding-top: 432px;} 58.33333%{background-position: 0 -24px; padding-top: 456px;} 62.5%{background-position: 0 0px; padding-top: 480px;} 66.66667%{background-position: 0 24px; padding-top: 504px;} 70.83333%{background-position: 0 48px; padding-top: 528px;} 75%{background-position: 0 72px; padding-top: 552px;} 79.16667%{background-position: 0 -480px; padding-top: 0px;} 83.33333%{background-position: 0 -456px; padding-top: 24px;} 87.5%{background-position: 0 -432px; padding-top: 48px;} 91.66667%{background-position: 0 -408px; padding-top: 72px;} 95.83333%{background-position: 0 -384px; padding-top: 96px;}}

.matrix li:nth-child(5) {}
.matrix li:nth-child(5):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(5):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -96px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(50%, rgba(20, 0, 41, 0)), color-stop(50%, #140029), color-stop(100%, #140029)) 0 -96px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 288px, #140029 288px, #140029 576px) 0 -96px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 288px, #140029 288px, #140029 576px) 0 -96px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 288px, #140029 288px, #140029 576px) 0 -96px repeat;
  /*content: " ";*/
  padding-top: 192px;
  -webkit-animation-name: column-5;
  -moz-animation-name: column-5;
  -ms-animation-name: column-5;
  -o-animation-name: column-5;
  animation-name: column-5;
}

@-webkit-keyframes column-5{0%{background-position: 0 -96px; padding-top: 192px;} 4.16667%{background-position: 0 -72px; padding-top: 216px;} 8.33333%{background-position: 0 -48px; padding-top: 240px;} 12.5%{background-position: 0 -24px; padding-top: 264px;} 16.66667%{background-position: 0 0px; padding-top: 288px;} 20.83333%{background-position: 0 24px; padding-top: 312px;} 25%{background-position: 0 48px; padding-top: 336px;} 29.16667%{background-position: 0 72px; padding-top: 360px;} 33.33333%{background-position: 0 96px; padding-top: 384px;} 37.5%{background-position: 0 120px; padding-top: 408px;} 41.66667%{background-position: 0 144px; padding-top: 432px;} 45.83333%{background-position: 0 168px; padding-top: 456px;} 50%{background-position: 0 192px; padding-top: 480px;} 54.16667%{background-position: 0 216px; padding-top: 504px;} 58.33333%{background-position: 0 240px; padding-top: 528px;} 62.5%{background-position: 0 264px; padding-top: 552px;} 66.66667%{background-position: 0 -288px; padding-top: 0px;} 70.83333%{background-position: 0 -264px; padding-top: 24px;} 75%{background-position: 0 -240px; padding-top: 48px;} 79.16667%{background-position: 0 -216px; padding-top: 72px;} 83.33333%{background-position: 0 -192px; padding-top: 96px;} 87.5%{background-position: 0 -168px; padding-top: 120px;} 91.66667%{background-position: 0 -144px; padding-top: 144px;} 95.83333%{background-position: 0 -120px; padding-top: 168px;}}@-moz-keyframes column-5{0%{background-position: 0 -96px; padding-top: 192px;} 4.16667%{background-position: 0 -72px; padding-top: 216px;} 8.33333%{background-position: 0 -48px; padding-top: 240px;} 12.5%{background-position: 0 -24px; padding-top: 264px;} 16.66667%{background-position: 0 0px; padding-top: 288px;} 20.83333%{background-position: 0 24px; padding-top: 312px;} 25%{background-position: 0 48px; padding-top: 336px;} 29.16667%{background-position: 0 72px; padding-top: 360px;} 33.33333%{background-position: 0 96px; padding-top: 384px;} 37.5%{background-position: 0 120px; padding-top: 408px;} 41.66667%{background-position: 0 144px; padding-top: 432px;} 45.83333%{background-position: 0 168px; padding-top: 456px;} 50%{background-position: 0 192px; padding-top: 480px;} 54.16667%{background-position: 0 216px; padding-top: 504px;} 58.33333%{background-position: 0 240px; padding-top: 528px;} 62.5%{background-position: 0 264px; padding-top: 552px;} 66.66667%{background-position: 0 -288px; padding-top: 0px;} 70.83333%{background-position: 0 -264px; padding-top: 24px;} 75%{background-position: 0 -240px; padding-top: 48px;} 79.16667%{background-position: 0 -216px; padding-top: 72px;} 83.33333%{background-position: 0 -192px; padding-top: 96px;} 87.5%{background-position: 0 -168px; padding-top: 120px;} 91.66667%{background-position: 0 -144px; padding-top: 144px;} 95.83333%{background-position: 0 -120px; padding-top: 168px;}}@-o-keyframes column-5{0%{background-position: 0 -96px; padding-top: 192px;} 4.16667%{background-position: 0 -72px; padding-top: 216px;} 8.33333%{background-position: 0 -48px; padding-top: 240px;} 12.5%{background-position: 0 -24px; padding-top: 264px;} 16.66667%{background-position: 0 0px; padding-top: 288px;} 20.83333%{background-position: 0 24px; padding-top: 312px;} 25%{background-position: 0 48px; padding-top: 336px;} 29.16667%{background-position: 0 72px; padding-top: 360px;} 33.33333%{background-position: 0 96px; padding-top: 384px;} 37.5%{background-position: 0 120px; padding-top: 408px;} 41.66667%{background-position: 0 144px; padding-top: 432px;} 45.83333%{background-position: 0 168px; padding-top: 456px;} 50%{background-position: 0 192px; padding-top: 480px;} 54.16667%{background-position: 0 216px; padding-top: 504px;} 58.33333%{background-position: 0 240px; padding-top: 528px;} 62.5%{background-position: 0 264px; padding-top: 552px;} 66.66667%{background-position: 0 -288px; padding-top: 0px;} 70.83333%{background-position: 0 -264px; padding-top: 24px;} 75%{background-position: 0 -240px; padding-top: 48px;} 79.16667%{background-position: 0 -216px; padding-top: 72px;} 83.33333%{background-position: 0 -192px; padding-top: 96px;} 87.5%{background-position: 0 -168px; padding-top: 120px;} 91.66667%{background-position: 0 -144px; padding-top: 144px;} 95.83333%{background-position: 0 -120px; padding-top: 168px;}}@keyframes column-5{0%{background-position: 0 -96px; padding-top: 192px;} 4.16667%{background-position: 0 -72px; padding-top: 216px;} 8.33333%{background-position: 0 -48px; padding-top: 240px;} 12.5%{background-position: 0 -24px; padding-top: 264px;} 16.66667%{background-position: 0 0px; padding-top: 288px;} 20.83333%{background-position: 0 24px; padding-top: 312px;} 25%{background-position: 0 48px; padding-top: 336px;} 29.16667%{background-position: 0 72px; padding-top: 360px;} 33.33333%{background-position: 0 96px; padding-top: 384px;} 37.5%{background-position: 0 120px; padding-top: 408px;} 41.66667%{background-position: 0 144px; padding-top: 432px;} 45.83333%{background-position: 0 168px; padding-top: 456px;} 50%{background-position: 0 192px; padding-top: 480px;} 54.16667%{background-position: 0 216px; padding-top: 504px;} 58.33333%{background-position: 0 240px; padding-top: 528px;} 62.5%{background-position: 0 264px; padding-top: 552px;} 66.66667%{background-position: 0 -288px; padding-top: 0px;} 70.83333%{background-position: 0 -264px; padding-top: 24px;} 75%{background-position: 0 -240px; padding-top: 48px;} 79.16667%{background-position: 0 -216px; padding-top: 72px;} 83.33333%{background-position: 0 -192px; padding-top: 96px;} 87.5%{background-position: 0 -168px; padding-top: 120px;} 91.66667%{background-position: 0 -144px; padding-top: 144px;} 95.83333%{background-position: 0 -120px; padding-top: 168px;}}

.matrix li:nth-child(6) {}
.matrix li:nth-child(6):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(6):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 96px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(20.83333%, rgba(20, 0, 41, 0)), color-stop(20.83333%, #140029), color-stop(100%, #140029)) 0 96px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 96px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 96px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 96px repeat;
  /*content: " ";*/
  padding-top: 216px;
  -webkit-animation-name: column-6;
  -moz-animation-name: column-6;
  -ms-animation-name: column-6;
  -o-animation-name: column-6;
  animation-name: column-6;
}

@-webkit-keyframes column-6{0%{background-position: 0 96px; padding-top: 216px;} 4.16667%{background-position: 0 120px; padding-top: 240px;} 8.33333%{background-position: 0 144px; padding-top: 264px;} 12.5%{background-position: 0 168px; padding-top: 288px;} 16.66667%{background-position: 0 192px; padding-top: 312px;} 20.83333%{background-position: 0 216px; padding-top: 336px;} 25%{background-position: 0 240px; padding-top: 360px;} 29.16667%{background-position: 0 264px; padding-top: 384px;} 33.33333%{background-position: 0 288px; padding-top: 408px;} 37.5%{background-position: 0 312px; padding-top: 432px;} 41.66667%{background-position: 0 336px; padding-top: 456px;} 45.83333%{background-position: 0 360px; padding-top: 480px;} 50%{background-position: 0 384px; padding-top: 504px;} 54.16667%{background-position: 0 408px; padding-top: 528px;} 58.33333%{background-position: 0 432px; padding-top: 552px;} 62.5%{background-position: 0 -120px; padding-top: 0px;} 66.66667%{background-position: 0 -96px; padding-top: 24px;} 70.83333%{background-position: 0 -72px; padding-top: 48px;} 75%{background-position: 0 -48px; padding-top: 72px;} 79.16667%{background-position: 0 -24px; padding-top: 96px;} 83.33333%{background-position: 0 0px; padding-top: 120px;} 87.5%{background-position: 0 24px; padding-top: 144px;} 91.66667%{background-position: 0 48px; padding-top: 168px;} 95.83333%{background-position: 0 72px; padding-top: 192px;}}@-moz-keyframes column-6{0%{background-position: 0 96px; padding-top: 216px;} 4.16667%{background-position: 0 120px; padding-top: 240px;} 8.33333%{background-position: 0 144px; padding-top: 264px;} 12.5%{background-position: 0 168px; padding-top: 288px;} 16.66667%{background-position: 0 192px; padding-top: 312px;} 20.83333%{background-position: 0 216px; padding-top: 336px;} 25%{background-position: 0 240px; padding-top: 360px;} 29.16667%{background-position: 0 264px; padding-top: 384px;} 33.33333%{background-position: 0 288px; padding-top: 408px;} 37.5%{background-position: 0 312px; padding-top: 432px;} 41.66667%{background-position: 0 336px; padding-top: 456px;} 45.83333%{background-position: 0 360px; padding-top: 480px;} 50%{background-position: 0 384px; padding-top: 504px;} 54.16667%{background-position: 0 408px; padding-top: 528px;} 58.33333%{background-position: 0 432px; padding-top: 552px;} 62.5%{background-position: 0 -120px; padding-top: 0px;} 66.66667%{background-position: 0 -96px; padding-top: 24px;} 70.83333%{background-position: 0 -72px; padding-top: 48px;} 75%{background-position: 0 -48px; padding-top: 72px;} 79.16667%{background-position: 0 -24px; padding-top: 96px;} 83.33333%{background-position: 0 0px; padding-top: 120px;} 87.5%{background-position: 0 24px; padding-top: 144px;} 91.66667%{background-position: 0 48px; padding-top: 168px;} 95.83333%{background-position: 0 72px; padding-top: 192px;}}@-o-keyframes column-6{0%{background-position: 0 96px; padding-top: 216px;} 4.16667%{background-position: 0 120px; padding-top: 240px;} 8.33333%{background-position: 0 144px; padding-top: 264px;} 12.5%{background-position: 0 168px; padding-top: 288px;} 16.66667%{background-position: 0 192px; padding-top: 312px;} 20.83333%{background-position: 0 216px; padding-top: 336px;} 25%{background-position: 0 240px; padding-top: 360px;} 29.16667%{background-position: 0 264px; padding-top: 384px;} 33.33333%{background-position: 0 288px; padding-top: 408px;} 37.5%{background-position: 0 312px; padding-top: 432px;} 41.66667%{background-position: 0 336px; padding-top: 456px;} 45.83333%{background-position: 0 360px; padding-top: 480px;} 50%{background-position: 0 384px; padding-top: 504px;} 54.16667%{background-position: 0 408px; padding-top: 528px;} 58.33333%{background-position: 0 432px; padding-top: 552px;} 62.5%{background-position: 0 -120px; padding-top: 0px;} 66.66667%{background-position: 0 -96px; padding-top: 24px;} 70.83333%{background-position: 0 -72px; padding-top: 48px;} 75%{background-position: 0 -48px; padding-top: 72px;} 79.16667%{background-position: 0 -24px; padding-top: 96px;} 83.33333%{background-position: 0 0px; padding-top: 120px;} 87.5%{background-position: 0 24px; padding-top: 144px;} 91.66667%{background-position: 0 48px; padding-top: 168px;} 95.83333%{background-position: 0 72px; padding-top: 192px;}}@keyframes column-6{0%{background-position: 0 96px; padding-top: 216px;} 4.16667%{background-position: 0 120px; padding-top: 240px;} 8.33333%{background-position: 0 144px; padding-top: 264px;} 12.5%{background-position: 0 168px; padding-top: 288px;} 16.66667%{background-position: 0 192px; padding-top: 312px;} 20.83333%{background-position: 0 216px; padding-top: 336px;} 25%{background-position: 0 240px; padding-top: 360px;} 29.16667%{background-position: 0 264px; padding-top: 384px;} 33.33333%{background-position: 0 288px; padding-top: 408px;} 37.5%{background-position: 0 312px; padding-top: 432px;} 41.66667%{background-position: 0 336px; padding-top: 456px;} 45.83333%{background-position: 0 360px; padding-top: 480px;} 50%{background-position: 0 384px; padding-top: 504px;} 54.16667%{background-position: 0 408px; padding-top: 528px;} 58.33333%{background-position: 0 432px; padding-top: 552px;} 62.5%{background-position: 0 -120px; padding-top: 0px;} 66.66667%{background-position: 0 -96px; padding-top: 24px;} 70.83333%{background-position: 0 -72px; padding-top: 48px;} 75%{background-position: 0 -48px; padding-top: 72px;} 79.16667%{background-position: 0 -24px; padding-top: 96px;} 83.33333%{background-position: 0 0px; padding-top: 120px;} 87.5%{background-position: 0 24px; padding-top: 144px;} 91.66667%{background-position: 0 48px; padding-top: 168px;} 95.83333%{background-position: 0 72px; padding-top: 192px;}}

.matrix li:nth-child(7) {}
.matrix li:nth-child(7):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(7):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iODcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -408px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(87.5%, rgba(20, 0, 41, 0)), color-stop(87.5%, #140029), color-stop(100%, #140029)) 0 -408px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 504px, #140029 504px, #140029 576px) 0 -408px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 504px, #140029 504px, #140029 576px) 0 -408px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 504px, #140029 504px, #140029 576px) 0 -408px repeat;
  /*content: " ";*/
  padding-top: 96px;
  -webkit-animation-name: column-7;
  -moz-animation-name: column-7;
  -ms-animation-name: column-7;
  -o-animation-name: column-7;
  animation-name: column-7;
}

@-webkit-keyframes column-7{0%{background-position: 0 -408px; padding-top: 96px;} 4.16667%{background-position: 0 -384px; padding-top: 120px;} 8.33333%{background-position: 0 -360px; padding-top: 144px;} 12.5%{background-position: 0 -336px; padding-top: 168px;} 16.66667%{background-position: 0 -312px; padding-top: 192px;} 20.83333%{background-position: 0 -288px; padding-top: 216px;} 25%{background-position: 0 -264px; padding-top: 240px;} 29.16667%{background-position: 0 -240px; padding-top: 264px;} 33.33333%{background-position: 0 -216px; padding-top: 288px;} 37.5%{background-position: 0 -192px; padding-top: 312px;} 41.66667%{background-position: 0 -168px; padding-top: 336px;} 45.83333%{background-position: 0 -144px; padding-top: 360px;} 50%{background-position: 0 -120px; padding-top: 384px;} 54.16667%{background-position: 0 -96px; padding-top: 408px;} 58.33333%{background-position: 0 -72px; padding-top: 432px;} 62.5%{background-position: 0 -48px; padding-top: 456px;} 66.66667%{background-position: 0 -24px; padding-top: 480px;} 70.83333%{background-position: 0 0px; padding-top: 504px;} 75%{background-position: 0 24px; padding-top: 528px;} 79.16667%{background-position: 0 48px; padding-top: 552px;} 83.33333%{background-position: 0 -504px; padding-top: 0px;} 87.5%{background-position: 0 -480px; padding-top: 24px;} 91.66667%{background-position: 0 -456px; padding-top: 48px;} 95.83333%{background-position: 0 -432px; padding-top: 72px;}}@-moz-keyframes column-7{0%{background-position: 0 -408px; padding-top: 96px;} 4.16667%{background-position: 0 -384px; padding-top: 120px;} 8.33333%{background-position: 0 -360px; padding-top: 144px;} 12.5%{background-position: 0 -336px; padding-top: 168px;} 16.66667%{background-position: 0 -312px; padding-top: 192px;} 20.83333%{background-position: 0 -288px; padding-top: 216px;} 25%{background-position: 0 -264px; padding-top: 240px;} 29.16667%{background-position: 0 -240px; padding-top: 264px;} 33.33333%{background-position: 0 -216px; padding-top: 288px;} 37.5%{background-position: 0 -192px; padding-top: 312px;} 41.66667%{background-position: 0 -168px; padding-top: 336px;} 45.83333%{background-position: 0 -144px; padding-top: 360px;} 50%{background-position: 0 -120px; padding-top: 384px;} 54.16667%{background-position: 0 -96px; padding-top: 408px;} 58.33333%{background-position: 0 -72px; padding-top: 432px;} 62.5%{background-position: 0 -48px; padding-top: 456px;} 66.66667%{background-position: 0 -24px; padding-top: 480px;} 70.83333%{background-position: 0 0px; padding-top: 504px;} 75%{background-position: 0 24px; padding-top: 528px;} 79.16667%{background-position: 0 48px; padding-top: 552px;} 83.33333%{background-position: 0 -504px; padding-top: 0px;} 87.5%{background-position: 0 -480px; padding-top: 24px;} 91.66667%{background-position: 0 -456px; padding-top: 48px;} 95.83333%{background-position: 0 -432px; padding-top: 72px;}}@-o-keyframes column-7{0%{background-position: 0 -408px; padding-top: 96px;} 4.16667%{background-position: 0 -384px; padding-top: 120px;} 8.33333%{background-position: 0 -360px; padding-top: 144px;} 12.5%{background-position: 0 -336px; padding-top: 168px;} 16.66667%{background-position: 0 -312px; padding-top: 192px;} 20.83333%{background-position: 0 -288px; padding-top: 216px;} 25%{background-position: 0 -264px; padding-top: 240px;} 29.16667%{background-position: 0 -240px; padding-top: 264px;} 33.33333%{background-position: 0 -216px; padding-top: 288px;} 37.5%{background-position: 0 -192px; padding-top: 312px;} 41.66667%{background-position: 0 -168px; padding-top: 336px;} 45.83333%{background-position: 0 -144px; padding-top: 360px;} 50%{background-position: 0 -120px; padding-top: 384px;} 54.16667%{background-position: 0 -96px; padding-top: 408px;} 58.33333%{background-position: 0 -72px; padding-top: 432px;} 62.5%{background-position: 0 -48px; padding-top: 456px;} 66.66667%{background-position: 0 -24px; padding-top: 480px;} 70.83333%{background-position: 0 0px; padding-top: 504px;} 75%{background-position: 0 24px; padding-top: 528px;} 79.16667%{background-position: 0 48px; padding-top: 552px;} 83.33333%{background-position: 0 -504px; padding-top: 0px;} 87.5%{background-position: 0 -480px; padding-top: 24px;} 91.66667%{background-position: 0 -456px; padding-top: 48px;} 95.83333%{background-position: 0 -432px; padding-top: 72px;}}@keyframes column-7{0%{background-position: 0 -408px; padding-top: 96px;} 4.16667%{background-position: 0 -384px; padding-top: 120px;} 8.33333%{background-position: 0 -360px; padding-top: 144px;} 12.5%{background-position: 0 -336px; padding-top: 168px;} 16.66667%{background-position: 0 -312px; padding-top: 192px;} 20.83333%{background-position: 0 -288px; padding-top: 216px;} 25%{background-position: 0 -264px; padding-top: 240px;} 29.16667%{background-position: 0 -240px; padding-top: 264px;} 33.33333%{background-position: 0 -216px; padding-top: 288px;} 37.5%{background-position: 0 -192px; padding-top: 312px;} 41.66667%{background-position: 0 -168px; padding-top: 336px;} 45.83333%{background-position: 0 -144px; padding-top: 360px;} 50%{background-position: 0 -120px; padding-top: 384px;} 54.16667%{background-position: 0 -96px; padding-top: 408px;} 58.33333%{background-position: 0 -72px; padding-top: 432px;} 62.5%{background-position: 0 -48px; padding-top: 456px;} 66.66667%{background-position: 0 -24px; padding-top: 480px;} 70.83333%{background-position: 0 0px; padding-top: 504px;} 75%{background-position: 0 24px; padding-top: 528px;} 79.16667%{background-position: 0 48px; padding-top: 552px;} 83.33333%{background-position: 0 -504px; padding-top: 0px;} 87.5%{background-position: 0 -480px; padding-top: 24px;} 91.66667%{background-position: 0 -456px; padding-top: 48px;} 95.83333%{background-position: 0 -432px; padding-top: 72px;}}

.matrix li:nth-child(8) {}
.matrix li:nth-child(8):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(8):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iOTUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -480px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(95.83333%, rgba(20, 0, 41, 0)), color-stop(95.83333%, #140029), color-stop(100%, #140029)) 0 -480px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 552px, #140029 552px, #140029 576px) 0 -480px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 552px, #140029 552px, #140029 576px) 0 -480px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 552px, #140029 552px, #140029 576px) 0 -480px repeat;
  /*content: " ";*/
  padding-top: 72px;
  -webkit-animation-name: column-8;
  -moz-animation-name: column-8;
  -ms-animation-name: column-8;
  -o-animation-name: column-8;
  animation-name: column-8;
}

@-webkit-keyframes column-8{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}@-moz-keyframes column-8{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}@-o-keyframes column-8{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}@keyframes column-8{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}

.matrix li:nth-child(9) {}
.matrix li:nth-child(9):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(9):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 72px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(25%, rgba(20, 0, 41, 0)), color-stop(25%, #140029), color-stop(100%, #140029)) 0 72px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 144px, #140029 144px, #140029 576px) 0 72px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 144px, #140029 144px, #140029 576px) 0 72px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 144px, #140029 144px, #140029 576px) 0 72px repeat;
  /*content: " ";*/
  padding-top: 216px;
  -webkit-animation-name: column-9;
  -moz-animation-name: column-9;
  -ms-animation-name: column-9;
  -o-animation-name: column-9;
  animation-name: column-9;
}

@-webkit-keyframes column-9{0%{background-position: 0 72px; padding-top: 216px;} 4.16667%{background-position: 0 96px; padding-top: 240px;} 8.33333%{background-position: 0 120px; padding-top: 264px;} 12.5%{background-position: 0 144px; padding-top: 288px;} 16.66667%{background-position: 0 168px; padding-top: 312px;} 20.83333%{background-position: 0 192px; padding-top: 336px;} 25%{background-position: 0 216px; padding-top: 360px;} 29.16667%{background-position: 0 240px; padding-top: 384px;} 33.33333%{background-position: 0 264px; padding-top: 408px;} 37.5%{background-position: 0 288px; padding-top: 432px;} 41.66667%{background-position: 0 312px; padding-top: 456px;} 45.83333%{background-position: 0 336px; padding-top: 480px;} 50%{background-position: 0 360px; padding-top: 504px;} 54.16667%{background-position: 0 384px; padding-top: 528px;} 58.33333%{background-position: 0 408px; padding-top: 552px;} 62.5%{background-position: 0 -144px; padding-top: 0px;} 66.66667%{background-position: 0 -120px; padding-top: 24px;} 70.83333%{background-position: 0 -96px; padding-top: 48px;} 75%{background-position: 0 -72px; padding-top: 72px;} 79.16667%{background-position: 0 -48px; padding-top: 96px;} 83.33333%{background-position: 0 -24px; padding-top: 120px;} 87.5%{background-position: 0 0px; padding-top: 144px;} 91.66667%{background-position: 0 24px; padding-top: 168px;} 95.83333%{background-position: 0 48px; padding-top: 192px;}}@-moz-keyframes column-9{0%{background-position: 0 72px; padding-top: 216px;} 4.16667%{background-position: 0 96px; padding-top: 240px;} 8.33333%{background-position: 0 120px; padding-top: 264px;} 12.5%{background-position: 0 144px; padding-top: 288px;} 16.66667%{background-position: 0 168px; padding-top: 312px;} 20.83333%{background-position: 0 192px; padding-top: 336px;} 25%{background-position: 0 216px; padding-top: 360px;} 29.16667%{background-position: 0 240px; padding-top: 384px;} 33.33333%{background-position: 0 264px; padding-top: 408px;} 37.5%{background-position: 0 288px; padding-top: 432px;} 41.66667%{background-position: 0 312px; padding-top: 456px;} 45.83333%{background-position: 0 336px; padding-top: 480px;} 50%{background-position: 0 360px; padding-top: 504px;} 54.16667%{background-position: 0 384px; padding-top: 528px;} 58.33333%{background-position: 0 408px; padding-top: 552px;} 62.5%{background-position: 0 -144px; padding-top: 0px;} 66.66667%{background-position: 0 -120px; padding-top: 24px;} 70.83333%{background-position: 0 -96px; padding-top: 48px;} 75%{background-position: 0 -72px; padding-top: 72px;} 79.16667%{background-position: 0 -48px; padding-top: 96px;} 83.33333%{background-position: 0 -24px; padding-top: 120px;} 87.5%{background-position: 0 0px; padding-top: 144px;} 91.66667%{background-position: 0 24px; padding-top: 168px;} 95.83333%{background-position: 0 48px; padding-top: 192px;}}@-o-keyframes column-9{0%{background-position: 0 72px; padding-top: 216px;} 4.16667%{background-position: 0 96px; padding-top: 240px;} 8.33333%{background-position: 0 120px; padding-top: 264px;} 12.5%{background-position: 0 144px; padding-top: 288px;} 16.66667%{background-position: 0 168px; padding-top: 312px;} 20.83333%{background-position: 0 192px; padding-top: 336px;} 25%{background-position: 0 216px; padding-top: 360px;} 29.16667%{background-position: 0 240px; padding-top: 384px;} 33.33333%{background-position: 0 264px; padding-top: 408px;} 37.5%{background-position: 0 288px; padding-top: 432px;} 41.66667%{background-position: 0 312px; padding-top: 456px;} 45.83333%{background-position: 0 336px; padding-top: 480px;} 50%{background-position: 0 360px; padding-top: 504px;} 54.16667%{background-position: 0 384px; padding-top: 528px;} 58.33333%{background-position: 0 408px; padding-top: 552px;} 62.5%{background-position: 0 -144px; padding-top: 0px;} 66.66667%{background-position: 0 -120px; padding-top: 24px;} 70.83333%{background-position: 0 -96px; padding-top: 48px;} 75%{background-position: 0 -72px; padding-top: 72px;} 79.16667%{background-position: 0 -48px; padding-top: 96px;} 83.33333%{background-position: 0 -24px; padding-top: 120px;} 87.5%{background-position: 0 0px; padding-top: 144px;} 91.66667%{background-position: 0 24px; padding-top: 168px;} 95.83333%{background-position: 0 48px; padding-top: 192px;}}@keyframes column-9{0%{background-position: 0 72px; padding-top: 216px;} 4.16667%{background-position: 0 96px; padding-top: 240px;} 8.33333%{background-position: 0 120px; padding-top: 264px;} 12.5%{background-position: 0 144px; padding-top: 288px;} 16.66667%{background-position: 0 168px; padding-top: 312px;} 20.83333%{background-position: 0 192px; padding-top: 336px;} 25%{background-position: 0 216px; padding-top: 360px;} 29.16667%{background-position: 0 240px; padding-top: 384px;} 33.33333%{background-position: 0 264px; padding-top: 408px;} 37.5%{background-position: 0 288px; padding-top: 432px;} 41.66667%{background-position: 0 312px; padding-top: 456px;} 45.83333%{background-position: 0 336px; padding-top: 480px;} 50%{background-position: 0 360px; padding-top: 504px;} 54.16667%{background-position: 0 384px; padding-top: 528px;} 58.33333%{background-position: 0 408px; padding-top: 552px;} 62.5%{background-position: 0 -144px; padding-top: 0px;} 66.66667%{background-position: 0 -120px; padding-top: 24px;} 70.83333%{background-position: 0 -96px; padding-top: 48px;} 75%{background-position: 0 -72px; padding-top: 72px;} 79.16667%{background-position: 0 -48px; padding-top: 96px;} 83.33333%{background-position: 0 -24px; padding-top: 120px;} 87.5%{background-position: 0 0px; padding-top: 144px;} 91.66667%{background-position: 0 24px; padding-top: 168px;} 95.83333%{background-position: 0 48px; padding-top: 192px;}}

.matrix li:nth-child(10) {}
.matrix li:nth-child(10):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(10):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -240px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(83.33333%, rgba(20, 0, 41, 0)), color-stop(83.33333%, #140029), color-stop(100%, #140029)) 0 -240px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -240px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -240px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -240px repeat;
  /*content: " ";*/
  padding-top: 240px;
  -webkit-animation-name: column-10;
  -moz-animation-name: column-10;
  -ms-animation-name: column-10;
  -o-animation-name: column-10;
  animation-name: column-10;
}

@-webkit-keyframes column-10{0%{background-position: 0 -240px; padding-top: 240px;} 4.16667%{background-position: 0 -216px; padding-top: 264px;} 8.33333%{background-position: 0 -192px; padding-top: 288px;} 12.5%{background-position: 0 -168px; padding-top: 312px;} 16.66667%{background-position: 0 -144px; padding-top: 336px;} 20.83333%{background-position: 0 -120px; padding-top: 360px;} 25%{background-position: 0 -96px; padding-top: 384px;} 29.16667%{background-position: 0 -72px; padding-top: 408px;} 33.33333%{background-position: 0 -48px; padding-top: 432px;} 37.5%{background-position: 0 -24px; padding-top: 456px;} 41.66667%{background-position: 0 0px; padding-top: 480px;} 45.83333%{background-position: 0 24px; padding-top: 504px;} 50%{background-position: 0 48px; padding-top: 528px;} 54.16667%{background-position: 0 72px; padding-top: 552px;} 58.33333%{background-position: 0 -480px; padding-top: 0px;} 62.5%{background-position: 0 -456px; padding-top: 24px;} 66.66667%{background-position: 0 -432px; padding-top: 48px;} 70.83333%{background-position: 0 -408px; padding-top: 72px;} 75%{background-position: 0 -384px; padding-top: 96px;} 79.16667%{background-position: 0 -360px; padding-top: 120px;} 83.33333%{background-position: 0 -336px; padding-top: 144px;} 87.5%{background-position: 0 -312px; padding-top: 168px;} 91.66667%{background-position: 0 -288px; padding-top: 192px;} 95.83333%{background-position: 0 -264px; padding-top: 216px;}}@-moz-keyframes column-10{0%{background-position: 0 -240px; padding-top: 240px;} 4.16667%{background-position: 0 -216px; padding-top: 264px;} 8.33333%{background-position: 0 -192px; padding-top: 288px;} 12.5%{background-position: 0 -168px; padding-top: 312px;} 16.66667%{background-position: 0 -144px; padding-top: 336px;} 20.83333%{background-position: 0 -120px; padding-top: 360px;} 25%{background-position: 0 -96px; padding-top: 384px;} 29.16667%{background-position: 0 -72px; padding-top: 408px;} 33.33333%{background-position: 0 -48px; padding-top: 432px;} 37.5%{background-position: 0 -24px; padding-top: 456px;} 41.66667%{background-position: 0 0px; padding-top: 480px;} 45.83333%{background-position: 0 24px; padding-top: 504px;} 50%{background-position: 0 48px; padding-top: 528px;} 54.16667%{background-position: 0 72px; padding-top: 552px;} 58.33333%{background-position: 0 -480px; padding-top: 0px;} 62.5%{background-position: 0 -456px; padding-top: 24px;} 66.66667%{background-position: 0 -432px; padding-top: 48px;} 70.83333%{background-position: 0 -408px; padding-top: 72px;} 75%{background-position: 0 -384px; padding-top: 96px;} 79.16667%{background-position: 0 -360px; padding-top: 120px;} 83.33333%{background-position: 0 -336px; padding-top: 144px;} 87.5%{background-position: 0 -312px; padding-top: 168px;} 91.66667%{background-position: 0 -288px; padding-top: 192px;} 95.83333%{background-position: 0 -264px; padding-top: 216px;}}@-o-keyframes column-10{0%{background-position: 0 -240px; padding-top: 240px;} 4.16667%{background-position: 0 -216px; padding-top: 264px;} 8.33333%{background-position: 0 -192px; padding-top: 288px;} 12.5%{background-position: 0 -168px; padding-top: 312px;} 16.66667%{background-position: 0 -144px; padding-top: 336px;} 20.83333%{background-position: 0 -120px; padding-top: 360px;} 25%{background-position: 0 -96px; padding-top: 384px;} 29.16667%{background-position: 0 -72px; padding-top: 408px;} 33.33333%{background-position: 0 -48px; padding-top: 432px;} 37.5%{background-position: 0 -24px; padding-top: 456px;} 41.66667%{background-position: 0 0px; padding-top: 480px;} 45.83333%{background-position: 0 24px; padding-top: 504px;} 50%{background-position: 0 48px; padding-top: 528px;} 54.16667%{background-position: 0 72px; padding-top: 552px;} 58.33333%{background-position: 0 -480px; padding-top: 0px;} 62.5%{background-position: 0 -456px; padding-top: 24px;} 66.66667%{background-position: 0 -432px; padding-top: 48px;} 70.83333%{background-position: 0 -408px; padding-top: 72px;} 75%{background-position: 0 -384px; padding-top: 96px;} 79.16667%{background-position: 0 -360px; padding-top: 120px;} 83.33333%{background-position: 0 -336px; padding-top: 144px;} 87.5%{background-position: 0 -312px; padding-top: 168px;} 91.66667%{background-position: 0 -288px; padding-top: 192px;} 95.83333%{background-position: 0 -264px; padding-top: 216px;}}@keyframes column-10{0%{background-position: 0 -240px; padding-top: 240px;} 4.16667%{background-position: 0 -216px; padding-top: 264px;} 8.33333%{background-position: 0 -192px; padding-top: 288px;} 12.5%{background-position: 0 -168px; padding-top: 312px;} 16.66667%{background-position: 0 -144px; padding-top: 336px;} 20.83333%{background-position: 0 -120px; padding-top: 360px;} 25%{background-position: 0 -96px; padding-top: 384px;} 29.16667%{background-position: 0 -72px; padding-top: 408px;} 33.33333%{background-position: 0 -48px; padding-top: 432px;} 37.5%{background-position: 0 -24px; padding-top: 456px;} 41.66667%{background-position: 0 0px; padding-top: 480px;} 45.83333%{background-position: 0 24px; padding-top: 504px;} 50%{background-position: 0 48px; padding-top: 528px;} 54.16667%{background-position: 0 72px; padding-top: 552px;} 58.33333%{background-position: 0 -480px; padding-top: 0px;} 62.5%{background-position: 0 -456px; padding-top: 24px;} 66.66667%{background-position: 0 -432px; padding-top: 48px;} 70.83333%{background-position: 0 -408px; padding-top: 72px;} 75%{background-position: 0 -384px; padding-top: 96px;} 79.16667%{background-position: 0 -360px; padding-top: 120px;} 83.33333%{background-position: 0 -336px; padding-top: 144px;} 87.5%{background-position: 0 -312px; padding-top: 168px;} 91.66667%{background-position: 0 -288px; padding-top: 192px;} 95.83333%{background-position: 0 -264px; padding-top: 216px;}}

.matrix li:nth-child(11) {}
.matrix li:nth-child(11):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(11):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 120px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(41.66667%, rgba(20, 0, 41, 0)), color-stop(41.66667%, #140029), color-stop(100%, #140029)) 0 120px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 240px, #140029 240px, #140029 576px) 0 120px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 240px, #140029 240px, #140029 576px) 0 120px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 240px, #140029 240px, #140029 576px) 0 120px repeat;
  /*content: " ";*/
  padding-top: 360px;
  -webkit-animation-name: column-11;
  -moz-animation-name: column-11;
  -ms-animation-name: column-11;
  -o-animation-name: column-11;
  animation-name: column-11;
}

@-webkit-keyframes column-11{0%{background-position: 0 120px; padding-top: 360px;} 4.16667%{background-position: 0 144px; padding-top: 384px;} 8.33333%{background-position: 0 168px; padding-top: 408px;} 12.5%{background-position: 0 192px; padding-top: 432px;} 16.66667%{background-position: 0 216px; padding-top: 456px;} 20.83333%{background-position: 0 240px; padding-top: 480px;} 25%{background-position: 0 264px; padding-top: 504px;} 29.16667%{background-position: 0 288px; padding-top: 528px;} 33.33333%{background-position: 0 312px; padding-top: 552px;} 37.5%{background-position: 0 -240px; padding-top: 0px;} 41.66667%{background-position: 0 -216px; padding-top: 24px;} 45.83333%{background-position: 0 -192px; padding-top: 48px;} 50%{background-position: 0 -168px; padding-top: 72px;} 54.16667%{background-position: 0 -144px; padding-top: 96px;} 58.33333%{background-position: 0 -120px; padding-top: 120px;} 62.5%{background-position: 0 -96px; padding-top: 144px;} 66.66667%{background-position: 0 -72px; padding-top: 168px;} 70.83333%{background-position: 0 -48px; padding-top: 192px;} 75%{background-position: 0 -24px; padding-top: 216px;} 79.16667%{background-position: 0 0px; padding-top: 240px;} 83.33333%{background-position: 0 24px; padding-top: 264px;} 87.5%{background-position: 0 48px; padding-top: 288px;} 91.66667%{background-position: 0 72px; padding-top: 312px;} 95.83333%{background-position: 0 96px; padding-top: 336px;}}@-moz-keyframes column-11{0%{background-position: 0 120px; padding-top: 360px;} 4.16667%{background-position: 0 144px; padding-top: 384px;} 8.33333%{background-position: 0 168px; padding-top: 408px;} 12.5%{background-position: 0 192px; padding-top: 432px;} 16.66667%{background-position: 0 216px; padding-top: 456px;} 20.83333%{background-position: 0 240px; padding-top: 480px;} 25%{background-position: 0 264px; padding-top: 504px;} 29.16667%{background-position: 0 288px; padding-top: 528px;} 33.33333%{background-position: 0 312px; padding-top: 552px;} 37.5%{background-position: 0 -240px; padding-top: 0px;} 41.66667%{background-position: 0 -216px; padding-top: 24px;} 45.83333%{background-position: 0 -192px; padding-top: 48px;} 50%{background-position: 0 -168px; padding-top: 72px;} 54.16667%{background-position: 0 -144px; padding-top: 96px;} 58.33333%{background-position: 0 -120px; padding-top: 120px;} 62.5%{background-position: 0 -96px; padding-top: 144px;} 66.66667%{background-position: 0 -72px; padding-top: 168px;} 70.83333%{background-position: 0 -48px; padding-top: 192px;} 75%{background-position: 0 -24px; padding-top: 216px;} 79.16667%{background-position: 0 0px; padding-top: 240px;} 83.33333%{background-position: 0 24px; padding-top: 264px;} 87.5%{background-position: 0 48px; padding-top: 288px;} 91.66667%{background-position: 0 72px; padding-top: 312px;} 95.83333%{background-position: 0 96px; padding-top: 336px;}}@-o-keyframes column-11{0%{background-position: 0 120px; padding-top: 360px;} 4.16667%{background-position: 0 144px; padding-top: 384px;} 8.33333%{background-position: 0 168px; padding-top: 408px;} 12.5%{background-position: 0 192px; padding-top: 432px;} 16.66667%{background-position: 0 216px; padding-top: 456px;} 20.83333%{background-position: 0 240px; padding-top: 480px;} 25%{background-position: 0 264px; padding-top: 504px;} 29.16667%{background-position: 0 288px; padding-top: 528px;} 33.33333%{background-position: 0 312px; padding-top: 552px;} 37.5%{background-position: 0 -240px; padding-top: 0px;} 41.66667%{background-position: 0 -216px; padding-top: 24px;} 45.83333%{background-position: 0 -192px; padding-top: 48px;} 50%{background-position: 0 -168px; padding-top: 72px;} 54.16667%{background-position: 0 -144px; padding-top: 96px;} 58.33333%{background-position: 0 -120px; padding-top: 120px;} 62.5%{background-position: 0 -96px; padding-top: 144px;} 66.66667%{background-position: 0 -72px; padding-top: 168px;} 70.83333%{background-position: 0 -48px; padding-top: 192px;} 75%{background-position: 0 -24px; padding-top: 216px;} 79.16667%{background-position: 0 0px; padding-top: 240px;} 83.33333%{background-position: 0 24px; padding-top: 264px;} 87.5%{background-position: 0 48px; padding-top: 288px;} 91.66667%{background-position: 0 72px; padding-top: 312px;} 95.83333%{background-position: 0 96px; padding-top: 336px;}}@keyframes column-11{0%{background-position: 0 120px; padding-top: 360px;} 4.16667%{background-position: 0 144px; padding-top: 384px;} 8.33333%{background-position: 0 168px; padding-top: 408px;} 12.5%{background-position: 0 192px; padding-top: 432px;} 16.66667%{background-position: 0 216px; padding-top: 456px;} 20.83333%{background-position: 0 240px; padding-top: 480px;} 25%{background-position: 0 264px; padding-top: 504px;} 29.16667%{background-position: 0 288px; padding-top: 528px;} 33.33333%{background-position: 0 312px; padding-top: 552px;} 37.5%{background-position: 0 -240px; padding-top: 0px;} 41.66667%{background-position: 0 -216px; padding-top: 24px;} 45.83333%{background-position: 0 -192px; padding-top: 48px;} 50%{background-position: 0 -168px; padding-top: 72px;} 54.16667%{background-position: 0 -144px; padding-top: 96px;} 58.33333%{background-position: 0 -120px; padding-top: 120px;} 62.5%{background-position: 0 -96px; padding-top: 144px;} 66.66667%{background-position: 0 -72px; padding-top: 168px;} 70.83333%{background-position: 0 -48px; padding-top: 192px;} 75%{background-position: 0 -24px; padding-top: 216px;} 79.16667%{background-position: 0 0px; padding-top: 240px;} 83.33333%{background-position: 0 24px; padding-top: 264px;} 87.5%{background-position: 0 48px; padding-top: 288px;} 91.66667%{background-position: 0 72px; padding-top: 312px;} 95.83333%{background-position: 0 96px; padding-top: 336px;}}

.matrix li:nth-child(12) {}
.matrix li:nth-child(12):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(12):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -120px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(29.16667%, rgba(20, 0, 41, 0)), color-stop(29.16667%, #140029), color-stop(100%, #140029)) 0 -120px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 168px, #140029 168px, #140029 576px) 0 -120px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 168px, #140029 168px, #140029 576px) 0 -120px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 168px, #140029 168px, #140029 576px) 0 -120px repeat;
  /*content: " ";*/
  padding-top: 48px;
  -webkit-animation-name: column-12;
  -moz-animation-name: column-12;
  -ms-animation-name: column-12;
  -o-animation-name: column-12;
  animation-name: column-12;
}

@-webkit-keyframes column-12{0%{background-position: 0 -120px; padding-top: 48px;} 4.16667%{background-position: 0 -96px; padding-top: 72px;} 8.33333%{background-position: 0 -72px; padding-top: 96px;} 12.5%{background-position: 0 -48px; padding-top: 120px;} 16.66667%{background-position: 0 -24px; padding-top: 144px;} 20.83333%{background-position: 0 0px; padding-top: 168px;} 25%{background-position: 0 24px; padding-top: 192px;} 29.16667%{background-position: 0 48px; padding-top: 216px;} 33.33333%{background-position: 0 72px; padding-top: 240px;} 37.5%{background-position: 0 96px; padding-top: 264px;} 41.66667%{background-position: 0 120px; padding-top: 288px;} 45.83333%{background-position: 0 144px; padding-top: 312px;} 50%{background-position: 0 168px; padding-top: 336px;} 54.16667%{background-position: 0 192px; padding-top: 360px;} 58.33333%{background-position: 0 216px; padding-top: 384px;} 62.5%{background-position: 0 240px; padding-top: 408px;} 66.66667%{background-position: 0 264px; padding-top: 432px;} 70.83333%{background-position: 0 288px; padding-top: 456px;} 75%{background-position: 0 312px; padding-top: 480px;} 79.16667%{background-position: 0 336px; padding-top: 504px;} 83.33333%{background-position: 0 360px; padding-top: 528px;} 87.5%{background-position: 0 384px; padding-top: 552px;} 91.66667%{background-position: 0 -168px; padding-top: 0px;} 95.83333%{background-position: 0 -144px; padding-top: 24px;}}@-moz-keyframes column-12{0%{background-position: 0 -120px; padding-top: 48px;} 4.16667%{background-position: 0 -96px; padding-top: 72px;} 8.33333%{background-position: 0 -72px; padding-top: 96px;} 12.5%{background-position: 0 -48px; padding-top: 120px;} 16.66667%{background-position: 0 -24px; padding-top: 144px;} 20.83333%{background-position: 0 0px; padding-top: 168px;} 25%{background-position: 0 24px; padding-top: 192px;} 29.16667%{background-position: 0 48px; padding-top: 216px;} 33.33333%{background-position: 0 72px; padding-top: 240px;} 37.5%{background-position: 0 96px; padding-top: 264px;} 41.66667%{background-position: 0 120px; padding-top: 288px;} 45.83333%{background-position: 0 144px; padding-top: 312px;} 50%{background-position: 0 168px; padding-top: 336px;} 54.16667%{background-position: 0 192px; padding-top: 360px;} 58.33333%{background-position: 0 216px; padding-top: 384px;} 62.5%{background-position: 0 240px; padding-top: 408px;} 66.66667%{background-position: 0 264px; padding-top: 432px;} 70.83333%{background-position: 0 288px; padding-top: 456px;} 75%{background-position: 0 312px; padding-top: 480px;} 79.16667%{background-position: 0 336px; padding-top: 504px;} 83.33333%{background-position: 0 360px; padding-top: 528px;} 87.5%{background-position: 0 384px; padding-top: 552px;} 91.66667%{background-position: 0 -168px; padding-top: 0px;} 95.83333%{background-position: 0 -144px; padding-top: 24px;}}@-o-keyframes column-12{0%{background-position: 0 -120px; padding-top: 48px;} 4.16667%{background-position: 0 -96px; padding-top: 72px;} 8.33333%{background-position: 0 -72px; padding-top: 96px;} 12.5%{background-position: 0 -48px; padding-top: 120px;} 16.66667%{background-position: 0 -24px; padding-top: 144px;} 20.83333%{background-position: 0 0px; padding-top: 168px;} 25%{background-position: 0 24px; padding-top: 192px;} 29.16667%{background-position: 0 48px; padding-top: 216px;} 33.33333%{background-position: 0 72px; padding-top: 240px;} 37.5%{background-position: 0 96px; padding-top: 264px;} 41.66667%{background-position: 0 120px; padding-top: 288px;} 45.83333%{background-position: 0 144px; padding-top: 312px;} 50%{background-position: 0 168px; padding-top: 336px;} 54.16667%{background-position: 0 192px; padding-top: 360px;} 58.33333%{background-position: 0 216px; padding-top: 384px;} 62.5%{background-position: 0 240px; padding-top: 408px;} 66.66667%{background-position: 0 264px; padding-top: 432px;} 70.83333%{background-position: 0 288px; padding-top: 456px;} 75%{background-position: 0 312px; padding-top: 480px;} 79.16667%{background-position: 0 336px; padding-top: 504px;} 83.33333%{background-position: 0 360px; padding-top: 528px;} 87.5%{background-position: 0 384px; padding-top: 552px;} 91.66667%{background-position: 0 -168px; padding-top: 0px;} 95.83333%{background-position: 0 -144px; padding-top: 24px;}}@keyframes column-12{0%{background-position: 0 -120px; padding-top: 48px;} 4.16667%{background-position: 0 -96px; padding-top: 72px;} 8.33333%{background-position: 0 -72px; padding-top: 96px;} 12.5%{background-position: 0 -48px; padding-top: 120px;} 16.66667%{background-position: 0 -24px; padding-top: 144px;} 20.83333%{background-position: 0 0px; padding-top: 168px;} 25%{background-position: 0 24px; padding-top: 192px;} 29.16667%{background-position: 0 48px; padding-top: 216px;} 33.33333%{background-position: 0 72px; padding-top: 240px;} 37.5%{background-position: 0 96px; padding-top: 264px;} 41.66667%{background-position: 0 120px; padding-top: 288px;} 45.83333%{background-position: 0 144px; padding-top: 312px;} 50%{background-position: 0 168px; padding-top: 336px;} 54.16667%{background-position: 0 192px; padding-top: 360px;} 58.33333%{background-position: 0 216px; padding-top: 384px;} 62.5%{background-position: 0 240px; padding-top: 408px;} 66.66667%{background-position: 0 264px; padding-top: 432px;} 70.83333%{background-position: 0 288px; padding-top: 456px;} 75%{background-position: 0 312px; padding-top: 480px;} 79.16667%{background-position: 0 336px; padding-top: 504px;} 83.33333%{background-position: 0 360px; padding-top: 528px;} 87.5%{background-position: 0 384px; padding-top: 552px;} 91.66667%{background-position: 0 -168px; padding-top: 0px;} 95.83333%{background-position: 0 -144px; padding-top: 24px;}}

.matrix li:nth-child(13) {}
.matrix li:nth-child(13):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(13):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iOTUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -480px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(95.83333%, rgba(20, 0, 41, 0)), color-stop(95.83333%, #140029), color-stop(100%, #140029)) 0 -480px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 552px, #140029 552px, #140029 576px) 0 -480px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 552px, #140029 552px, #140029 576px) 0 -480px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 552px, #140029 552px, #140029 576px) 0 -480px repeat;
  /*content: " ";*/
  padding-top: 72px;
  -webkit-animation-name: column-13;
  -moz-animation-name: column-13;
  -ms-animation-name: column-13;
  -o-animation-name: column-13;
  animation-name: column-13;
}

@-webkit-keyframes column-13{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}@-moz-keyframes column-13{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}@-o-keyframes column-13{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}@keyframes column-13{0%{background-position: 0 -480px; padding-top: 72px;} 4.16667%{background-position: 0 -456px; padding-top: 96px;} 8.33333%{background-position: 0 -432px; padding-top: 120px;} 12.5%{background-position: 0 -408px; padding-top: 144px;} 16.66667%{background-position: 0 -384px; padding-top: 168px;} 20.83333%{background-position: 0 -360px; padding-top: 192px;} 25%{background-position: 0 -336px; padding-top: 216px;} 29.16667%{background-position: 0 -312px; padding-top: 240px;} 33.33333%{background-position: 0 -288px; padding-top: 264px;} 37.5%{background-position: 0 -264px; padding-top: 288px;} 41.66667%{background-position: 0 -240px; padding-top: 312px;} 45.83333%{background-position: 0 -216px; padding-top: 336px;} 50%{background-position: 0 -192px; padding-top: 360px;} 54.16667%{background-position: 0 -168px; padding-top: 384px;} 58.33333%{background-position: 0 -144px; padding-top: 408px;} 62.5%{background-position: 0 -120px; padding-top: 432px;} 66.66667%{background-position: 0 -96px; padding-top: 456px;} 70.83333%{background-position: 0 -72px; padding-top: 480px;} 75%{background-position: 0 -48px; padding-top: 504px;} 79.16667%{background-position: 0 -24px; padding-top: 528px;} 83.33333%{background-position: 0 0px; padding-top: 552px;} 87.5%{background-position: 0 -552px; padding-top: 0px;} 91.66667%{background-position: 0 -528px; padding-top: 24px;} 95.83333%{background-position: 0 -504px; padding-top: 48px;}}

.matrix li:nth-child(14) {}
.matrix li:nth-child(14):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(14):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 72px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(33.33333%, rgba(20, 0, 41, 0)), color-stop(33.33333%, #140029), color-stop(100%, #140029)) 0 72px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 72px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 72px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 72px repeat;
  /*content: " ";*/
  padding-top: 264px;
  -webkit-animation-name: column-14;
  -moz-animation-name: column-14;
  -ms-animation-name: column-14;
  -o-animation-name: column-14;
  animation-name: column-14;
}

@-webkit-keyframes column-14{0%{background-position: 0 72px; padding-top: 264px;} 4.16667%{background-position: 0 96px; padding-top: 288px;} 8.33333%{background-position: 0 120px; padding-top: 312px;} 12.5%{background-position: 0 144px; padding-top: 336px;} 16.66667%{background-position: 0 168px; padding-top: 360px;} 20.83333%{background-position: 0 192px; padding-top: 384px;} 25%{background-position: 0 216px; padding-top: 408px;} 29.16667%{background-position: 0 240px; padding-top: 432px;} 33.33333%{background-position: 0 264px; padding-top: 456px;} 37.5%{background-position: 0 288px; padding-top: 480px;} 41.66667%{background-position: 0 312px; padding-top: 504px;} 45.83333%{background-position: 0 336px; padding-top: 528px;} 50%{background-position: 0 360px; padding-top: 552px;} 54.16667%{background-position: 0 -192px; padding-top: 0px;} 58.33333%{background-position: 0 -168px; padding-top: 24px;} 62.5%{background-position: 0 -144px; padding-top: 48px;} 66.66667%{background-position: 0 -120px; padding-top: 72px;} 70.83333%{background-position: 0 -96px; padding-top: 96px;} 75%{background-position: 0 -72px; padding-top: 120px;} 79.16667%{background-position: 0 -48px; padding-top: 144px;} 83.33333%{background-position: 0 -24px; padding-top: 168px;} 87.5%{background-position: 0 0px; padding-top: 192px;} 91.66667%{background-position: 0 24px; padding-top: 216px;} 95.83333%{background-position: 0 48px; padding-top: 240px;}}@-moz-keyframes column-14{0%{background-position: 0 72px; padding-top: 264px;} 4.16667%{background-position: 0 96px; padding-top: 288px;} 8.33333%{background-position: 0 120px; padding-top: 312px;} 12.5%{background-position: 0 144px; padding-top: 336px;} 16.66667%{background-position: 0 168px; padding-top: 360px;} 20.83333%{background-position: 0 192px; padding-top: 384px;} 25%{background-position: 0 216px; padding-top: 408px;} 29.16667%{background-position: 0 240px; padding-top: 432px;} 33.33333%{background-position: 0 264px; padding-top: 456px;} 37.5%{background-position: 0 288px; padding-top: 480px;} 41.66667%{background-position: 0 312px; padding-top: 504px;} 45.83333%{background-position: 0 336px; padding-top: 528px;} 50%{background-position: 0 360px; padding-top: 552px;} 54.16667%{background-position: 0 -192px; padding-top: 0px;} 58.33333%{background-position: 0 -168px; padding-top: 24px;} 62.5%{background-position: 0 -144px; padding-top: 48px;} 66.66667%{background-position: 0 -120px; padding-top: 72px;} 70.83333%{background-position: 0 -96px; padding-top: 96px;} 75%{background-position: 0 -72px; padding-top: 120px;} 79.16667%{background-position: 0 -48px; padding-top: 144px;} 83.33333%{background-position: 0 -24px; padding-top: 168px;} 87.5%{background-position: 0 0px; padding-top: 192px;} 91.66667%{background-position: 0 24px; padding-top: 216px;} 95.83333%{background-position: 0 48px; padding-top: 240px;}}@-o-keyframes column-14{0%{background-position: 0 72px; padding-top: 264px;} 4.16667%{background-position: 0 96px; padding-top: 288px;} 8.33333%{background-position: 0 120px; padding-top: 312px;} 12.5%{background-position: 0 144px; padding-top: 336px;} 16.66667%{background-position: 0 168px; padding-top: 360px;} 20.83333%{background-position: 0 192px; padding-top: 384px;} 25%{background-position: 0 216px; padding-top: 408px;} 29.16667%{background-position: 0 240px; padding-top: 432px;} 33.33333%{background-position: 0 264px; padding-top: 456px;} 37.5%{background-position: 0 288px; padding-top: 480px;} 41.66667%{background-position: 0 312px; padding-top: 504px;} 45.83333%{background-position: 0 336px; padding-top: 528px;} 50%{background-position: 0 360px; padding-top: 552px;} 54.16667%{background-position: 0 -192px; padding-top: 0px;} 58.33333%{background-position: 0 -168px; padding-top: 24px;} 62.5%{background-position: 0 -144px; padding-top: 48px;} 66.66667%{background-position: 0 -120px; padding-top: 72px;} 70.83333%{background-position: 0 -96px; padding-top: 96px;} 75%{background-position: 0 -72px; padding-top: 120px;} 79.16667%{background-position: 0 -48px; padding-top: 144px;} 83.33333%{background-position: 0 -24px; padding-top: 168px;} 87.5%{background-position: 0 0px; padding-top: 192px;} 91.66667%{background-position: 0 24px; padding-top: 216px;} 95.83333%{background-position: 0 48px; padding-top: 240px;}}@keyframes column-14{0%{background-position: 0 72px; padding-top: 264px;} 4.16667%{background-position: 0 96px; padding-top: 288px;} 8.33333%{background-position: 0 120px; padding-top: 312px;} 12.5%{background-position: 0 144px; padding-top: 336px;} 16.66667%{background-position: 0 168px; padding-top: 360px;} 20.83333%{background-position: 0 192px; padding-top: 384px;} 25%{background-position: 0 216px; padding-top: 408px;} 29.16667%{background-position: 0 240px; padding-top: 432px;} 33.33333%{background-position: 0 264px; padding-top: 456px;} 37.5%{background-position: 0 288px; padding-top: 480px;} 41.66667%{background-position: 0 312px; padding-top: 504px;} 45.83333%{background-position: 0 336px; padding-top: 528px;} 50%{background-position: 0 360px; padding-top: 552px;} 54.16667%{background-position: 0 -192px; padding-top: 0px;} 58.33333%{background-position: 0 -168px; padding-top: 24px;} 62.5%{background-position: 0 -144px; padding-top: 48px;} 66.66667%{background-position: 0 -120px; padding-top: 72px;} 70.83333%{background-position: 0 -96px; padding-top: 96px;} 75%{background-position: 0 -72px; padding-top: 120px;} 79.16667%{background-position: 0 -48px; padding-top: 144px;} 83.33333%{background-position: 0 -24px; padding-top: 168px;} 87.5%{background-position: 0 0px; padding-top: 192px;} 91.66667%{background-position: 0 24px; padding-top: 216px;} 95.83333%{background-position: 0 48px; padding-top: 240px;}}

.matrix li:nth-child(15) {}
.matrix li:nth-child(15):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(15):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 120px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(33.33333%, rgba(20, 0, 41, 0)), color-stop(33.33333%, #140029), color-stop(100%, #140029)) 0 120px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 120px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 120px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 120px repeat;
  /*content: " ";*/
  padding-top: 312px;
  -webkit-animation-name: column-15;
  -moz-animation-name: column-15;
  -ms-animation-name: column-15;
  -o-animation-name: column-15;
  animation-name: column-15;
}

@-webkit-keyframes column-15{0%{background-position: 0 120px; padding-top: 312px;} 4.16667%{background-position: 0 144px; padding-top: 336px;} 8.33333%{background-position: 0 168px; padding-top: 360px;} 12.5%{background-position: 0 192px; padding-top: 384px;} 16.66667%{background-position: 0 216px; padding-top: 408px;} 20.83333%{background-position: 0 240px; padding-top: 432px;} 25%{background-position: 0 264px; padding-top: 456px;} 29.16667%{background-position: 0 288px; padding-top: 480px;} 33.33333%{background-position: 0 312px; padding-top: 504px;} 37.5%{background-position: 0 336px; padding-top: 528px;} 41.66667%{background-position: 0 360px; padding-top: 552px;} 45.83333%{background-position: 0 -192px; padding-top: 0px;} 50%{background-position: 0 -168px; padding-top: 24px;} 54.16667%{background-position: 0 -144px; padding-top: 48px;} 58.33333%{background-position: 0 -120px; padding-top: 72px;} 62.5%{background-position: 0 -96px; padding-top: 96px;} 66.66667%{background-position: 0 -72px; padding-top: 120px;} 70.83333%{background-position: 0 -48px; padding-top: 144px;} 75%{background-position: 0 -24px; padding-top: 168px;} 79.16667%{background-position: 0 0px; padding-top: 192px;} 83.33333%{background-position: 0 24px; padding-top: 216px;} 87.5%{background-position: 0 48px; padding-top: 240px;} 91.66667%{background-position: 0 72px; padding-top: 264px;} 95.83333%{background-position: 0 96px; padding-top: 288px;}}@-moz-keyframes column-15{0%{background-position: 0 120px; padding-top: 312px;} 4.16667%{background-position: 0 144px; padding-top: 336px;} 8.33333%{background-position: 0 168px; padding-top: 360px;} 12.5%{background-position: 0 192px; padding-top: 384px;} 16.66667%{background-position: 0 216px; padding-top: 408px;} 20.83333%{background-position: 0 240px; padding-top: 432px;} 25%{background-position: 0 264px; padding-top: 456px;} 29.16667%{background-position: 0 288px; padding-top: 480px;} 33.33333%{background-position: 0 312px; padding-top: 504px;} 37.5%{background-position: 0 336px; padding-top: 528px;} 41.66667%{background-position: 0 360px; padding-top: 552px;} 45.83333%{background-position: 0 -192px; padding-top: 0px;} 50%{background-position: 0 -168px; padding-top: 24px;} 54.16667%{background-position: 0 -144px; padding-top: 48px;} 58.33333%{background-position: 0 -120px; padding-top: 72px;} 62.5%{background-position: 0 -96px; padding-top: 96px;} 66.66667%{background-position: 0 -72px; padding-top: 120px;} 70.83333%{background-position: 0 -48px; padding-top: 144px;} 75%{background-position: 0 -24px; padding-top: 168px;} 79.16667%{background-position: 0 0px; padding-top: 192px;} 83.33333%{background-position: 0 24px; padding-top: 216px;} 87.5%{background-position: 0 48px; padding-top: 240px;} 91.66667%{background-position: 0 72px; padding-top: 264px;} 95.83333%{background-position: 0 96px; padding-top: 288px;}}@-o-keyframes column-15{0%{background-position: 0 120px; padding-top: 312px;} 4.16667%{background-position: 0 144px; padding-top: 336px;} 8.33333%{background-position: 0 168px; padding-top: 360px;} 12.5%{background-position: 0 192px; padding-top: 384px;} 16.66667%{background-position: 0 216px; padding-top: 408px;} 20.83333%{background-position: 0 240px; padding-top: 432px;} 25%{background-position: 0 264px; padding-top: 456px;} 29.16667%{background-position: 0 288px; padding-top: 480px;} 33.33333%{background-position: 0 312px; padding-top: 504px;} 37.5%{background-position: 0 336px; padding-top: 528px;} 41.66667%{background-position: 0 360px; padding-top: 552px;} 45.83333%{background-position: 0 -192px; padding-top: 0px;} 50%{background-position: 0 -168px; padding-top: 24px;} 54.16667%{background-position: 0 -144px; padding-top: 48px;} 58.33333%{background-position: 0 -120px; padding-top: 72px;} 62.5%{background-position: 0 -96px; padding-top: 96px;} 66.66667%{background-position: 0 -72px; padding-top: 120px;} 70.83333%{background-position: 0 -48px; padding-top: 144px;} 75%{background-position: 0 -24px; padding-top: 168px;} 79.16667%{background-position: 0 0px; padding-top: 192px;} 83.33333%{background-position: 0 24px; padding-top: 216px;} 87.5%{background-position: 0 48px; padding-top: 240px;} 91.66667%{background-position: 0 72px; padding-top: 264px;} 95.83333%{background-position: 0 96px; padding-top: 288px;}}@keyframes column-15{0%{background-position: 0 120px; padding-top: 312px;} 4.16667%{background-position: 0 144px; padding-top: 336px;} 8.33333%{background-position: 0 168px; padding-top: 360px;} 12.5%{background-position: 0 192px; padding-top: 384px;} 16.66667%{background-position: 0 216px; padding-top: 408px;} 20.83333%{background-position: 0 240px; padding-top: 432px;} 25%{background-position: 0 264px; padding-top: 456px;} 29.16667%{background-position: 0 288px; padding-top: 480px;} 33.33333%{background-position: 0 312px; padding-top: 504px;} 37.5%{background-position: 0 336px; padding-top: 528px;} 41.66667%{background-position: 0 360px; padding-top: 552px;} 45.83333%{background-position: 0 -192px; padding-top: 0px;} 50%{background-position: 0 -168px; padding-top: 24px;} 54.16667%{background-position: 0 -144px; padding-top: 48px;} 58.33333%{background-position: 0 -120px; padding-top: 72px;} 62.5%{background-position: 0 -96px; padding-top: 96px;} 66.66667%{background-position: 0 -72px; padding-top: 120px;} 70.83333%{background-position: 0 -48px; padding-top: 144px;} 75%{background-position: 0 -24px; padding-top: 168px;} 79.16667%{background-position: 0 0px; padding-top: 192px;} 83.33333%{background-position: 0 24px; padding-top: 216px;} 87.5%{background-position: 0 48px; padding-top: 240px;} 91.66667%{background-position: 0 72px; padding-top: 264px;} 95.83333%{background-position: 0 96px; padding-top: 288px;}}

.matrix li:nth-child(16) {}
.matrix li:nth-child(16):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(16):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 72px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(75%, rgba(20, 0, 41, 0)), color-stop(75%, #140029), color-stop(100%, #140029)) 0 72px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 432px, #140029 432px, #140029 576px) 0 72px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 432px, #140029 432px, #140029 576px) 0 72px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 432px, #140029 432px, #140029 576px) 0 72px repeat;
  /*content: " ";*/
  padding-top: 504px;
  -webkit-animation-name: column-16;
  -moz-animation-name: column-16;
  -ms-animation-name: column-16;
  -o-animation-name: column-16;
  animation-name: column-16;
}

@-webkit-keyframes column-16{0%{background-position: 0 72px; padding-top: 504px;} 4.16667%{background-position: 0 96px; padding-top: 528px;} 8.33333%{background-position: 0 120px; padding-top: 552px;} 12.5%{background-position: 0 -432px; padding-top: 0px;} 16.66667%{background-position: 0 -408px; padding-top: 24px;} 20.83333%{background-position: 0 -384px; padding-top: 48px;} 25%{background-position: 0 -360px; padding-top: 72px;} 29.16667%{background-position: 0 -336px; padding-top: 96px;} 33.33333%{background-position: 0 -312px; padding-top: 120px;} 37.5%{background-position: 0 -288px; padding-top: 144px;} 41.66667%{background-position: 0 -264px; padding-top: 168px;} 45.83333%{background-position: 0 -240px; padding-top: 192px;} 50%{background-position: 0 -216px; padding-top: 216px;} 54.16667%{background-position: 0 -192px; padding-top: 240px;} 58.33333%{background-position: 0 -168px; padding-top: 264px;} 62.5%{background-position: 0 -144px; padding-top: 288px;} 66.66667%{background-position: 0 -120px; padding-top: 312px;} 70.83333%{background-position: 0 -96px; padding-top: 336px;} 75%{background-position: 0 -72px; padding-top: 360px;} 79.16667%{background-position: 0 -48px; padding-top: 384px;} 83.33333%{background-position: 0 -24px; padding-top: 408px;} 87.5%{background-position: 0 0px; padding-top: 432px;} 91.66667%{background-position: 0 24px; padding-top: 456px;} 95.83333%{background-position: 0 48px; padding-top: 480px;}}@-moz-keyframes column-16{0%{background-position: 0 72px; padding-top: 504px;} 4.16667%{background-position: 0 96px; padding-top: 528px;} 8.33333%{background-position: 0 120px; padding-top: 552px;} 12.5%{background-position: 0 -432px; padding-top: 0px;} 16.66667%{background-position: 0 -408px; padding-top: 24px;} 20.83333%{background-position: 0 -384px; padding-top: 48px;} 25%{background-position: 0 -360px; padding-top: 72px;} 29.16667%{background-position: 0 -336px; padding-top: 96px;} 33.33333%{background-position: 0 -312px; padding-top: 120px;} 37.5%{background-position: 0 -288px; padding-top: 144px;} 41.66667%{background-position: 0 -264px; padding-top: 168px;} 45.83333%{background-position: 0 -240px; padding-top: 192px;} 50%{background-position: 0 -216px; padding-top: 216px;} 54.16667%{background-position: 0 -192px; padding-top: 240px;} 58.33333%{background-position: 0 -168px; padding-top: 264px;} 62.5%{background-position: 0 -144px; padding-top: 288px;} 66.66667%{background-position: 0 -120px; padding-top: 312px;} 70.83333%{background-position: 0 -96px; padding-top: 336px;} 75%{background-position: 0 -72px; padding-top: 360px;} 79.16667%{background-position: 0 -48px; padding-top: 384px;} 83.33333%{background-position: 0 -24px; padding-top: 408px;} 87.5%{background-position: 0 0px; padding-top: 432px;} 91.66667%{background-position: 0 24px; padding-top: 456px;} 95.83333%{background-position: 0 48px; padding-top: 480px;}}@-o-keyframes column-16{0%{background-position: 0 72px; padding-top: 504px;} 4.16667%{background-position: 0 96px; padding-top: 528px;} 8.33333%{background-position: 0 120px; padding-top: 552px;} 12.5%{background-position: 0 -432px; padding-top: 0px;} 16.66667%{background-position: 0 -408px; padding-top: 24px;} 20.83333%{background-position: 0 -384px; padding-top: 48px;} 25%{background-position: 0 -360px; padding-top: 72px;} 29.16667%{background-position: 0 -336px; padding-top: 96px;} 33.33333%{background-position: 0 -312px; padding-top: 120px;} 37.5%{background-position: 0 -288px; padding-top: 144px;} 41.66667%{background-position: 0 -264px; padding-top: 168px;} 45.83333%{background-position: 0 -240px; padding-top: 192px;} 50%{background-position: 0 -216px; padding-top: 216px;} 54.16667%{background-position: 0 -192px; padding-top: 240px;} 58.33333%{background-position: 0 -168px; padding-top: 264px;} 62.5%{background-position: 0 -144px; padding-top: 288px;} 66.66667%{background-position: 0 -120px; padding-top: 312px;} 70.83333%{background-position: 0 -96px; padding-top: 336px;} 75%{background-position: 0 -72px; padding-top: 360px;} 79.16667%{background-position: 0 -48px; padding-top: 384px;} 83.33333%{background-position: 0 -24px; padding-top: 408px;} 87.5%{background-position: 0 0px; padding-top: 432px;} 91.66667%{background-position: 0 24px; padding-top: 456px;} 95.83333%{background-position: 0 48px; padding-top: 480px;}}@keyframes column-16{0%{background-position: 0 72px; padding-top: 504px;} 4.16667%{background-position: 0 96px; padding-top: 528px;} 8.33333%{background-position: 0 120px; padding-top: 552px;} 12.5%{background-position: 0 -432px; padding-top: 0px;} 16.66667%{background-position: 0 -408px; padding-top: 24px;} 20.83333%{background-position: 0 -384px; padding-top: 48px;} 25%{background-position: 0 -360px; padding-top: 72px;} 29.16667%{background-position: 0 -336px; padding-top: 96px;} 33.33333%{background-position: 0 -312px; padding-top: 120px;} 37.5%{background-position: 0 -288px; padding-top: 144px;} 41.66667%{background-position: 0 -264px; padding-top: 168px;} 45.83333%{background-position: 0 -240px; padding-top: 192px;} 50%{background-position: 0 -216px; padding-top: 216px;} 54.16667%{background-position: 0 -192px; padding-top: 240px;} 58.33333%{background-position: 0 -168px; padding-top: 264px;} 62.5%{background-position: 0 -144px; padding-top: 288px;} 66.66667%{background-position: 0 -120px; padding-top: 312px;} 70.83333%{background-position: 0 -96px; padding-top: 336px;} 75%{background-position: 0 -72px; padding-top: 360px;} 79.16667%{background-position: 0 -48px; padding-top: 384px;} 83.33333%{background-position: 0 -24px; padding-top: 408px;} 87.5%{background-position: 0 0px; padding-top: 432px;} 91.66667%{background-position: 0 24px; padding-top: 456px;} 95.83333%{background-position: 0 48px; padding-top: 480px;}}

.matrix li:nth-child(17) {}
.matrix li:nth-child(17):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(17):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -216px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(62.5%, rgba(20, 0, 41, 0)), color-stop(62.5%, #140029), color-stop(100%, #140029)) 0 -216px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 -216px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 -216px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 -216px repeat;
  /*content: " ";*/
  padding-top: 144px;
  -webkit-animation-name: column-17;
  -moz-animation-name: column-17;
  -ms-animation-name: column-17;
  -o-animation-name: column-17;
  animation-name: column-17;
}

@-webkit-keyframes column-17{0%{background-position: 0 -216px; padding-top: 144px;} 4.16667%{background-position: 0 -192px; padding-top: 168px;} 8.33333%{background-position: 0 -168px; padding-top: 192px;} 12.5%{background-position: 0 -144px; padding-top: 216px;} 16.66667%{background-position: 0 -120px; padding-top: 240px;} 20.83333%{background-position: 0 -96px; padding-top: 264px;} 25%{background-position: 0 -72px; padding-top: 288px;} 29.16667%{background-position: 0 -48px; padding-top: 312px;} 33.33333%{background-position: 0 -24px; padding-top: 336px;} 37.5%{background-position: 0 0px; padding-top: 360px;} 41.66667%{background-position: 0 24px; padding-top: 384px;} 45.83333%{background-position: 0 48px; padding-top: 408px;} 50%{background-position: 0 72px; padding-top: 432px;} 54.16667%{background-position: 0 96px; padding-top: 456px;} 58.33333%{background-position: 0 120px; padding-top: 480px;} 62.5%{background-position: 0 144px; padding-top: 504px;} 66.66667%{background-position: 0 168px; padding-top: 528px;} 70.83333%{background-position: 0 192px; padding-top: 552px;} 75%{background-position: 0 -360px; padding-top: 0px;} 79.16667%{background-position: 0 -336px; padding-top: 24px;} 83.33333%{background-position: 0 -312px; padding-top: 48px;} 87.5%{background-position: 0 -288px; padding-top: 72px;} 91.66667%{background-position: 0 -264px; padding-top: 96px;} 95.83333%{background-position: 0 -240px; padding-top: 120px;}}@-moz-keyframes column-17{0%{background-position: 0 -216px; padding-top: 144px;} 4.16667%{background-position: 0 -192px; padding-top: 168px;} 8.33333%{background-position: 0 -168px; padding-top: 192px;} 12.5%{background-position: 0 -144px; padding-top: 216px;} 16.66667%{background-position: 0 -120px; padding-top: 240px;} 20.83333%{background-position: 0 -96px; padding-top: 264px;} 25%{background-position: 0 -72px; padding-top: 288px;} 29.16667%{background-position: 0 -48px; padding-top: 312px;} 33.33333%{background-position: 0 -24px; padding-top: 336px;} 37.5%{background-position: 0 0px; padding-top: 360px;} 41.66667%{background-position: 0 24px; padding-top: 384px;} 45.83333%{background-position: 0 48px; padding-top: 408px;} 50%{background-position: 0 72px; padding-top: 432px;} 54.16667%{background-position: 0 96px; padding-top: 456px;} 58.33333%{background-position: 0 120px; padding-top: 480px;} 62.5%{background-position: 0 144px; padding-top: 504px;} 66.66667%{background-position: 0 168px; padding-top: 528px;} 70.83333%{background-position: 0 192px; padding-top: 552px;} 75%{background-position: 0 -360px; padding-top: 0px;} 79.16667%{background-position: 0 -336px; padding-top: 24px;} 83.33333%{background-position: 0 -312px; padding-top: 48px;} 87.5%{background-position: 0 -288px; padding-top: 72px;} 91.66667%{background-position: 0 -264px; padding-top: 96px;} 95.83333%{background-position: 0 -240px; padding-top: 120px;}}@-o-keyframes column-17{0%{background-position: 0 -216px; padding-top: 144px;} 4.16667%{background-position: 0 -192px; padding-top: 168px;} 8.33333%{background-position: 0 -168px; padding-top: 192px;} 12.5%{background-position: 0 -144px; padding-top: 216px;} 16.66667%{background-position: 0 -120px; padding-top: 240px;} 20.83333%{background-position: 0 -96px; padding-top: 264px;} 25%{background-position: 0 -72px; padding-top: 288px;} 29.16667%{background-position: 0 -48px; padding-top: 312px;} 33.33333%{background-position: 0 -24px; padding-top: 336px;} 37.5%{background-position: 0 0px; padding-top: 360px;} 41.66667%{background-position: 0 24px; padding-top: 384px;} 45.83333%{background-position: 0 48px; padding-top: 408px;} 50%{background-position: 0 72px; padding-top: 432px;} 54.16667%{background-position: 0 96px; padding-top: 456px;} 58.33333%{background-position: 0 120px; padding-top: 480px;} 62.5%{background-position: 0 144px; padding-top: 504px;} 66.66667%{background-position: 0 168px; padding-top: 528px;} 70.83333%{background-position: 0 192px; padding-top: 552px;} 75%{background-position: 0 -360px; padding-top: 0px;} 79.16667%{background-position: 0 -336px; padding-top: 24px;} 83.33333%{background-position: 0 -312px; padding-top: 48px;} 87.5%{background-position: 0 -288px; padding-top: 72px;} 91.66667%{background-position: 0 -264px; padding-top: 96px;} 95.83333%{background-position: 0 -240px; padding-top: 120px;}}@keyframes column-17{0%{background-position: 0 -216px; padding-top: 144px;} 4.16667%{background-position: 0 -192px; padding-top: 168px;} 8.33333%{background-position: 0 -168px; padding-top: 192px;} 12.5%{background-position: 0 -144px; padding-top: 216px;} 16.66667%{background-position: 0 -120px; padding-top: 240px;} 20.83333%{background-position: 0 -96px; padding-top: 264px;} 25%{background-position: 0 -72px; padding-top: 288px;} 29.16667%{background-position: 0 -48px; padding-top: 312px;} 33.33333%{background-position: 0 -24px; padding-top: 336px;} 37.5%{background-position: 0 0px; padding-top: 360px;} 41.66667%{background-position: 0 24px; padding-top: 384px;} 45.83333%{background-position: 0 48px; padding-top: 408px;} 50%{background-position: 0 72px; padding-top: 432px;} 54.16667%{background-position: 0 96px; padding-top: 456px;} 58.33333%{background-position: 0 120px; padding-top: 480px;} 62.5%{background-position: 0 144px; padding-top: 504px;} 66.66667%{background-position: 0 168px; padding-top: 528px;} 70.83333%{background-position: 0 192px; padding-top: 552px;} 75%{background-position: 0 -360px; padding-top: 0px;} 79.16667%{background-position: 0 -336px; padding-top: 24px;} 83.33333%{background-position: 0 -312px; padding-top: 48px;} 87.5%{background-position: 0 -288px; padding-top: 72px;} 91.66667%{background-position: 0 -264px; padding-top: 96px;} 95.83333%{background-position: 0 -240px; padding-top: 120px;}}

.matrix li:nth-child(18) {}
.matrix li:nth-child(18):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(18):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -216px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(83.33333%, rgba(20, 0, 41, 0)), color-stop(83.33333%, #140029), color-stop(100%, #140029)) 0 -216px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -216px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -216px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 480px, #140029 480px, #140029 576px) 0 -216px repeat;
  /*content: " ";*/
  padding-top: 264px;
  -webkit-animation-name: column-18;
  -moz-animation-name: column-18;
  -ms-animation-name: column-18;
  -o-animation-name: column-18;
  animation-name: column-18;
}

@-webkit-keyframes column-18{0%{background-position: 0 -216px; padding-top: 264px;} 4.16667%{background-position: 0 -192px; padding-top: 288px;} 8.33333%{background-position: 0 -168px; padding-top: 312px;} 12.5%{background-position: 0 -144px; padding-top: 336px;} 16.66667%{background-position: 0 -120px; padding-top: 360px;} 20.83333%{background-position: 0 -96px; padding-top: 384px;} 25%{background-position: 0 -72px; padding-top: 408px;} 29.16667%{background-position: 0 -48px; padding-top: 432px;} 33.33333%{background-position: 0 -24px; padding-top: 456px;} 37.5%{background-position: 0 0px; padding-top: 480px;} 41.66667%{background-position: 0 24px; padding-top: 504px;} 45.83333%{background-position: 0 48px; padding-top: 528px;} 50%{background-position: 0 72px; padding-top: 552px;} 54.16667%{background-position: 0 -480px; padding-top: 0px;} 58.33333%{background-position: 0 -456px; padding-top: 24px;} 62.5%{background-position: 0 -432px; padding-top: 48px;} 66.66667%{background-position: 0 -408px; padding-top: 72px;} 70.83333%{background-position: 0 -384px; padding-top: 96px;} 75%{background-position: 0 -360px; padding-top: 120px;} 79.16667%{background-position: 0 -336px; padding-top: 144px;} 83.33333%{background-position: 0 -312px; padding-top: 168px;} 87.5%{background-position: 0 -288px; padding-top: 192px;} 91.66667%{background-position: 0 -264px; padding-top: 216px;} 95.83333%{background-position: 0 -240px; padding-top: 240px;}}@-moz-keyframes column-18{0%{background-position: 0 -216px; padding-top: 264px;} 4.16667%{background-position: 0 -192px; padding-top: 288px;} 8.33333%{background-position: 0 -168px; padding-top: 312px;} 12.5%{background-position: 0 -144px; padding-top: 336px;} 16.66667%{background-position: 0 -120px; padding-top: 360px;} 20.83333%{background-position: 0 -96px; padding-top: 384px;} 25%{background-position: 0 -72px; padding-top: 408px;} 29.16667%{background-position: 0 -48px; padding-top: 432px;} 33.33333%{background-position: 0 -24px; padding-top: 456px;} 37.5%{background-position: 0 0px; padding-top: 480px;} 41.66667%{background-position: 0 24px; padding-top: 504px;} 45.83333%{background-position: 0 48px; padding-top: 528px;} 50%{background-position: 0 72px; padding-top: 552px;} 54.16667%{background-position: 0 -480px; padding-top: 0px;} 58.33333%{background-position: 0 -456px; padding-top: 24px;} 62.5%{background-position: 0 -432px; padding-top: 48px;} 66.66667%{background-position: 0 -408px; padding-top: 72px;} 70.83333%{background-position: 0 -384px; padding-top: 96px;} 75%{background-position: 0 -360px; padding-top: 120px;} 79.16667%{background-position: 0 -336px; padding-top: 144px;} 83.33333%{background-position: 0 -312px; padding-top: 168px;} 87.5%{background-position: 0 -288px; padding-top: 192px;} 91.66667%{background-position: 0 -264px; padding-top: 216px;} 95.83333%{background-position: 0 -240px; padding-top: 240px;}}@-o-keyframes column-18{0%{background-position: 0 -216px; padding-top: 264px;} 4.16667%{background-position: 0 -192px; padding-top: 288px;} 8.33333%{background-position: 0 -168px; padding-top: 312px;} 12.5%{background-position: 0 -144px; padding-top: 336px;} 16.66667%{background-position: 0 -120px; padding-top: 360px;} 20.83333%{background-position: 0 -96px; padding-top: 384px;} 25%{background-position: 0 -72px; padding-top: 408px;} 29.16667%{background-position: 0 -48px; padding-top: 432px;} 33.33333%{background-position: 0 -24px; padding-top: 456px;} 37.5%{background-position: 0 0px; padding-top: 480px;} 41.66667%{background-position: 0 24px; padding-top: 504px;} 45.83333%{background-position: 0 48px; padding-top: 528px;} 50%{background-position: 0 72px; padding-top: 552px;} 54.16667%{background-position: 0 -480px; padding-top: 0px;} 58.33333%{background-position: 0 -456px; padding-top: 24px;} 62.5%{background-position: 0 -432px; padding-top: 48px;} 66.66667%{background-position: 0 -408px; padding-top: 72px;} 70.83333%{background-position: 0 -384px; padding-top: 96px;} 75%{background-position: 0 -360px; padding-top: 120px;} 79.16667%{background-position: 0 -336px; padding-top: 144px;} 83.33333%{background-position: 0 -312px; padding-top: 168px;} 87.5%{background-position: 0 -288px; padding-top: 192px;} 91.66667%{background-position: 0 -264px; padding-top: 216px;} 95.83333%{background-position: 0 -240px; padding-top: 240px;}}@keyframes column-18{0%{background-position: 0 -216px; padding-top: 264px;} 4.16667%{background-position: 0 -192px; padding-top: 288px;} 8.33333%{background-position: 0 -168px; padding-top: 312px;} 12.5%{background-position: 0 -144px; padding-top: 336px;} 16.66667%{background-position: 0 -120px; padding-top: 360px;} 20.83333%{background-position: 0 -96px; padding-top: 384px;} 25%{background-position: 0 -72px; padding-top: 408px;} 29.16667%{background-position: 0 -48px; padding-top: 432px;} 33.33333%{background-position: 0 -24px; padding-top: 456px;} 37.5%{background-position: 0 0px; padding-top: 480px;} 41.66667%{background-position: 0 24px; padding-top: 504px;} 45.83333%{background-position: 0 48px; padding-top: 528px;} 50%{background-position: 0 72px; padding-top: 552px;} 54.16667%{background-position: 0 -480px; padding-top: 0px;} 58.33333%{background-position: 0 -456px; padding-top: 24px;} 62.5%{background-position: 0 -432px; padding-top: 48px;} 66.66667%{background-position: 0 -408px; padding-top: 72px;} 70.83333%{background-position: 0 -384px; padding-top: 96px;} 75%{background-position: 0 -360px; padding-top: 120px;} 79.16667%{background-position: 0 -336px; padding-top: 144px;} 83.33333%{background-position: 0 -312px; padding-top: 168px;} 87.5%{background-position: 0 -288px; padding-top: 192px;} 91.66667%{background-position: 0 -264px; padding-top: 216px;} 95.83333%{background-position: 0 -240px; padding-top: 240px;}}

.matrix li:nth-child(19) {}
.matrix li:nth-child(19):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(19):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 240px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(54.16667%, rgba(20, 0, 41, 0)), color-stop(54.16667%, #140029), color-stop(100%, #140029)) 0 240px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 312px, #140029 312px, #140029 576px) 0 240px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 312px, #140029 312px, #140029 576px) 0 240px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 312px, #140029 312px, #140029 576px) 0 240px repeat;
  /*content: " ";*/
  padding-top: 552px;
  -webkit-animation-name: column-19;
  -moz-animation-name: column-19;
  -ms-animation-name: column-19;
  -o-animation-name: column-19;
  animation-name: column-19;
}

@-webkit-keyframes column-19{0%{background-position: 0 240px; padding-top: 552px;} 4.16667%{background-position: 0 -312px; padding-top: 0px;} 8.33333%{background-position: 0 -288px; padding-top: 24px;} 12.5%{background-position: 0 -264px; padding-top: 48px;} 16.66667%{background-position: 0 -240px; padding-top: 72px;} 20.83333%{background-position: 0 -216px; padding-top: 96px;} 25%{background-position: 0 -192px; padding-top: 120px;} 29.16667%{background-position: 0 -168px; padding-top: 144px;} 33.33333%{background-position: 0 -144px; padding-top: 168px;} 37.5%{background-position: 0 -120px; padding-top: 192px;} 41.66667%{background-position: 0 -96px; padding-top: 216px;} 45.83333%{background-position: 0 -72px; padding-top: 240px;} 50%{background-position: 0 -48px; padding-top: 264px;} 54.16667%{background-position: 0 -24px; padding-top: 288px;} 58.33333%{background-position: 0 0px; padding-top: 312px;} 62.5%{background-position: 0 24px; padding-top: 336px;} 66.66667%{background-position: 0 48px; padding-top: 360px;} 70.83333%{background-position: 0 72px; padding-top: 384px;} 75%{background-position: 0 96px; padding-top: 408px;} 79.16667%{background-position: 0 120px; padding-top: 432px;} 83.33333%{background-position: 0 144px; padding-top: 456px;} 87.5%{background-position: 0 168px; padding-top: 480px;} 91.66667%{background-position: 0 192px; padding-top: 504px;} 95.83333%{background-position: 0 216px; padding-top: 528px;}}@-moz-keyframes column-19{0%{background-position: 0 240px; padding-top: 552px;} 4.16667%{background-position: 0 -312px; padding-top: 0px;} 8.33333%{background-position: 0 -288px; padding-top: 24px;} 12.5%{background-position: 0 -264px; padding-top: 48px;} 16.66667%{background-position: 0 -240px; padding-top: 72px;} 20.83333%{background-position: 0 -216px; padding-top: 96px;} 25%{background-position: 0 -192px; padding-top: 120px;} 29.16667%{background-position: 0 -168px; padding-top: 144px;} 33.33333%{background-position: 0 -144px; padding-top: 168px;} 37.5%{background-position: 0 -120px; padding-top: 192px;} 41.66667%{background-position: 0 -96px; padding-top: 216px;} 45.83333%{background-position: 0 -72px; padding-top: 240px;} 50%{background-position: 0 -48px; padding-top: 264px;} 54.16667%{background-position: 0 -24px; padding-top: 288px;} 58.33333%{background-position: 0 0px; padding-top: 312px;} 62.5%{background-position: 0 24px; padding-top: 336px;} 66.66667%{background-position: 0 48px; padding-top: 360px;} 70.83333%{background-position: 0 72px; padding-top: 384px;} 75%{background-position: 0 96px; padding-top: 408px;} 79.16667%{background-position: 0 120px; padding-top: 432px;} 83.33333%{background-position: 0 144px; padding-top: 456px;} 87.5%{background-position: 0 168px; padding-top: 480px;} 91.66667%{background-position: 0 192px; padding-top: 504px;} 95.83333%{background-position: 0 216px; padding-top: 528px;}}@-o-keyframes column-19{0%{background-position: 0 240px; padding-top: 552px;} 4.16667%{background-position: 0 -312px; padding-top: 0px;} 8.33333%{background-position: 0 -288px; padding-top: 24px;} 12.5%{background-position: 0 -264px; padding-top: 48px;} 16.66667%{background-position: 0 -240px; padding-top: 72px;} 20.83333%{background-position: 0 -216px; padding-top: 96px;} 25%{background-position: 0 -192px; padding-top: 120px;} 29.16667%{background-position: 0 -168px; padding-top: 144px;} 33.33333%{background-position: 0 -144px; padding-top: 168px;} 37.5%{background-position: 0 -120px; padding-top: 192px;} 41.66667%{background-position: 0 -96px; padding-top: 216px;} 45.83333%{background-position: 0 -72px; padding-top: 240px;} 50%{background-position: 0 -48px; padding-top: 264px;} 54.16667%{background-position: 0 -24px; padding-top: 288px;} 58.33333%{background-position: 0 0px; padding-top: 312px;} 62.5%{background-position: 0 24px; padding-top: 336px;} 66.66667%{background-position: 0 48px; padding-top: 360px;} 70.83333%{background-position: 0 72px; padding-top: 384px;} 75%{background-position: 0 96px; padding-top: 408px;} 79.16667%{background-position: 0 120px; padding-top: 432px;} 83.33333%{background-position: 0 144px; padding-top: 456px;} 87.5%{background-position: 0 168px; padding-top: 480px;} 91.66667%{background-position: 0 192px; padding-top: 504px;} 95.83333%{background-position: 0 216px; padding-top: 528px;}}@keyframes column-19{0%{background-position: 0 240px; padding-top: 552px;} 4.16667%{background-position: 0 -312px; padding-top: 0px;} 8.33333%{background-position: 0 -288px; padding-top: 24px;} 12.5%{background-position: 0 -264px; padding-top: 48px;} 16.66667%{background-position: 0 -240px; padding-top: 72px;} 20.83333%{background-position: 0 -216px; padding-top: 96px;} 25%{background-position: 0 -192px; padding-top: 120px;} 29.16667%{background-position: 0 -168px; padding-top: 144px;} 33.33333%{background-position: 0 -144px; padding-top: 168px;} 37.5%{background-position: 0 -120px; padding-top: 192px;} 41.66667%{background-position: 0 -96px; padding-top: 216px;} 45.83333%{background-position: 0 -72px; padding-top: 240px;} 50%{background-position: 0 -48px; padding-top: 264px;} 54.16667%{background-position: 0 -24px; padding-top: 288px;} 58.33333%{background-position: 0 0px; padding-top: 312px;} 62.5%{background-position: 0 24px; padding-top: 336px;} 66.66667%{background-position: 0 48px; padding-top: 360px;} 70.83333%{background-position: 0 72px; padding-top: 384px;} 75%{background-position: 0 96px; padding-top: 408px;} 79.16667%{background-position: 0 120px; padding-top: 432px;} 83.33333%{background-position: 0 144px; padding-top: 456px;} 87.5%{background-position: 0 168px; padding-top: 480px;} 91.66667%{background-position: 0 192px; padding-top: 504px;} 95.83333%{background-position: 0 216px; padding-top: 528px;}}

.matrix li:nth-child(20) {}
.matrix li:nth-child(20):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(20):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTguMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTguMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 48px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(58.33333%, rgba(20, 0, 41, 0)), color-stop(58.33333%, #140029), color-stop(100%, #140029)) 0 48px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 336px, #140029 336px, #140029 576px) 0 48px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 336px, #140029 336px, #140029 576px) 0 48px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 336px, #140029 336px, #140029 576px) 0 48px repeat;
  /*content: " ";*/
  padding-top: 384px;
  -webkit-animation-name: column-20;
  -moz-animation-name: column-20;
  -ms-animation-name: column-20;
  -o-animation-name: column-20;
  animation-name: column-20;
}

@-webkit-keyframes column-20{0%{background-position: 0 48px; padding-top: 384px;} 4.16667%{background-position: 0 72px; padding-top: 408px;} 8.33333%{background-position: 0 96px; padding-top: 432px;} 12.5%{background-position: 0 120px; padding-top: 456px;} 16.66667%{background-position: 0 144px; padding-top: 480px;} 20.83333%{background-position: 0 168px; padding-top: 504px;} 25%{background-position: 0 192px; padding-top: 528px;} 29.16667%{background-position: 0 216px; padding-top: 552px;} 33.33333%{background-position: 0 -336px; padding-top: 0px;} 37.5%{background-position: 0 -312px; padding-top: 24px;} 41.66667%{background-position: 0 -288px; padding-top: 48px;} 45.83333%{background-position: 0 -264px; padding-top: 72px;} 50%{background-position: 0 -240px; padding-top: 96px;} 54.16667%{background-position: 0 -216px; padding-top: 120px;} 58.33333%{background-position: 0 -192px; padding-top: 144px;} 62.5%{background-position: 0 -168px; padding-top: 168px;} 66.66667%{background-position: 0 -144px; padding-top: 192px;} 70.83333%{background-position: 0 -120px; padding-top: 216px;} 75%{background-position: 0 -96px; padding-top: 240px;} 79.16667%{background-position: 0 -72px; padding-top: 264px;} 83.33333%{background-position: 0 -48px; padding-top: 288px;} 87.5%{background-position: 0 -24px; padding-top: 312px;} 91.66667%{background-position: 0 0px; padding-top: 336px;} 95.83333%{background-position: 0 24px; padding-top: 360px;}}@-moz-keyframes column-20{0%{background-position: 0 48px; padding-top: 384px;} 4.16667%{background-position: 0 72px; padding-top: 408px;} 8.33333%{background-position: 0 96px; padding-top: 432px;} 12.5%{background-position: 0 120px; padding-top: 456px;} 16.66667%{background-position: 0 144px; padding-top: 480px;} 20.83333%{background-position: 0 168px; padding-top: 504px;} 25%{background-position: 0 192px; padding-top: 528px;} 29.16667%{background-position: 0 216px; padding-top: 552px;} 33.33333%{background-position: 0 -336px; padding-top: 0px;} 37.5%{background-position: 0 -312px; padding-top: 24px;} 41.66667%{background-position: 0 -288px; padding-top: 48px;} 45.83333%{background-position: 0 -264px; padding-top: 72px;} 50%{background-position: 0 -240px; padding-top: 96px;} 54.16667%{background-position: 0 -216px; padding-top: 120px;} 58.33333%{background-position: 0 -192px; padding-top: 144px;} 62.5%{background-position: 0 -168px; padding-top: 168px;} 66.66667%{background-position: 0 -144px; padding-top: 192px;} 70.83333%{background-position: 0 -120px; padding-top: 216px;} 75%{background-position: 0 -96px; padding-top: 240px;} 79.16667%{background-position: 0 -72px; padding-top: 264px;} 83.33333%{background-position: 0 -48px; padding-top: 288px;} 87.5%{background-position: 0 -24px; padding-top: 312px;} 91.66667%{background-position: 0 0px; padding-top: 336px;} 95.83333%{background-position: 0 24px; padding-top: 360px;}}@-o-keyframes column-20{0%{background-position: 0 48px; padding-top: 384px;} 4.16667%{background-position: 0 72px; padding-top: 408px;} 8.33333%{background-position: 0 96px; padding-top: 432px;} 12.5%{background-position: 0 120px; padding-top: 456px;} 16.66667%{background-position: 0 144px; padding-top: 480px;} 20.83333%{background-position: 0 168px; padding-top: 504px;} 25%{background-position: 0 192px; padding-top: 528px;} 29.16667%{background-position: 0 216px; padding-top: 552px;} 33.33333%{background-position: 0 -336px; padding-top: 0px;} 37.5%{background-position: 0 -312px; padding-top: 24px;} 41.66667%{background-position: 0 -288px; padding-top: 48px;} 45.83333%{background-position: 0 -264px; padding-top: 72px;} 50%{background-position: 0 -240px; padding-top: 96px;} 54.16667%{background-position: 0 -216px; padding-top: 120px;} 58.33333%{background-position: 0 -192px; padding-top: 144px;} 62.5%{background-position: 0 -168px; padding-top: 168px;} 66.66667%{background-position: 0 -144px; padding-top: 192px;} 70.83333%{background-position: 0 -120px; padding-top: 216px;} 75%{background-position: 0 -96px; padding-top: 240px;} 79.16667%{background-position: 0 -72px; padding-top: 264px;} 83.33333%{background-position: 0 -48px; padding-top: 288px;} 87.5%{background-position: 0 -24px; padding-top: 312px;} 91.66667%{background-position: 0 0px; padding-top: 336px;} 95.83333%{background-position: 0 24px; padding-top: 360px;}}@keyframes column-20{0%{background-position: 0 48px; padding-top: 384px;} 4.16667%{background-position: 0 72px; padding-top: 408px;} 8.33333%{background-position: 0 96px; padding-top: 432px;} 12.5%{background-position: 0 120px; padding-top: 456px;} 16.66667%{background-position: 0 144px; padding-top: 480px;} 20.83333%{background-position: 0 168px; padding-top: 504px;} 25%{background-position: 0 192px; padding-top: 528px;} 29.16667%{background-position: 0 216px; padding-top: 552px;} 33.33333%{background-position: 0 -336px; padding-top: 0px;} 37.5%{background-position: 0 -312px; padding-top: 24px;} 41.66667%{background-position: 0 -288px; padding-top: 48px;} 45.83333%{background-position: 0 -264px; padding-top: 72px;} 50%{background-position: 0 -240px; padding-top: 96px;} 54.16667%{background-position: 0 -216px; padding-top: 120px;} 58.33333%{background-position: 0 -192px; padding-top: 144px;} 62.5%{background-position: 0 -168px; padding-top: 168px;} 66.66667%{background-position: 0 -144px; padding-top: 192px;} 70.83333%{background-position: 0 -120px; padding-top: 216px;} 75%{background-position: 0 -96px; padding-top: 240px;} 79.16667%{background-position: 0 -72px; padding-top: 264px;} 83.33333%{background-position: 0 -48px; padding-top: 288px;} 87.5%{background-position: 0 -24px; padding-top: 312px;} 91.66667%{background-position: 0 0px; padding-top: 336px;} 95.83333%{background-position: 0 24px; padding-top: 360px;}}

.matrix li:nth-child(21) {}
.matrix li:nth-child(21):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(21):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iOTEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -456px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(91.66667%, rgba(20, 0, 41, 0)), color-stop(91.66667%, #140029), color-stop(100%, #140029)) 0 -456px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 528px, #140029 528px, #140029 576px) 0 -456px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 528px, #140029 528px, #140029 576px) 0 -456px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 528px, #140029 528px, #140029 576px) 0 -456px repeat;
  /*content: " ";*/
  padding-top: 72px;
  -webkit-animation-name: column-21;
  -moz-animation-name: column-21;
  -ms-animation-name: column-21;
  -o-animation-name: column-21;
  animation-name: column-21;
}

@-webkit-keyframes column-21{0%{background-position: 0 -456px; padding-top: 72px;} 4.16667%{background-position: 0 -432px; padding-top: 96px;} 8.33333%{background-position: 0 -408px; padding-top: 120px;} 12.5%{background-position: 0 -384px; padding-top: 144px;} 16.66667%{background-position: 0 -360px; padding-top: 168px;} 20.83333%{background-position: 0 -336px; padding-top: 192px;} 25%{background-position: 0 -312px; padding-top: 216px;} 29.16667%{background-position: 0 -288px; padding-top: 240px;} 33.33333%{background-position: 0 -264px; padding-top: 264px;} 37.5%{background-position: 0 -240px; padding-top: 288px;} 41.66667%{background-position: 0 -216px; padding-top: 312px;} 45.83333%{background-position: 0 -192px; padding-top: 336px;} 50%{background-position: 0 -168px; padding-top: 360px;} 54.16667%{background-position: 0 -144px; padding-top: 384px;} 58.33333%{background-position: 0 -120px; padding-top: 408px;} 62.5%{background-position: 0 -96px; padding-top: 432px;} 66.66667%{background-position: 0 -72px; padding-top: 456px;} 70.83333%{background-position: 0 -48px; padding-top: 480px;} 75%{background-position: 0 -24px; padding-top: 504px;} 79.16667%{background-position: 0 0px; padding-top: 528px;} 83.33333%{background-position: 0 24px; padding-top: 552px;} 87.5%{background-position: 0 -528px; padding-top: 0px;} 91.66667%{background-position: 0 -504px; padding-top: 24px;} 95.83333%{background-position: 0 -480px; padding-top: 48px;}}@-moz-keyframes column-21{0%{background-position: 0 -456px; padding-top: 72px;} 4.16667%{background-position: 0 -432px; padding-top: 96px;} 8.33333%{background-position: 0 -408px; padding-top: 120px;} 12.5%{background-position: 0 -384px; padding-top: 144px;} 16.66667%{background-position: 0 -360px; padding-top: 168px;} 20.83333%{background-position: 0 -336px; padding-top: 192px;} 25%{background-position: 0 -312px; padding-top: 216px;} 29.16667%{background-position: 0 -288px; padding-top: 240px;} 33.33333%{background-position: 0 -264px; padding-top: 264px;} 37.5%{background-position: 0 -240px; padding-top: 288px;} 41.66667%{background-position: 0 -216px; padding-top: 312px;} 45.83333%{background-position: 0 -192px; padding-top: 336px;} 50%{background-position: 0 -168px; padding-top: 360px;} 54.16667%{background-position: 0 -144px; padding-top: 384px;} 58.33333%{background-position: 0 -120px; padding-top: 408px;} 62.5%{background-position: 0 -96px; padding-top: 432px;} 66.66667%{background-position: 0 -72px; padding-top: 456px;} 70.83333%{background-position: 0 -48px; padding-top: 480px;} 75%{background-position: 0 -24px; padding-top: 504px;} 79.16667%{background-position: 0 0px; padding-top: 528px;} 83.33333%{background-position: 0 24px; padding-top: 552px;} 87.5%{background-position: 0 -528px; padding-top: 0px;} 91.66667%{background-position: 0 -504px; padding-top: 24px;} 95.83333%{background-position: 0 -480px; padding-top: 48px;}}@-o-keyframes column-21{0%{background-position: 0 -456px; padding-top: 72px;} 4.16667%{background-position: 0 -432px; padding-top: 96px;} 8.33333%{background-position: 0 -408px; padding-top: 120px;} 12.5%{background-position: 0 -384px; padding-top: 144px;} 16.66667%{background-position: 0 -360px; padding-top: 168px;} 20.83333%{background-position: 0 -336px; padding-top: 192px;} 25%{background-position: 0 -312px; padding-top: 216px;} 29.16667%{background-position: 0 -288px; padding-top: 240px;} 33.33333%{background-position: 0 -264px; padding-top: 264px;} 37.5%{background-position: 0 -240px; padding-top: 288px;} 41.66667%{background-position: 0 -216px; padding-top: 312px;} 45.83333%{background-position: 0 -192px; padding-top: 336px;} 50%{background-position: 0 -168px; padding-top: 360px;} 54.16667%{background-position: 0 -144px; padding-top: 384px;} 58.33333%{background-position: 0 -120px; padding-top: 408px;} 62.5%{background-position: 0 -96px; padding-top: 432px;} 66.66667%{background-position: 0 -72px; padding-top: 456px;} 70.83333%{background-position: 0 -48px; padding-top: 480px;} 75%{background-position: 0 -24px; padding-top: 504px;} 79.16667%{background-position: 0 0px; padding-top: 528px;} 83.33333%{background-position: 0 24px; padding-top: 552px;} 87.5%{background-position: 0 -528px; padding-top: 0px;} 91.66667%{background-position: 0 -504px; padding-top: 24px;} 95.83333%{background-position: 0 -480px; padding-top: 48px;}}@keyframes column-21{0%{background-position: 0 -456px; padding-top: 72px;} 4.16667%{background-position: 0 -432px; padding-top: 96px;} 8.33333%{background-position: 0 -408px; padding-top: 120px;} 12.5%{background-position: 0 -384px; padding-top: 144px;} 16.66667%{background-position: 0 -360px; padding-top: 168px;} 20.83333%{background-position: 0 -336px; padding-top: 192px;} 25%{background-position: 0 -312px; padding-top: 216px;} 29.16667%{background-position: 0 -288px; padding-top: 240px;} 33.33333%{background-position: 0 -264px; padding-top: 264px;} 37.5%{background-position: 0 -240px; padding-top: 288px;} 41.66667%{background-position: 0 -216px; padding-top: 312px;} 45.83333%{background-position: 0 -192px; padding-top: 336px;} 50%{background-position: 0 -168px; padding-top: 360px;} 54.16667%{background-position: 0 -144px; padding-top: 384px;} 58.33333%{background-position: 0 -120px; padding-top: 408px;} 62.5%{background-position: 0 -96px; padding-top: 432px;} 66.66667%{background-position: 0 -72px; padding-top: 456px;} 70.83333%{background-position: 0 -48px; padding-top: 480px;} 75%{background-position: 0 -24px; padding-top: 504px;} 79.16667%{background-position: 0 0px; padding-top: 528px;} 83.33333%{background-position: 0 24px; padding-top: 552px;} 87.5%{background-position: 0 -528px; padding-top: 0px;} 91.66667%{background-position: 0 -504px; padding-top: 24px;} 95.83333%{background-position: 0 -480px; padding-top: 48px;}}

.matrix li:nth-child(22) {}
.matrix li:nth-child(22):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(22):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -240px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(54.16667%, rgba(20, 0, 41, 0)), color-stop(54.16667%, #140029), color-stop(100%, #140029)) 0 -240px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 312px, #140029 312px, #140029 576px) 0 -240px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 312px, #140029 312px, #140029 576px) 0 -240px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 312px, #140029 312px, #140029 576px) 0 -240px repeat;
  /*content: " ";*/
  padding-top: 72px;
  -webkit-animation-name: column-22;
  -moz-animation-name: column-22;
  -ms-animation-name: column-22;
  -o-animation-name: column-22;
  animation-name: column-22;
}

@-webkit-keyframes column-22{0%{background-position: 0 -240px; padding-top: 72px;} 4.16667%{background-position: 0 -216px; padding-top: 96px;} 8.33333%{background-position: 0 -192px; padding-top: 120px;} 12.5%{background-position: 0 -168px; padding-top: 144px;} 16.66667%{background-position: 0 -144px; padding-top: 168px;} 20.83333%{background-position: 0 -120px; padding-top: 192px;} 25%{background-position: 0 -96px; padding-top: 216px;} 29.16667%{background-position: 0 -72px; padding-top: 240px;} 33.33333%{background-position: 0 -48px; padding-top: 264px;} 37.5%{background-position: 0 -24px; padding-top: 288px;} 41.66667%{background-position: 0 0px; padding-top: 312px;} 45.83333%{background-position: 0 24px; padding-top: 336px;} 50%{background-position: 0 48px; padding-top: 360px;} 54.16667%{background-position: 0 72px; padding-top: 384px;} 58.33333%{background-position: 0 96px; padding-top: 408px;} 62.5%{background-position: 0 120px; padding-top: 432px;} 66.66667%{background-position: 0 144px; padding-top: 456px;} 70.83333%{background-position: 0 168px; padding-top: 480px;} 75%{background-position: 0 192px; padding-top: 504px;} 79.16667%{background-position: 0 216px; padding-top: 528px;} 83.33333%{background-position: 0 240px; padding-top: 552px;} 87.5%{background-position: 0 -312px; padding-top: 0px;} 91.66667%{background-position: 0 -288px; padding-top: 24px;} 95.83333%{background-position: 0 -264px; padding-top: 48px;}}@-moz-keyframes column-22{0%{background-position: 0 -240px; padding-top: 72px;} 4.16667%{background-position: 0 -216px; padding-top: 96px;} 8.33333%{background-position: 0 -192px; padding-top: 120px;} 12.5%{background-position: 0 -168px; padding-top: 144px;} 16.66667%{background-position: 0 -144px; padding-top: 168px;} 20.83333%{background-position: 0 -120px; padding-top: 192px;} 25%{background-position: 0 -96px; padding-top: 216px;} 29.16667%{background-position: 0 -72px; padding-top: 240px;} 33.33333%{background-position: 0 -48px; padding-top: 264px;} 37.5%{background-position: 0 -24px; padding-top: 288px;} 41.66667%{background-position: 0 0px; padding-top: 312px;} 45.83333%{background-position: 0 24px; padding-top: 336px;} 50%{background-position: 0 48px; padding-top: 360px;} 54.16667%{background-position: 0 72px; padding-top: 384px;} 58.33333%{background-position: 0 96px; padding-top: 408px;} 62.5%{background-position: 0 120px; padding-top: 432px;} 66.66667%{background-position: 0 144px; padding-top: 456px;} 70.83333%{background-position: 0 168px; padding-top: 480px;} 75%{background-position: 0 192px; padding-top: 504px;} 79.16667%{background-position: 0 216px; padding-top: 528px;} 83.33333%{background-position: 0 240px; padding-top: 552px;} 87.5%{background-position: 0 -312px; padding-top: 0px;} 91.66667%{background-position: 0 -288px; padding-top: 24px;} 95.83333%{background-position: 0 -264px; padding-top: 48px;}}@-o-keyframes column-22{0%{background-position: 0 -240px; padding-top: 72px;} 4.16667%{background-position: 0 -216px; padding-top: 96px;} 8.33333%{background-position: 0 -192px; padding-top: 120px;} 12.5%{background-position: 0 -168px; padding-top: 144px;} 16.66667%{background-position: 0 -144px; padding-top: 168px;} 20.83333%{background-position: 0 -120px; padding-top: 192px;} 25%{background-position: 0 -96px; padding-top: 216px;} 29.16667%{background-position: 0 -72px; padding-top: 240px;} 33.33333%{background-position: 0 -48px; padding-top: 264px;} 37.5%{background-position: 0 -24px; padding-top: 288px;} 41.66667%{background-position: 0 0px; padding-top: 312px;} 45.83333%{background-position: 0 24px; padding-top: 336px;} 50%{background-position: 0 48px; padding-top: 360px;} 54.16667%{background-position: 0 72px; padding-top: 384px;} 58.33333%{background-position: 0 96px; padding-top: 408px;} 62.5%{background-position: 0 120px; padding-top: 432px;} 66.66667%{background-position: 0 144px; padding-top: 456px;} 70.83333%{background-position: 0 168px; padding-top: 480px;} 75%{background-position: 0 192px; padding-top: 504px;} 79.16667%{background-position: 0 216px; padding-top: 528px;} 83.33333%{background-position: 0 240px; padding-top: 552px;} 87.5%{background-position: 0 -312px; padding-top: 0px;} 91.66667%{background-position: 0 -288px; padding-top: 24px;} 95.83333%{background-position: 0 -264px; padding-top: 48px;}}@keyframes column-22{0%{background-position: 0 -240px; padding-top: 72px;} 4.16667%{background-position: 0 -216px; padding-top: 96px;} 8.33333%{background-position: 0 -192px; padding-top: 120px;} 12.5%{background-position: 0 -168px; padding-top: 144px;} 16.66667%{background-position: 0 -144px; padding-top: 168px;} 20.83333%{background-position: 0 -120px; padding-top: 192px;} 25%{background-position: 0 -96px; padding-top: 216px;} 29.16667%{background-position: 0 -72px; padding-top: 240px;} 33.33333%{background-position: 0 -48px; padding-top: 264px;} 37.5%{background-position: 0 -24px; padding-top: 288px;} 41.66667%{background-position: 0 0px; padding-top: 312px;} 45.83333%{background-position: 0 24px; padding-top: 336px;} 50%{background-position: 0 48px; padding-top: 360px;} 54.16667%{background-position: 0 72px; padding-top: 384px;} 58.33333%{background-position: 0 96px; padding-top: 408px;} 62.5%{background-position: 0 120px; padding-top: 432px;} 66.66667%{background-position: 0 144px; padding-top: 456px;} 70.83333%{background-position: 0 168px; padding-top: 480px;} 75%{background-position: 0 192px; padding-top: 504px;} 79.16667%{background-position: 0 216px; padding-top: 528px;} 83.33333%{background-position: 0 240px; padding-top: 552px;} 87.5%{background-position: 0 -312px; padding-top: 0px;} 91.66667%{background-position: 0 -288px; padding-top: 24px;} 95.83333%{background-position: 0 -264px; padding-top: 48px;}}

.matrix li:nth-child(23) {}
.matrix li:nth-child(23):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(23):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 96px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(37.5%, rgba(20, 0, 41, 0)), color-stop(37.5%, #140029), color-stop(100%, #140029)) 0 96px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 216px, #140029 216px, #140029 576px) 0 96px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 216px, #140029 216px, #140029 576px) 0 96px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 216px, #140029 216px, #140029 576px) 0 96px repeat;
  /*content: " ";*/
  padding-top: 312px;
  -webkit-animation-name: column-23;
  -moz-animation-name: column-23;
  -ms-animation-name: column-23;
  -o-animation-name: column-23;
  animation-name: column-23;
}

@-webkit-keyframes column-23{0%{background-position: 0 96px; padding-top: 312px;} 4.16667%{background-position: 0 120px; padding-top: 336px;} 8.33333%{background-position: 0 144px; padding-top: 360px;} 12.5%{background-position: 0 168px; padding-top: 384px;} 16.66667%{background-position: 0 192px; padding-top: 408px;} 20.83333%{background-position: 0 216px; padding-top: 432px;} 25%{background-position: 0 240px; padding-top: 456px;} 29.16667%{background-position: 0 264px; padding-top: 480px;} 33.33333%{background-position: 0 288px; padding-top: 504px;} 37.5%{background-position: 0 312px; padding-top: 528px;} 41.66667%{background-position: 0 336px; padding-top: 552px;} 45.83333%{background-position: 0 -216px; padding-top: 0px;} 50%{background-position: 0 -192px; padding-top: 24px;} 54.16667%{background-position: 0 -168px; padding-top: 48px;} 58.33333%{background-position: 0 -144px; padding-top: 72px;} 62.5%{background-position: 0 -120px; padding-top: 96px;} 66.66667%{background-position: 0 -96px; padding-top: 120px;} 70.83333%{background-position: 0 -72px; padding-top: 144px;} 75%{background-position: 0 -48px; padding-top: 168px;} 79.16667%{background-position: 0 -24px; padding-top: 192px;} 83.33333%{background-position: 0 0px; padding-top: 216px;} 87.5%{background-position: 0 24px; padding-top: 240px;} 91.66667%{background-position: 0 48px; padding-top: 264px;} 95.83333%{background-position: 0 72px; padding-top: 288px;}}@-moz-keyframes column-23{0%{background-position: 0 96px; padding-top: 312px;} 4.16667%{background-position: 0 120px; padding-top: 336px;} 8.33333%{background-position: 0 144px; padding-top: 360px;} 12.5%{background-position: 0 168px; padding-top: 384px;} 16.66667%{background-position: 0 192px; padding-top: 408px;} 20.83333%{background-position: 0 216px; padding-top: 432px;} 25%{background-position: 0 240px; padding-top: 456px;} 29.16667%{background-position: 0 264px; padding-top: 480px;} 33.33333%{background-position: 0 288px; padding-top: 504px;} 37.5%{background-position: 0 312px; padding-top: 528px;} 41.66667%{background-position: 0 336px; padding-top: 552px;} 45.83333%{background-position: 0 -216px; padding-top: 0px;} 50%{background-position: 0 -192px; padding-top: 24px;} 54.16667%{background-position: 0 -168px; padding-top: 48px;} 58.33333%{background-position: 0 -144px; padding-top: 72px;} 62.5%{background-position: 0 -120px; padding-top: 96px;} 66.66667%{background-position: 0 -96px; padding-top: 120px;} 70.83333%{background-position: 0 -72px; padding-top: 144px;} 75%{background-position: 0 -48px; padding-top: 168px;} 79.16667%{background-position: 0 -24px; padding-top: 192px;} 83.33333%{background-position: 0 0px; padding-top: 216px;} 87.5%{background-position: 0 24px; padding-top: 240px;} 91.66667%{background-position: 0 48px; padding-top: 264px;} 95.83333%{background-position: 0 72px; padding-top: 288px;}}@-o-keyframes column-23{0%{background-position: 0 96px; padding-top: 312px;} 4.16667%{background-position: 0 120px; padding-top: 336px;} 8.33333%{background-position: 0 144px; padding-top: 360px;} 12.5%{background-position: 0 168px; padding-top: 384px;} 16.66667%{background-position: 0 192px; padding-top: 408px;} 20.83333%{background-position: 0 216px; padding-top: 432px;} 25%{background-position: 0 240px; padding-top: 456px;} 29.16667%{background-position: 0 264px; padding-top: 480px;} 33.33333%{background-position: 0 288px; padding-top: 504px;} 37.5%{background-position: 0 312px; padding-top: 528px;} 41.66667%{background-position: 0 336px; padding-top: 552px;} 45.83333%{background-position: 0 -216px; padding-top: 0px;} 50%{background-position: 0 -192px; padding-top: 24px;} 54.16667%{background-position: 0 -168px; padding-top: 48px;} 58.33333%{background-position: 0 -144px; padding-top: 72px;} 62.5%{background-position: 0 -120px; padding-top: 96px;} 66.66667%{background-position: 0 -96px; padding-top: 120px;} 70.83333%{background-position: 0 -72px; padding-top: 144px;} 75%{background-position: 0 -48px; padding-top: 168px;} 79.16667%{background-position: 0 -24px; padding-top: 192px;} 83.33333%{background-position: 0 0px; padding-top: 216px;} 87.5%{background-position: 0 24px; padding-top: 240px;} 91.66667%{background-position: 0 48px; padding-top: 264px;} 95.83333%{background-position: 0 72px; padding-top: 288px;}}@keyframes column-23{0%{background-position: 0 96px; padding-top: 312px;} 4.16667%{background-position: 0 120px; padding-top: 336px;} 8.33333%{background-position: 0 144px; padding-top: 360px;} 12.5%{background-position: 0 168px; padding-top: 384px;} 16.66667%{background-position: 0 192px; padding-top: 408px;} 20.83333%{background-position: 0 216px; padding-top: 432px;} 25%{background-position: 0 240px; padding-top: 456px;} 29.16667%{background-position: 0 264px; padding-top: 480px;} 33.33333%{background-position: 0 288px; padding-top: 504px;} 37.5%{background-position: 0 312px; padding-top: 528px;} 41.66667%{background-position: 0 336px; padding-top: 552px;} 45.83333%{background-position: 0 -216px; padding-top: 0px;} 50%{background-position: 0 -192px; padding-top: 24px;} 54.16667%{background-position: 0 -168px; padding-top: 48px;} 58.33333%{background-position: 0 -144px; padding-top: 72px;} 62.5%{background-position: 0 -120px; padding-top: 96px;} 66.66667%{background-position: 0 -96px; padding-top: 120px;} 70.83333%{background-position: 0 -72px; padding-top: 144px;} 75%{background-position: 0 -48px; padding-top: 168px;} 79.16667%{background-position: 0 -24px; padding-top: 192px;} 83.33333%{background-position: 0 0px; padding-top: 216px;} 87.5%{background-position: 0 24px; padding-top: 240px;} 91.66667%{background-position: 0 48px; padding-top: 264px;} 95.83333%{background-position: 0 72px; padding-top: 288px;}}

.matrix li:nth-child(24) {}
.matrix li:nth-child(24):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(24):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 48px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(20.83333%, rgba(20, 0, 41, 0)), color-stop(20.83333%, #140029), color-stop(100%, #140029)) 0 48px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 48px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 48px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 120px, #140029 120px, #140029 576px) 0 48px repeat;
  /*content: " ";*/
  padding-top: 168px;
  -webkit-animation-name: column-24;
  -moz-animation-name: column-24;
  -ms-animation-name: column-24;
  -o-animation-name: column-24;
  animation-name: column-24;
}

@-webkit-keyframes column-24{0%{background-position: 0 48px; padding-top: 168px;} 4.16667%{background-position: 0 72px; padding-top: 192px;} 8.33333%{background-position: 0 96px; padding-top: 216px;} 12.5%{background-position: 0 120px; padding-top: 240px;} 16.66667%{background-position: 0 144px; padding-top: 264px;} 20.83333%{background-position: 0 168px; padding-top: 288px;} 25%{background-position: 0 192px; padding-top: 312px;} 29.16667%{background-position: 0 216px; padding-top: 336px;} 33.33333%{background-position: 0 240px; padding-top: 360px;} 37.5%{background-position: 0 264px; padding-top: 384px;} 41.66667%{background-position: 0 288px; padding-top: 408px;} 45.83333%{background-position: 0 312px; padding-top: 432px;} 50%{background-position: 0 336px; padding-top: 456px;} 54.16667%{background-position: 0 360px; padding-top: 480px;} 58.33333%{background-position: 0 384px; padding-top: 504px;} 62.5%{background-position: 0 408px; padding-top: 528px;} 66.66667%{background-position: 0 432px; padding-top: 552px;} 70.83333%{background-position: 0 -120px; padding-top: 0px;} 75%{background-position: 0 -96px; padding-top: 24px;} 79.16667%{background-position: 0 -72px; padding-top: 48px;} 83.33333%{background-position: 0 -48px; padding-top: 72px;} 87.5%{background-position: 0 -24px; padding-top: 96px;} 91.66667%{background-position: 0 0px; padding-top: 120px;} 95.83333%{background-position: 0 24px; padding-top: 144px;}}@-moz-keyframes column-24{0%{background-position: 0 48px; padding-top: 168px;} 4.16667%{background-position: 0 72px; padding-top: 192px;} 8.33333%{background-position: 0 96px; padding-top: 216px;} 12.5%{background-position: 0 120px; padding-top: 240px;} 16.66667%{background-position: 0 144px; padding-top: 264px;} 20.83333%{background-position: 0 168px; padding-top: 288px;} 25%{background-position: 0 192px; padding-top: 312px;} 29.16667%{background-position: 0 216px; padding-top: 336px;} 33.33333%{background-position: 0 240px; padding-top: 360px;} 37.5%{background-position: 0 264px; padding-top: 384px;} 41.66667%{background-position: 0 288px; padding-top: 408px;} 45.83333%{background-position: 0 312px; padding-top: 432px;} 50%{background-position: 0 336px; padding-top: 456px;} 54.16667%{background-position: 0 360px; padding-top: 480px;} 58.33333%{background-position: 0 384px; padding-top: 504px;} 62.5%{background-position: 0 408px; padding-top: 528px;} 66.66667%{background-position: 0 432px; padding-top: 552px;} 70.83333%{background-position: 0 -120px; padding-top: 0px;} 75%{background-position: 0 -96px; padding-top: 24px;} 79.16667%{background-position: 0 -72px; padding-top: 48px;} 83.33333%{background-position: 0 -48px; padding-top: 72px;} 87.5%{background-position: 0 -24px; padding-top: 96px;} 91.66667%{background-position: 0 0px; padding-top: 120px;} 95.83333%{background-position: 0 24px; padding-top: 144px;}}@-o-keyframes column-24{0%{background-position: 0 48px; padding-top: 168px;} 4.16667%{background-position: 0 72px; padding-top: 192px;} 8.33333%{background-position: 0 96px; padding-top: 216px;} 12.5%{background-position: 0 120px; padding-top: 240px;} 16.66667%{background-position: 0 144px; padding-top: 264px;} 20.83333%{background-position: 0 168px; padding-top: 288px;} 25%{background-position: 0 192px; padding-top: 312px;} 29.16667%{background-position: 0 216px; padding-top: 336px;} 33.33333%{background-position: 0 240px; padding-top: 360px;} 37.5%{background-position: 0 264px; padding-top: 384px;} 41.66667%{background-position: 0 288px; padding-top: 408px;} 45.83333%{background-position: 0 312px; padding-top: 432px;} 50%{background-position: 0 336px; padding-top: 456px;} 54.16667%{background-position: 0 360px; padding-top: 480px;} 58.33333%{background-position: 0 384px; padding-top: 504px;} 62.5%{background-position: 0 408px; padding-top: 528px;} 66.66667%{background-position: 0 432px; padding-top: 552px;} 70.83333%{background-position: 0 -120px; padding-top: 0px;} 75%{background-position: 0 -96px; padding-top: 24px;} 79.16667%{background-position: 0 -72px; padding-top: 48px;} 83.33333%{background-position: 0 -48px; padding-top: 72px;} 87.5%{background-position: 0 -24px; padding-top: 96px;} 91.66667%{background-position: 0 0px; padding-top: 120px;} 95.83333%{background-position: 0 24px; padding-top: 144px;}}@keyframes column-24{0%{background-position: 0 48px; padding-top: 168px;} 4.16667%{background-position: 0 72px; padding-top: 192px;} 8.33333%{background-position: 0 96px; padding-top: 216px;} 12.5%{background-position: 0 120px; padding-top: 240px;} 16.66667%{background-position: 0 144px; padding-top: 264px;} 20.83333%{background-position: 0 168px; padding-top: 288px;} 25%{background-position: 0 192px; padding-top: 312px;} 29.16667%{background-position: 0 216px; padding-top: 336px;} 33.33333%{background-position: 0 240px; padding-top: 360px;} 37.5%{background-position: 0 264px; padding-top: 384px;} 41.66667%{background-position: 0 288px; padding-top: 408px;} 45.83333%{background-position: 0 312px; padding-top: 432px;} 50%{background-position: 0 336px; padding-top: 456px;} 54.16667%{background-position: 0 360px; padding-top: 480px;} 58.33333%{background-position: 0 384px; padding-top: 504px;} 62.5%{background-position: 0 408px; padding-top: 528px;} 66.66667%{background-position: 0 432px; padding-top: 552px;} 70.83333%{background-position: 0 -120px; padding-top: 0px;} 75%{background-position: 0 -96px; padding-top: 24px;} 79.16667%{background-position: 0 -72px; padding-top: 48px;} 83.33333%{background-position: 0 -48px; padding-top: 72px;} 87.5%{background-position: 0 -24px; padding-top: 96px;} 91.66667%{background-position: 0 0px; padding-top: 120px;} 95.83333%{background-position: 0 24px; padding-top: 144px;}}

.matrix li:nth-child(25) {}
.matrix li:nth-child(25):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(25):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 288px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(45.83333%, rgba(20, 0, 41, 0)), color-stop(45.83333%, #140029), color-stop(100%, #140029)) 0 288px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 264px, #140029 264px, #140029 576px) 0 288px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 264px, #140029 264px, #140029 576px) 0 288px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 264px, #140029 264px, #140029 576px) 0 288px repeat;
  /*content: " ";*/
  padding-top: 552px;
  -webkit-animation-name: column-25;
  -moz-animation-name: column-25;
  -ms-animation-name: column-25;
  -o-animation-name: column-25;
  animation-name: column-25;
}

@-webkit-keyframes column-25{0%{background-position: 0 288px; padding-top: 552px;} 4.16667%{background-position: 0 -264px; padding-top: 0px;} 8.33333%{background-position: 0 -240px; padding-top: 24px;} 12.5%{background-position: 0 -216px; padding-top: 48px;} 16.66667%{background-position: 0 -192px; padding-top: 72px;} 20.83333%{background-position: 0 -168px; padding-top: 96px;} 25%{background-position: 0 -144px; padding-top: 120px;} 29.16667%{background-position: 0 -120px; padding-top: 144px;} 33.33333%{background-position: 0 -96px; padding-top: 168px;} 37.5%{background-position: 0 -72px; padding-top: 192px;} 41.66667%{background-position: 0 -48px; padding-top: 216px;} 45.83333%{background-position: 0 -24px; padding-top: 240px;} 50%{background-position: 0 0px; padding-top: 264px;} 54.16667%{background-position: 0 24px; padding-top: 288px;} 58.33333%{background-position: 0 48px; padding-top: 312px;} 62.5%{background-position: 0 72px; padding-top: 336px;} 66.66667%{background-position: 0 96px; padding-top: 360px;} 70.83333%{background-position: 0 120px; padding-top: 384px;} 75%{background-position: 0 144px; padding-top: 408px;} 79.16667%{background-position: 0 168px; padding-top: 432px;} 83.33333%{background-position: 0 192px; padding-top: 456px;} 87.5%{background-position: 0 216px; padding-top: 480px;} 91.66667%{background-position: 0 240px; padding-top: 504px;} 95.83333%{background-position: 0 264px; padding-top: 528px;}}@-moz-keyframes column-25{0%{background-position: 0 288px; padding-top: 552px;} 4.16667%{background-position: 0 -264px; padding-top: 0px;} 8.33333%{background-position: 0 -240px; padding-top: 24px;} 12.5%{background-position: 0 -216px; padding-top: 48px;} 16.66667%{background-position: 0 -192px; padding-top: 72px;} 20.83333%{background-position: 0 -168px; padding-top: 96px;} 25%{background-position: 0 -144px; padding-top: 120px;} 29.16667%{background-position: 0 -120px; padding-top: 144px;} 33.33333%{background-position: 0 -96px; padding-top: 168px;} 37.5%{background-position: 0 -72px; padding-top: 192px;} 41.66667%{background-position: 0 -48px; padding-top: 216px;} 45.83333%{background-position: 0 -24px; padding-top: 240px;} 50%{background-position: 0 0px; padding-top: 264px;} 54.16667%{background-position: 0 24px; padding-top: 288px;} 58.33333%{background-position: 0 48px; padding-top: 312px;} 62.5%{background-position: 0 72px; padding-top: 336px;} 66.66667%{background-position: 0 96px; padding-top: 360px;} 70.83333%{background-position: 0 120px; padding-top: 384px;} 75%{background-position: 0 144px; padding-top: 408px;} 79.16667%{background-position: 0 168px; padding-top: 432px;} 83.33333%{background-position: 0 192px; padding-top: 456px;} 87.5%{background-position: 0 216px; padding-top: 480px;} 91.66667%{background-position: 0 240px; padding-top: 504px;} 95.83333%{background-position: 0 264px; padding-top: 528px;}}@-o-keyframes column-25{0%{background-position: 0 288px; padding-top: 552px;} 4.16667%{background-position: 0 -264px; padding-top: 0px;} 8.33333%{background-position: 0 -240px; padding-top: 24px;} 12.5%{background-position: 0 -216px; padding-top: 48px;} 16.66667%{background-position: 0 -192px; padding-top: 72px;} 20.83333%{background-position: 0 -168px; padding-top: 96px;} 25%{background-position: 0 -144px; padding-top: 120px;} 29.16667%{background-position: 0 -120px; padding-top: 144px;} 33.33333%{background-position: 0 -96px; padding-top: 168px;} 37.5%{background-position: 0 -72px; padding-top: 192px;} 41.66667%{background-position: 0 -48px; padding-top: 216px;} 45.83333%{background-position: 0 -24px; padding-top: 240px;} 50%{background-position: 0 0px; padding-top: 264px;} 54.16667%{background-position: 0 24px; padding-top: 288px;} 58.33333%{background-position: 0 48px; padding-top: 312px;} 62.5%{background-position: 0 72px; padding-top: 336px;} 66.66667%{background-position: 0 96px; padding-top: 360px;} 70.83333%{background-position: 0 120px; padding-top: 384px;} 75%{background-position: 0 144px; padding-top: 408px;} 79.16667%{background-position: 0 168px; padding-top: 432px;} 83.33333%{background-position: 0 192px; padding-top: 456px;} 87.5%{background-position: 0 216px; padding-top: 480px;} 91.66667%{background-position: 0 240px; padding-top: 504px;} 95.83333%{background-position: 0 264px; padding-top: 528px;}}@keyframes column-25{0%{background-position: 0 288px; padding-top: 552px;} 4.16667%{background-position: 0 -264px; padding-top: 0px;} 8.33333%{background-position: 0 -240px; padding-top: 24px;} 12.5%{background-position: 0 -216px; padding-top: 48px;} 16.66667%{background-position: 0 -192px; padding-top: 72px;} 20.83333%{background-position: 0 -168px; padding-top: 96px;} 25%{background-position: 0 -144px; padding-top: 120px;} 29.16667%{background-position: 0 -120px; padding-top: 144px;} 33.33333%{background-position: 0 -96px; padding-top: 168px;} 37.5%{background-position: 0 -72px; padding-top: 192px;} 41.66667%{background-position: 0 -48px; padding-top: 216px;} 45.83333%{background-position: 0 -24px; padding-top: 240px;} 50%{background-position: 0 0px; padding-top: 264px;} 54.16667%{background-position: 0 24px; padding-top: 288px;} 58.33333%{background-position: 0 48px; padding-top: 312px;} 62.5%{background-position: 0 72px; padding-top: 336px;} 66.66667%{background-position: 0 96px; padding-top: 360px;} 70.83333%{background-position: 0 120px; padding-top: 384px;} 75%{background-position: 0 144px; padding-top: 408px;} 79.16667%{background-position: 0 168px; padding-top: 432px;} 83.33333%{background-position: 0 192px; padding-top: 456px;} 87.5%{background-position: 0 216px; padding-top: 480px;} 91.66667%{background-position: 0 240px; padding-top: 504px;} 95.83333%{background-position: 0 264px; padding-top: 528px;}}

.matrix li:nth-child(26) {}
.matrix li:nth-child(26):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(26):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -120px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(33.33333%, rgba(20, 0, 41, 0)), color-stop(33.33333%, #140029), color-stop(100%, #140029)) 0 -120px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 -120px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 -120px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 192px, #140029 192px, #140029 576px) 0 -120px repeat;
  /*content: " ";*/
  padding-top: 72px;
  -webkit-animation-name: column-26;
  -moz-animation-name: column-26;
  -ms-animation-name: column-26;
  -o-animation-name: column-26;
  animation-name: column-26;
}

@-webkit-keyframes column-26{0%{background-position: 0 -120px; padding-top: 72px;} 4.16667%{background-position: 0 -96px; padding-top: 96px;} 8.33333%{background-position: 0 -72px; padding-top: 120px;} 12.5%{background-position: 0 -48px; padding-top: 144px;} 16.66667%{background-position: 0 -24px; padding-top: 168px;} 20.83333%{background-position: 0 0px; padding-top: 192px;} 25%{background-position: 0 24px; padding-top: 216px;} 29.16667%{background-position: 0 48px; padding-top: 240px;} 33.33333%{background-position: 0 72px; padding-top: 264px;} 37.5%{background-position: 0 96px; padding-top: 288px;} 41.66667%{background-position: 0 120px; padding-top: 312px;} 45.83333%{background-position: 0 144px; padding-top: 336px;} 50%{background-position: 0 168px; padding-top: 360px;} 54.16667%{background-position: 0 192px; padding-top: 384px;} 58.33333%{background-position: 0 216px; padding-top: 408px;} 62.5%{background-position: 0 240px; padding-top: 432px;} 66.66667%{background-position: 0 264px; padding-top: 456px;} 70.83333%{background-position: 0 288px; padding-top: 480px;} 75%{background-position: 0 312px; padding-top: 504px;} 79.16667%{background-position: 0 336px; padding-top: 528px;} 83.33333%{background-position: 0 360px; padding-top: 552px;} 87.5%{background-position: 0 -192px; padding-top: 0px;} 91.66667%{background-position: 0 -168px; padding-top: 24px;} 95.83333%{background-position: 0 -144px; padding-top: 48px;}}@-moz-keyframes column-26{0%{background-position: 0 -120px; padding-top: 72px;} 4.16667%{background-position: 0 -96px; padding-top: 96px;} 8.33333%{background-position: 0 -72px; padding-top: 120px;} 12.5%{background-position: 0 -48px; padding-top: 144px;} 16.66667%{background-position: 0 -24px; padding-top: 168px;} 20.83333%{background-position: 0 0px; padding-top: 192px;} 25%{background-position: 0 24px; padding-top: 216px;} 29.16667%{background-position: 0 48px; padding-top: 240px;} 33.33333%{background-position: 0 72px; padding-top: 264px;} 37.5%{background-position: 0 96px; padding-top: 288px;} 41.66667%{background-position: 0 120px; padding-top: 312px;} 45.83333%{background-position: 0 144px; padding-top: 336px;} 50%{background-position: 0 168px; padding-top: 360px;} 54.16667%{background-position: 0 192px; padding-top: 384px;} 58.33333%{background-position: 0 216px; padding-top: 408px;} 62.5%{background-position: 0 240px; padding-top: 432px;} 66.66667%{background-position: 0 264px; padding-top: 456px;} 70.83333%{background-position: 0 288px; padding-top: 480px;} 75%{background-position: 0 312px; padding-top: 504px;} 79.16667%{background-position: 0 336px; padding-top: 528px;} 83.33333%{background-position: 0 360px; padding-top: 552px;} 87.5%{background-position: 0 -192px; padding-top: 0px;} 91.66667%{background-position: 0 -168px; padding-top: 24px;} 95.83333%{background-position: 0 -144px; padding-top: 48px;}}@-o-keyframes column-26{0%{background-position: 0 -120px; padding-top: 72px;} 4.16667%{background-position: 0 -96px; padding-top: 96px;} 8.33333%{background-position: 0 -72px; padding-top: 120px;} 12.5%{background-position: 0 -48px; padding-top: 144px;} 16.66667%{background-position: 0 -24px; padding-top: 168px;} 20.83333%{background-position: 0 0px; padding-top: 192px;} 25%{background-position: 0 24px; padding-top: 216px;} 29.16667%{background-position: 0 48px; padding-top: 240px;} 33.33333%{background-position: 0 72px; padding-top: 264px;} 37.5%{background-position: 0 96px; padding-top: 288px;} 41.66667%{background-position: 0 120px; padding-top: 312px;} 45.83333%{background-position: 0 144px; padding-top: 336px;} 50%{background-position: 0 168px; padding-top: 360px;} 54.16667%{background-position: 0 192px; padding-top: 384px;} 58.33333%{background-position: 0 216px; padding-top: 408px;} 62.5%{background-position: 0 240px; padding-top: 432px;} 66.66667%{background-position: 0 264px; padding-top: 456px;} 70.83333%{background-position: 0 288px; padding-top: 480px;} 75%{background-position: 0 312px; padding-top: 504px;} 79.16667%{background-position: 0 336px; padding-top: 528px;} 83.33333%{background-position: 0 360px; padding-top: 552px;} 87.5%{background-position: 0 -192px; padding-top: 0px;} 91.66667%{background-position: 0 -168px; padding-top: 24px;} 95.83333%{background-position: 0 -144px; padding-top: 48px;}}@keyframes column-26{0%{background-position: 0 -120px; padding-top: 72px;} 4.16667%{background-position: 0 -96px; padding-top: 96px;} 8.33333%{background-position: 0 -72px; padding-top: 120px;} 12.5%{background-position: 0 -48px; padding-top: 144px;} 16.66667%{background-position: 0 -24px; padding-top: 168px;} 20.83333%{background-position: 0 0px; padding-top: 192px;} 25%{background-position: 0 24px; padding-top: 216px;} 29.16667%{background-position: 0 48px; padding-top: 240px;} 33.33333%{background-position: 0 72px; padding-top: 264px;} 37.5%{background-position: 0 96px; padding-top: 288px;} 41.66667%{background-position: 0 120px; padding-top: 312px;} 45.83333%{background-position: 0 144px; padding-top: 336px;} 50%{background-position: 0 168px; padding-top: 360px;} 54.16667%{background-position: 0 192px; padding-top: 384px;} 58.33333%{background-position: 0 216px; padding-top: 408px;} 62.5%{background-position: 0 240px; padding-top: 432px;} 66.66667%{background-position: 0 264px; padding-top: 456px;} 70.83333%{background-position: 0 288px; padding-top: 480px;} 75%{background-position: 0 312px; padding-top: 504px;} 79.16667%{background-position: 0 336px; padding-top: 528px;} 83.33333%{background-position: 0 360px; padding-top: 552px;} 87.5%{background-position: 0 -192px; padding-top: 0px;} 91.66667%{background-position: 0 -168px; padding-top: 24px;} 95.83333%{background-position: 0 -144px; padding-top: 48px;}}

.matrix li:nth-child(27) {}
.matrix li:nth-child(27):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(27):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -144px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(29.16667%, rgba(20, 0, 41, 0)), color-stop(29.16667%, #140029), color-stop(100%, #140029)) 0 -144px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 168px, #140029 168px, #140029 576px) 0 -144px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 168px, #140029 168px, #140029 576px) 0 -144px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 168px, #140029 168px, #140029 576px) 0 -144px repeat;
  /*content: " ";*/
  padding-top: 24px;
  -webkit-animation-name: column-27;
  -moz-animation-name: column-27;
  -ms-animation-name: column-27;
  -o-animation-name: column-27;
  animation-name: column-27;
}

@-webkit-keyframes column-27{0%{background-position: 0 -144px; padding-top: 24px;} 4.16667%{background-position: 0 -120px; padding-top: 48px;} 8.33333%{background-position: 0 -96px; padding-top: 72px;} 12.5%{background-position: 0 -72px; padding-top: 96px;} 16.66667%{background-position: 0 -48px; padding-top: 120px;} 20.83333%{background-position: 0 -24px; padding-top: 144px;} 25%{background-position: 0 0px; padding-top: 168px;} 29.16667%{background-position: 0 24px; padding-top: 192px;} 33.33333%{background-position: 0 48px; padding-top: 216px;} 37.5%{background-position: 0 72px; padding-top: 240px;} 41.66667%{background-position: 0 96px; padding-top: 264px;} 45.83333%{background-position: 0 120px; padding-top: 288px;} 50%{background-position: 0 144px; padding-top: 312px;} 54.16667%{background-position: 0 168px; padding-top: 336px;} 58.33333%{background-position: 0 192px; padding-top: 360px;} 62.5%{background-position: 0 216px; padding-top: 384px;} 66.66667%{background-position: 0 240px; padding-top: 408px;} 70.83333%{background-position: 0 264px; padding-top: 432px;} 75%{background-position: 0 288px; padding-top: 456px;} 79.16667%{background-position: 0 312px; padding-top: 480px;} 83.33333%{background-position: 0 336px; padding-top: 504px;} 87.5%{background-position: 0 360px; padding-top: 528px;} 91.66667%{background-position: 0 384px; padding-top: 552px;} 95.83333%{background-position: 0 -168px; padding-top: 0px;}}@-moz-keyframes column-27{0%{background-position: 0 -144px; padding-top: 24px;} 4.16667%{background-position: 0 -120px; padding-top: 48px;} 8.33333%{background-position: 0 -96px; padding-top: 72px;} 12.5%{background-position: 0 -72px; padding-top: 96px;} 16.66667%{background-position: 0 -48px; padding-top: 120px;} 20.83333%{background-position: 0 -24px; padding-top: 144px;} 25%{background-position: 0 0px; padding-top: 168px;} 29.16667%{background-position: 0 24px; padding-top: 192px;} 33.33333%{background-position: 0 48px; padding-top: 216px;} 37.5%{background-position: 0 72px; padding-top: 240px;} 41.66667%{background-position: 0 96px; padding-top: 264px;} 45.83333%{background-position: 0 120px; padding-top: 288px;} 50%{background-position: 0 144px; padding-top: 312px;} 54.16667%{background-position: 0 168px; padding-top: 336px;} 58.33333%{background-position: 0 192px; padding-top: 360px;} 62.5%{background-position: 0 216px; padding-top: 384px;} 66.66667%{background-position: 0 240px; padding-top: 408px;} 70.83333%{background-position: 0 264px; padding-top: 432px;} 75%{background-position: 0 288px; padding-top: 456px;} 79.16667%{background-position: 0 312px; padding-top: 480px;} 83.33333%{background-position: 0 336px; padding-top: 504px;} 87.5%{background-position: 0 360px; padding-top: 528px;} 91.66667%{background-position: 0 384px; padding-top: 552px;} 95.83333%{background-position: 0 -168px; padding-top: 0px;}}@-o-keyframes column-27{0%{background-position: 0 -144px; padding-top: 24px;} 4.16667%{background-position: 0 -120px; padding-top: 48px;} 8.33333%{background-position: 0 -96px; padding-top: 72px;} 12.5%{background-position: 0 -72px; padding-top: 96px;} 16.66667%{background-position: 0 -48px; padding-top: 120px;} 20.83333%{background-position: 0 -24px; padding-top: 144px;} 25%{background-position: 0 0px; padding-top: 168px;} 29.16667%{background-position: 0 24px; padding-top: 192px;} 33.33333%{background-position: 0 48px; padding-top: 216px;} 37.5%{background-position: 0 72px; padding-top: 240px;} 41.66667%{background-position: 0 96px; padding-top: 264px;} 45.83333%{background-position: 0 120px; padding-top: 288px;} 50%{background-position: 0 144px; padding-top: 312px;} 54.16667%{background-position: 0 168px; padding-top: 336px;} 58.33333%{background-position: 0 192px; padding-top: 360px;} 62.5%{background-position: 0 216px; padding-top: 384px;} 66.66667%{background-position: 0 240px; padding-top: 408px;} 70.83333%{background-position: 0 264px; padding-top: 432px;} 75%{background-position: 0 288px; padding-top: 456px;} 79.16667%{background-position: 0 312px; padding-top: 480px;} 83.33333%{background-position: 0 336px; padding-top: 504px;} 87.5%{background-position: 0 360px; padding-top: 528px;} 91.66667%{background-position: 0 384px; padding-top: 552px;} 95.83333%{background-position: 0 -168px; padding-top: 0px;}}@keyframes column-27{0%{background-position: 0 -144px; padding-top: 24px;} 4.16667%{background-position: 0 -120px; padding-top: 48px;} 8.33333%{background-position: 0 -96px; padding-top: 72px;} 12.5%{background-position: 0 -72px; padding-top: 96px;} 16.66667%{background-position: 0 -48px; padding-top: 120px;} 20.83333%{background-position: 0 -24px; padding-top: 144px;} 25%{background-position: 0 0px; padding-top: 168px;} 29.16667%{background-position: 0 24px; padding-top: 192px;} 33.33333%{background-position: 0 48px; padding-top: 216px;} 37.5%{background-position: 0 72px; padding-top: 240px;} 41.66667%{background-position: 0 96px; padding-top: 264px;} 45.83333%{background-position: 0 120px; padding-top: 288px;} 50%{background-position: 0 144px; padding-top: 312px;} 54.16667%{background-position: 0 168px; padding-top: 336px;} 58.33333%{background-position: 0 192px; padding-top: 360px;} 62.5%{background-position: 0 216px; padding-top: 384px;} 66.66667%{background-position: 0 240px; padding-top: 408px;} 70.83333%{background-position: 0 264px; padding-top: 432px;} 75%{background-position: 0 288px; padding-top: 456px;} 79.16667%{background-position: 0 312px; padding-top: 480px;} 83.33333%{background-position: 0 336px; padding-top: 504px;} 87.5%{background-position: 0 360px; padding-top: 528px;} 91.66667%{background-position: 0 384px; padding-top: 552px;} 95.83333%{background-position: 0 -168px; padding-top: 0px;}}

.matrix li:nth-child(28) {}
.matrix li:nth-child(28):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(28):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -120px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(75%, rgba(20, 0, 41, 0)), color-stop(75%, #140029), color-stop(100%, #140029)) 0 -120px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 432px, #140029 432px, #140029 576px) 0 -120px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 432px, #140029 432px, #140029 576px) 0 -120px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 432px, #140029 432px, #140029 576px) 0 -120px repeat;
  /*content: " ";*/
  padding-top: 312px;
  -webkit-animation-name: column-28;
  -moz-animation-name: column-28;
  -ms-animation-name: column-28;
  -o-animation-name: column-28;
  animation-name: column-28;
}

@-webkit-keyframes column-28{0%{background-position: 0 -120px; padding-top: 312px;} 4.16667%{background-position: 0 -96px; padding-top: 336px;} 8.33333%{background-position: 0 -72px; padding-top: 360px;} 12.5%{background-position: 0 -48px; padding-top: 384px;} 16.66667%{background-position: 0 -24px; padding-top: 408px;} 20.83333%{background-position: 0 0px; padding-top: 432px;} 25%{background-position: 0 24px; padding-top: 456px;} 29.16667%{background-position: 0 48px; padding-top: 480px;} 33.33333%{background-position: 0 72px; padding-top: 504px;} 37.5%{background-position: 0 96px; padding-top: 528px;} 41.66667%{background-position: 0 120px; padding-top: 552px;} 45.83333%{background-position: 0 -432px; padding-top: 0px;} 50%{background-position: 0 -408px; padding-top: 24px;} 54.16667%{background-position: 0 -384px; padding-top: 48px;} 58.33333%{background-position: 0 -360px; padding-top: 72px;} 62.5%{background-position: 0 -336px; padding-top: 96px;} 66.66667%{background-position: 0 -312px; padding-top: 120px;} 70.83333%{background-position: 0 -288px; padding-top: 144px;} 75%{background-position: 0 -264px; padding-top: 168px;} 79.16667%{background-position: 0 -240px; padding-top: 192px;} 83.33333%{background-position: 0 -216px; padding-top: 216px;} 87.5%{background-position: 0 -192px; padding-top: 240px;} 91.66667%{background-position: 0 -168px; padding-top: 264px;} 95.83333%{background-position: 0 -144px; padding-top: 288px;}}@-moz-keyframes column-28{0%{background-position: 0 -120px; padding-top: 312px;} 4.16667%{background-position: 0 -96px; padding-top: 336px;} 8.33333%{background-position: 0 -72px; padding-top: 360px;} 12.5%{background-position: 0 -48px; padding-top: 384px;} 16.66667%{background-position: 0 -24px; padding-top: 408px;} 20.83333%{background-position: 0 0px; padding-top: 432px;} 25%{background-position: 0 24px; padding-top: 456px;} 29.16667%{background-position: 0 48px; padding-top: 480px;} 33.33333%{background-position: 0 72px; padding-top: 504px;} 37.5%{background-position: 0 96px; padding-top: 528px;} 41.66667%{background-position: 0 120px; padding-top: 552px;} 45.83333%{background-position: 0 -432px; padding-top: 0px;} 50%{background-position: 0 -408px; padding-top: 24px;} 54.16667%{background-position: 0 -384px; padding-top: 48px;} 58.33333%{background-position: 0 -360px; padding-top: 72px;} 62.5%{background-position: 0 -336px; padding-top: 96px;} 66.66667%{background-position: 0 -312px; padding-top: 120px;} 70.83333%{background-position: 0 -288px; padding-top: 144px;} 75%{background-position: 0 -264px; padding-top: 168px;} 79.16667%{background-position: 0 -240px; padding-top: 192px;} 83.33333%{background-position: 0 -216px; padding-top: 216px;} 87.5%{background-position: 0 -192px; padding-top: 240px;} 91.66667%{background-position: 0 -168px; padding-top: 264px;} 95.83333%{background-position: 0 -144px; padding-top: 288px;}}@-o-keyframes column-28{0%{background-position: 0 -120px; padding-top: 312px;} 4.16667%{background-position: 0 -96px; padding-top: 336px;} 8.33333%{background-position: 0 -72px; padding-top: 360px;} 12.5%{background-position: 0 -48px; padding-top: 384px;} 16.66667%{background-position: 0 -24px; padding-top: 408px;} 20.83333%{background-position: 0 0px; padding-top: 432px;} 25%{background-position: 0 24px; padding-top: 456px;} 29.16667%{background-position: 0 48px; padding-top: 480px;} 33.33333%{background-position: 0 72px; padding-top: 504px;} 37.5%{background-position: 0 96px; padding-top: 528px;} 41.66667%{background-position: 0 120px; padding-top: 552px;} 45.83333%{background-position: 0 -432px; padding-top: 0px;} 50%{background-position: 0 -408px; padding-top: 24px;} 54.16667%{background-position: 0 -384px; padding-top: 48px;} 58.33333%{background-position: 0 -360px; padding-top: 72px;} 62.5%{background-position: 0 -336px; padding-top: 96px;} 66.66667%{background-position: 0 -312px; padding-top: 120px;} 70.83333%{background-position: 0 -288px; padding-top: 144px;} 75%{background-position: 0 -264px; padding-top: 168px;} 79.16667%{background-position: 0 -240px; padding-top: 192px;} 83.33333%{background-position: 0 -216px; padding-top: 216px;} 87.5%{background-position: 0 -192px; padding-top: 240px;} 91.66667%{background-position: 0 -168px; padding-top: 264px;} 95.83333%{background-position: 0 -144px; padding-top: 288px;}}@keyframes column-28{0%{background-position: 0 -120px; padding-top: 312px;} 4.16667%{background-position: 0 -96px; padding-top: 336px;} 8.33333%{background-position: 0 -72px; padding-top: 360px;} 12.5%{background-position: 0 -48px; padding-top: 384px;} 16.66667%{background-position: 0 -24px; padding-top: 408px;} 20.83333%{background-position: 0 0px; padding-top: 432px;} 25%{background-position: 0 24px; padding-top: 456px;} 29.16667%{background-position: 0 48px; padding-top: 480px;} 33.33333%{background-position: 0 72px; padding-top: 504px;} 37.5%{background-position: 0 96px; padding-top: 528px;} 41.66667%{background-position: 0 120px; padding-top: 552px;} 45.83333%{background-position: 0 -432px; padding-top: 0px;} 50%{background-position: 0 -408px; padding-top: 24px;} 54.16667%{background-position: 0 -384px; padding-top: 48px;} 58.33333%{background-position: 0 -360px; padding-top: 72px;} 62.5%{background-position: 0 -336px; padding-top: 96px;} 66.66667%{background-position: 0 -312px; padding-top: 120px;} 70.83333%{background-position: 0 -288px; padding-top: 144px;} 75%{background-position: 0 -264px; padding-top: 168px;} 79.16667%{background-position: 0 -240px; padding-top: 192px;} 83.33333%{background-position: 0 -216px; padding-top: 216px;} 87.5%{background-position: 0 -192px; padding-top: 240px;} 91.66667%{background-position: 0 -168px; padding-top: 264px;} 95.83333%{background-position: 0 -144px; padding-top: 288px;}}

.matrix li:nth-child(29) {}
.matrix li:nth-child(29):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(29):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -288px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(79.16667%, rgba(20, 0, 41, 0)), color-stop(79.16667%, #140029), color-stop(100%, #140029)) 0 -288px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 456px, #140029 456px, #140029 576px) 0 -288px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 456px, #140029 456px, #140029 576px) 0 -288px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 456px, #140029 456px, #140029 576px) 0 -288px repeat;
  /*content: " ";*/
  padding-top: 168px;
  -webkit-animation-name: column-29;
  -moz-animation-name: column-29;
  -ms-animation-name: column-29;
  -o-animation-name: column-29;
  animation-name: column-29;
}

@-webkit-keyframes column-29{0%{background-position: 0 -288px; padding-top: 168px;} 4.16667%{background-position: 0 -264px; padding-top: 192px;} 8.33333%{background-position: 0 -240px; padding-top: 216px;} 12.5%{background-position: 0 -216px; padding-top: 240px;} 16.66667%{background-position: 0 -192px; padding-top: 264px;} 20.83333%{background-position: 0 -168px; padding-top: 288px;} 25%{background-position: 0 -144px; padding-top: 312px;} 29.16667%{background-position: 0 -120px; padding-top: 336px;} 33.33333%{background-position: 0 -96px; padding-top: 360px;} 37.5%{background-position: 0 -72px; padding-top: 384px;} 41.66667%{background-position: 0 -48px; padding-top: 408px;} 45.83333%{background-position: 0 -24px; padding-top: 432px;} 50%{background-position: 0 0px; padding-top: 456px;} 54.16667%{background-position: 0 24px; padding-top: 480px;} 58.33333%{background-position: 0 48px; padding-top: 504px;} 62.5%{background-position: 0 72px; padding-top: 528px;} 66.66667%{background-position: 0 96px; padding-top: 552px;} 70.83333%{background-position: 0 -456px; padding-top: 0px;} 75%{background-position: 0 -432px; padding-top: 24px;} 79.16667%{background-position: 0 -408px; padding-top: 48px;} 83.33333%{background-position: 0 -384px; padding-top: 72px;} 87.5%{background-position: 0 -360px; padding-top: 96px;} 91.66667%{background-position: 0 -336px; padding-top: 120px;} 95.83333%{background-position: 0 -312px; padding-top: 144px;}}@-moz-keyframes column-29{0%{background-position: 0 -288px; padding-top: 168px;} 4.16667%{background-position: 0 -264px; padding-top: 192px;} 8.33333%{background-position: 0 -240px; padding-top: 216px;} 12.5%{background-position: 0 -216px; padding-top: 240px;} 16.66667%{background-position: 0 -192px; padding-top: 264px;} 20.83333%{background-position: 0 -168px; padding-top: 288px;} 25%{background-position: 0 -144px; padding-top: 312px;} 29.16667%{background-position: 0 -120px; padding-top: 336px;} 33.33333%{background-position: 0 -96px; padding-top: 360px;} 37.5%{background-position: 0 -72px; padding-top: 384px;} 41.66667%{background-position: 0 -48px; padding-top: 408px;} 45.83333%{background-position: 0 -24px; padding-top: 432px;} 50%{background-position: 0 0px; padding-top: 456px;} 54.16667%{background-position: 0 24px; padding-top: 480px;} 58.33333%{background-position: 0 48px; padding-top: 504px;} 62.5%{background-position: 0 72px; padding-top: 528px;} 66.66667%{background-position: 0 96px; padding-top: 552px;} 70.83333%{background-position: 0 -456px; padding-top: 0px;} 75%{background-position: 0 -432px; padding-top: 24px;} 79.16667%{background-position: 0 -408px; padding-top: 48px;} 83.33333%{background-position: 0 -384px; padding-top: 72px;} 87.5%{background-position: 0 -360px; padding-top: 96px;} 91.66667%{background-position: 0 -336px; padding-top: 120px;} 95.83333%{background-position: 0 -312px; padding-top: 144px;}}@-o-keyframes column-29{0%{background-position: 0 -288px; padding-top: 168px;} 4.16667%{background-position: 0 -264px; padding-top: 192px;} 8.33333%{background-position: 0 -240px; padding-top: 216px;} 12.5%{background-position: 0 -216px; padding-top: 240px;} 16.66667%{background-position: 0 -192px; padding-top: 264px;} 20.83333%{background-position: 0 -168px; padding-top: 288px;} 25%{background-position: 0 -144px; padding-top: 312px;} 29.16667%{background-position: 0 -120px; padding-top: 336px;} 33.33333%{background-position: 0 -96px; padding-top: 360px;} 37.5%{background-position: 0 -72px; padding-top: 384px;} 41.66667%{background-position: 0 -48px; padding-top: 408px;} 45.83333%{background-position: 0 -24px; padding-top: 432px;} 50%{background-position: 0 0px; padding-top: 456px;} 54.16667%{background-position: 0 24px; padding-top: 480px;} 58.33333%{background-position: 0 48px; padding-top: 504px;} 62.5%{background-position: 0 72px; padding-top: 528px;} 66.66667%{background-position: 0 96px; padding-top: 552px;} 70.83333%{background-position: 0 -456px; padding-top: 0px;} 75%{background-position: 0 -432px; padding-top: 24px;} 79.16667%{background-position: 0 -408px; padding-top: 48px;} 83.33333%{background-position: 0 -384px; padding-top: 72px;} 87.5%{background-position: 0 -360px; padding-top: 96px;} 91.66667%{background-position: 0 -336px; padding-top: 120px;} 95.83333%{background-position: 0 -312px; padding-top: 144px;}}@keyframes column-29{0%{background-position: 0 -288px; padding-top: 168px;} 4.16667%{background-position: 0 -264px; padding-top: 192px;} 8.33333%{background-position: 0 -240px; padding-top: 216px;} 12.5%{background-position: 0 -216px; padding-top: 240px;} 16.66667%{background-position: 0 -192px; padding-top: 264px;} 20.83333%{background-position: 0 -168px; padding-top: 288px;} 25%{background-position: 0 -144px; padding-top: 312px;} 29.16667%{background-position: 0 -120px; padding-top: 336px;} 33.33333%{background-position: 0 -96px; padding-top: 360px;} 37.5%{background-position: 0 -72px; padding-top: 384px;} 41.66667%{background-position: 0 -48px; padding-top: 408px;} 45.83333%{background-position: 0 -24px; padding-top: 432px;} 50%{background-position: 0 0px; padding-top: 456px;} 54.16667%{background-position: 0 24px; padding-top: 480px;} 58.33333%{background-position: 0 48px; padding-top: 504px;} 62.5%{background-position: 0 72px; padding-top: 528px;} 66.66667%{background-position: 0 96px; padding-top: 552px;} 70.83333%{background-position: 0 -456px; padding-top: 0px;} 75%{background-position: 0 -432px; padding-top: 24px;} 79.16667%{background-position: 0 -408px; padding-top: 48px;} 83.33333%{background-position: 0 -384px; padding-top: 72px;} 87.5%{background-position: 0 -360px; padding-top: 96px;} 91.66667%{background-position: 0 -336px; padding-top: 120px;} 95.83333%{background-position: 0 -312px; padding-top: 144px;}}

.matrix li:nth-child(30) {}
.matrix li:nth-child(30):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(30):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -240px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(50%, rgba(20, 0, 41, 0)), color-stop(50%, #140029), color-stop(100%, #140029)) 0 -240px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 288px, #140029 288px, #140029 576px) 0 -240px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 288px, #140029 288px, #140029 576px) 0 -240px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 288px, #140029 288px, #140029 576px) 0 -240px repeat;
  /*content: " ";*/
  padding-top: 48px;
  -webkit-animation-name: column-30;
  -moz-animation-name: column-30;
  -ms-animation-name: column-30;
  -o-animation-name: column-30;
  animation-name: column-30;
}

@-webkit-keyframes column-30{0%{background-position: 0 -240px; padding-top: 48px;} 4.16667%{background-position: 0 -216px; padding-top: 72px;} 8.33333%{background-position: 0 -192px; padding-top: 96px;} 12.5%{background-position: 0 -168px; padding-top: 120px;} 16.66667%{background-position: 0 -144px; padding-top: 144px;} 20.83333%{background-position: 0 -120px; padding-top: 168px;} 25%{background-position: 0 -96px; padding-top: 192px;} 29.16667%{background-position: 0 -72px; padding-top: 216px;} 33.33333%{background-position: 0 -48px; padding-top: 240px;} 37.5%{background-position: 0 -24px; padding-top: 264px;} 41.66667%{background-position: 0 0px; padding-top: 288px;} 45.83333%{background-position: 0 24px; padding-top: 312px;} 50%{background-position: 0 48px; padding-top: 336px;} 54.16667%{background-position: 0 72px; padding-top: 360px;} 58.33333%{background-position: 0 96px; padding-top: 384px;} 62.5%{background-position: 0 120px; padding-top: 408px;} 66.66667%{background-position: 0 144px; padding-top: 432px;} 70.83333%{background-position: 0 168px; padding-top: 456px;} 75%{background-position: 0 192px; padding-top: 480px;} 79.16667%{background-position: 0 216px; padding-top: 504px;} 83.33333%{background-position: 0 240px; padding-top: 528px;} 87.5%{background-position: 0 264px; padding-top: 552px;} 91.66667%{background-position: 0 -288px; padding-top: 0px;} 95.83333%{background-position: 0 -264px; padding-top: 24px;}}@-moz-keyframes column-30{0%{background-position: 0 -240px; padding-top: 48px;} 4.16667%{background-position: 0 -216px; padding-top: 72px;} 8.33333%{background-position: 0 -192px; padding-top: 96px;} 12.5%{background-position: 0 -168px; padding-top: 120px;} 16.66667%{background-position: 0 -144px; padding-top: 144px;} 20.83333%{background-position: 0 -120px; padding-top: 168px;} 25%{background-position: 0 -96px; padding-top: 192px;} 29.16667%{background-position: 0 -72px; padding-top: 216px;} 33.33333%{background-position: 0 -48px; padding-top: 240px;} 37.5%{background-position: 0 -24px; padding-top: 264px;} 41.66667%{background-position: 0 0px; padding-top: 288px;} 45.83333%{background-position: 0 24px; padding-top: 312px;} 50%{background-position: 0 48px; padding-top: 336px;} 54.16667%{background-position: 0 72px; padding-top: 360px;} 58.33333%{background-position: 0 96px; padding-top: 384px;} 62.5%{background-position: 0 120px; padding-top: 408px;} 66.66667%{background-position: 0 144px; padding-top: 432px;} 70.83333%{background-position: 0 168px; padding-top: 456px;} 75%{background-position: 0 192px; padding-top: 480px;} 79.16667%{background-position: 0 216px; padding-top: 504px;} 83.33333%{background-position: 0 240px; padding-top: 528px;} 87.5%{background-position: 0 264px; padding-top: 552px;} 91.66667%{background-position: 0 -288px; padding-top: 0px;} 95.83333%{background-position: 0 -264px; padding-top: 24px;}}@-o-keyframes column-30{0%{background-position: 0 -240px; padding-top: 48px;} 4.16667%{background-position: 0 -216px; padding-top: 72px;} 8.33333%{background-position: 0 -192px; padding-top: 96px;} 12.5%{background-position: 0 -168px; padding-top: 120px;} 16.66667%{background-position: 0 -144px; padding-top: 144px;} 20.83333%{background-position: 0 -120px; padding-top: 168px;} 25%{background-position: 0 -96px; padding-top: 192px;} 29.16667%{background-position: 0 -72px; padding-top: 216px;} 33.33333%{background-position: 0 -48px; padding-top: 240px;} 37.5%{background-position: 0 -24px; padding-top: 264px;} 41.66667%{background-position: 0 0px; padding-top: 288px;} 45.83333%{background-position: 0 24px; padding-top: 312px;} 50%{background-position: 0 48px; padding-top: 336px;} 54.16667%{background-position: 0 72px; padding-top: 360px;} 58.33333%{background-position: 0 96px; padding-top: 384px;} 62.5%{background-position: 0 120px; padding-top: 408px;} 66.66667%{background-position: 0 144px; padding-top: 432px;} 70.83333%{background-position: 0 168px; padding-top: 456px;} 75%{background-position: 0 192px; padding-top: 480px;} 79.16667%{background-position: 0 216px; padding-top: 504px;} 83.33333%{background-position: 0 240px; padding-top: 528px;} 87.5%{background-position: 0 264px; padding-top: 552px;} 91.66667%{background-position: 0 -288px; padding-top: 0px;} 95.83333%{background-position: 0 -264px; padding-top: 24px;}}@keyframes column-30{0%{background-position: 0 -240px; padding-top: 48px;} 4.16667%{background-position: 0 -216px; padding-top: 72px;} 8.33333%{background-position: 0 -192px; padding-top: 96px;} 12.5%{background-position: 0 -168px; padding-top: 120px;} 16.66667%{background-position: 0 -144px; padding-top: 144px;} 20.83333%{background-position: 0 -120px; padding-top: 168px;} 25%{background-position: 0 -96px; padding-top: 192px;} 29.16667%{background-position: 0 -72px; padding-top: 216px;} 33.33333%{background-position: 0 -48px; padding-top: 240px;} 37.5%{background-position: 0 -24px; padding-top: 264px;} 41.66667%{background-position: 0 0px; padding-top: 288px;} 45.83333%{background-position: 0 24px; padding-top: 312px;} 50%{background-position: 0 48px; padding-top: 336px;} 54.16667%{background-position: 0 72px; padding-top: 360px;} 58.33333%{background-position: 0 96px; padding-top: 384px;} 62.5%{background-position: 0 120px; padding-top: 408px;} 66.66667%{background-position: 0 144px; padding-top: 432px;} 70.83333%{background-position: 0 168px; padding-top: 456px;} 75%{background-position: 0 192px; padding-top: 480px;} 79.16667%{background-position: 0 216px; padding-top: 504px;} 83.33333%{background-position: 0 240px; padding-top: 528px;} 87.5%{background-position: 0 264px; padding-top: 552px;} 91.66667%{background-position: 0 -288px; padding-top: 0px;} 95.83333%{background-position: 0 -264px; padding-top: 24px;}}

.matrix li:nth-child(31) {}
.matrix li:nth-child(31):before {
  content: "6 月 6 號 6 點 準 時 下 班 6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(31):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -96px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(37.5%, rgba(20, 0, 41, 0)), color-stop(37.5%, #140029), color-stop(100%, #140029)) 0 -96px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 216px, #140029 216px, #140029 576px) 0 -96px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 216px, #140029 216px, #140029 576px) 0 -96px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 216px, #140029 216px, #140029 576px) 0 -96px repeat;
  /*content: " ";*/
  padding-top: 120px;
  -webkit-animation-name: column-31;
  -moz-animation-name: column-31;
  -ms-animation-name: column-31;
  -o-animation-name: column-31;
  animation-name: column-31;
}

@-webkit-keyframes column-31{0%{background-position: 0 -96px; padding-top: 120px;} 4.16667%{background-position: 0 -72px; padding-top: 144px;} 8.33333%{background-position: 0 -48px; padding-top: 168px;} 12.5%{background-position: 0 -24px; padding-top: 192px;} 16.66667%{background-position: 0 0px; padding-top: 216px;} 20.83333%{background-position: 0 24px; padding-top: 240px;} 25%{background-position: 0 48px; padding-top: 264px;} 29.16667%{background-position: 0 72px; padding-top: 288px;} 33.33333%{background-position: 0 96px; padding-top: 312px;} 37.5%{background-position: 0 120px; padding-top: 336px;} 41.66667%{background-position: 0 144px; padding-top: 360px;} 45.83333%{background-position: 0 168px; padding-top: 384px;} 50%{background-position: 0 192px; padding-top: 408px;} 54.16667%{background-position: 0 216px; padding-top: 432px;} 58.33333%{background-position: 0 240px; padding-top: 456px;} 62.5%{background-position: 0 264px; padding-top: 480px;} 66.66667%{background-position: 0 288px; padding-top: 504px;} 70.83333%{background-position: 0 312px; padding-top: 528px;} 75%{background-position: 0 336px; padding-top: 552px;} 79.16667%{background-position: 0 -216px; padding-top: 0px;} 83.33333%{background-position: 0 -192px; padding-top: 24px;} 87.5%{background-position: 0 -168px; padding-top: 48px;} 91.66667%{background-position: 0 -144px; padding-top: 72px;} 95.83333%{background-position: 0 -120px; padding-top: 96px;}}@-moz-keyframes column-31{0%{background-position: 0 -96px; padding-top: 120px;} 4.16667%{background-position: 0 -72px; padding-top: 144px;} 8.33333%{background-position: 0 -48px; padding-top: 168px;} 12.5%{background-position: 0 -24px; padding-top: 192px;} 16.66667%{background-position: 0 0px; padding-top: 216px;} 20.83333%{background-position: 0 24px; padding-top: 240px;} 25%{background-position: 0 48px; padding-top: 264px;} 29.16667%{background-position: 0 72px; padding-top: 288px;} 33.33333%{background-position: 0 96px; padding-top: 312px;} 37.5%{background-position: 0 120px; padding-top: 336px;} 41.66667%{background-position: 0 144px; padding-top: 360px;} 45.83333%{background-position: 0 168px; padding-top: 384px;} 50%{background-position: 0 192px; padding-top: 408px;} 54.16667%{background-position: 0 216px; padding-top: 432px;} 58.33333%{background-position: 0 240px; padding-top: 456px;} 62.5%{background-position: 0 264px; padding-top: 480px;} 66.66667%{background-position: 0 288px; padding-top: 504px;} 70.83333%{background-position: 0 312px; padding-top: 528px;} 75%{background-position: 0 336px; padding-top: 552px;} 79.16667%{background-position: 0 -216px; padding-top: 0px;} 83.33333%{background-position: 0 -192px; padding-top: 24px;} 87.5%{background-position: 0 -168px; padding-top: 48px;} 91.66667%{background-position: 0 -144px; padding-top: 72px;} 95.83333%{background-position: 0 -120px; padding-top: 96px;}}@-o-keyframes column-31{0%{background-position: 0 -96px; padding-top: 120px;} 4.16667%{background-position: 0 -72px; padding-top: 144px;} 8.33333%{background-position: 0 -48px; padding-top: 168px;} 12.5%{background-position: 0 -24px; padding-top: 192px;} 16.66667%{background-position: 0 0px; padding-top: 216px;} 20.83333%{background-position: 0 24px; padding-top: 240px;} 25%{background-position: 0 48px; padding-top: 264px;} 29.16667%{background-position: 0 72px; padding-top: 288px;} 33.33333%{background-position: 0 96px; padding-top: 312px;} 37.5%{background-position: 0 120px; padding-top: 336px;} 41.66667%{background-position: 0 144px; padding-top: 360px;} 45.83333%{background-position: 0 168px; padding-top: 384px;} 50%{background-position: 0 192px; padding-top: 408px;} 54.16667%{background-position: 0 216px; padding-top: 432px;} 58.33333%{background-position: 0 240px; padding-top: 456px;} 62.5%{background-position: 0 264px; padding-top: 480px;} 66.66667%{background-position: 0 288px; padding-top: 504px;} 70.83333%{background-position: 0 312px; padding-top: 528px;} 75%{background-position: 0 336px; padding-top: 552px;} 79.16667%{background-position: 0 -216px; padding-top: 0px;} 83.33333%{background-position: 0 -192px; padding-top: 24px;} 87.5%{background-position: 0 -168px; padding-top: 48px;} 91.66667%{background-position: 0 -144px; padding-top: 72px;} 95.83333%{background-position: 0 -120px; padding-top: 96px;}}@keyframes column-31{0%{background-position: 0 -96px; padding-top: 120px;} 4.16667%{background-position: 0 -72px; padding-top: 144px;} 8.33333%{background-position: 0 -48px; padding-top: 168px;} 12.5%{background-position: 0 -24px; padding-top: 192px;} 16.66667%{background-position: 0 0px; padding-top: 216px;} 20.83333%{background-position: 0 24px; padding-top: 240px;} 25%{background-position: 0 48px; padding-top: 264px;} 29.16667%{background-position: 0 72px; padding-top: 288px;} 33.33333%{background-position: 0 96px; padding-top: 312px;} 37.5%{background-position: 0 120px; padding-top: 336px;} 41.66667%{background-position: 0 144px; padding-top: 360px;} 45.83333%{background-position: 0 168px; padding-top: 384px;} 50%{background-position: 0 192px; padding-top: 408px;} 54.16667%{background-position: 0 216px; padding-top: 432px;} 58.33333%{background-position: 0 240px; padding-top: 456px;} 62.5%{background-position: 0 264px; padding-top: 480px;} 66.66667%{background-position: 0 288px; padding-top: 504px;} 70.83333%{background-position: 0 312px; padding-top: 528px;} 75%{background-position: 0 336px; padding-top: 552px;} 79.16667%{background-position: 0 -216px; padding-top: 0px;} 83.33333%{background-position: 0 -192px; padding-top: 24px;} 87.5%{background-position: 0 -168px; padding-top: 48px;} 91.66667%{background-position: 0 -144px; padding-top: 72px;} 95.83333%{background-position: 0 -120px; padding-top: 96px;}}

.matrix li:nth-child(32) {}
.matrix li:nth-child(32):before {
  content: "6 月 6 號 6 點 準 時 下 班";
}
.matrix li:nth-child(32):after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 144px repeat;
  background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #140029), color-stop(62.5%, rgba(20, 0, 41, 0)), color-stop(62.5%, #140029), color-stop(100%, #140029)) 0 144px repeat;
  background: -moz-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 144px repeat;
  background: -webkit-linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 144px repeat;
  background: linear-gradient(#140029 0%, rgba(20, 0, 41, 0) 360px, #140029 360px, #140029 576px) 0 144px repeat;
  /*content: " ";*/
  padding-top: 504px;
  -webkit-animation-name: column-32;
  -moz-animation-name: column-32;
  -ms-animation-name: column-32;
  -o-animation-name: column-32;
  animation-name: column-32;
}

@-webkit-keyframes column-32{0%{background-position: 0 144px; padding-top: 504px;} 4.16667%{background-position: 0 168px; padding-top: 528px;} 8.33333%{background-position: 0 192px; padding-top: 552px;} 12.5%{background-position: 0 -360px; padding-top: 0px;} 16.66667%{background-position: 0 -336px; padding-top: 24px;} 20.83333%{background-position: 0 -312px; padding-top: 48px;} 25%{background-position: 0 -288px; padding-top: 72px;} 29.16667%{background-position: 0 -264px; padding-top: 96px;} 33.33333%{background-position: 0 -240px; padding-top: 120px;} 37.5%{background-position: 0 -216px; padding-top: 144px;} 41.66667%{background-position: 0 -192px; padding-top: 168px;} 45.83333%{background-position: 0 -168px; padding-top: 192px;} 50%{background-position: 0 -144px; padding-top: 216px;} 54.16667%{background-position: 0 -120px; padding-top: 240px;} 58.33333%{background-position: 0 -96px; padding-top: 264px;} 62.5%{background-position: 0 -72px; padding-top: 288px;} 66.66667%{background-position: 0 -48px; padding-top: 312px;} 70.83333%{background-position: 0 -24px; padding-top: 336px;} 75%{background-position: 0 0px; padding-top: 360px;} 79.16667%{background-position: 0 24px; padding-top: 384px;} 83.33333%{background-position: 0 48px; padding-top: 408px;} 87.5%{background-position: 0 72px; padding-top: 432px;} 91.66667%{background-position: 0 96px; padding-top: 456px;} 95.83333%{background-position: 0 120px; padding-top: 480px;}}@-moz-keyframes column-32{0%{background-position: 0 144px; padding-top: 504px;} 4.16667%{background-position: 0 168px; padding-top: 528px;} 8.33333%{background-position: 0 192px; padding-top: 552px;} 12.5%{background-position: 0 -360px; padding-top: 0px;} 16.66667%{background-position: 0 -336px; padding-top: 24px;} 20.83333%{background-position: 0 -312px; padding-top: 48px;} 25%{background-position: 0 -288px; padding-top: 72px;} 29.16667%{background-position: 0 -264px; padding-top: 96px;} 33.33333%{background-position: 0 -240px; padding-top: 120px;} 37.5%{background-position: 0 -216px; padding-top: 144px;} 41.66667%{background-position: 0 -192px; padding-top: 168px;} 45.83333%{background-position: 0 -168px; padding-top: 192px;} 50%{background-position: 0 -144px; padding-top: 216px;} 54.16667%{background-position: 0 -120px; padding-top: 240px;} 58.33333%{background-position: 0 -96px; padding-top: 264px;} 62.5%{background-position: 0 -72px; padding-top: 288px;} 66.66667%{background-position: 0 -48px; padding-top: 312px;} 70.83333%{background-position: 0 -24px; padding-top: 336px;} 75%{background-position: 0 0px; padding-top: 360px;} 79.16667%{background-position: 0 24px; padding-top: 384px;} 83.33333%{background-position: 0 48px; padding-top: 408px;} 87.5%{background-position: 0 72px; padding-top: 432px;} 91.66667%{background-position: 0 96px; padding-top: 456px;} 95.83333%{background-position: 0 120px; padding-top: 480px;}}@-o-keyframes column-32{0%{background-position: 0 144px; padding-top: 504px;} 4.16667%{background-position: 0 168px; padding-top: 528px;} 8.33333%{background-position: 0 192px; padding-top: 552px;} 12.5%{background-position: 0 -360px; padding-top: 0px;} 16.66667%{background-position: 0 -336px; padding-top: 24px;} 20.83333%{background-position: 0 -312px; padding-top: 48px;} 25%{background-position: 0 -288px; padding-top: 72px;} 29.16667%{background-position: 0 -264px; padding-top: 96px;} 33.33333%{background-position: 0 -240px; padding-top: 120px;} 37.5%{background-position: 0 -216px; padding-top: 144px;} 41.66667%{background-position: 0 -192px; padding-top: 168px;} 45.83333%{background-position: 0 -168px; padding-top: 192px;} 50%{background-position: 0 -144px; padding-top: 216px;} 54.16667%{background-position: 0 -120px; padding-top: 240px;} 58.33333%{background-position: 0 -96px; padding-top: 264px;} 62.5%{background-position: 0 -72px; padding-top: 288px;} 66.66667%{background-position: 0 -48px; padding-top: 312px;} 70.83333%{background-position: 0 -24px; padding-top: 336px;} 75%{background-position: 0 0px; padding-top: 360px;} 79.16667%{background-position: 0 24px; padding-top: 384px;} 83.33333%{background-position: 0 48px; padding-top: 408px;} 87.5%{background-position: 0 72px; padding-top: 432px;} 91.66667%{background-position: 0 96px; padding-top: 456px;} 95.83333%{background-position: 0 120px; padding-top: 480px;}}@keyframes column-32{0%{background-position: 0 144px; padding-top: 504px;} 4.16667%{background-position: 0 168px; padding-top: 528px;} 8.33333%{background-position: 0 192px; padding-top: 552px;} 12.5%{background-position: 0 -360px; padding-top: 0px;} 16.66667%{background-position: 0 -336px; padding-top: 24px;} 20.83333%{background-position: 0 -312px; padding-top: 48px;} 25%{background-position: 0 -288px; padding-top: 72px;} 29.16667%{background-position: 0 -264px; padding-top: 96px;} 33.33333%{background-position: 0 -240px; padding-top: 120px;} 37.5%{background-position: 0 -216px; padding-top: 144px;} 41.66667%{background-position: 0 -192px; padding-top: 168px;} 45.83333%{background-position: 0 -168px; padding-top: 192px;} 50%{background-position: 0 -144px; padding-top: 216px;} 54.16667%{background-position: 0 -120px; padding-top: 240px;} 58.33333%{background-position: 0 -96px; padding-top: 264px;} 62.5%{background-position: 0 -72px; padding-top: 288px;} 66.66667%{background-position: 0 -48px; padding-top: 312px;} 70.83333%{background-position: 0 -24px; padding-top: 336px;} 75%{background-position: 0 0px; padding-top: 360px;} 79.16667%{background-position: 0 24px; padding-top: 384px;} 83.33333%{background-position: 0 48px; padding-top: 408px;} 87.5%{background-position: 0 72px; padding-top: 432px;} 91.66667%{background-position: 0 96px; padding-top: 456px;} 95.83333%{background-position: 0 120px; padding-top: 480px;}}