section#section-rundown {
    margin-bottom: 2.5rem;
    /* overflow: hidden; */
    /* width: 100%; */
    /* margin: 0; */
    /* padding: 0; */
    /* background-color: var(--themePrimary); */
    /* color: #fff; */
    margin-top: 2rem;
}

section#section-rundown .title_rundown {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 3%;
}

section#section-rundown .title_rundown .title_rundown_svg {
    width: 25%;
}

section#section-rundown .ui.grid.rundown {
    width: 100%;
    margin-left: 0;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ui.grid>.row {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

section#section-rundown .ui.grid>.column:not(.row) {
    padding-top: unset;
    padding-bottom: 2rem;
    /* padding-right: 5rem; */
}

.ui.grid>.column:not(.row) {
    /* padding-top: 3rem; */
    /* padding-bottom: 3rem; */
}

.ui.grid.rundown>.row .two.wide.column {
    /* width: 50% !important; */
}

.ui.grid.rundown>.row>.column {
    /* padding: 0.3125rem; */
    /* aspect-ratio: 1 / 1; */
    /* padding-top: inherit !important; */
    /* padding-bottom: inherit !important; */
    /* display: flex; */
    /* justify-content: flex-start; */
    /* align-items: flex-start; */
}

section#section-rundown .ui.grid.rundown>.row>.column {
    padding: 0.3125rem;
    aspect-ratio: 1 / 1;
    /* padding-top: inherit !important; */
    /* padding-bottom: inherit !important; */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

section#section-rundown .ui.grid.rundown>.row>.six.wide.column {
    aspect-ratio: 3 / 1;
}

section#section-rundown .ui.grid.rundown .full-segment {
    width: 100%;
    aspect-ratio: 1 / 1;
    color: #ffffff;
    background: #E63A25;
    font-size: 2.375rem;
    font-weight: bold;
    padding: 1.375rem;
    text-transform: uppercase;
}

section#section-rundown .ui.grid.rundown .bottom {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

section#section-rundown .ui.grid.rundown .half-segment {
    /* width: 100%; */
    /* aspect-ratio: 3 / 1; */
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-end; */
    background: #BF1C2D;
}

section#section-rundown .ui.grid.rundown .half-segment .date-time {
    font-size: 2rem;
    font-weight: 600;
}

section#section-rundown .ui.grid.rundown>.row .two.wide.column.left-top {
    /* display: flex;
    justify-content: flex-start; */
}

section#section-rundown .ui.grid.rundown>.row .two.wide.column .quarter-square {
    width: 100%;
    height: 50%;
    /* aspect-ratio: 1 / 1; */
    background: #BF1C2D;
}

section#section-rundown .ui.grid.rundown>.row .four.wide.column.right-bottom {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
}

section#section-rundown .ui.grid.rundown>.row .four.wide.column .quarter-square {
    width: calc(50% - 0.3125rem);
    aspect-ratio: 1 / 1;
    background: #E83725;
}

section#section-rundown .hr-title {
    /* background-image: url(../images/hr_white.png); */
    /* background-repeat: no-repeat; */
    /* height: 25px; */
    /* background-position: center; */
    /* text-align: center; */
    /* margin-top: 0px; */
}

section#section-rundown .hr-bottom {
    background-image: url(../images/hr_white.png?v=1.3);
    /* background-repeat: no-repeat; 
    height: 25px;   
    background-position: center;
    text-align: center;
    background-color: #fff;
    margin-bottom: 0px; */

}

section#section-rundown .hr-underline {
    border: none;
    border-bottom: 2px solid #000; /* Change the color and thickness as needed */
    width: 100%; /* Adjust the width of the underline */
    margin: 0; /* Remove any margins if necessary */
}

section#section-rundown h1 {
    /* color: #fff; */
    /* text-align: center; */
    /* margin: 0px; */
}

section#section-rundown hr {
    /* border-color: var(--themePrimary); */
    /* width: 100%; */
}

section#section-rundown .programme-time {
    text-align: center;
    color: #00747C;
    font-size: 1.75rem;
    font-family: "Arial", 'NasalizationRg-Regular', "Noto Sans TC", "Noto Sans SC", sans-serif;
    /* margin-top: 3rem; */
    font-weight: bold;
    margin-bottom: 2rem;
}

.programme-details {
    display: flex;
    /* flex-direction: column; */
    gap: 1rem;
    width: 100%;
}

.programme-details .topic {
    width: 100%;
    display: flex;
    align-items: center;
    /* padding-right: 1rem; */
    /* font-weight: bold; */
    justify-content: space-between;
    word-break: break-word;
    white-space: break-spaces;
}

