@charset "UTF-8";
/* IMPORTS */ /* TYPOGRAPHY */
/* Google Fonts */
/*----- Colors -----*/
/*----- Breakpoints -----*/
/*----- Containers -----*/
/* VARIABLES */
h1 {
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.6875rem;
  letter-spacing: 0.2em;
  font-weight: 400;
  margin-bottom: 1.875rem;
}

.weekdays {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.weekday-item {
  margin: 0 0.3125rem;
  text-decoration: none;
  background-color: #aaa;
  color: #fff;
  width: 64px;
  text-align: center;
  padding: 0.625rem 0;
}
.weekday-item span:last-child {
  line-height: 1;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
}
.weekday-item.active, .weekday-item:hover {
  background-color: #333;
  color: #fff;
}
.weekday-item:nth-last-child(-n+3) {
  display: none;
}

.weekday-action {
  text-align: right;
  padding: 0.625rem 1.25rem;
}
.weekday-action .back-to-today {
  color: #fff;
  background-color: #1570c1;
  border-radius: 5em;
  padding: 0.2em 1em;
}
.weekday-action .back-to-today i {
  margin-left: 0.3125rem;
  font-size: 0.875rem;
}

@media (min-width: 48rem) {
  .weekday-item:nth-last-child(-n+3) {
    display: block;
  }
}
.tab-ampm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.25rem;
  margin-top: 2.5rem;
}
.tab-ampm .tab-item {
  margin: 0 1.25rem;
  text-decoration: none;
  color: #888;
  font-size: 1.25rem;
  font-weight: 700;
}
.tab-ampm .tab-item.active {
  color: #000;
}
@media (min-width: 62rem) {
  .tab-ampm {
    margin-bottom: 1.875rem;
    margin-top: 3.4375rem;
  }
}

#schedules {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.schedule-item {
  background-color: #fff;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.schedule-item .time {
  background-color: #FEDFBC;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3125rem;
  min-width: 100px;
}
.schedule-item .info {
  padding: 0.5rem 0.625rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.schedule-item .title {
  margin-bottom: 0;
  width: calc(100% - 24px);
}
.schedule-item .classify {
  right: 8px;
  top: 8px;
  background-color: #333;
  color: #fff;
  border-radius: 3px;
  width: 1.65em;
  height: 1.65em;
  text-align: center;
}
.schedule-item .classify.classify-普 {
  background-color: #68b731;
}
.schedule-item .classify.classify-護 {
  background-color: #1691CC;
}
.schedule-item .classify.classify-輔12 {
  background-color: #F4BF1B;
}
.schedule-item .classify.classify-輔15 {
  background-color: #F08A22;
}
.schedule-item .classify.classify-限 {
  background-color: #D0352F;
}
.schedule-item .pg-type {
  display: inline-block;
  vertical-align: bottom;
  padding: 0.125rem 0.3125rem;
  border-radius: 3px;
  font-size: 0.7em;
  color: #fff;
  line-height: 1.2;
  margin-right: 0.1875rem;
}
.schedule-item .pg-type.pg-type-Y {
  background-color: #f00;
}
.schedule-item .pg-type.pg-type-Y :before {
  content: "首播";
}
.schedule-item .pg-type.pg-type-N {
  background-color: #ff862c;
}
.schedule-item .pg-type.pg-type-N :before {
  content: "新播";
}
.schedule-item .pg-type.pg-type-R {
  background-color: #228155;
}
.schedule-item .pg-type.pg-type-R :before {
  content: "重播";
}

/*------ 現正播映 ------*/
.block-pg-now-on .block-content {
  background-color: #fff;
  padding: 1.25rem;
}
.block-pg-now-on h3 {
  font-size: 1rem;
}
.block-pg-now-on .channel-link {
  text-align: center;
}

.mod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mod span {
  background-color: #7396FF;
  color: #fff;
  border-radius: 5px;
  padding: 0.125rem 0.3125rem;
  font-size: 0.75rem;
  display: block;
}

.now-on-item {
  padding: 0.3125rem 0.625rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.now-on-item .time {
  width: 50px;
}
.now-on-item .pg-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.now-on-item .classify {
  color: #fff;
  padding: 0 0.625rem;
  border-radius: 2em;
  border: 1px solid #fff;
  height: 1.75em;
}
.now-on-item .classify.classify-普 {
  background-color: #68B731;
}
.now-on-item .classify.classify-護 {
  background-color: #1691CC;
}
.now-on-item .classify.classify-輔12 {
  background-color: #F4BF1B;
}
.now-on-item .classify.classify-輔15 {
  background-color: #F08A22;
}
.now-on-item .classify.classify-限 {
  background-color: #D0352F;
}

.now-on .now-on-item {
  background-color: #FFBC6E;
}
.now-on h3 {
  color: #FF5C26;
  font-weight: 500;
}
.now-on .pg-title, .now-on .time {
  font-weight: 500;
}

.on-next .now-on-item {
  background-color: #FEDFBC;
}
.btn-to-channel {
  background-color: #26669F;
  color: #fff;
  width: 100px;
  text-align: center;
  border-radius: 5em;
  font-size: 0.875rem;
  padding: 0.375rem 1rem;
  border: 0;
}
.btn-to-channel:hover {
  color: #fff;
  background-color: #26669F;
}

.now-on-wrapper.style-2 .btn-to-schedule:before {
  content: "\f0ca";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem;
}

/*------ 其他頻道節目表 ------*/
#block-jumptochannel {
  margin-bottom: 2em;
}
#block-jumptochannel > h2 {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#block-jumptochannel .block-content {
  padding: 0.625rem 1.25rem;
}

#pg-jump-menu {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}