@charset "utf-8";
/* CSS Document 置換主要紅色色系 */

/* 例外

js easy-responsive-tabs 所控制的tab:active  底色是寫在js裡的

*/



/* ------------------ 字顏色 ------------------ */

/* 主色 color: hsl(358, 90%, 44%); */
a:hover, a:focus,
.page-box .num-box a:hover,
.page-box .num-box a.current,
.cla-box li:first-of-type a,
.cla-box li.first a,
.NP-box a:hover,
.newslist-box li a:hover .title,
.cla-box li:before,
.famous-box li a span:before,
.top-nav-bar li a.active,
.lang .dropdown-item:active,
#RTIall .nav-link a:hover,
#RTIall .nav-link a:focus,
#RTIall .nav-link a.active,
.page-box .num-box a.current,
.download li a,
.program-item a:hover .title, .program-item a:focus .title,
.program-page .host-program-list li,
 .web-push .btn-box a,
 .Marquee .swiper-slide a:hover .wording,
  .Marquee .swiper-slide a:focus .wording,
.lang a:hover,
.program_lang_other_box ul li a:hover,
.site-tree > ul > li > ul > li > a:hover,
.site-tree > ul > li > ul > li > ul > li a:hover,
.site-tree > ul > li > ul > li > a:focus,
.site-tree > ul > li > ul > li > ul > li a:focus{ color: hsl(358, 90%, 44%); } 




/* 主色刷淡  */
.nav-link .how-link a, 
.nav-link .out-link a, 
.keyword-box li a{ color:#d5444a;  } 


/* 主色刷更淡  */
.tag{ color:#f2827e;   } 



/* ------------------ 外框顏色 ------------------ */

/* 主色 */
.NP-box .btn a:hover,
.audio-play:hover, 
.audio-play:focus,
.focus-news .focus-slider,
#RTIall  .focus-box,
.schedule_info>li:hover, .schedule_info>li:focus,
.theater-cover .list li a:hover, .theater-cover .list li a:focus,  .theater-cover .list li a.active,
.web-push .btn-box a,
.program_lang_other_box li:hover, .program_lang_other_box li:focus, .open .caret, .active .caret,
.podcasts-box .program-item a:hover{ border-color:#ca151c; }

.program-item a:hover, .program-item a:focus, 
.swiper-program .theme_s_box .swiper-slide a:hover, .swiper-program .theme_s_box .swiper-slide a:focus,
#RTIall.single-page.search-page .navbar-default,
.site-tree > ul > li > a{border-bottom-color:#ca151c;}


/* 外框刷淡 */
.cla-box .photo{border-top-color:#d54449 ;}

.keyword-box li a{ border-color: #d5444a;}



/* 外框刷更淡  */
.tag, .host-list a:hover .hostimg{ border-color: #f2827e;}


/* ------------------ 背景顏色 ------------------ */


/* 主色 */
.nav_box,
.navbar-default .navbar-nav,
.page-box .btn-box a:hover,
.NP-box .btn a:hover,
.audio-play:hover, .audio-play:focus,
.RTI-focus-news li.resp-tab-active,
.btn-primary,
#RTIall .navbar-default .navbar-collapse:after,
#RTIall .navbar-default:after,
.Marquee .icn,
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover,
 .program-page  h2:before,
 .theme_wrap .owl-theme .owl-dots .owl-dot.active span, .theme_wrap .owl-theme .owl-dots .owl-dot:hover span,
 .theater-cover .list li a:hover, .theater-cover .list li a:focus,  .theater-cover .list li a.active,
 .web-push .btn-box a.bt,
 .program-page .swiper-pagination-bullet-active,
 .ic_listen:hover, .ic_listen.on,
 .podcast-play:hover, .podcast-play:focus{ 
  background-color:rgb(202, 21, 28); 
}



/* 首頁banner背景用 */
.bgmain:before {background-color:hsl(358, 90%,42%)}


/* 主色 背景刷淡 */
.keyword-box li a:hover,
.lang .dropdown-item:hover,
 h2.squre:before,
 .program-page .sidebar h2:before{background-color: #d5444a;}


/* 主色 背景透明度80% */
.focus-box li:first-of-type,
a:hover.cd-top,
.news-detail-box .focus-title,
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus,
.resp-vtabs .resp-tab-content p,
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus,
.swiper-photo-container .swiper-button-prev:hover, .swiper-photo-container .swiper-button-next:hover,
.swiper-photo-container .swiper-button-prev:focus, .swiper-photo-container .swiper-button-next:focus{ background-color:rgba(202, 21, 28,.8); }


/* 主色 背景透明度60% */
.cd-top{ background-color:rgba(202, 21, 28,.6); }


/* 輔助色 */
.NP-box h3{background-color: #5276b7; }

/* easy-responsive-tabs 的漸層顏色 */
.RTI-focus-news li.resp-tab-active:after {
      content: " ";    display: table; height: 20px; position: absolute;bottom: 0; left: 0; width: 101%;
background: -moz-linear-gradient(top, rgba(209, 64, 70, 0) 0%, rgba(209, 64, 70,0.03) 2%, rgba(209, 64, 70, 1) 75%);
background: -webkit-linear-gradient(top, rgba(209, 64, 70, 0) 0%,rgba(209, 64, 70,0.03) 2%,rgba(209, 64, 70, 1) 75%);
background: linear-gradient(to bottom, rgba(209, 64, 70,0) 0%,rgba(209, 64, 70,0.03) 2%,rgba(209, 64, 70, 1) 75%);
}




/* -----------------------光暈----------------- */
.Marquee .icn{ box-shadow: 0 0 20px rgba(202, 21, 28,.2); }