.programme-details.has-remark .topic {
    line-height: 1.2;
}

.programme-details .topic .replay {
    text-wrap: nowrap;
    margin-left: 1rem;
}

.programme-details .topic .replay.tablet,
.programme-details .replay.mobile {
    display: none;
}

.programme-details .remark span.name {
    display: flex;
    justify-content: space-between;
}

.replay-modal.ui.modal {
    background-color: #000000;
}

.replay-modal video.replay-src {
    max-width: 100%;
    max-height: 100%;
}

.replay-modal .replay-container {
    display: flex;
    justify-content: center;
}

.programme-details.has-remark .topic {
    width: 50%;
}

.programme-details .remark-container {
    width: 50%;
    display: flex;
    padding-left: 1em;
}

.parallel-table .programme-details .topic,
.parallel-table .programme-details .remark-container{
    width: 100%;
}

.programme-details .remark-container::before {
    content: "";
    position: absolute;
    height: calc(100% - 0.5em);
    border-left: 1px solid var(--themeSecondary);
    margin-left: -2em;
    margin: -0.5em 0 -0.5em -1em;
}

section#section-rundown .ui.basic.table {
    border: unset;
    font-size: 1.5625em;
    margin-top: 0;
    font-weight: bold;
}

section#section-rundown .ui.table,
section#section-rundown .ui.table>thead>tr>th {
    /* color: #fff; */
}

section#section-rundown .ui.table>thead>tr>th:nth-child(2) {
    padding-left: 2rem;
    border-right: none;
}

section#section-rundown .ui .hall-b .rundown-title-time,
section#section-rundown .ui .hall-b .rundown-title-programme,
section#section-rundown .ui .rundown-title {
    padding-top: 0;
    color: #2D7DBA;
    background: transparent;
    border-radius: unset;
    border-right: .5rem solid #ffffff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}

section#section-rundown .ui .hall-b .rundown-title-programme {
    padding-left: 2rem;
}

/* section#section-rundown .ui.table>tbody>tr {
  background-color: var(--themePrimary);
}
section#section-rundown .ui.table>tbody>tr * {
  color: var(--themeSecondary);
}
section#section-rundown .ui.table>tbody>tr:nth-child .remark-container::before {
  border-color: var(--themeSecondary);
}
section#section-rundown .ui.table>tbody>tr:nth-child(even) {
  background-color: var(--themeSecondary);
}
section#section-rundown .ui.table>tbody>tr:nth-child(even) * {
  color: var(--themePrimary);
}
section#section-rundown .ui.table>tbody>tr:nth-child(even) .remark-container::before {
  border-color: var(--themePrimary);
} */
section#section-rundown table thead tr,
section#section-rundown table thead tr th,
section#section-rundown table tbody tr {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

section#section-rundown .ui.table td {
    /* border-top: 2px solid #58595B; */
    /* padding-left: 1.5em; */
    border: none;
}

section#section-rundown .ui.table tr {
    position: relative;
    min-height: 6rem;
}

section#section-rundown .ui.table tr:first-child>td {
    border-top: unset
}

section#section-rundown .ui.table tr>th {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

section#section-rundown .ui.table tr>th:nth-child(1) {
    width: min(12.5%);
    min-width: 210px;
}

section#section-rundown .ui.table td {
    position: relative;
    padding: 1.2rem 1rem;
    line-height: 1.5;
    /* border: none;
    border-bottom: 2px solid #555555; */
}

section#section-rundown .ui.table tr:not(:last-child) td {
    border: none;
    border-bottom: 2px solid #555555;
}

section#section-rundown .ui.table td.time~td {
    padding-left: 2rem;
}

section#section-rundown .ui .hall-b .rundown-title-programme,
section#section-rundown .ui .hall-b .ui.table td.time~td {
    padding-left: 0rem;
}

section#section-rundown .ui.table td.time {
    position: relative;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    /* padding: 1.2rem 1rem; */
}

section#section-rundown .ui.table td.time::after {
    /* content: "";
    position: absolute;
    height: 1.25rem;
    width: 1.25rem;
    background-color: #D7DF23;
    border: none;
    border-radius: 50%;
    right: calc(-1.7rem / 2);
    top: calc(50% - (1.7rem / 2));
    z-index: 1;
}

.hr-underline { */
    border: none;
    border-bottom: 2px solid #000; /* Change the color and thickness as needed */
    width: 100%; /* Adjust the width of the underline */
    margin: 0; /* Remove any margins if necessary */
}

