@charset "utf-8";
/*M版全站RWD樣式*/
.container {
    max-width: 991px;
    padding-left: 15px;
    padding-right: 15px;
}
/*全局直式列表*/
.vertical-list .title {
    font-size: 18px;
}
/*社群分享*/
.social-share > ul > li.weibo {
    display: none;
}
.social-share > ul > li a {
    font-size: 0;
    text-indent: -9999px;
    padding-right: 0;
}
/*全局tab-with-carousel*/ 
.tab-with-carousel .tab-menu {
    display: none;
}
.tab-with-carousel .owl-carousel .owl-nav {
    top: 0;
    right: 0;
}
.tab-with-carousel .tab-content section {
    margin-top: 0;
}
.tab-with-carousel .tab-content section > header {
    display: block;
}
/*全局promote-pane-content*/
.promote-pane-content h3,
.promote-pane-content h4 {
    font-size: 18px;
}
.promote-pane-content h2.title,
.promote-pane-content h3.title,
.promote-pane-content h4.title {
    font-size: 18px;
}
.promote-pane-content .cover {
    border-bottom: 1px dotted #000000;
    padding-bottom: 10px;
    margin: 0;
}
.promote-pane-content .cover .thumb-photo-wrapper {
    padding-left: 0;
}
.promote-pane-content .cover .caption {
    padding: 0;
}
.promote-pane-content .article-box-compact,
.promote-pane-content .article-box-compact:first-child {
    border-top: none;
    border-bottom: 1px dotted #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}
.promote-pane-content .article-box-compact .row {
    margin: 0;
}
.promote-pane-content .article-box-compact .thumb-photo-wrapper {
    padding-left: 0;
}
.promote-pane-content .article-box-compact .thumb-photo::before {
    padding-bottom: 66.6667%;
}
.promote-pane-content .article-box-compact .title {
    margin: 0;
}
.promote-pane-content .article-box-compact p {
    display: none;
}
.promote-pane-content ul.vertical-list > .row,
.promote-pane-content ul.vertical-list > .row:first-child {
    padding: 10px 0;
}
/*全局promote-pane-content style-01*/
.promote-pane-content.style-01 .cover .thumb-photo::before {
    padding-bottom: 66.6667%;
}
/*刊頭固定模式*/
.main-header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    background: #ffffff;
    border-bottom: 3px solid #bc0614;
    height: 55px;
    z-index: 90;
    transition: -webkit-transform 0.3s 0.1s;
    transition: transform 0.3s 0.1s;
    overflow: visible;
}
.main-header.fixed.collapsed {
    -webkit-transform: translate3d(0, -94px, 0);
    transform: translate3d(0, -94px, 0);
}
.main-header.fixed.expanded {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.main-header.fixed .main-header-container {
    margin: 0 15px;
}
.main-header.fixed .main-header-logo,
.main-index .main-header.fixed .main-header-logo {
    width: 160px;
    top: 9px;
}
.main-header.fixed .main-header-logo::before,
.main-index .main-header.fixed .main-header-logo::before {
    padding-bottom: 21.0756%;
}
.main-header.fixed .main-header-logo > a,
.main-index .main-header.fixed .main-header-logo > a {
    background-image: url("../../images/2020/logo-chinatimes2020.svg");
    background-size: 100% auto;
    background-position: left bottom;
}
/*電腦版主選單*/
.main-nav-wrapper.fixed {
    margin: 0;
    background: none;
    border-bottom: 16px solid #ffffff;
    display: none !important;
}
.main-nav-wrapper.fixed.collasped {
    transform: translate3d(0, -47px, 0);
}
.main-nav-wrapper.fixed.expanded {
    transform: translate3d(0, 47px, 0);
}
.main-nav-wrapper.fixed .main-nav .main-nav-item-group {
    min-width: 100%;
}
/*麵包屑*/
.breadcrumb-wrapper,
.main-header + .breadcrumb-wrapper {
    margin: 0 8px 16px 8px;
}
/*速報*/
.breaking-news {
    margin-top: 0;
    margin-bottom: 16px;
}
/*直播*/
.live-video {
    margin-top: 0;
    margin-bottom: 16px;
}
.live-video > header .section-title {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 22px;
}
.live-video > header::after {
    border-width: 36px 22px 0 0;
}
/*焦點大圖*/
.focus-gallery {
    margin-top: 0;
    margin-bottom: 0;
}
/*影音專區*/
.focus-video .title-wrapper .title {
    font-size: 20px;
}
/*焦點新聞*/
.focus-news {
    margin-top: 16px;
}
.focus-news .vertical-list .title {
    font-size: 18px;
}
/*焦點新聞-橫排版*/
.focus-news .vertical-list.row > li.ad + li.ad {
    padding-top: 0;
}
/*即時新聞*/
.latest-news .vertical-list .title {
    font-size: 18px;
    display: block;
    max-height: none;
    overflow: visible;
}
/*熱門新聞*/
.hot-news .vertical-list .title {
    display: block;
    max-height: none;
    overflow: visible;
}
/*直播-小*/
.live-video-compact {
    margin-bottom: 0;
}
/*熱門話題*/
.in-depth {
    margin-top: 0;
}
/*類別頁樣式*/
.channel section.mini-site > header {
    margin-left: 0;
    margin-right: 0;
}
.channel section.mini-site .top-news .articlebox-compact[data-id="1"] {
    border-bottom: 1px dotted #666666;
    padding-bottom: 20px;
}
.channel section.mini-site .top-news .articlebox-compact[data-id] .thumb-photo::before {
    padding-bottom: 56.25%;
}
.channel .top-news .articlebox-compact {
    border-bottom: 1px dotted #666666;
    padding-bottom: 20px;
}
.channel .top-news .articlebox-compact[data-id] .thumb-photo::before {
    padding-bottom: 56.25%;
}
/*內文頁樣式*/
.content-article .article-box .article-header h1.article-title {
    font-size: 40px;
}
.content-article .article-box .article-header h2.article-sub-title {
    font-size: 26px;
}
/*內文頁單則影音照片加邊欄列表*/
.content-video .article-box .video-list .vertical-list .title,
.content-photo .article-box .video-list .vertical-list .title {
    font-size: 20px;
}
/*專輯-單一專輯首頁*/
.channel .collection-header .collection-title {
    font-size: 40px;
}
@media screen and (max-width: 991px) {
    /*類別頁樣式*/
    .channel .top-focus-video {
        border-top: none;
        padding-top: 0;
    }
}
@media screen and (max-width: 767px) {
    /*全局owl-carousel：上、下一頁按鈕浮動式*/
    .owl-carousel[data-style="nav-overlay"] .owl-nav button[class^="owl-"].owl-prev span {
        left: 0 !important;
    }
    .owl-carousel[data-style="nav-overlay"] .owl-nav button[class^="owl-"].owl-next span {
        right: 0 !important;
    }
    /*麵包屑*/
    .breadcrumb {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    /*社群分享*/
    .social-share > ul {
        text-align: left;
        margin: -4px;
    }
    .social-share > ul > li {
        margin: 4px;
    }
    /*速報*/
    .breaking-news {
        width: 100%;
        font-size: 18px;
        height: 41px;
    }
    .breaking-news > header .section-title {
        display: block;
        width: 0;
        height: 36px;
        padding: 0;
        font-size: 0;
        text-indent: -9999px;
    }
    .breaking-news > header::before {
        z-index: 1;
    }
    .breaking-news > header::after {
        border-width: 36px 22px 0 0;
    }
    .breaking-news .vertical-marquee {
        margin-left: 8px;
    }
    .breaking-news .vertical-marquee .content-container a {
        font-size: 17px;
    }
    /*熱搜*/
    .focus-keywords {
        display: block;
    }
    .focus-keywords > header {
        float: left;
        margin-bottom: 8px;
        margin-right: 4px;
    }
    .focus-keywords > header .section-title {
        padding: 5px 10px;
    }
    .focus-keywords .keyword-list {
        margin: 0;
    }
    .focus-keywords .keyword-list ul {
        position: relative;
        padding: 0;
        top: -4px;
    }
    /*焦點新聞-橫排版*/
    .focus-news .vertical-list.row > li:nth-child(2) {
        padding-top: 15px;
    }
    .focus-news .vertical-list.row > li:nth-child(2)::before {
        display: block;
    }
    /*直播*/
    .live-video .video-title {
        font-size: 22px;
        padding: 10px 10px 10px 0;
    }
    /*熱門話題*/
    .in-depth .article-box-compact .related-news .title {
        font-size: 18px;
    }
    /*回到頁首*/
    .gotop a {
        width: 45px;
        height: 45px;
    }
    /*類別頁樣式*/
    .channel .top-news .articlebox-compact {
        border-bottom: 1px dotted #666666;
        padding-bottom: 20px;
    }
    .channel .top-news .articlebox-compact h1.title {
        font-size: 21px;
    }
    .channel .top-news .articlebox-compact h2.title {
        font-size: 21px;
    }
    .channel .top-news .articlebox-compact h3.title {
        font-size: 21px;
    }
    .channel .top-focus-video {
        border-top: none;
        padding-top: 0;
    }
    .channel .article-list .articlebox-compact .title {
        font-size: 18px;
    }
    .channel .article-list .articlebox-compact .meta-info > * {
        font-size: 14px;
    }
    .channel .article-list .articlebox-compact .intro {
        display: none;
    }
    /*即時-線上人數*/
    .channel.realtimenews .online-users .meta-info {
        position: static;
        margin-bottom: 10px;
    }
    /*即時-熱門新聞*/
    .channel .hot-news.detail .article-list .articlebox-compact .thumb-photo-wrapper {
        margin-bottom: 12px;
    }
    /*兩欄式嵌入影音列表*/
    .channel .embedded-video-list.row > li:nth-child(2) {
        padding-top: 16px;
    }
    .channel .embedded-video-list.row > li:nth-child(2)::before {
        display: block;
    }
    /*頻道即時新聞*/
    .channel-latest-news .cover .thumb-photo::before {
        padding-bottom: 66.6667%;
    }
    .channel-latest-news .vertical-list .title {
        font-size: 18px;
    }
    /*內文頁樣式*/
    .content-article .article-box .article-header h1.article-title {
        font-size: 30px;
    }
    .content-article .article-box .article-header h2.article-sub-title {
        font-size: 20px;
    }
    .content-article .article-box .article-header .meta-info-wrapper {
        margin-bottom: 20px;
    }
    .content-article .article-box .article-header .meta-info time {
        display: block;
    }
    .content-article .article-box .article-header .meta-info time + div {
        border-left: none;
        padding-left: 0;
    }
    .content-article .article-box .article-header .meta-info time ~ div {
        margin-top: 5px;
    }
    .content-article .article-box .subscribe-channel .channel-group > li {
        display: block;
    }
    .content-article .article-box .article-function .print-friendly {
        display: none;
    }
    .content-article .article-box .article-body .article-sub-title {
        font-size: 24px;
    }
    .content-article .article-box .article-body .article-blockquote {
        margin-left: 0;
        margin-right: 0;
    }
    .content-article .article-box .promote-word + .promote-word,
    .content-article .article-box .promote-word + p:empty + .promote-word,
    .content-article .article-box .promote-word + p:empty +  p:empty + .promote-word,
    .content-article .article-box .promote-word + p:empty + p:empty + p:empty + .promote-word,
    .content-article .article-box .promote-word + p:empty + p:empty + p:empty + p:empty + .promote-word,
    .content-article .article-box .promote-word + p:empty + p:empty + p:empty + p:empty + p:empty + .promote-word {
        margin-top: -5px;
    }
    .content-article .article-box .prev-next-content .prev-article,
    .content-article .article-box .prev-next-content .next-article {
        border: none;
    }
    .content-article .article-box .prev-next-content .next-article {
        margin-top: 15px;
    }
    .content-article .article-box .prev-next-content [class*="-article"] .title {
        font-size: 20px;
    }
    .content-article .article-box .popin-recommend {
        max-height: 900vh !important;
        overflow: hidden !important;
    }
    .content-article .article-box .popin-recommend ._popIn_recommend_container {
        margin-top: 0;
    }
    .content-article .article-box .popin-recommend ._popIn_recommend_article {
        width: 100%;
        margin: 20px 0 0 0 !important;
    }
    .content-article .article-box .popin-recommend ._popIn_recommend_article:first-child {
        margin-top: 0 !important;
    }
    .content-article .article-box .popin-recommend ._popIn_feed_transverse_module ._popIn_recommend_article {
        width: 85%;
    }
    .content-article .article-box .popin-recommend ._popIn_feed_root ._popIn_recommend_credit {
        bottom: 0;
    }
    .content-article .article-box .recommended-article .vertical-list .title {
        font-size: 18px;
    }
    /*專輯*/
    .channel .album-list .articlebox-compact .title {
        font-size: 18px;
    }
    .channel .album-list .articlebox-compact .meta-info > * {
        font-size: 14px;
    }
    .channel .album-list .articlebox-compact .intro {
        display: none;
    }
    /*專輯-單一專輯首頁*/
    .channel .collection-header .collection-title {
        font-size: 24px;
    }
    .channel .collection-header .collection-intro {
        font-size: 16px;
    }
    .channel .collection-header .social-share {
        margin-top: 20px;
    }
    /*搜尋結果*/
    .search-result .fluid-list > li {
        width: calc((100% - 40px) / 2);
    }
    /*頁尾*/
    .main-footer a {
        padding: 5px 0;
    }
}
@media screen and (max-width: 320px) {
    .content-article .article-box .subscribe-channel .size-container {
        width: 100%;
        float: none;
    }
    .content-article .article-box .subscribe-channel .title-text {
        position: static;
    }
    .content-article .article-box .subscribe-channel .channel-group > li {
        text-align: right;
    }
}