section#section-rundown .ui.table td.time~td::before {
    /* content: "";
    position: absolute;
    height: 100%;
    border-left: 3px solid #D7DF23;
    margin: 0.25em 0;
    left: 2px;
    top: 0;
    z-index: 0; */
}

section#section-rundown .ui.table tr:first-child td.time::after,
section#section-rundown .ui.table tr:last-child td.time::after,
section#section-rundown .ui.table tr.agenda-break td.time::after {
    background-color: #00747C;
}

section#section-rundown .ui.table tr.agenda-break-split,
section#section-rundown .ui.table tr.agenda-break {
    position: relative; /* Ensure the positioning context for the ::before element */
}

section#section-rundown .ui.rundown .ui.table tr:first-of-type td:first-of-type::before {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background-color: #C9E2DC;
    position: absolute;
    left: -1rem;
    top: 0;
    transform: translateX(-100%);
}

section#section-rundown .ui.rundown .ui.table tr:last-of-type td:first-of-type::before {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background-color: #C9E2DC;
    position: absolute;
    left: -1rem;
    bottom: 0;
    transform: translateX(-100%);
}

section#section-rundown .rundown-heading {
    color: #357cb5;
    padding-bottom: .5rem;
    padding-top: 1rem;
    padding-left: .5rem;
}

section#section-rundown .rundown-heading::before {
    content: "";
    display: block;
    width: 8rem;
    height: 1.5rem;
    background-color: #307CB6;
    position: absolute;
    left: -8rem;
    top: 1.5rem;
    /* transform: translateY(-50%); */
}

section#section-rundown .rundown-date {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.5;
}

section#section-rundown .rundown-date .date {
    color: #ffffff;
    background-color: #3B4C80;
    padding: .5rem .5rem;
    width: 26rem;
    line-height: 0.97;
}

section#section-rundown .rundown-date .date > a {
    color: #ffffff;
}

section#section-rundown .rundown-date .day {
    display: block;
    width: 100%;
    background-color: #357cb5;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    padding: 0.4rem 0;
    padding-right: .75rem;
    transform: translateX(-100%);
    /* min-height: 2.9rem; */
    line-height: 1.1;
}

section#section-rundown .ui.table .square {
    width: 5rem;
    height: 3rem;
    background-color: #C9E2DC;; /* background color of the square */
    display: inline-block; /* ensures the square appears inline */
    margin-right: 10px; /* space between square and content */
    
}
  
  
section#section-rundown .ui.table tr:first-child td.time~td::before {
    margin-top: calc(1rem + 1rem);
}

section#section-rundown .ui.table tr:last-child td.time~td::before {
    height: calc(1rem + 1rem);
}

section#section-rundown .ui.table>tbody>tr:nth-child(even) td.time::after {
    border-color: var(--themePrimary);
}

/* section#section-rundown .ui.table tbody tr:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 196px;
    height: 10px;
    position: absolute;
    bottom: calc(-10px / 2);
    left: 0;
    background: url(../images/rundown_strip_horizontal.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

section#section-rundown .ui.table tbody tr:first-child td:first-child::before,
section#section-rundown .ui.table tbody tr:last-child td:first-child::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 74px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-18px - 8px);
    background: url(../images/rundown_strip_vertical.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
} */

/* section#section-rundown .date {
    font-size: 3rem;
    font-weight: 600;
} */
/* section#section-rundown .year-month {
    font-size: 2.25rem;
     color: rgba(34,36,38,.5); 
} */

section#section-rundown .ui.table {
    color: #58595B;
}

section#section-rundown .ui.table td .remark-container {
    display: flex;
    flex-direction: column;
}

section#section-rundown .ui.table td .remark {
    font-size: 0.8em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    /* font-weight: bold; */
}

section#section-rundown .ui.table td .footnote {
    font-size: 0.8em;
}

section#section-rundown .ui.table td *~.footnote {
    
}

section#section-rundown .ui.table td .remark~.remark,
section#section-rundown .ui.table td *~.footnote {
    margin-top: 1rem;
}

section#section-rundown .ui.table td *~.topic {
    margin-top: 2rem;
}

section#section-rundown .remark > * {
    display: flex;
}

section#section-rundown .remark:hover {
    cursor: pointer;
}

section#section-rundown .remark:hover .name {
    /* color: var(--themePrimary); */
}

section#section-rundown .remark.no-data:hover {
    cursor: default;
}

section#section-rundown .remark.no-data:hover .name {
    color: inherit;
}

section#section-rundown .ui.table td .remark .title {
    /* font-size: 0.9em; */
}

.programme-details .remark .replay.desktop {
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
}

section#section-rundown .table-group {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

section#section-rundown .ui.grid.rundown.parallel-table {
    display: inline-block;
    position: relative;
    margin-bottom: 2rem;
}

section#section-rundown .ui.grid.rundown.parallel-table.first {
    width: 56%;
    margin-top: 0;
}

section#section-rundown .ui.grid.rundown.parallel-table.second {
    width: 42%;
    padding-right: 0;
    margin-left: 2.5rem;
    margin-right: 0;
    margin-top: 0;
}

section#section-rundown .ui.grid.rundown.parallel-table td:not(.time),
section#section-rundown .ui.grid.rundown.parallel-table th:not(.time) {
    padding-left: 0;
    padding-right: 0;
}

section#section-rundown .ui.grid.rundown.parallel-table.first::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #58595b;
}

section#section-rundown .ui.rundown.parallel-table.second .time {
    display: none;
}

section#section-rundown .ui.grid.rundown.parallel-table .programme-details {
    flex-direction: column;
}

section#section-rundown .ui.grid.rundown.parallel-table .programme-details .remark-container {
    padding-left: 0;
}

section#section-rundown .ui.rundown.parallel-table.second .ui.table tr:first-of-type td:first-of-type::before,
section#section-rundown .ui.rundown.parallel-table.second .ui.table tr:last-of-type td:first-of-type::before {
    content: unset;
}

section#section-rundown .rundown-theme {
    height: 5.8rem;
    width: 100%;
    background-color: #fbb040;
    margin-left: 25%;
    position: relative;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

section#section-rundown .parallel-table.second .rundown-theme {
    margin-left: 0;
}

section#section-rundown .rundown-theme .hall-title {
    font-size: 3rem;
    font-weight: bold;
    color: #6cb8ac;
    position: absolute;
    top: calc(-3rem * 0.8 * 0.95);
    left: 1rem;
    line-height: 0.9;
    font-family: "Arial", "NasalizationRg-Regular", "Noto Sans TC", "Noto Sans SC", sans-serif;
}

section#section-rundown .rundown-theme .theme-text {
    font-size: 1.8rem;
    font-weight: bold;
    color: white;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    line-height: 2rem;
    text-align: right;
}

html[lang^="zh-"] {
    section#section-rundown .rundown-theme .hall-title {
        line-height: 0.75;
    }
}

@media only screen and (max-width: 1199.98px) {
    section#section-rundown .rundown-date {
        width: 90%
    }
}

@media only screen and (max-width: 1599.98px) {
    section#section-rundown {
        /* padding: 0 100px; */
    }

    .programme-details {
        display: inline-flex;
    }

    .programme-details.mobile-column {
        flex-direction: column;
    }

    .programme-details .topic,
    .programme-details.has-remark .topic {
        width: 100%;
        /* margin-bottom: 1rem; */
    }

    .programme-details .remark-container {
        gap: unset;
        width: 100%;
        padding-left: 0;
    }

    .programme-details .remark-container::before {
        content: unset;
    }

    section#section-rundown .ui.table tbody tr:first-child td:first-child::before,
    section#section-rundown .ui.table tbody tr:last-child td:first-child::before {
        height: 100%;
    }

    section#section-rundown .ui.table th.ten.wide {
        width: 62.5%;
    }

    .programme-details .remark .replay.desktop {
        display: none;
    }

    .programme-details .replay.mobile {
        display: none;
    }

    .programme-details .topic .replay.tablet {
        display: block;
        text-wrap: nowrap;
        /* width: auto; */
        min-width: 5rem;
    }
    
    section#section-rundown .ui.grid.rundown .full-segment {
        font-size: 1.5rem;
        padding: 1rem;
    }
    
    section#section-rundown .ui.grid.rundown .half-segment {
        padding: 0.7rem;
    }

    section#section-rundown .ui.grid.rundown .half-segment .date-time {
        font-size: 1.2rem;
    }

    section#section-rundown .ui .hall-b .rundown-title-programme,
    section#section-rundown .ui .hall-b .ui.table td.time~td {
        padding-left: 2rem;
    }

    section#section-rundown .ui.grid.rundown.parallel-table.first,
    section#section-rundown .ui.grid.rundown.parallel-table.second {
        width: 100%;
    }
    
    section#section-rundown .ui.grid.rundown.parallel-table.second {
        margin-left: 0;
    }
    
    section#section-rundown .ui.grid.rundown.parallel-table.second .time {
        display: table-cell;
    }

    section#section-rundown .ui.grid.rundown.parallel-table.first::after {
        content: unset;
    }

    section#section-rundown .rundown-theme {
        margin-left: max(210px, 12.5%) !important;
    }

    section#section-rundown .ui.rundown.parallel-table .ui.table tr:first-of-type td:first-of-type::before,
    section#section-rundown .ui.rundown.parallel-table .ui.table tr:last-of-type td:first-of-type::before {
        content: unset;
    }

    section#section-rundown .ui.rundown.parallel-table:first-of-type .ui.table tr:first-of-type td:first-of-type::before,
    section#section-rundown .ui.rundown.parallel-table:last-of-type .ui.table tr:last-of-type td:first-of-type::before {
        content: '';
    }
}

@media only screen and (max-width: 991.98px) {
    section#section-rundown {
        /* padding-left: 4.5rem; */
        padding-right: .5rem;
    }

    section#section-rundown .ui.grid.rundown {
    }
    
    section#section-rundown .rundown-date {
        width: 80%
    }
}

@media only screen and (max-width: 767.98px) {
    section#section-rundown .ui.basic.table {
        font-size: 1.2rem;
    }

    section#section-rundown .ui.table tr>th {
        padding: 0;
    }

    section#section-rundown .ui.table>thead {
        display: none !important;
    }

    section#section-rundown .ui.table>thead>tr>th:nth-child(2) {
        padding-left: 0;
    }

    section#section-rundown .ui.table tbody tr {
        padding-top: 0;
    }

    section#section-rundown .ui.table td,
    section#section-rundown .ui.table tr td:not(:last-child) {
        border: none;
    }

    section#section-rundown .ui.table tbody tr:first-child td:first-child::before,
    section#section-rundown .ui.table tbody tr:last-child td:first-child::before {
        content: unset;
    }

    section#section-rundown .ui.table tbody tr:not(:last-child)::after {
        width: 100%;
    }

    /* section#section-rundown .ui.table tbody tr:first-child::before,
    section#section-rundown .ui.table tbody tr:last-child::before {
        content: "";
        display: inline-block;
        width: 9px;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(-18px - 8px);
        
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: var(--themeSecondary);
    } */

    .programme-details .remark .replay.desktop {
        display: none;
    }

    .programme-details .topic .replay.tablet {
        display: none;
    }

    .programme-details .replay.mobile {
        display: block;
        margin-top: 1rem;
        max-width: 100px;
    }

    section#section-rundown .programme-time {
        font-size: 1.3rem;
    }

    section#section-rundown .ui.table td.time::after {
        content: none;
    }

    section#section-rundown .ui.table tr:first-child td.time~td::before {
        margin-top: 0;
    }

    section#section-rundown .ui.table tr:last-child td.time~td::before {
        height: 100%;
    }

    section#section-rundown .ui.grid.rundown .full-segment {
        padding: 1.375rem;
        aspect-ratio: 2 / 1;
        font-size: 2rem;
    }

    section#section-rundown .ui.grid.rundown .column {
        padding: 0;
    }

    section#section-rundown .ui.grid.rundown .column:nth-child(1) {
        aspect-ratio: 2 / 1;
        margin-bottom: 0.625rem !important;
    }

    .ui.grid.rundown>.row .four.wide.column .quarter-square {
        width: 100%;
    }

    section#section-rundown .ui.grid.rundown .half-segment .date-time {
        font-size: 1.3rem;
        font-weight: bold;
    }
    
    section#section-rundown .ui.grid.rundown .half-segment .date-time {
        padding: 0.7rem;
        font-size: 1.5rem;
    }

    section#section-rundown .rundown-theme {
        margin-left: 0 !important;
    }

    section#section-rundown .rundown-theme .theme-text {
        font-size: 1.5rem;
    }

    section#section-rundown .ui.grid.rundown.parallel-table td:not(.time),
    section#section-rundown .ui.grid.rundown.parallel-table th:not(.time) {
        padding-left: 1rem;
    }

    section#section-rundown .ui.table td.time~td {
        padding-left: 1rem;
    }

    section#section-rundown .rundown-date {
        margin-left: 3rem;
        /* width: 55%; */
        font-size: 1.3rem;
    }
    
    section#section-rundown .rundown-date .date {
        width: 19rem;
    }
    
    section#section-rundown .rundown-date .day {
        padding-right: .4rem;
    }
}