@charset "utf-8";
/* CSS Document */



/* ------------------ common ------------------ */ 
* {margin: 0; padding: 0; }
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

html {height:100%;}
body {
	font-family: Verdana, Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	color: #4a4a4a;
	font-size: 0.625rem;
	background:#eeeeee;
	height:100%;
}

h1, h2, h3 {font-weight:normal;margin:0 0 15px 0;}
h4{ font-weight:bold;}
ol, ul, li {    margin: 0; padding:0; list-style-type: none;}
p {
	margin: 0 0 25px 0;
	font-size:2rem;
	color:#4a4a4a;
  line-height: 1.5;
/*  word-break:break-all; 強迫長連結換行 */
  word-wrap:break-word;
  text-align: justify;
}

a {	color: #4a4a4a;	text-decoration:none; font-size:1em; }
a:hover, a:focus{text-decoration:none; color: #ca151c;}
a:focus{ border:1px dotted hsl(358, 90%, 44%);  }

.ellipsis{
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 100%;
}

.clear {	clear: both;}

.pc_show{ display:block;}
.mobile_show{ display:none;}


figure{margin:15px 0 35px 0; text-align: center; }
figure img{max-width:100% ; width: auto; }
figcaption{ color: #878787; font-size: 1.6rem; margin-top: 10px;}



.form-control{
  border:1px solid #979797; 
  min-height:36px; 
  color: #4a4a4a; 
  font-size: 1.6rem; 
  border-radius: 0;
  padding: 0 8px;
  background-color: rgba(255,255,255,.8);
}
.btn-primary{ 
  padding: 8px 12px; 
  border: 0px solid #221e1f; 
  color: #fff;  
  font-size: 1.4rem; 
  text-align: center;
  min-width: 80px; 
  display: inline-block;
  cursor: pointer;
  height: 36px;
 }



@media (max-width: 767px){
	.pc_show{ display:none;}
	.mobile_show{ display:block;}
}

/* fix boostrap */
@media (min-width: 768px){	
.navbar-right {    margin-right: 0px;}
}



/* --------------layout ------------------ */

header .container{height:100%;}
.container{ width:calc(1280px - 33px); /* 扣掉scroll寬 */ margin: 0 auto; position:relative; }
.container:after{content: ''; display: block; clear: both;}


#RTIall.single-page .container, #RTIall.news-page .container{margin-top: 20px;  }
#RTIall .main_wrapper {
    width: calc(74% - 20px);
    background-color: #fff;
    padding:15px 20px;
}
#RTIall.news-page .main_wrapper{ background-color: transparent; width: calc(100% - 336px); padding-top: 0; padding-left: 0;} 


#RTIall.single-page.search-page .main_wrapper{ margin-bottom: 40px; }
#RTIall.single-page.search-page .navbar-default{ border-style: solid; border-bottom-width: 4px;  }

#RTIall.single-page .main_wrapper{padding:30px 50px;}
#RTIall.single-page .main_wrapper .article-tab-cont{padding: 40px 0 20px 0;}

#RTIall.single-page .main_wrapper, #RTIall.program-page.single-page .main_wrapper,  #RTIall.single-page.search-page .main_wrapper{ 
  float: none; width: 1000px; min-height: 400px;
  background-color:#fff; 
  margin-right: auto; margin-left: auto;  
  padding: 20px; 
}


.single-page .breadcrumbs, .program-page.single-page .Marquee{
    margin-right: auto; margin-left: auto; 
    position: relative;
}
.program-page.single-page .breadcrumbs, .program-page.single-page .Marquee{ width: calc(1280px - 33px);}
.program-page.single-page .breadcrumbs .container, .program-page.single-page .Marquee .container{width: calc(74% - 20px);}


.single-page.search-page .breadcrumbs .container, .single-page.search-page .Marquee .container{width: 1030px; }


.main_wrapper{ float: left; width: calc(100% - 15px - 336px); }
.main-w1280{
     min-height: 400px;
    background-color: #fff;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    margin-bottom: 40px;
    padding: 35px;
  }
.main-w1280 h2{ font-size: 2.4rem; }

.page-home{}
.page-news-list{}
.page-news-detail{}


.main_wrapper article, .main-w1280 article{    
    font-size: 2rem;
    color: #4a4a4a;
    line-height: 1.5;
    clear: both;
    margin-top: 20px;
}

.main_wrapper article img{ width: auto; max-width: 100%;}


.taiwanNews_note{ font-size: 1.6rem; padding:10px 0; font-weight: bold;}

/* 以nav為分類 */

#RTIall.news-page{   padding-top: 172px; } /* 1.新聞用 */
#RTIall.news-page .sidebar{ width:336px; */ font-size:1.6rem; color:#000; float: right;  margin-right: 0px; }

#RTIall{padding-top: 125px;}                           /* 2.首頁用 */
#RTIall.program-page, #RTIall.program-page.single-page.search-page { padding-top: 172px;}            /* 3.節目用 */
#RTIall.program-page.home{background-color: #fff;}     /* 4.節目首頁用 */
#RTIall.single-page.search-page{ padding-top:125px ; } /* 5.全站搜尋頁用*/



#RTIall.news-page .navbar-default{ height: 172px; }


.navbar-shrink .clock{ display: none; }

@media  (min-width: 1024px) and (max-width: 1280px) {
     .container,  .single-page .breadcrumbs, #RTIall.single-page.search-page .main_wrapper,
     .single-page.search-page .breadcrumbs .container, .single-page.search-page .Marquee .container,
     .program-page.single-page .breadcrumbs, .program-page.single-page .Marquee,
     .program-page.single-page .breadcrumbs .container, .program-page.single-page .Marquee .container{ width: 100%; }

}


@media  (max-width: 1023px) {

     .container,  .single-page .breadcrumbs, #RTIall.single-page.search-page .main_wrapper,
     .single-page.search-page .breadcrumbs .container, .single-page.search-page .Marquee .container,
     .program-page.single-page .breadcrumbs, .program-page.single-page .Marquee,
     .program-page.single-page .breadcrumbs .container, .program-page.single-page .Marquee .container{ width: 100%;}
     .main_wrapper, .sidebar, #RTIall.news-page .sidebar,
     #RTIall.single-page .main_wrapper,  #RTIall.single-page.search-page .main_wrapper ,  #RTIall.program-page.single-page .main_wrapper{
      display: block; width: 100%; float: none; }
     .sidebar{margin-top:20px;}
/*     .clock{ position: absolute; right: 15px; top: 5px; margin-left: 20px;margin-top: 6px;}*/
     .single-page .main_wrapper{ width: 100%; }

}
@media  (max-width: 767px) {
.container{ margin-top: 0px; }
 #RTIall{padding-top: 70px;}

   .ad-728-notlimited{padding-top: 20px;}
   #RTIall.single-page.search-page .navbar-default{ height: 59px; }
   #RTIall.single-page.search-page {    padding-top: 70px;}
   #RTIall.program-page.single-page.search-page{ padding-top: 105px;}

 #RTIall.news-page {    padding-top: 106px;}
}
@media  (max-width: 640px) {

#RTIall.single-page .container,
#RTIall.single-page .container, 
#RTIall.news-page .container {margin-top: 10px;}

#RTIall.page-news-detail .container,
#RTIall.page-news-list .container,
#RTIall.single-page .container,
#RTIall.program-page .container{padding-right: 0; padding-left: 0; } /* 新聞內頁用 */

#RTIall.single-page.search-page .single-part{ padding: 0; }


#RTIall.single-page.search-page footer .container,
#RTIall.news-page footer .container,
#RTIall.program-page.home .container,
#RTIall.program-page footer .container,  
#RTIall.program-page.single-page .main_wrapper{ padding-right: 10px; padding-left: 10px;} 

#RTIall .imgvedioslider-wrap .container{padding-right: 0; padding-left: 0; }

footer .navbar-nav {
    margin: 7.5px -10px;
}

section.program_lang_box{padding:10px;}



  

.main-w1280{padding:10px}
#RTIall .Marquee .container {
    padding: 0 10px 0;
    margin-top: 10px;
    margin-bottom: 0;
}
#RTIall.single-page .main_wrapper, #RTIall.program-page.single-page .main_wrapper,  #RTIall.single-page.search-page .main_wrapper{padding:10px}

}



/* ------------------ Nav ------------------ */
.navbar-default{ 
  background-color:#fff;    
  border: 0px;	
  height:125px;
margin-bottom: 0;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s; 
}
.navbar .container-fluid{
  text-align:center; 
  width:100%;
  max-width:1249px;
  margin:0 auto; 
  padding:0 15px; 
  background-color:#fff; 
}
.container-fluid>.navbar-collapse,  .container>.navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}
.container-fluid>.navbar-header{ margin:0 auto;  }

.navbar-shrink .navbar-brand, .navbar-shrink .top-nav-bar{ display:none;}

.navbar-shrink .nav_box{    
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s; 
  }


@media (min-width: 768px){
     .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {  margin-left: 0px;}	
}
	

.navbar-brand{
  background:url(../img/RTI_logo.png) 0 0 no-repeat; 
  width:240px;  
  height:51px;  
  display:inline-block;
  margin-top:15px;
  padding:0px;
}	
.navbar-brand a{width:240px;   height:51px; display:block; }

.clock { 
  color:#8b8b8b; 
  font-size:1.4rem; 
  position: absolute;
    right: 6px;
    top: 49px;
}
.clock  span{ padding-right:7px;}

.like-line-box { 
  font-size:1.2rem; 
  position: absolute;
    right: 314px;
    top: 49px;

}
.navbar-shrink #myNavbar .like-line-box {    display: none;}
.line-box{
  background:#00b900 url(../img/ic-line-addfriend.png) 0 50% no-repeat; 
  border-radius: 4px;
  height: 20px;
  padding-left: 24px;
  padding-right: 6px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bolder;
  display: inline-block;
    margin-right: 0px;
    line-height: 20px;
    vertical-align: bottom;
}


.line-box:hover, .line-box:focus{ color: #fff; opacity: 0.8;}
@media (max-width: 1023px){
    .like-line-box {    right: 414px;  /* 需隨著menu項目增減而調整 */  top: 93px;}
}
@media (max-width: 767px){
    .like-line-box {   position: static;}
        .line-box{ margin: 0 10px; }
        .fb-like{margin:0 10px}
}



.nav-link {
  margin-top:17px; 
  vertical-align:bottom;
  float: right;
}
.nav-link li{ display:inline-block;}
.nav-link .search{ float:left;}

.nav-link .search .search_box{ 
  background-color:#e4e4e4;
  width:252px; 
  height:46px; 
  position:relative;
 }

.nav-link .search .search_box input{ 
  border:0; 
  background:transparent;
  color:#171212;
  padding:8px; 
  width:100%; 
  height:46px; 
  font-size:1.6rem; 
  position:relative; 
  line-height:1.3;
  }

  .nav-link .search .search_box input:focus{
    border: 1px solid hsl(358, 90%, 44%);
  }


.nav-link .search .search_box button{ 
  width:16px; 
  height:16px; 
  background: url('../img/icon-search.png') 0 0 no-repeat; 
  border:0; 
  position:absolute; 
  right:8px;
  top:16px;
  font-size: 0;
}

.nav-link .how-link{ float:right; margin-left:20px; margin-top:9px;}
.nav-link .how-link a, .nav-link .out-link a{  font-size:1.4rem; line-height:2.4;}
.nav-link .how-link a:hover, .nav-link .out-link a:hover{ background-color: transparent; text-decoration: underline; }

.nav-link .out-link{ height: 22px; }
.out-link a:first-of-type{padding-right:14px;}


/* #RTIall nav bar */
#RTIall .container-fluid{ position: relative; }
#RTIall .navbar-brand{
  background:url(../img/RTI_logo.png) 0 0 no-repeat; 
  width:226px; 
  height:51px;  
  display:inline-block;
  margin-top:59px;
  font-size: 0;
  margin-bottom:0;
} 

#RTIall .search{ float: none; flex: 0;  text-align: right;}
#RTIall .nav-link .search .search_box{ 
  width: 200px; 
  height: 34px; 
  background-color: #eee;
  border: #e2e2e2 1px solid;
}
#RTIall .nav-link .search .search_box input{ height: 34px; }
#RTIall .nav-link .search .search_box button{ top: 9px; }



#RTIall .nav-link{ 
    margin-top: 77px;
    display: inline-flex;
    width: calc(100% - 280px);
    justify-content: flex-end; 
    align-items: center;
}
.dropdown-2menu{ 
  display: none; 
  position: absolute;

    z-index: 2;
    border-radius: 0;
    background-color: #343434;
    color: #fff;
    line-height: 1;
    font-size: 2rem;
    flex-direction: column;
    padding: 10px 0;
margin-top:   10px;

}

.caret{
border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 4px;

}



.dropdown-2menu a{ color: #fff; padding:10px 15px; text-align: center; font-size: 1em;}

.open > .dropdown-2menu{ display: flex;}

#RTIall .nav-link > li{     text-align: left;margin-right: 30px; }
#RTIall .nav-link > li.search{margin-right: 0;}
#RTIall .nav-link > li > a{ font-size: 2rem; color: #4a4a4a; font-weight: bolder; display: inline-block;white-space: nowrap; }
#RTIall .nav-link > li:last-of-type{flex: 0;margin-right: 0;}

#RTIall .nav-link > li .dropdown-2menu{display: none;}
#RTIall .nav-link > li:focus-within .dropdown-2menu{display: flex;}




#RTIall .lang{top:0; position: absolute; right: 0; left: 0;}
#RTIall .lang  a.btn {
    border: 1px solid #eee;
    border-radius: 0;
    color: #7f7f7f;
    margin-right: 15px;
}

#RTIall .lang{
    background: url(../img/icon-earth-lang.png) 10px 50% no-repeat;
    padding-left: 31px;
    padding-right: 0px;
    background-size: 16px auto;
     border: 1px solid #eee;
     color: #7f7f7f;

     display: flex;
     justify-content: space-between;

}
#RTIall .lang > a {
    font-size: 1.4rem; 
    font-weight: normal;
    line-height: 40px;
    margin-right: 0px; 
    margin-left: 0px;
    padding: 0;
    flex: auto;
    text-align: center;
    word-wrap: break-word;
    
}


@media (max-width: 1279px){


#RTIall .nav-link{     width: calc(100% - 280px);}
#RTIall .nav-link > li{   margin-right: 20px; }
#RTIall .nav-link > li > a, .dropdown-2menu{ font-size: 1.6rem;  }

    
}

@media (max-width: 1023px) and (min-width: 768px){

#RTIall .nav-link{margin-right: -15px;}
#RTIall .nav-link > li{ margin-right: 0; margin-left: 11px; }
#RTIall .nav-link > li.search{ position: absolute; right: 15px;    top: 52px;}
#RTIall .nav-link{padding-top: 16px;}
#RTIall .nav-link > li > a, .dropdown-2menu{ font-size: 1.4rem;  }

#RTIall .navbar-shrink .nav-link > li.search{  display: none;}
  
}
  


#RTIall  li .lang a.btn.active, #RTIall  li .lang a.btn:active {

    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    background-color: #eee;
}


 /* nav menu */
 
.nav_box{ 
  width:100%; 
  height:50px; 
  position:absolute; 
  left:0;
  bottom: 0;
}
/*
.nav_box:before{ 
  content:''; 
  display:block; 
  height:5px; 
  width:100%; 
  background:url(../img/header_line_bg.png) 0 0 repeat-x;
}
*/
.nav_box:after{ 
  content:''; 
  display:block; 
  height:15px; 
  width:100%;
  background:url(../img/nav_line_bg.png) 0 0 repeat-x;
}
  
.navbar-default .navbar-nav{  
  float:none; 
  color:#fff; 
  font-size:1.8rem;
  width:100%;
  max-width:1249px;
  margin:0 auto;
}

.navbar-collapse{border-top:0px solid transparent;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px;
    margin:17px 0 0 0;
    width: 28px; height: 26px;
    
    background:transparent url('../img/icon-close.png') 50% 50% no-repeat;
    background-size: cover;
    border: 0px solid transparent;
    border-radius: 0px;
    cursor: pointer;
    font-size: 0;
}
.navbar-toggle.collapsed{background:transparent url('../img/icon-search@3x.png') 50% 50% no-repeat;background-size: cover;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent; opacity: 0.8;}
.navbar-toggle .icon-bar {
    display: block;
    width: 40px;
    height: 2px;
    border-radius: 1px;
}


#RTIall .navbar-toggle.collapsed {
    background: transparent url(../img/hamburger.png) 50% 50% no-repeat;
}

#myNavbar .like-line-box{display: flex;}


@media (max-width: 767px){ 

  #RTIall .nav-link > li .dropdown-2menu{
    display: flex; 
    position: static; 
    flex-direction: row; 
    flex-wrap: wrap;
    justify-content: space-around;  
    background-color: #f6f6f6;
    color: #000; 
  } 
  #myNavbar .caret{ display: none; }
  .dropdown-2menu a{ color: #000; } 
  #myNavbar .nav-link li{ text-align: center; }


  #RTIall .lang{ flex-wrap: wrap;  position: static;}
  #RTIall .lang > a{ padding: 0 10px; }
  #RTIall .lang {
      background: url(../img/icon-earth-lang.png) 50% 10px no-repeat;
      padding:  31px 0px 0 0px;
      background-size: 16px auto;

  }
  #RTIall .nav-link > li, #RTIall .nav-link > li > a{display: block; width: 100%;}
  #RTIall .nav-link > li.open .dropdown-2menu{display: block;}
}



/* 新聞menu swiper  */
.swiper-container{ float: none; width:100%;  max-width:1249px; margin-right: auto;margin-left: auto;}
    .swiper-container .swiper-wrapper{ white-space: nowrap;  display: flex; justify-content:space-between;}
    .swiper-container .swiper-slide {
        text-align: center;
        font-size: 1.8rem;

       width: auto;
        height: 50px;
        line-height: 50px;
        color: #fff;
        text-align: center;

        white-space:nowrap;
    }
    .swiper-container .swiper-slide a{
        color: #fff;
        text-decoration: none;
         padding: 10px 15px;
   }
    .swiper-container .swiper-slide a:hover,  .swiper-container .swiper-slide a:focus, .swiper-container .swiper-slide a.active{
    border-radius: 0;
    background-color: #343434;
    
    color: #fff;
    line-height: 1;
   
    font-size: 1.8rem;
}


.navbar-shrink .navbar-collapse, .navbar-shrink .navbar-header, .navbar-shrink .nav-link, #RTIall .navbar-shrink .lang{ display:none;}

/*.navbar-shrink .nav-link{ margin-top: 0; }*/
.navbar-default.navbar-shrink .navbar-bran{ margin-top:0;}
.navbar-default.navbar-shrink{ height: 55px; }
.navbar-fixed-top.navbar-shrink{ top: -5px;}


#RTIall .navbar-shrink .navbar-collapse, #RTIall  .navbar-shrink .navbar-header, #RTIall  .navbar-shrink .nav-link{ display: inline-flex;}
#RTIall .navbar-shrink .navbar-brand,  #RTIall .navbar-shrink  .nav-link{margin-top: 15px;}
#RTIall .navbar-shrink .navbar-brand{ height: 35px; background-size: contain; }
#RTIall .navbar-default.navbar-shrink{ height: 70px;   -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.3);
    box-shadow: 0 0px 5px rgba(0,0,0,.3);}
#RTIall .navbar-fixed-top.navbar-shrink{ top: 0px; }
#RTIall .navbar-shrink .container-fluid{ padding-bottom: 15px;  }

#RTIall.news-page .navbar-shrink .container-fluid{  display: none; }
#RTIall.news-page .navbar-shrink{ height: 50px; }

/* 節目 menu style */

.program-page .nav_box{  
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;}
.program-page .nav_box:before, .program-page .nav_box:after{ background: none; height: 0;  }
.program-page .navbar .swiper-slide{ width: auto; flex: 1; }
/*.program-page .navbar .swiper-container{max-width: 640px;}*/
.program-page .navbar-default{ height:172px }
.program-page .navbar-fixed-top.navbar-shrink .nav_box{ top: 0px; }
#RTIall.program-page .navbar-default.navbar-shrink{ height: 50px; background-color: #fff;}
#RTIall.program-page .navbar-shrink .navbar-collapse{ /*display: none; */}
#RTIall.program-page .navbar-shrink .container-fluid{ padding-bottom: 0; }
#RTIall.program-page .navbar-shrink .navbar-brand{padding:0}
#RTIall.program-page .navbar-shrink .nav-link{margin:0}
#RTIall.program-page .navbar-shrink .navbar-brand{margin-top: 0px;}


@media  (max-width: 1280px) {
  .navbar-default .navbar-nav{ display: flex; }
  .navbar-default .navbar-nav>li{  margin-right:0;margin-left:0; flex: 1;}
}



@media  (max-width: 1023px) {
    
     .clock{ position: absolute;     right: 220px;    top: 53px; margin-left: 0px;    margin-top:5px;}
     .nav-link .search, .nav-link .how-link{ margin-top: 10px; }

    .nav-link {margin-top:25px; }
    .nav-link .search .search_box{   height:34px; width:180px;  }
    .nav-link .search .search_box input{   height:34px;   }
    .nav-link .search .search_box button{   top:8px;}
    .out-link{ display: inline-block; }
    .out-link a{ padding-right: 8px; }

   .nav-link .how-link{ margin-top: 0px; }
  .nav-link .search, .nav-link .how-link {margin-top: 0;}

  #RTIall .footer-menu .nav-link{margin-top: 0px;  width: 100%;justify-content: center;}
}


@media (max-width:767px){

     #RTIall.program-page {    padding-top: 105px;}
.program-page .navbar-default {    height: 105px;}
.navbar-default.navbar-shrink{ height: auto; top:-56px;}
 #RTIall .navbar-default.navbar-shrink{ height: auto; top:0;}
 #RTIall.news-page .navbar-default.navbar-shrink{ height: 51px; }

 #RTIall .navbar-shrink .container-fluid{padding-bottom: 0;}
.navbar-default:after{    content: '';
    display: block;
    height: 15px;
    width: 100%;
    background: url(../img/Nav_mobile_RTIall_bg.png) 0 0 repeat-x;

  box-shadow: 0 0 10px rgba(0,0,0,.5);}
.navbar-default{ height:55px;background-color:transparent;  }

   #RTIall.news-page .navbar-default{ height: 106px; }


.navbar-brand{    
    background: url(../img/RTI_logo.png) 0 0 no-repeat;
    width: 135px;
    height: 30px;
    display: inline-block;
    background-size:contain;
    margin-top: 0px;position:fixed; left:15px; top:43px;}
  .container-fluid>.navbar-header{margin-bottom:12px;}

  .navbar-default .navbar-nav{display: block; margin:0 15px; width: auto; }
  .navbar-default .navbar-nav>li{margin:0; padding: 0; display: block;}
  .navbar-default .navbar-nav>li>a{ display: block;margin:0; padding: 15px 0;  line-height: 1}
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a:hover{padding:15px 0; margin:0;  line-height: 1}

  

  .navbar-default .navbar-collapse {    position: static; margin:0 -15px;}
  .navbar-default .navbar-collapse:after {
    content: '';
    display: block;
    height: 5px;
    margin-left: -15px; margin-right: -15px;
    background: url(../img/Nav_mobile_bg.png) 0 0 repeat-x;



}


  .nav-link{ margin-top: 0; float: none; }
  .nav-link .search{ float: none; width: 100%;  }
  .nav-link .search .search_box{ width: 100%; }
  .nav-link .how-link{ float: none; text-align: center;padding-bottom:10px;}

  .nav_box{ position: static; height: auto;  border-top: 1px solid #b7b7b7;margin-bottom: 0px; padding-top: 0px; margin-right:-15px; margin-left: -15px; width: auto; }
  .swiper-slide{ width: 150px; }

  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 500px;}
  .nav_box:after{ height:0px; width:100%;background:none;}

  #RTIall .navbar-shrink .navbar-collapse, #RTIall  .navbar-shrink .navbar-header, #RTIall  .navbar-shrink .nav-link{ display:block; /*margin-bottom: 0px;*/}
  .nav_box:before{ display: none; }

  .collapse.in .navbar-default:after{display: none;}
  .out-link a{ padding-right: 18px; }
  .out-link a:first-of-type {    padding-right: 18px;}



    #RTIall.news-page .navbar-default:after{ height: 0px;}
    #RTIall .navbar .navbar-brand {
      background-size: contain;
        width: 136px;
        height: 30px;
        margin-top: 0px;
        position: absolute;
        top: 10px;
    }
    #RTIall .navbar-default .navbar-collapse:after {
        height:0;
        background: none;

    }
    #RTIall .navbar .lang{ top: auto; bottom: 10px; }
    #RTIall .navbar .nav-link{ display: flex; flex-direction: column;margin-top: 0px; margin-bottom: 10px;  width: 100%;}
    #RTIall .navbar-shrink .nav-link{display: none;}

     #RTIall .navbar-shrink .collapse.in .nav-link{ display: flex; }

     #RTIall .navbar-shrink .collapse.in .lang{ display: flex}

    #RTIall .navbar .nav-link li{margin:10px auto}
   /* #RTIall .navbar .nav-link li:nth-of-type(1){order:2;}
    #RTIall .navbar .nav-link li:nth-of-type(2){order:3;}
    #RTIall .navbar .nav-link li:nth-of-type(3){order:4;}
    #RTIall .navbar .nav-link li:nth-of-type(4){order:5;}
    #RTIall .navbar .nav-link li:nth-of-type(5){order:6;}
    #RTIall .navbar .nav-link li:nth-of-type(6){order:7;}*/


     #RTIall .nav-link .search .search_box{ max-width: 100%;  width: 400px;margin:0px auto; }
    #RTIall.program-page .navbar-default:after{ height: 0; background: none; }

}

@media (max-width:640px){
  .swiper-slide{ width:100px; }
  .swiper-container .swiper-wrapper{}
}

/* page */
.page-box{ margin-top: 20px; }
.page-box:after{ content: ''; display: block; font-size: 0; clear: both; }
.page-box, .page-box a{font-size: 1.8rem;}
.page-box .num-box{ float: left; color: #999999; }
.page-box .num-box a{ padding: 8px 5px; color: #626262; display: inline-block;}
.page-box .num-box a:hover{}
.page-box .num-box a.current{ font-weight: bolder; font-size: 2rem; }

.page-box .btn-box{ float: right; }
.page-box .btn-box a{ background-color: #343434; padding: 5px 5px; margin-left: 5px; display: inline-block; }
.page-box .btn-box a img{width: 40px; margin-left: 0;}
.page-box .btn-box a:hover{ }
.page-box .btn-box a.disable{ cursor: not-allowed; background-color: #999999;}


@media  (max-width: 640px) {
 .page-box .num-box .dotted, .page-box .num-box a{ display: none; }
 .page-box .num-box a.current{ display: block; }
 .page-box .num-box a.current:before{content: 'PAGE:'; font-size: 1.6rem; color: #626262;}
} 


/* ------------------ aside ------------------ */ 

/* 新聞用模組 */
.card-list{ 
  background-color: #fff; 
  padding:20px 15px 15px 15px;
  margin-bottom:20px; 
  clear: both;
}
.card-list h2{ 
  color: #343434; 
  font-size: 2.4rem; 
}
.card-list .vedio{ width: 100%; }
.card-list .photo{ 
 height: 170px; 
 overflow: hidden; 
 background-repeat: no-repeat; 
 background-size: cover;
  position: relative;
}
.card-list .photo img{
  object-fit: cover;
  width: 100%;  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0;
}
.card-list .caption{ 
  padding-top: 12px; 
  color: #575757; 
  font-size: 1.8rem;
}





/* 內文 精彩這一刻 */
.photo-slide{ position: relative; }
.main_wrapper .slick-slider{margin-top: 25px; margin-bottom:50px;}
.main_wrapper .slick-slider .slick-slide{ font-size: 1.8rem; text-align: center; }
.main_wrapper .slick-slider .date{ color: #aaaaaa;  padding-right:5px; display: block;  font-size: 1.8rem; }
.main_wrapper .slick-prev, .main_wrapper .slick-next {    width: 30px;    height: 60px;}
.main_wrapper .slick-prev:before {    width: 30px;}
.main_wrapper .slick-next:before {    width: 30px;}
.main_wrapper .slick-dots{ }


.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 0;
    border:1px solid #000;
     background: #000;
     opacity: 1;
}
.swiper-pagination-bullet-active{border:1px solid #000;  background: #fff;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}


 .swiper-photo-container.small-size  .swiper-button-prev,  .swiper-photo-container.small-size  .swiper-button-next{
width: 15px;
height: 38px;
margin-top: -19px;
top: 38%;
}
.swiper-photo-container.small-size .swiper-button-prev:before, .swiper-photo-container.small-size .swiper-button-next:before {
    content: '';
    width: 15px;
    height: 18px;
    display: block;
    margin-top: 10px;
}
 .swiper-photo-container.small-size .wording{ padding-top: 5px; }

.img-num{ color: #fff; text-align: center; font-size: 1.8rem; position: absolute; margin-top: -32px; left: 25px; right:25px;}
.img-num .num-box{     display: inline-block; padding:0 5px ; color: #ccc;  }
.img-num span{ padding: 5px;  }
.img-num .num-box span:first-of-type{color: #fff;}


.slick-slide img {
    width: auto;
    margin-bottom: 10px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

/* 新聞即時聽 */
.channel-box ul{font-size: 0;}
.channel-box li{font-size: 1.8rem;color: #343434;padding:10px 10px;}
.channel-box li:nth-child(odd){ background-color: #eeeeee;}
.channel-box li span{ display: inline-block; width: 50%; }
.channel-box li .name{}
.channel-box li .time{ text-align: right; }

.main_wrapper .channel-box ul{ margin:15px -10px;}
.main_wrapper .channel-box li{ display: inline-block; width:calc(50% - 20px) ;margin:0 10px;}
.main_wrapper .channel-box li:nth-child(odd){ background-color: transparent;}
.main_wrapper .channel-box li:nth-child(4n+1){  background-color: #eee;}
.main_wrapper .channel-box li:nth-child(4n+2){  background-color: #eee;}

@media  (max-width: 640px) {

 .main_wrapper .channel-box ul{ margin:0;}
  .main_wrapper .channel-box li{display: block; width: 100%; margin-left:0;}
  
  .main_wrapper .channel-box li:nth-child(4n+1), .main_wrapper .channel-box li:nth-child(4n+2){background-color: transparent;}
  .main_wrapper .channel-box li:nth-child(odd){ background-color: #eee;}
 }


/* 全球焦點 火線話題 */
.focus-box ul{padding:0 15px 0px 10px; position: relative; top: -10px; margin-bottom:-10px;}
.focus-box li{  border-top: 1px solid #e8e8e8; padding-top: 7px; margin-bottom:7px;}
.focus-box li a{font-size: 1.6rem;}
.focus-box li:first-of-type{   padding:7px 10px;border-top: 0px solid #e8e8e8;margin-bottom:5px; color: #fff;font-size: 1.8rem;}
.focus-box li:first-of-type a{font-size: 2rem; color: #fff; font-weight: bolder;}
.focus-box li:nth-of-type(2){border:0;}

@media  (max-width: 1023px) {    
     .focus-box { clear: none; float: left; width: calc(50% - 7px);margin-right:7px;}
     .focus-box + .focus-box{margin-left:7px; margin-right:0;}
}
@media  (max-width: 767px) {    
     .card-list{   padding:15px 10px 10px;}
}

@media  (max-width: 640px) {    
     .card-list{   padding:15px 0px 10px;}
     .sidebar .card-list,  .card-list.newslist-box, .card-list-main-inner, .channel-box{   padding:15px 10px 10px;}
     .focus-box { float: none; width:100%;margin-right:0px;}
     .focus-box + .focus-box{margin-left:0px; margin-right:0;}
}


/* 重點關鍵字 */
.keyword-box{clear: both;}
.keyword-box li{ display: inline-block; margin-bottom: 10px; margin-right: 3px; }
.keyword-box li a{display: block; background-color: #fff; padding:3px 7px;  font-size: 1.4rem; border-style: solid; border-width: 1px;}
.keyword-box li a:hover{   color: #fff;}


/* 熱門新聞 相關新聞 */
.popnews-box ul{ font-size: 0; }
.popnews-box ul:after, .popnews-box li:after{ content: ''; display: block; width: 100%; clear: both; }
.popnews-box li{ margin: 15px 0 15px 0;}
.popnews-box li a{ font-size: 1.8rem;}
.popnews-box .img{ float:left;width: 25%; position: relative; padding-top: 16.66%; overflow: hidden; background:#9e9e9e url('../img/photo-placehold.png') 50% 50% no-repeat;
  background-size: cover;border:1px solid #eee;} 
.popnews-box .img img{  

      position: absolute;
      object-fit: cover;
      width: 100%;  height: 100%;
      top: 0; left: 0; right: 0; bottom: 0;

 } 
.popnews-box .title{float:left;width: 75%; padding-left:10px;}


.famous-box .title{float:none;width: 100%; padding-left:0px;}
.famous-box li{padding-left: 17px;}
.famous-box li a span:before{ content: '‧';display: inline-block; font-size: 1.67em;  line-height: 0;    vertical-align: sub;text-indent: -12px; padding-right:0 ;}



/* 焦點影音 sidebar */
.vedionews-box .img{  padding-top: 14.16%;}
.vedionews-box li .img:after {
  clear: both;
    content: '';
    display: block;
    height: 24px;
    width: 24px;
    background: url(../img/icon-play.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    top: 50%;
}


/* 影片iframe RWD */
.vedio-box-rwd{ position: relative; }
.vedio-box-rwd:after{ padding-bottom: 56.25%; content: ''; display: block; }
.vedio-box-rwd iframe{ width: 100%; height: 100%; position: absolute; }






@media (max-width:1023px){
  .popnews-box li{  width: calc(33.33% - 10px);  margin:15px 5px;  display: inline-block; vertical-align: top; min-height: 50px; }
  .popnews-box .img, .popnews-box .title{ float:none; width: 100%;display: block;}
  .popnews-box .title{padding-top: 10px;  padding-left: 0;}
  .popnews-box.famous-box .title{padding-top: 0px;}

  .popnews-box .img{position: relative; padding-top: 66.66%;}

  .vedionews-box li .img:after {height: 40px;    width: 40px;  margin-left: -20px;    margin-top: -20px;}
} 
@media (max-width:768px){
  .popnews-box ul {    margin-left: -5px;    margin-right: -5px;}
  .popnews-box li{  width: calc(50% - 10px);  margin:15px 5px;  display: inline-block; vertical-align: top; min-height: 50px; }
  .popnews-box .img{ height: 120px; } 

} 
  

@media (max-width:640px){
  
  .popnews-box ul {    margin-left: 0;    margin-right: 0;}
  .popnews-box li{ width:100%;  min-height: auto; margin:10px 0 10px 0;}



}  

/* --------------footer ------------------ */

footer .container{     margin-top: 50px; padding-right: 15px;    padding-left: 15px;}
footer .container:last-of-type{margin-top: 0; }
footer{
  padding:30px 0 0px 0;
  margin-top: 0px;

  text-align:center; 
  clear:both; 
  display:block; 

  background-color:#6f6e6e; 
  color:#fff ;
  font-size:1.4rem;

}
footer a{ 
  color:#fff; 
  text-decoration:none; 
  font-size:1.4rem;
  font-weight: normal; 
  text-align: left;
}
footer a:hover{ text-decoration:none; color:#000;}
footer li{margin-bottom:0px;  font-size:2.4rem; font-weight: bolder; }


address{ 
  font-size: 1.4rem;   
  padding:15px 10px 25px 10px; 
  clear: both; 
  margin-top:20px; 
  margin-bottom:0;
  letter-spacing: 1px; 
  color:#c6c6c6;
  background-color: #393939; 
}

address:after{ content: ''; display: block; clear: both; }


address .footer-info{ text-align: center;}
address span{padding:5px 0px; display: inline-block;}
address span:first-child{padding-left:0px}

/* 訂閱 */

.subscribe-box{ text-align: center; width: 100%; }
.subscribe-box:after{ clear: both; content: ''; display: block; }
.subscribe-box .msg{  font-size: 1.4rem; padding: 10px 0; }
.subscribe-box .form-control{ width: 100%; }
.subscribe-box .btn-primary{ margin:10px auto;  }

/* app download */
.qrcode-box{display: flex; flex-wrap: wrap; flex:0 0 222px; margin-top: 20px; margin-left:auto; margin-right:auto; width: 222px;}
.qrcode-box .title{ width: 100%; text-align: center; padding-bottom: 10px; }
.qrcode-box > img{ height: 90px; margin-right:10px; }
.qrcode-box .link{display: flex; flex-direction: column;}
.qrcode-box .link img{ height: 40px; }
.qrcode-box .link img:first-of-type{margin-bottom: 10px;}


/* footer地圖 */
.footer-menu .nav-link{font-size:2rem;  float: none; margin-top: 0; padding-top: 0; }
.footer-menu .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: '';
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    vertical-align: middle;
}
.dropdown-menu ul{padding-left: 0;}
.dropdown-menu li{text-align: left; margin-bottom: 10px;}
.footer-menu .navbar-nav>li>.dropdown-menu {   padding-top: 20px; }

.footer-menu .dropdown-menu.col-md-6 a{display: block; text-align: center;}
.footer-menu .dropdown-menu>li>a {    color: #eee; font-size:1.4rem; text-align: center; font-weight: normal; padding-left: 0; display: block;}
.footer-menu .dropdown-menu>li>a:hover, .footer-menu .dropdown-menu>li>a:focus,
.footer-menu .dropdown-menu.col-md-6 a:hover, .footer-menu .dropdown-menu.col-md-6 a:focus{ background-color: transparent; color: #000; }

footer address .container{ }

@media (min-width:640px){
  address span{padding:5px 10px;}
  .subscribe-box{ width: 360px; margin:0 auto; display: inline-block;}
  .subscribe-box .msg{ text-align: left; }
  .subscribe-box .form-control{ width: calc(100% - 90px); float: left; }
  .subscribe-box .btn-primary{  float: right;margin: 0; }
}


@media (min-width:768px){
  .footer-menu .dropdown-toggle:after{ display: none; }
.footer-menu .dropdown-menu>li>a, .footer-menu .dropdown-menu a,  .footer-menu .dropdown-menu.col-md-6 a{text-align: left;}
  footer li{margin-bottom:5px;}
.dropdown-menu li{margin-bottom: 0px;}
 .footer-menu{ font-size: 0; width: 100%; }
 .navbar-nav>li {    float: none;}
 .footer-menu .navbar-nav{ text-align: left; font-size: 1.6rem; width: 50%; min-height: 100px;vertical-align: top; display: inline-block;      zoom: 1; float: none;}
 .footer-menu .nav-link { display: block; border-bottom: 1px solid #c5c5c5; }
  #RTIall .footer-menu .nav-link{ margin-top: 0px;
    display: block;
    width: 100%;}
 .footer-menu .dropdown-menu {
    position:static;
    display: block;
    float: none;
    min-width: auto;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1.6rem;
    text-align: left;
    list-style: none;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border:0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    text-align: center;
  }


   .footer-menu .dropdown-menu.col-md-6{width: 100%;}
   .footer-menu .dropdown-menu.col-md-6 a{ padding: 3px 20px 3px 0px; }
footer address .container{ display: flex; justify-content: space-between;}   
address .footer-info{ display: inline-block; text-align: left; padding-right: 10px;}

.qrcode-box {margin-top: 0;}
.qrcode-box .title{  text-align: left;}


}

@media (min-width:1200px){
  .footer-menu .navbar-nav{width: 25%;}
  footer .container:last-of-type{ display: flex; align-items: center;}
  address .footer-info{ flex: 2; display: block;}
  .subscribe-box{ flex: 1; }
  address .footer-info .tel{ display: inline-block; }



}


/* 麵包屑 */
.breadcrumbs{ font-size: 1.2rem; color: #7f7f7f; margin: 18px 0; }
.breadcrumbs a{  font-size: 1em; color: #343434; }
.breadcrumbs a:after{ content: '>'; padding: 0 4px;color: #7f7f7f; }




/* gotop */


a:hover.gotop{ 
/*
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;*/
}


/* cd-top  */

.cd-top {
  border-radius: 0;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
 bottom:10px; 
 right:10px; 
 
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url('../img/icon_up-arrow-key.png') 50% 50% no-repeat; 
  background-size:50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  
  z-index:3;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 0.7;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .cd-top:hover {
  
  opacity: 1;
}

  




/* ------------------ AD728 ------------------ */

.ad-728{ 
  position: relative; 
  top: 170px; 
  margin:0 auto;
  text-align: center;
}
.ad-336-main{ margin-bottom: 30px; text-align: center; display: flex;} 
.ad-336-main span{ flex: 1; text-align: center;}
@media (max-width:742px){
  .ad-336-main{ flex-direction: column; }
  .ad-336-main span:first-of-type{ padding-bottom: 10px; }
}


.ad-336, .fb{ margin-bottom: 20px; text-align: center;} 
.fb{ clear: both; }

  
@media (max-width:1024px){
   .page-news-list .sidebar, .page-news-detail .sidebar{margin-top: 30px;}
}


@media (max-width:767px){
/*   .ad-728, .ad-336{ display: none; }*/
   .single-page .main_wrapper, .main_wrapper, .page-news-list .main_wrapper, .page-news-detail .main_wrapper{margin-top: 0px;}

 
  
    
}
@media  (max-width: 380px) {
   .fb{  display: none; }
}



/* ------------------ AD728  not limited------------------ */
.ad-728-notlimited{position: relative; 
  margin:0 auto;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
 .ad-box-mobile{ display: none; }
@media (max-width: 767px){
  

.ad-box-mobile{ text-align: center; padding: 10px 0; width: 100%; display: block; }
}




/* !!!Module!!! card_basic */
.card_basic_vertical{}
.card_basic_vertical .photo{margin-bottom:10px;}
.card_basic_vertical .photo .visual{height: 182px; width: 100%;background-size: cover;}
	
.card_basic_vertical .text{ }
.card_basic_vertical .title{color:#4a4a4a; font-size:2em; line-height:1.3}
.card_basic_vertical .date{color:#aaaaaa; font-size:1.4em; margin-top:3px;}


 h2,  h2.squre{font-size: 2rem; font-weight: bolder; margin: 0 0 10px 0; color:#343434; display: block; width: 100%; text-align: left;}
 h2 .more,  h2.squre .more{ text-align: right; display: inline-block;  float: right; margin-top: 6px; }


 h2.squre:before{ content:''; display: inline-block; width: 8px; height: 20px; margin-right: 5px; vertical-align: top; }



/* --------------首頁 ------------------ */

.sitemap-link{
border-left:1px solid #eee;padding-left:10px;

}


/* 首頁banner slider */
.imgvedioslider-wrap{
background-color: #fff;
    
 position: relative;
 padding-top: 10px;
margin-bottom: 20px;
 /*min-height: 540px;*/

}
.bgmain .container{     width: calc(1251px - 33px); padding: 0; }

@media (max-width: 1240px){
.bgmain .container {
    width:calc(100%  - 30px);
    margin-right: 15px;
    margin-left: 15px;
}
}

.bgmain:before{
  position: absolute;
  top: 50px;

  content: '';
  width: 100%;
  display: block;
 
  height: 100%;

  background-image: url('../img/light_wool_@2X.png');
  background-repeat: repeat;
    
  -webkit-clip-path: polygon(0 0%, 100% 7%, 100% 90%, 0% 100%);
  clip-path: polygon(0 0%, 100% 7%, 100% 90%, 0% 100%);

      -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    box-shadow: 0 0px 20px rgba(0,0,0,.3);
}

.imgvedioslider-wrap #parentVerticalTab{ 
  position: absolute; top: 0;  left: 0;
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    box-shadow: 0 0px 20px rgba(0,0,0,.3);
}

.imgvedioslider-wrap .resp-tab-content .mask {
    overflow: hidden;
   
}

.imgvedioslider-wrap .resp-tab-content .mask a{
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.imgvedioslider-wrap .resp-tab-content .mask, 
.imgvedioslider-wrap  .resp-vtabs ul.resp-tabs-list, 
.imgvedioslider-wrap .resp-tab-content .mask a{
  height: 500px;
}

.imgvedioslider-wrap .resp-vtabs .resp-tabs-container{ border-right: 1px solid #f4f4f4;width: 74%; }
.imgvedioslider-wrap  .resp-vtabs ul.resp-tabs-list{width: 26%;}

.imgvedioslider-wrap .resp-vtabs .resp-tabs-list li{padding:28px 15px; border-bottom:1px solid #EEE;}
.imgvedioslider-wrap .focus-news .unhook-link li{ border-bottom:1px solid #EEE; padding:24px 15px 0px 15px;}

.imgvedioslider-wrap .resp-vtabs .resp-tabs-list li:last-of-type,
.imgvedioslider-wrap .focus-news .unhook-link li:last-of-type{ border-bottom:0px solid #EEE; }

.imgvedioslider-wrap .resp-vtabs .resp-tabs-list li .ellipsis-effect .text{ font-size: 2.8rem; font-weight: bolder; }



#RTIall.program-page .main_wrapper{padding: 0px; background-color:transparent;}
#RTIall.program-page .main_wrapper, #RTIall.program-page  .sidebar{ margin-bottom: 40px; margin-top: 0;}
#RTIall  .sidebar {
    width:26%;
    font-size: 1.6rem;
    color: #000;
    float: right;
    margin-right: 0px;
}


#RTIall  .focus-box{ border-width: 2px; border-style: solid; }

.program_host .hoster_wrapper{ width:370px; float: left; z-index: 2; margin-bottom: 80px; }
#RTIall.program-page.program_host .main_wrapper{ float: right;  width: calc(100% - 372px);}
#RTIall.program-page.program_host .main_wrapper .news-detail-box{ padding-left: 40px; min-height: 540px; padding-top: 40px;}

.news-detail-box .swiper-photo-container{margin-bottom: 50px;}

.proram-theme-swiper{ padding:0  50px; }
.proram-theme-swiper .swiper-slide{ opacity: 0; } 
.proram-theme-swiper .swiper-slide-active{opacity: 1;}
.swiper-photo-container.proram-theme-swiper .swiper-wrapper { text-align: center; }
.swiper-photo-container.proram-theme-swiper .swiper-wrapper img{ width: auto;max-width: 100%; }



.swiper-photo-container.host-swiper .swiper-button-prev,   .swiper-photo-container.host-swiper .swiper-button-next{ top: 50%; }
.program_host  .swiper-photo-container{padding-bottom: 0;     box-shadow: 0 0 20px rgba(0,0,0,.3);}

.program-page .host-program-list{ background-color: #4a4a4a; padding: 20px; position: relative; top: 30px; z-index: 2;}
.program-page .host-program-list h2{ color: #fff;}
.program-page .host-program-list h2:before{ display: none;}
.program-page .host-program-list ul{ margin-left: 20px; }
.program-page .host-program-list li{  list-style-type:square; padding-top: 10px;}
.program-page .host-program-list li a{ color: #fff; font-size: 1.8rem; background: url('../img/icon-slider-right.png') 100% 50% no-repeat;  padding-right: 15px;}
.program-page .host-program-list li a:hover{opacity: 0.8;}

@media (max-width:1200px){
.imgvedioslider-wrap .focus-news .unhook-link li{  padding:15px 10px 10px 10px;}
}
@media (max-width:768px){
  .program_host .hoster_wrapper{ float: none; margin: 0 auto; padding-bottom: 30px; margin-bottom:20px;}
  #RTIall.program-page.program_host .main_wrapper .news-detail-box hgroup {
    margin: 0 -40px;}
 #RTIall.program-page.program_host .main_wrapper .news-detail-box hgroup h1{padding-left: 40px;}
  #RTIall.program-page.program_host .main_wrapper{ float: none;  width: 100%; }
  #RTIall.program-page.program_host .main_wrapper .news-detail-box{ padding: 40px; min-height: auto;}
  .imgvedioslider-wrap{    margin-bottom: 20px;}

.sitemap-link{
border-left:1px solid #eee;padding-left:0px;
border-top:1px solid #eee;

}

}

@media (max-width:640px){
  .news-detail-box .swiper-photo-container{margin-bottom: 30px;}
 #RTIall  .sidebar .focus-box{margin-left: 10px; margin-right: 10px; width: calc(100% - 20px);}
.proram-theme-swiper{ padding:0  0px; }
.swiper-photo-container.proram-theme-swiper .swiper-button-next, .swiper-photo-container.proram-theme-swiper .swiper-button-prev{ display: none; }

 #RTIall.program-page.program_host .main_wrapper .news-detail-box hgroup {
    margin: 0 -20px;
}
.program_host .hoster_wrapper{ width:100%;}
  #RTIall.program-page.program_host .main_wrapper .news-detail-box{ padding: 10px; }

}



/* ------------------ 節目 ------------------ */ 
/* 全站廣播 */
.all-alert{ 
  background-color: rgba(0,0,0,.8);  
  font-size: 1.8rem; 
  color: #c4c4c4; 
  padding:24px;
 text-align: center;
  position: absolute; top: 175px; left: 0px; right: 0px;
  z-index: 3;
      box-shadow: 0 0 20px rgba(0,0,0,.1);

}
.all-alert .ic_close{ 
  width: 24px; height: 24px; 
  display: inline-block; 
  background: url('../img/close@2x.png') 0 0 no-repeat; 
  background-size: cover; 
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
  opacity: 0.8;
}
.all-alert .ic_close:hover, .all-alert .ic_close:focus{opacity: 1;}

@media (max-width: 767px){
.all-alert{ top: 105px; padding: 10px; display: none; }
}



.program-page address{padding-bottom:90px;}
/* 首頁節目列表 */
.lang-program-wrap{
  webkit-box-shadow: 0 0px 20px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0px 20px rgba(0,0,0,.1);
    box-shadow: 0 0px 20px rgba(0,0,0,.1);

    background-color: #fff;
    padding: 30px 0;
    margin: 30px 0 20px 0;
}

.program-list-box{ 
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
    margin: 0 -3px 20px -3px;
/*    justify-content: space-between;*/
    text-align: left;

 }
.program-item{ 
 display: inline-block; 
  margin: 3px;
  border: 1px solid #eee; 
  text-align: center;
  vertical-align: top;
  width: 187px;
}

.program-item a{ display: block; border-bottom: 3px solid #fff; padding: 10px 10px 7px 10px;text-align: left; }


.program-item .title, .program-item .title .text{ color: #4a4a4a; font-size: 1.6rem;}
.program-item .title .tag{ margin-right: 5px;  vertical-align:text-bottom;}
.program-item .channel{ color: #aaa; font-size: 1.4rem; padding-bottom: 5px;}
.program-item .photo{  }
.program-item .photo img{ width: 100%; }

.tag{ font-size: 1.2rem; border-width: 1px; border-radius: 2px; border-style: solid; padding: 0px 2px;display: inline-block; }


.lang-category .program-list-box{}
.lang-category .program-item {    margin: 7px;    width: calc(25% - 14px); }
@media (max-width: 768px){
    .lang-category .program-item ,.program-item{     width: calc(50% - 18px); }
}

@media (max-width: 640px){

    .lang-category .program-item ,.program-item{     width: 100%; }
  }




/* 節目首頁 */
.lang-program-3col-wrap{

    background-color: #fff;
    margin: 30px 0 20px 0;
    
    
}
.program-list-box{margin-left: -5px; margin-right: -5px;}
.lang-program-3col-wrap .container{}
.lang-program-3col-wrap .program-list-box{
/*float: right;*/
 width: calc(50% - 20px);



    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 100px;



}
.lang-program-3col-wrap .program-list-box:nth-child(odd){width: calc(50% - 0px); padding-right: 20px; /*float: left;*/ }

.lang-program-3col-wrap .program-item a{  padding: 10px 10px 7px 10px;  }
.lang-program-3col-wrap .program-item{ width: calc(33.33% - 12px); }

.lang-program-3col-wrap .program-item:last-of-type{ display: none; }


.lang-program-3col-wrap .theater-box .program-item{ width: 180px; }

@media (max-width: 768px){
    .lang-program-3col-wrap .program-item{ width: calc(50% - 9px); }
    .lang-program-3col-wrap .program-item:last-of-type{ display: inline-block; }
}

@media (max-width: 640px){
  .program-list-box{margin-left: 0; margin-right: 0; }
    .lang-category .program-item ,.program-item{    margin-left: 0; margin-right: 0;  }
  }

/* 跑馬燈 */
#RTIall .Marquee{ background-color: #fff;padding: 10px 0;margin:0 auto;}


.Marquee .swiper-news{overflow-y: hidden; }
#RTIall.program-page .Marquee, #RTIall.news-page .Marquee{ background-color: transparent; padding: 0 0; margin-top: 0;}
.Marquee .swiper-container .swiper-slide{flex:none}
.Marquee .container{
  height: 60px;
  background-color: transparent;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
  padding: 0;
padding:0 15px 0;
margin-top: 0;
margin-bottom: 0;
display: flex;
align-items: center;
width: calc(1280px - 63px);
}
.program-page .Marquee .container, .news-page .Marquee .container{ background-color: transparent;margin-top: 20px;margin-bottom: 20px;   }

.Marquee .icn{
  border-radius: 50%;
 background-image: url('../img/icon-Marquee.png');
 background-repeat: no-repeat;
 background-size: 76%;
 background-position: 50% 50%;
 width: 36px;
 height: 32px;
 display: inline-block;
margin-right: 15px;

}
.Marquee .swiper-slide{ align-items: center; text-align: left; }
.Marquee .swiper-slide a{ display: block; width: 100%; }


.Marquee .wording{ color: #4a4a4a; font-size: 1.6rem; overflow-x: hidden; white-space:nowrap; display: block ;text-overflow: ellipsis; padding-left: 3px;}
.Marquee .tag{    padding: 4px 6px; margin-right: 5px; line-height: 1; }
.Marquee .date{ color: #aaa; font-size: 1.6rem; padding-right: 10px; font-weight: normal; }

.Marquee .swiper-container{ height: 60px; }
.Marquee .swiper-container .swiper-slide{width: 100%; padding-top: 5px;}
.Marquee .swiper-container .swiper-slide a{padding: 0;}
.Marquee .swiper-container .swiper-slide a:hover, .Marquee .swiper-container .swiper-slide a:focus, .Marquee .swiper-container .swiper-slide a.active {
    border-radius: 0;
    background-color: transparent;
    color: #4a4a4a;
    line-height: 50px;
    padding:0;
    font-size: 1.6rem;
}

@media (max-width: 1280px){
 #RTIall .Marquee {margin-top: 0px;}
.Marquee .container{width: 100%;}
}

/* 節目分類 */
.lang-category{}
.program_lang_box{ background-color: #fff; padding: 20px; }

 .lang-program-3col-wrap .program-list-box.theater-box:nth-child(odd){
      width: 100%;
    padding-right:0px;
    float: none;
    clear: both;
    border: 1px solid #eee;
    padding: 24px 15px 24px 0;
    margin-bottom: 60px;
  
}

.theater-box  .flex-box{  display: flex; flex-wrap: wrap;    justify-content:flex-start; }
.theater-box .program-item{    border:0; flex: 1;}
.theater-box .program-item a{ text-align: center; }
.theater-box .program-item a:hover{border:none;}
.theater-box .program-item .photo{ width: 180px; height: 256px; padding-top: 0; margin: 0 auto 8px auto;border:1px solid #eee; overflow:hidden;}
.theater-box .program-item .photo img{position: absolute; top: 0; left: 50%; margin-left: -90px;}


.theme_wrap .owl-carousel{ position: relative; margin-right:50px; margin-left: 50px; width: calc(100% - 100px);}


.theme_wrap .owl-theme .owl-nav{ position: absolute; top: 40%; margin-top: -20px; width: 100%;  left: 0; right: 0;}
.theme_wrap .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 0;
    text-indent: -9999px;
    margin: 0px;
    padding:0;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
    background-image: url('../img/arrow@2x.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
}
.theme_wrap .owl-theme .owl-nav [class*='owl-']:hover{ background-image: url('../img/arrow-current@2x.png'); background-size: cover;  background-color: transparent;}


.theme_wrap .owl-theme .owl-nav  .owl-prev, .theme_wrap .owl-theme .owl-nav  .owl-prev:hover{     background-position: left top; left: -50px;     }
.theme_wrap .owl-theme .owl-nav  .owl-next, .theme_wrap .owl-theme .owl-nav  .owl-next:hover{      background-position: right top;   right: -50px;}
.theme_wrap .owl-theme .owl-nav [class*='owl-'].disabled:hover{background-image: url('../img/arrow@2x.png'); cursor: not-allowed;}

.theme_wrap .owl-dots{ padding-top: 10px;}



.news-box .nav-tabs{float: none; text-align: center; display: flex; justify-content: center; flex-wrap: wrap;}

.program-news-list{ display: flex;     flex-wrap: wrap;}
.program-news-list li{color:#4a4a4a; font-size: 1.8rem; width:33.33%;padding:15px;}
.program-news-list li:nth-child(even){ background-color:#eee; }
.program-news-list li span{display:block; color:#aaa; font-size: 1.4rem;}

.news-detail-box.news-box .nav-tabs{   justify-content: flex-end; margin-bottom: 20px;}
.news-detail-box .program-news-list li:nth-child(even){ background-color: transparent; margin-left: 10px; }
.news-detail-box .program-news-list li{width:calc(50% - 5px); padding:15px;}
.news-detail-box .program-news-list li:nth-child(4n+1), .news-detail-box .program-news-list li:nth-child(4n+2) {    background-color: #eee;}


@media (max-width: 640px){

.program-news-list{flex-direction: column; margin: 0 15px;  }
.program-news-list li{color:#4a4a4a; font-size: 1.8rem; width:100%;padding:15px;}


.news-detail-box.news-box .nav-tabs{ float: none;  justify-content: center;}
.news-detail-box.news-box .nav-tabs, .news-detail-box.news-box .tab-content{margin:  0 -20px; }
.news-detail-box .program-news-list{ margin:0px; }
.news-detail-box .program-news-list li:nth-child(4n+1), .news-detail-box .program-news-list li:nth-child(4n+2) {    background-color:  transparent;}
.news-detail-box .program-news-list li:nth-child(even){ background-color: #eee; margin-left: 0px; }
.news-detail-box .program-news-list li{width:100%; }


.theme_wrap .owl-carousel{margin-right:0px; margin-left: 0px; width:100% ;}
.hoster_wrap .owl-carousel{ margin-right:50px; margin-left: 50px; width: calc(100% - 100px);}
.theme_wrap .owl-theme .owl-nav{ display: none; }
.hoster_wrap .owl-theme .owl-nav{ display: block; }

}



.hoster_wrap{ background-image: none; }

/* 其他外語節目 清單 */
.program_lang_other_list{ background-color: #fff; padding:5px 0 5px 0px;  }

.program_lang_other_list h2{

    font-size: 2.4rem;
   
    padding-bottom: 20px;
    margin-top: 20px;
  }

.program_lang_other_box{ display:inline-flex;  flex-wrap:wrap; }
.program_lang_other_box .week-title{ background: #4a4a4a url('../img/light_wool_@2X.png') 0 0 no-repeat;  padding: 25px 10px 10px 10px; color: #fff; font-size: 1.8rem; }
.program_lang_other_box > li{
    margin-right: 10px;
    margin-left: 10px; 
    width: calc(25% - 20px); 
    margin-bottom: 40px; 
}
.program_lang_other_box ul li{ 
  font-size: 1.6rem; 
  color: #aaa; 
  border: 1px solid #eee;  
  padding:10px; 
  margin-top: 5px;

  display: flex;
  justify-content: space-between;
}
.program_lang_other_box ul li a{ color: #000; font-size: 1.6rem; }
.program_lang_other_box ul li a.ic_listen{ margin-right: 5px;  flex: 0 0 26px;}
.program_lang_other_box ul li a.listen:hover, 
.program_lang_other_box ul li a.listen:focus{ 
  background-image: url('../img/icon-headphones-red.png');
}
.program_lang_other_box ul li:hover, .program_lang_other_box ul li:focus{ cursor: pointer; }

.program_lang_other_box ul li .time{ font-size: 1.4rem; width:50px;}
.program_lang_other_box ul li .text{

 font-size: 1em;
 width: calc(100% - 50px);
  display: inline-flex;
  justify-content: flex-start;
}


@media (max-width: 767px){

.program_lang_other_box > li{margin-right: 10px;margin-left: 10px; width: calc(50% - 20px); margin-bottom: 40px; }
}


@media (max-width: 640px){

.program_lang_other_box > li{margin-right: 00px;margin-left: 0px; width: 100%; margin-bottom: 20px; }
}

/* 節目主持人 */
.news-detail-box .host-list{padding:0; justify-content: space-between;}
.news-detail-box .host-list li{width: 164px; }

.host-list{ text-align: center; padding: 24px;  display: flex; flex-wrap: wrap; justify-content: center; }
.host-list li{ margin:15px 10px 15px 10px}
.host-list .hostimg{
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 4px solid #eeeeee;
  width: 144px;
  height: 144px;
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;

}
.host-list .hostimg img{
  object-fit: cover;
  width: 100%;  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0;
}

.host-list .title{  display: block; color: #000; font-size: 1.8rem; font-weight: bolder;height: auto; line-height:1; }


@media (max-width: 489px){

.news-detail-box .host-list{justify-content: center;}
}



/* 節目快訊 */

.theme-swiper{    
    width: 100%;
    height: 300px;/* 使用swiper Grid column 需要先制訂外牆高度，排列的順序才能由上到下由左至右的排序，若沒有制訂高度，則排列順序會變成 由左到右 由上到下排列 */
    margin-left: auto;
    margin-right: auto;
}
.theme-swiper .ellipsis-effect, .theme-swiper .text{display: block;}

.theme-swiper .swiper-slide{
  height: calc((100% - 5px) / 2) !important; /* grid row2 */
}
.theme-swiper .theme_s_box .swiper-slide a{
  display: block; 
  min-height: auto;
}




/* 節目首頁 主持人/節目快訊 共用 */

.swiper-program {
    margin: 0 auto 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 40px;
}
.swiper-program  .swiper-wrapper{}
.swiper-program .swiper-button-prev, .swiper-program .swiper-button-next{
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: left top;
    background-image: url("../img/arrow@2x.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
}
.swiper-program .swiper-button-next{background-position: right top;}
.swiper-program .swiper-button-prev:before, .swiper-program .swiper-button-next:before{ display: none; }
.swiper-program .swiper-button-next:hover, .swiper-program .swiper-button-prev:focus, .swiper-program .swiper-button-next:focus{ background-color: transparent; background-image: url('../img/arrow-current@2x.png'); }

.swiper-program .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    border: 0px solid #000;
    background:#D6D6D6;
    opacity: 1;
}
.swiper-program. .swiper-pagination-bullet-active {
    border: 0px solid #000;
    background: #fff;
}
/*.host-list .swiper-container-horizontal > .swiper-pagination-bullets { width: calc(100% + 110px) }*/
.swiper-program .swiper-slide{ height: auto; }
.swiper-program .swiper-slide a:hover, .swiper-program .swiper-slide a:focus, .swiper-program  .swiper-slide a.active{ background-color: transparent; padding:0; }
.swiper-program .swiper-slide{ height: auto; line-height: 1; }


/* 節目單用 */

.schedule-swiper {
    margin: 0 auto 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 40px;
}
.schedule-swiper  .swiper-button-prev, .schedule-swiper .swiper-button-next{
    position: absolute;
    top: 20px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    
    width: 16px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../img/icon-arrow-sch.png);
    background-position: left top;
    background-size: cover;
}
.schedule-swiper .swiper-button-next{    background-position: right top;}
.schedule-swiper .swiper-button-next:hover, .schedule-swiper .swiper-button-prev:focus, .schedule-swiperm .swiper-button-next:focus{ background-image: url(../img/icon-arrow-sch-hover.png); }

.schedule-swiper .swiper-button-prev:after, .schedule-swiper .swiper-button-next:after ,
.schedule-swiper .swiper-button-prev:before, .schedule-swiper .swiper-button-next:before {
    display: none;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{ cursor: not-allowed;}



/* banner-swiper 用 */




.swiper-photo-container.banner-swiper { padding-bottom: 0;  }
.banner-swiper .swiper-pagination{ /*background-color: #fff;*/ padding-top: 17px; padding-bottom: 6px; bottom: 0;}
.banner-swiper .swiper-pagination-bullet{border-radius: 100%; border:0; background-color: #D6D6D6; width: 10px; height: 10px;}
.swiper-container-horizontal.banner-swiper > .swiper-pagination-bullets{bottom: 0;}
.banner-swiper  .swiper-slide {/*background-color: #000;*/ height: 26.19%;}
.banner-swiper  .swiper-slide a{ }

.swiper-photo-container .swiper-wrapper img{opacity: 0.5;}
.swiper-photo-container .swiper-slide-active img{opacity: 1;}
.banner-swiper  .swiper-slide-active{
    box-shadow: 0 0 20px rgba(0,0,0,.4);
    z-index: 2;}

.banner-swiper .swiper-pagination-bullet-active{background-color:hsl(358, 90%, 44%);}




/* 節目通知 */
.notification{ padding:5px 10px; }
.notification li{border-bottom: 1px solid #eeeeee; padding:15px 0;}
.notification li:last-of-type{border:0}
.notification .date{ font-size: 1.6rem; color: #aaa; display: block; margin-bottom: 5px;}
.notification .wording{ color: #6f6e6e;  font-size: 1.8rem; display: block; }


/* ====Modul==== ...*/
.nav-tabs>li{margin:0 2px 4px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a{border:0px;}
.nav-tabs>li>a{ background-color: #adadad; color: #fff; font-size: 1.4rem;  border-radius: 0px; min-width: 80px;  text-align: center; padding-top: 5px; padding-bottom: 5px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #fff; }
.nav-tabs {
    border-bottom: 0px solid #ddd;
    float: right;
}
.tab-content{ clear: both; padding-top: 15px; }

.schedule-swiper .tab-content { padding-top:0px; }


/* 節目sidebar */
.program-page .sidebar{ border: 1px solid #e4e4e4; padding: 0px 0px 0px; }
.program-page .sidebar h2{padding-right: 15px;}
.program-page .sidebar h2:before, .program-page  h2:before{ content:''; display: inline-block; width: 8px; height: 20px; margin-right: 5px; vertical-align: top; }



/* 節目 用模組 */
.card-p-list{ 
  padding:20px 0px 15px 0px;
  margin-bottom:0px; 
  clear: both;
}
.program-page .no-title-dote .card-p-list  h2:before{ display: none; }
.program-page .no-title-dote .card-p-list  h2{padding-left: 10px; padding-right: 10px;}
.card-p-list h2{ 
  color: #343434; 
  font-size: 2rem; 
  background-image: none;
}
.card-p-list .cont{ background-color: #fff; margin: 0 10px; }

.card-p-list .photo{ 
 height: 170px; 
 overflow: hidden; 
 background-repeat: no-repeat; 
 background-size: cover;
  position: relative;
  padding: 0 15px;
}

/* 下載模組 */
.download{padding:20px 10px}
.download li{ background: url(../img/icon_pdf.png) 0 0 no-repeat; background-size: 24px; padding-left: 30px; margin-bottom: 20px;}
.download li:last-of-type{ margin-bottom: 0; }
.download li a{font-size: 1.8rem;}
.download li a:hover, .download li a:focus{ opacity: 0.7; }





.schedule .date-box{ text-align: center; padding:14px 15px 10px 15px; border-bottom: 1px solid #e3e3e3;}
.schedule .date-box:after{ content: ''; display: block; clear: both; }
.schedule .arrow{ float: left; padding: 6px 0 0 0;  }
.schedule .arrow:last-of-type{ float: right;  }
.schedule .date{  font-size: 2rem; font-weight: bolder; display: inline-block; }
  .schedule .date span{ font-weight: normal; font-size: 1.2rem; display: block;  }

.schedule .nav-tabs{ float: none; display: flex; }
.schedule .nav-tabs>li{margin:0 1px 0 0; flex: 1;}
.schedule .nav-tabs>li:last-of-type{margin:0 0 0 0;}
.schedule .nav-tabs>li>a{ min-width: auto; margin:0}

.schedule_info{ font-size: 1.4rem; }
.schedule_info>li{padding:15px 10px 5px 10px; border:1px solid #fff}
.schedule_info>li:hover, .schedule_info>li:focus{ border-width: 1px; border-style: solid; cursor: pointer;}
.schedule_info>li:nth-child(even){ background-color: #f5f5f5; }
.schedule_info>li:after{content: ''; display: block; clear: both;}
.schedule_info .time{ color: #aaa;    width: 50px; float: left;}
.schedule_info .name-list{color: #6f6e6e; width: calc(100% - 60px); float: left;}
.name-list li{padding-bottom: 8px;}


/* 節目詳細頁 */
.program-page .news-detail-box{ padding: 0; }
.program-page .news-detail-box hgroup h1{ font-size: 2.4rem; }
.program-page .news-detail-box hgroup .tag{padding:5px; vertical-align: middle; margin-right: 10px;}

.program-page  .news-detail-box img{ max-width: 100%; }

#RTIall.program-page .main_wrapper .news-detail-box{ background-color: #fff;padding:40px;}
#RTIall.program-page.single-page .main_wrapper .news-detail-box{  padding:10px 40px 40px;}

#RTIall.program-page .main_wrapper .news-detail-box hgroup{margin:0 -40px;}
#RTIall.program-page.single-page .main_wrapper .news-detail-box hgroup{margin:10px -60px;}


#RTIall.program-page .newslist-box h2{padding:0; margin-left:-10px; margin-right: -10px;}


/* 節目快訊 列表 */
.program_theme_box{ background-color: #f6f9fb; padding: 25px; display: flex; margin:15px 0px 15px; align-items: center;}
.program_theme_box .wording{  margin-right: 20px; flex: 1;}
  .program_theme_box .theme-title{display: inline-flex; }
  .program_theme_box  .title .theme-title a{background-color: #5276b7; color: #fff;  color: #fff; font-size: 1.4rem; padding:4px 4px; line-height: 1.3; align-content: center; }

  .program_theme_box .title{ color: #5276b7; font-size: 2rem; padding-bottom: 8px; }
  .program_theme_box .title a{color: #5276b7;}
  .program_theme_box .title a:hover{ text-decoration: underline; }

  .program_theme_box .date, .program_theme_box .host{ font-size: 1.4rem; color: #aaa; display: inline-block; padding-right: 30px;padding-bottom: 8px; }
  .program_theme_box .text{font-size: 1.4rem; color: #6f6e6e;  }
  .program_theme_box .text:after{content: '';display: block;}
  .program_theme_box .text .photonews{ padding-left: 10px; width: 40%; float: right;}
  .program_theme_box .text .photonews img{ width: 100%; height:auto;}
  .program_theme_box .text p{font-size: 1.4rem; color: #6f6e6e; width: 100%;   }

  


.program_theme_box .title .btn a{background: url('../img/icon-headphones-blue.png') 57% 50% no-repeat; display: inline-block; width: 36px; height: 36px; background-size: 70%;     border: 1px solid #5276b7;
border-radius: 36px;}
.program_theme_box .title .btn a:hover, .program_theme_box .title .btn.on a{background-image: url('../img/icon-headphones.png'); background-color: #5276b7; }


.program_theme_box .title .btn a{font-size: 0; vertical-align: bottom;}


@media (max-width: 768px){
 .program_theme_box .title{display: flex;     align-items: end;}
 .program_theme_box .title .btn{ margin-top: -10px; width: 45px; }
  .program_theme_box .title .btn a{padding:0}
  #RTIall.program-page .main_wrapper .news-detail-box{padding:20px;}
 #RTIall.program-page.single-page .main_wrapper .news-detail-box{  padding:10px 0px 20px;}
}
@media (max-width:640px){
 #RTIall.program-page .main_wrapper .news-detail-box{padding:10px;}
  .program_theme_box .text .photonews{ padding-bottom: 10px; }
  
}



.theater-cover {display: flex;margin-bottom: 20px;}
.theater-cover .photo{ width: 288px; }
.theater-cover .list{background-color:#4a4a4a; padding:20px; width:calc(100% - 288px ) ; margin-left: 20px; }
.theater-cover .list h2{ color: #fff; font-weight: normal; }
.theater-cover .list h2:before{display: none;}
.theater-cover .list ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 10px 0; }
.theater-cover .list li{ width: 40px; height: 40px; margin-right: 10px; margin-bottom: 10px;}
.theater-cover .list li a{border:1px solid #6e6d6d; font-size: 1.6rem; color: #fff; display: block; line-height: 40px; text-align: center;}




/* 首頁 節目快訊 */

.theme_wrap{background: url('../img/bg_round.png') 0 0 repeat; padding-bottom: 40px;}
.theme_wrap.nobg{ background: none; }
.theme_wrap h2{ text-align: center; margin-bottom: 40px; }
.theme_wrap h2:before{ display: block; height: 4px; width: 40px; margin:0 auto 12px auto;}

.theme_wrap h2 .more{ float: none; margin-left: 20px;}


/*
.theme_s_box{ display: flex; flex-wrap: wrap; }
.theme_s_box .swiper-slide{ width:calc(100% / 3);}*/
.swiper-program .theme_s_box .swiper-slide a{display: flex;border-bottom: 3px solid #fff;padding:15px; background-color: #fff;margin:5px;  box-shadow: 0 0 2px rgba(0,0,0,.1);  min-height: 117px;}

.swiper-program .theme_s_box .title{ color: #4a4a4a; font-size: 1.8rem; margin-right: 20px;  flex: 1; line-height: 1.4;}
.swiper-program .theme_s_box .title b{ font-weight: normal; color: #aaa; font-size: 1.4rem; display: block; padding-top: 15px;}
.swiper-program .theme_s_box .photo{
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #f1f2f2;
  width: 88px;
  height: 88px;
    flex-basis: 88px;
    flex-grow: 0;
    position: relative;


}

.swiper-program .theme_s_box .photo img{
  object-fit: cover;
  width: 100%;  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0;
}

@media (max-width: 1024px){
    #RTIall .main_wrapper, #RTIall  .sidebar , .program-page.single-page .breadcrumbs .container, #RTIall.news-page .main_wrapper {
    width: 100%; float: none;  padding-right:  0;
  }
      #RTIall .main_wrapper{ padding-right:20px; }
  .theme_s_box li { width: calc(100% / 2);}
}

@media (max-width: 892px){
.lang-program-3col-wrap .program-list-box{
  width: 100%;
  padding-right: 0px;
  float: none;

}
.lang-program-3col-wrap .program-list-box:nth-child(odd){ width: 100%; padding-right: 0px; float: none; }
}

@media (max-width: 768px){
.imgvedioslider-wrap{ /*background-color: transparent; */}
.bgmain .container{padding:0;}
.imgvedioslider-wrap .resp-vtabs .resp-tabs-container{border:0; width: 100%; border-bottom:1px solid #eee;}
.imgvedioslider-wrap #parentVerticalTab{ position: relative; }

.imgvedioslider-wrap .resp-tab-content .mask, 
.imgvedioslider-wrap  .resp-vtabs ul.resp-tabs-list, 
.imgvedioslider-wrap .resp-tab-content .mask a{
  height: 0;
  padding-bottom: 56.25%
}
.imgvedioslider-wrap .resp-tab-content .mask iframe{ position: absolute; top: 0; }
.program-list-box{ 
 display: block;
text-align:  center; 
text-align:  center; 
}
.lang-program-3col-wrap .program-list-box{ display: inline-block; }
.program_theme_box{ flex-direction: column; padding:15px;}

.program_theme_box .title{flex-wrap: wrap; }
  .program_theme_box .theme-title{ width: 100%;display: block;}
  .program_theme_box .theme-title a{display: inline-block;width: auto; }
  .program_theme_box a{width: calc(100% - 45px);}
  .program_theme_box .btn{ width: 45px; }
    .program_theme_box .btn a{width: auto;}

.program_theme_box .wording{  margin-right: 0px;}
.program_theme_box .btn_box {
    width: 100%;
    flex-basis: auto;
    flex-grow: 1;
}
.program_theme_box .btn_box{ display: flex; padding:10px 0; flex-wrap:wrap;}
.program_theme_box .btn_box .btn{flex: 1; margin:0 10px 5px;}
.theater-cover {display: block;}
.theater-cover .photo{margin:0 auto}
.theater-cover .list {
    background-color: #4a4a4a;
    padding: 20px;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }

}

@media (max-width: 640px){
.theme_s_box li { width: 100%; }
  #RTIall .main_wrapper{ padding: 10px; }
  .lang-program-3col-wrap .program-list-box{margin-left: 0; margin-right: 0;}
}



/* --------------home ------------------ */




/* 新聞總覽 */
.overview-box{ 
  background-color: #fff; 
  padding:30px 20px 20px 20px;
  color:#4a4a4a;
  margin-top: 11px; 
  margin-bottom: 30px;
}	

.overview-box h2{margin-bottom: 15px;}

.overview-box li{
  margin-bottom:12px; 
  width: 49.5%; 
  display: inline-block;
}
.overview-box li div{ 
  display: inline-block; 
  vertical-align: middle;
  }
.overview-box .date{ 
  font-size: 1.6rem; 
  color: #aaa; 
  width: 50px;
}	
.overview-box .cls{ 
  font-size: 1.4rem;   
  text-align: center; 
  width: 50px;
  padding: 3px 5px 8px 0;
  height: 26px;
	background: url('../img/dialog.png') 100% 0 no-repeat;
}
 
.overview-box .text{
  font-size: 1.8rem;
  width: calc( 100% - 100px ); 
  padding-left:5px;
}	

@media  (max-width:640px) { 
  .overview-box li{ width: 100%; display: block; }
  .overview-box li:nth-of-type(even){ display: none; }
  .overview-box{ 

  padding:15px 10px 10px 10px;
  color:#4a4a4a;
  margin-top: 11px; 
  margin-bottom: 10px;
} 

}



/* 分類總覽 */
.more{ 
  color: #4a4a4a; 
  font-size: 1.4rem; 
  border-left:2px solid  #d8d8d8;
  padding-left: 17px; 
  background: url('../img/icon-more.png') 100% 50% no-repeat ; 
  padding-right: 11px;
}
.more.noarrow{ background-image: none;padding-right: 0px;
} 

h2 .fblike{float: right;  min-width: 150px; height: 20px;}

.more-link{
  float: right;
  border-left:1px solid  #d8d8d8;
  border-right:0px solid  #d8d8d8;
  padding-left: 0px; 
  font-size: 1rem; 
  margin-top: 10px;
}
.more-link a{font-size: 1.4rem;}
.more-link li{ display: inline-block; margin-left: 8px;border-right:1px solid  #d8d8d8; padding-right:8px;}

.RTI-focus-news{
  margin-top: 30px;
}

.classificatin-wrap{
  margin-bottom: 30px; 
  margin-top: 0px; 
  font-size: 0; 
  margin-right:-7px; 
  margin-left:-7px;

  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.cla-box { 
  padding: 10px 0;
  margin-bottom: 20px; 
  width: calc( 33.33% - 14px);
  display: inline-block;
  margin:0 7px;
 }


.cla-box .photo{
 
  height: 158px;
  overflow: hidden; 
  background:#9e9e9e url('../img/photo-placehold.png') 50% 50% no-repeat;
  background-size: cover;
  border:1px solid #eee;
  border-top-width: 4px; 

}
.cla-box ul{
  padding:0 15px 10px 10px;
  background-color: #fff;

}
.cla-box li{ 
/* background: url('../img/list-icon.png') 5px 50% no-repeat;*/ 
  padding-left: 5px;
  border-top: 1px solid #e8e8e8; 
  padding-top: 7px; 
  margin-bottom:7px;
  display: block;
  font-size: 1rem;
 }
.cla-box li a{font-size: 1.6rem;}
.cla-box li:before{ content: '‧'; display: inline-block; font-size: 3rem;  line-height: 0;    vertical-align: sub; padding-right: 5px;}

.cla-box li:first-of-type{ background: none; padding-left:0;border-top: 0px solid #e8e8e8;margin-bottom:10px;}
.cla-box li:first-of-type a{font-size: 2rem; font-weight: bolder;}
.cla-box li:nth-of-type(2){border:0;}
.cla-box li:first-of-type:before{ display: none; }


/* 焦點新聞 */
/*
.focus-news:after {
    clear: both;
    background: url(https://news.rti.org.tw/img/slider_bg_shadow.png.pagespeed.ce.YzjoKzIIWM.png) 50% 0 no-repeat;
    height: 19px;
    background-size: contain;
    width: 70%;
    display: block;

}
*/
.focus-news:before,
.focus-news:after ,
.focus-slider:before, 
.focus-slider:after,
.RTI-focus-news:before,
.RTI-focus-news:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
}


.RTI-focus-news:after{ height: 30px; clear: both; display: block; }
.main_wrapper .focus-news .slick-slider{margin: 0; }
.main_wrapper .focus-news .slick-dots{ display: none; }


      /* 焦點新聞slider */


 .focus-news{ width: 100%; position: relative; display: flex; }

      .focus-news .focus-slider{width: calc(70% - 0px);  }
      .focus-news .unhook-box{  width: 30%;  }


      .focus-news .focus-slider{ 
        position: relative;
        
        margin-top: 0; 
           -webkit-box-shadow: 0 0 20px  rgba(0,0,0,.2);
           -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
           box-shadow: 0 0 20px rgba(0,0,0,.2);

           border-bottom-width: 4px;
           border-bottom-style: solid;
      }

  
      .focus-news .one-time .slick-slide{ position: relative;  overflow: hidden; }
      .focus-news .one-time .slick-slide img{ margin-bottom: 0; 
        min-height: 400px;
        max-width: 100%;
        min-width: 100%;}
      .focus-news .one-time .slick-prev, .focus-news .one-time .slick-next{ width: 48px; height: 48px; background-color: transparent; }
      .focus-news .one-time .slick-prev:before, .focus-news .one-time .slick-next:before{ width: 48px;height: 48px; background-size:cover; }

      .focus-news .one-time .slick-prev:before{ background-image: url('../img/icon-arrow-l-w-shadow.png');   }
      .focus-news .one-time .slick-next:before{ background-image: url('../img/icon-arrow-r-w-shadow.png');    }




      .focus-news .one-time .ellipsis{

        position: absolute;
        bottom: 0;
        padding:150px 70px 10px 10px;
        color: #fff;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 70%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
      }
      .focus-news .img-num{ left: auto; right: 10px; }
      .focus-news .img-num .num-box{ background-color: transparent; }
      .focus-news .img-num .num-box span{color: #fff;text-shadow: 0 0 6px #000}


      /* 焦點新聞 脫勾連結 */
      .focus-news .unhook-link{display: table;}

      .focus-news .unhook-link{   width: calc(100% - 8px); margin-left: 8px; height: 100%; }
      .focus-news .unhook-link{ display: flex; flex-direction: column; }
      .focus-news .unhook-link li{flex: 1; height: 20%; background-color: #e3e3e3;  border-bottom: 2px solid #eeeeee;  color: #4a4a4a; font-size: 1.8rem; padding:10px 10px 5px 10px; vertical-align: middle;}
      .focus-news .unhook-link li:last-of-type{ border: 0; }
      
/*      .focus-news .one-time .slick-slide, .focus-news .unhook-link{ height: 400px; }*/

.imgvedioslider-wrap .focus-news .focus-slider{ border-width: 0; }
.imgvedioslider-wrap .unhook-link, .imgvedioslider-wrap .focus-news .focus-slider{
  -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    box-shadow: 0 0px 20px rgba(0,0,0,.3);}

 .imgvedioslider-wrap .focus-news .unhook-link li{ background-color: #fff; }
 .imgvedioslider-wrap .focus-news .unhook-link li:hover,  .imgvedioslider-wrap .focus-news .unhook-link li:focus{background-color: rgb(89, 89, 89); }
 .imgvedioslider-wrap .focus-news .unhook-link li:hover a,  .imgvedioslider-wrap .focus-news .unhook-link li:focus a{color: #fff; }




.imgvedioslider-wrap .focus-news .focus-slider{ 

    width: calc(74% - 0px);
}
.imgvedioslider-wrap .focus-news .unhook-box {
    width: 26%;
}

.focus-news .unhook-link li row2 a{font-size:2rem;}


.program-page .program-slider-wrap  .focus-news .unhook-link li{ padding:10px 10px 2px 10px;}

.program-page .program-slider-wrap .focus-news .focus-slider{ border: 0; }

.program-page .focus-news .focus-slider{  width: 50%;}
.program-page .focus-news .unhook-box{ width: 25%;}
.focus-news .vedionews-box{ width: 25%; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}
        .program-page .focus-news .popnews-box li{margin-top: 15px; margin-bottom:0px;}
        .program-page .focus-news .popnews-box li:last-of-type{ margin-bottom: 0; }

        

        .program-slider-wrap .focus-news .ellipsis-effect .text{ font-size: 1.6rem; }
        .program-slider-wrap .focus-news .ellipsis-effect.rows2, .program-slider-wrap .focus-news  .ellipsis-effect.rows2::before{ height: 44px; }


.program-slider-wrap .focus-news .vedionews-box li .ellipsis-effect::after, .program-slider-wrap .focus-news li:hover .vedionews-box .ellipsis-effect::after {
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e3e3e3',GradientType=1 );
}

@media  (max-width: 1266px) { 
  .focus-news { flex-wrap: wrap; }
.program-slider-wrap .focus-news .ellipsis-effect .text{ font-size: 1.8rem; }

.program-slider-wrap .popnews-box .ellipsis-effect::after {
    top: -26px;
}
.program-slider-wrap .focus-news .popnews-box .ellipsis-effect.rows2{ height: 50px; }

.program-slider-wrap .focus-news .ellipsis-effect.rows2, .program-slider-wrap .focus-news  .ellipsis-effect.rows2::before{ height: 54px; }

.program-page .focus-news .focus-slider{  width: 70%;}
.program-page .focus-news .unhook-box{ width: 30%;}
.focus-news .vedionews-box{ width: 100%; }

.focus-news .vedionews-box{ margin-top: 20px;padding-left: 0; padding-right: 0; }
.focus-news .vedionews-box .vedio-box-rwd{width: 76%; float: right; }
.focus-news .vedionews-box ul{ float: left; width: 22%;}
.focus-news .vedionews-box ul li {    width: 100%; display: block;}
.focus-news  .popnews-box .img, .focus-news  .popnews-box .title {
    float: none;
    width: 100%;
    display: block;
}
.focus-news  .vedionews-box .img {    padding-top:56.25%;}


}




@media  (max-width: 1200px) { 
.program-page  .program-slider-wrap  .focus-news .unhook-link li{ padding:10px 10px 5px 10px;}
}

@media  (max-width: 767px) { 

  .program-page  .program-slider-wrap  .focus-news .unhook-link li{ padding:15px 10px 5px 10px;}
  .cla-box { width: calc( 50% - 14px);  }
   .program-page .focus-news .unhook-link, .program-page .focus-news .focus-slider, .program-page  .imgvedioslider-wrap .focus-news .unhook-link, .focus-news .unhook-link, .focus-news .unhook-link{ width: 100%; float: none; margin:0; }
   .program-page .focus-news .one-time .slick-slide, .program-page .focus-news .unhook-link{ height: auto; }
   .program-page .focus-news .one-time .slick-slide img, .imgvedioslider-wrap .focus-news .focus-slider{ margin-bottom: 0;  min-height: auto;    max-width: auto;    min-width: auto; width: 100%; height: auto;}

       .focus-news{ display: flex; flex-direction: column;}

     .focus-news .focus-slider, .imgvedioslider-wrap .focus-news .unhook-box, .program-page  .focus-news .unhook-box,   .focus-news .unhook-box{width: 100%; margin: 0; margin-top: 8px;}

      .program-page  .focus-news .unhook-link { display: block; }
      .program-page  .focus-news .unhook-link li{ flex: 0; }

.program-page  .focus-news .vedionews-box .vedio-box-rwd, .focus-news .vedionews-box ul{width: 100%; float: none; }


.program-page .focus-news .vedionews-box ul li {
    width: calc(50% - 10px);
    margin: 15px 5px;
    display: inline-block;
    vertical-align: top;
    min-height: 50px;
}


}
@media  (max-width: 640px) { 
  .more-link{ float: none; text-align: right; border: 0;}
  .cla-box { width:100%;   margin: 0 0px;  padding-bottom: 0;}
  .classificatin-wrap {   margin-right: 0px;    margin-left: 0px;}
  .program-page .focus-news .vedionews-box ul li { width: calc(50% - 10px); margin: 15px 5px;}
   .home .popnews-box ul{ margin-left: -5px;    margin-right: -5px; width: calc(100% + 10px);}

.swiper-photo-container.proram-theme-swiper .swiper-wrapper img { max-width: calc(100% + 10px);
}
}




/* 新聞節目 */

.news-program { 
  background-color: #fff;
  padding:30px 20px; 
  margin-bottom: 30px;  
  font-size: 0;
  overflow-y:auto; 
 
}
.news-program h2{ font-size: 2.4rem; }
.NP-list{ display: flex; }
.NP-box{ 
  flex: 1;
  text-align: center; 
  display: inline-block; 
  vertical-align: top; 
  min-height: 100px; 
  margin:0 5px; 
}
.NP-box h3{ 
  
  font-size: 1.6rem; 
  padding: 8px; 
  color: #fff; 
  text-align: left; 
  margin-bottom:10px;
}
.NP-box h4{text-align: left;}
.NP-box h4 a{font-size: 1.8rem; color: #4a4a4a; }
.NP-box a:hover{}
.NP-box .date{ color: #aaa; font-size: 1.4rem; text-align: left; margin-bottom: 5px;}
.NP-box .text{text-align: left;font-size: 1.4rem;  color: #6f6e6e; }
.NP-box .btn{ margin-top: 13px; }
.NP-box .btn a{border:1px solid #4a4a4a; padding:5px 20px; color: #4a4a4a;}
.NP-box .btn a:hover{     color: #fff; }
.NP-box .btn a b{ vertical-align: sub; margin-right: 5px; background: url('../img/icon-headphones-gray.png') no-repeat 0 0; background-size:contain ; width: 16px; height: 16px; display: inline-block; }
.NP-box .btn a:hover b{background-image: url('../img/icon-headphones.png') ; }




@media (max-width:767px){
  .NP-list{ display:block; }
  .NP-box{width: calc(50% - 10px);margin-bottom:20px; }
} 

@media (max-width:640px){
  .NP-box{width:100% ;margin:0 ;margin-bottom:20px;}

  .news-program { 
    padding:15px 10px 10px; 
    margin-bottom: 10px;  
  
  }
}




/* 新聞列表 */
.newslist-box h2{ padding-left: 10px; }
.newslist-box ul{font-size: 0;}
.newslist-box ul:after{ content:'';display: block;  clear: both;  height: 0px; width: 100%; }
.newslist-box li{ width: calc(33.333% - 20px); text-align: center; margin:15px 10px; text-align: left; min-height: 100px; vertical-align: top;    display: inline-block;}
.newslist-box li a{ display: block; }

.newslist-box li span{ display: block; }
.newslist-box li .title{ color: #4A4A4A;  font-size: 2rem; list-style-type: 1.3; padding-top: 10px;}
.newslist-box li .time{color:#aaaaaa; font-size: 1.4rem;}
.newslist-box li a:hover .title{}


.newslist-box .img{     position: relative; padding-top: 56.25%; overflow: hidden; background:#9e9e9e url('../img/photo-placehold.png') 50% 50% no-repeat;
  background-size: cover; border:1px solid #eee;} 
  .newslist-box .img img{ object-fit: cover;
  width: 100%;  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0; } 
.newslist-box h2 .more{ float: none;    margin-left: 20px; }



/* 影音列表 */
.vedio-list-box { background-color: transparent; margin-bottom: 0;}
.program-page.home .vedio-list-box { background-color:#ededed; }

@media (max-width:767px){
  .newslist-box h2 { padding-left: 0px;
}
  .newslist-box ul{margin-left:-10px; margin-right:-10px;}
  .newslist-box li{ width: calc(50% - 20px); }
  .newslist-box li .title{ font-size: 1.8rem; }
} 
@media (max-width:767px){
   .vedio-list-box li{ width: 100%; margin:15px 0px; }
}
@media (max-width:640px){
  .newslist-box ul {    margin-left: 0;    margin-right: 0;}
  .newslist-box li{ width:100%;  margin:0px 0px 10px 0px; }
  .vedio-list-box{padding:0}
  .vedio-list-box .container{padding-right: 10px;    padding-left: 10px;}
  .vedio-list-box ul{margin:0}
  .vedio-list-box li{ width: 100%; margin:0px 0px 10px 0px; }
} 





/* 新聞內容頁 */
.photo-slide{ padding: 20px 25px 50px 25px;}
.news-detail-box{ background-color: #fff;    background-color: #fff;    padding: 50px;    margin-bottom: 20px;}
  .news-detail-box .focus-title{   
    display: inline-block;
    position: absolute;
    top: -50px;
    left:50px;
    padding:3px 8px;
    color: #fff;
    font-size: 1.6rem;}
   .news-detail-box .theme-title{   
    display: inline-block;
    position: absolute;
    top: -40px;
    left: 44px;
    padding:3px 8px;
    color: #fff;
    font-size: 1.4rem;
    background-color:#f64d36;
    }  

  .news-detail-box .theme-title a{ color: #fff; }
  .news-detail-box .theme-title:hover{ opacity: 0.8; }
  .news-detail-box  hgroup{margin-left:-50px; margin-right:-50px; position:relative;}
  .news-detail-box  hgroup h1{ font-size: 3rem; color: #343434;  font-weight: bolder; border-bottom: 1px solid #eeeeee; padding:0 40px 20px 40px;  }

 .news-detail-box .subtag_box, .news-detail-box .info{padding: 0 40px;}

  .news-detail-box .info:after{ clear: both; content: ''; display: block; }
  .news-detail-box .info{font-size: 1.4rem; color: #aaa; }
  .news-detail-box .info li{ float: left; padding-right:30px;  }
.news-detail-box .info li.fblike{ float: right; padding-right:0;}

.news-detail-box audio{ width:400px; margin: 10px 0; clear: both; }

.social-box{ text-align: center; padding: 30px 0 10px 0; }
.my_centered_buttons{display: flex;    justify-content: center; flex-wrap: wrap;}

.my_centered_buttons a{padding: 2px!important; padding-top: 2px!important;}

@media (max-width:767px){
  .news-detail-box{ background-color: #fff;    background-color: #fff;    padding: 30px;    margin-bottom: 20px;}
  .news-detail-box .focus-title{top: -20px;  left:15px; font-size: 1.4rem; padding:2px 8px;}
  .news-detail-box .theme-title{top: -40px;  left:30px; font-size: 1.4rem; padding:2px 8px;}
  .news-detail-box  hgroup{margin-left:-30px; margin-right:-30px;}
  .news-detail-box  hgroup h1{padding:0 10px 10px 10px; margin-bottom: 10px;}

  .news-detail-box .info, .news-detail-box .subtag_box{padding:0px 10px 0 10px; }
  .news-detail-box audio{ width:100%; margin: 0px 0 10px 0; }

  .social-box li{ display: inline-block; text-align: center; margin: 0 8px 8px 8px; }

} 



.before_ready{display:none;}
@media (max-width:640px){
  .news-detail-box .info, .news-detail-box .subtag_box{padding:0px 10px; }
}

/* ====Modul==== ...*/
/* 精彩圖片slider */
.swiper-photo-container{
    margin: 0 auto 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 40px;
    }
.swiper-photo-container .swiper-wrapper{    
  position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }


.swiper-photo-container .swiper-wrapper img{ margin-bottom: 0; 
   width: 100%;
  }


.swiper-photo-container .swiper-pagination-fraction{  
    text-align: center;
    font-size: 1.8rem;
    position: absolute;
    margin-top: -32px;
    margin-left: -32px;
    left: 50%;
    right: auto;
    bottom: 0;
    width: auto;
    display: inline-block;
    padding: 0 5px;
    color: #ccc;
     
  }
.swiper-photo-container .swiper-pagination-current{padding: 5px;}
.swiper-photo-container .swiper-pagination-total{padding: 5px;}

.swiper-photo-container  .wording{  font-size: 1.8rem; color: #4a4a4a;}
.swiper-photo-container  .date {
    color: #aaaaaa;
    display: block;
    padding-top: 10px;
   
}


.swiper-photo-container .swiper-button-prev, .swiper-photo-container .swiper-button-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    
    width: 30px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: rgba(74,74,74,0.8);
    z-index: 2;
    vertical-align: middle;
    left: 0;

    margin-top: -30px;

}
.swiper-photo-container .swiper-button-next{ right: 0; left:auto}
.swiper-photo-container .swiper-button-prev:before, .swiper-photo-container .swiper-button-next:before  {
    content: '';
    background: url(../img/icon-slider-left.png) 50% 50% no-repeat;
    width: 30px;
    height: 16px;
    display: block;

    margin-top: 22px;
}
.swiper-photo-container .swiper-button-next:before {
    background: url(../img/icon-slider-right.png) 50% 0 no-repeat;

}




.swiper-photo-container.banner-swiper .swiper-button-next,
.swiper-photo-container.banner-swiper2 .swiper-button-next2,
.swiper-photo-container.banner-swiper2 .swiper-button-prev2,
.swiper-photo-container.banner-swiper .swiper-button-prev{
  margin-top: 0px;
}


@media (min-width:769px){
.swiper-photo-container.banner-swiper .swiper-button-next,
.swiper-photo-container.banner-swiper2 .swiper-button-next2{
    right: calc(25%);
    margin-right: -30px;

}
.swiper-photo-container.banner-swiper2 .swiper-button-prev2,
.swiper-photo-container.banner-swiper .swiper-button-prev{
  left: calc(25%);
  margin-left: -30px;
}
}

@media (max-width:768px){
.swiper-photo-container.banner-swiper .swiper-button-next,
.swiper-photo-container.banner-swiper2 .swiper-button-next2,
.swiper-photo-container.banner-swiper2 .swiper-button-prev2,
.swiper-photo-container.banner-swiper .swiper-button-prev{
  display: none;
}
}


/* 首頁焦點新聞slider */

.focus-slider .swiper-photo-container{
    margin: 0 auto 0 auto; padding-bottom: 0;}
.focus-slider .swiper-photo-container .swiper-button-prev, .focus-slider .swiper-photo-container .swiper-button-next { height: 48px; width: 48px; background-color:transparent; margin-top: -24px;}
.focus-slider .swiper-photo-container .swiper-button-prev:before, .focus-slider .swiper-photo-container .swiper-button-next:before  {height: 48px; width: 48px; margin:0}

.focus-slider  .swiper-photo-container .swiper-button-prev:before{
    background-image: url(../img/icon-arrow-l-w-shadow.png);
    background-size: contain;
}
.focus-slider .swiper-photo-container .swiper-button-next:before{
    background-image: url(../img/icon-arrow-r-w-shadow.png);
     background-size: contain;
}
.focus-slider .swiper-photo-container .swiper-button-prev:hover, .focus-slider .swiper-photo-container .swiper-button-next:hover,
.focus-slider .swiper-photo-container .swiper-button-prev:focus, .focus-slider .swiper-photo-container .swiper-button-next:focus{ background-color:transparent; opacity: 0.8; }
.focus-slider .swiper-photo-container .swiper-wrapper img{ /*min-height: 404px; */ width: 100%;}

.focus-slider .swiper-photo-container  .ellipsis {
    position: absolute;
    bottom: 0;
    padding: 50px 70px 10px 10px;
    color: #fff;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
   font-size: 2rem;
}
#RTIall.program-page.home .focus-slider .swiper-photo-container  .ellipsis{ font-size: 2rem;}
#RTIall .focus-slider .swiper-photo-container  .ellipsis{ font-size: 3rem;}


.focus-slider .swiper-photo-container .swiper-pagination-fraction{color: #fff;
    text-align: center;
    font-size: 1.8rem;
    position: absolute;
    margin-top: -32px;
    background-color:transparent;
    color: #ccc;
    left: auto;
    right: 0;
    bottom: 10px;
  }
.swiper-photo-container .swiper-pagination-total{}

/* 節目首頁slider */
.programslider-wrap{ padding-bottom: 0px;/*background-color: #000; */}



#RTIall.program-page .main_wrapper .news-detail-box h2{margin-left:-40px; margin-right: -40px; font-size: 2.4rem; width: calc(100% + 60px);}
@media (max-width:640px){
#RTIall.program-page .main_wrapper .news-detail-box h2{margin-left:0px; margin-right: 0px;width: 100%;}
.proram-theme-swiper, #RTIall.page-news-detail .swiper-photo-container{margin-left: -10px;    width: calc(100% + 20px);}
    .proram-theme-swiper .wording, #RTIall.page-news-detail .swiper-photo-container .wording{padding-left: 10px; padding:10px}

    .swiper-photo-container .swiper-pagination-fraction{ left: auto; right: 0;}
}
/* ====Modul==== ...*/
/* 行數 */


.ellipsis-effect{
 line-height: 20px; /* h */
  overflow: hidden;
}

.ellipsis-effect .text{ 
  float: right;
  margin-left: -5px;
  width: 100%;
  font-size: 1.8rem;
}

.ellipsis-effect::before{
  float: left;
  width: 5px; /* 與 .wrap .text 屬性 margin-left 一樣  */
  content: '';
}
.ellipsis-effect::after{
  float: right;
  content: "...";
  height: 20px;
  line-height: 20px;
  padding-right: 5px;
  text-align: right;
  width: 3em;  /* 为三个省略号的宽度 */
  margin-left: -3em; /* 使盒子不占位置 */
  position: relative; /* 移动省略号位置 */
  left: 100%;
  top: -20px;
  padding-right: 5px;

  /* 显示更好的效果 */

background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

    /* 重要 讓...不要失效 */
    -moz-box-sizing:content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

}

.ellipsis-effect.nodote::after{ content: ''; }

/* 1行 */
.ellipsis-effect, .ellipsis-effect::before {
  height: 20px; /* 目前為一行 h x 2 */
  
}

/* 2行 */
.ellipsis-effect.rows2, .ellipsis-effect.rows2::before{
  height: 40px; /* 目前為兩行 h x 2 */
  
}

/* 3行 */
.ellipsis-effect.rows3, .ellipsis-effect.rows3::before {
  height: 60px; /* 目前為兩行 h x 2 */
}

/* 4行 */
.ellipsis-effect.rows4, .ellipsis-effect.rows4::before {
  height: 80px; /* 目前為兩行 h x 2 */
}


/* 客製 首頁 imgvedioslider-wrap */
.imgvedioslider-wrap .ellipsis-effect .text{ font-size: 2.14rem; }
.imgvedioslider-wrap .ellipsis-effect.rows2, .imgvedioslider-wrap .ellipsis-effect.rows2::before { height:60px }
.imgvedioslider-wrap .ellipsis-effect{line-height: 1.4;}
.imgvedioslider-wrap li:hover .ellipsis-effect::after{
  background: -moz-linear-gradient(left, rgba(89,89,89,0) 0%, rgba(89,89,89,0) 1%, rgba(89,89,89,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(89,89,89,0) 0%,rgba(89,89,89,0) 1%,rgba(89,89,89,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(89,89,89,0) 0%,rgba(89,89,89,0) 1%,rgba(89,89,89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00595959', endColorstr='#595959',GradientType=1 ); /* IE6-9 */
color: #fff;
}
.imgvedioslider-wrap .ellipsis-effect::after{ top: -29px; height: 24px; line-height: 1.4;}


/* 客製 新聞 news-slider-wrap */

.news-slider-wrap li .ellipsis-effect::after, .news-slider-wrap li:hover .ellipsis-effect::after{
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(227,227,227,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(227,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(227,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e3e3e3',GradientType=1 ); /* IE6-9 */
}

/* 客製 節目 program-slider-wrap */
.program-slider-wrap .ellipsis-effect .text{  font-size: 2.14rem; }
.program-slider-wrap .ellipsis-effect.rows2, .program-slider-wrap .ellipsis-effect.rows2::before {   height:60px;}
.program-slider-wrap .ellipsis-effect{ line-height: 1.4; }
.program-slider-wrap li .ellipsis-effect::after, .program-slider-wrap li:hover .ellipsis-effect::after{
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(227,227,227,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(227,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(227,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e3e3e3',GradientType=1 ); /* IE6-9 */
}


.program-slider-wrap .ellipsis-effect::after{ top: -29px; height: 24px; line-height: 1.4;}

@media (max-width: 1120px){
      
      /* 客製 首頁 imgvedioslider-wrap */
      .imgvedioslider-wrap .ellipsis-effect .text{ font-size: 1.6rem; }
      .imgvedioslider-wrap .ellipsis-effect.rows2, .imgvedioslider-wrap .ellipsis-effect.rows2::before { height:39px }
      .imgvedioslider-wrap .ellipsis-effect{line-height: 1.2;}
      .imgvedioslider-wrap .ellipsis-effect::after {  top: -21px;}

      /* 客製 新聞 news-slider-wrap */
      .news-slider-wrap .ellipsis-effect .text{ font-size: 1.6rem; }
      .news-slider-wrap .ellipsis-effect.rows2, .news-slider-wrap .ellipsis-effect.rows2::before { height:39px }
      .news-slider-wrap .ellipsis-effect{line-height: 1.2;}

      /* 客製 節目 program-slider-wrap */
      .program-slider-wrap .ellipsis-effect .text{ font-size: 1.6rem; }
      .program-slider-wrap .focus-news .ellipsis-effect.rows2, .program-slider-wrap .focus-news .ellipsis-effect.rows2::before { height:42px }
      .program-slider-wrap .ellipsis-effect::after{ top: -22px; }
      .program-slider-wrap .ellipsis-effect{line-height: 1.2;}



}





/* RTI即時新聞 */

@media (max-width: 640px){


.focus-slider .swiper-photo-container  .ellipsis { font-size: 1.8rem; padding-top:30px ; }
#RTIall.program-page.home .focus-slider .swiper-photo-container  .ellipsis{font-size: 1.8rem;}
#RTIall .focus-slider .swiper-photo-container  .ellipsis{ font-size: 2.4rem;}

.programslider-wrap .owl-theme.banner-carousel .owl-nav{ display: none; }


.overview-box .text{
 line-height: 20px; /* h */
  overflow: hidden;
  height: 40px;
}

.overview-box .text a{ 
  float: right;
  margin-left: -5px;
  width: 100%;
  display: inline-block;

}

.overview-box .text::before{
  float: left;
  width: 5px; /* 與 .wrap .text 屬性 margin-left 一樣  */
  content: '';
  height: 40px;
}
.overview-box .text::after{
  float: right;
  content: "...";
  height: 20px;
  line-height: 20px;
  padding-right: 5px;
  text-align: right;
  width: 3em;  /* 为三个省略号的宽度 */
  margin-left: -3em; /* 使盒子不占位置 */
  position: relative; /* 移动省略号位置 */
  left: 100%;
  top: -20px;
  padding-right: 5px;
  margin-top: -3px;

  /* 显示更好的效果 */

background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

    /* 重要 讓...不要失效 */
    -moz-box-sizing:content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

}

}


/* web push */
.web-push{ 
    width:460px;
    margin-left: -230px;
    max-width: calc( 100% - 20px); 
   
    padding:20px 15px;
    position:fixed;
    top:96px;
    left:50%;
    z-index:1031;
    box-shadow: 0 4px 9px rgba(49,7,7,0.6);
    -moz-box-shadow: 0 4px 9px rgba(49,7,7,0.6);
    -webkit-box-shadow: 0 4px 9px rgba(49,7,7,0.6);
    background-color:  #eee ;

    color: #1f1e2b;

}


    .web-push .img{ background:  url(../img/icon_rti_webpush.png) 0 0 no-repeat; width: 120px; height: 120px; float: left; margin-right: 20px;background-size: contain;
}
    .web-push .title{ font-size:2.4rem; font-weight:bolder; padding-bottom:5px;}
    .web-push p{font-size:1rem; padding-bottom:10px; line-height:1.5;}

    .web-push .btn-box {  clear: bottom; text-align: right;}
    .web-push .btn-box a{
        
      
        font-size: 1rem;
        display:inline-block;
        padding:5px 15px;
        text-align: center;
   background-color: #fff;
   border-width: 1px;
   border-style: solid;
        margin: 0 1%;
        }
        .web-push .btn-box a:hover {opacity: 0.8;}
    .web-push .btn-box a.bt{  color: #fff;}
    
@media (max-width:768px) {
  .web-push{ top: 68px;  z-index:1029;} 
}
@media (max-width:640px) {
   .web-push{   width: 96%;     margin: 0px;   left:   2%;     max-width: 100%; text-align: left; }
    .web-push .img{width: 68px; height: 68px;  margin-right: 15px;}
    .web-push .title{font-size:2rem;}
    .web-push p{font-size:1.4rem;}
    .web-push .btn-box {  clear: both; text-align: center; }
}



/* ------------------play window ------------------ */ 
.play-window{ margin:3rem; min-height: 302px;}
.play-window .logo{ 
  height:50px; background: url('../img/RTI_logo.png') 0 0 no-repeat; background-size: contain; width: 200px;
  margin: 0 auto 50px auto; 
  font-size: 0;
}
.play-window .play-title{

    padding-left: 0px;
    font-size: 2.2rem;
    color: #000022;
    font-weight: bolder;
  }
.play-title .theme-title{margin-bottom: 10px;}
.play-title .theme-title a{
  background-color: #f64d36;
  color: #fff;  
  color: #fff;
   font-size: 1.4rem; 
   padding:3px 5px; 
   line-height: 1.3; 
   align-content: center;
    }

  .play-title .theme-title a:hover, .play-title .theme-title a:focus  {opacity: 0.8;}

.play-title .tag{  
  vertical-align: middle;
  border-radius: 2px; 
  padding:0;
  border-color: #f2827e;
  display: inline-block;

}
.play-title .tag a{
  border-color: #f2827e;
    line-height: 1;
    color: #f2827e;
    padding:3px 5px;
    background-color: transparent;
  
    
    display: inline-block;
    font-size: 1.4rem;
}
.play-title .tag a:hover, .play-title .tag a:focus{
  background-color: #f2827e;
  color: #fff;
  opacity: 1;
}

.play-window p{
    font-size: 1.8rem;
    color: #7f7f7f;
    line-height: 1.6;
    padding-top: 15px;
    clear: both;
}

.play-window section{padding:3rem;margin-top: 3rem; background-color: #fff;}

.play-window.play-box{ display: flex; justify-content: space-between; flex-wrap: wrap;min-height:auto;}

.play-window .cover{ flex: 0 0 30%; padding-right: 10px;}
  .play-window .cover img{width: 100%;}

.play-window .player{flex: 1;    width: 100%;}

.card-list h2:after{ content: ''; display: block; clear: both; }
.play-ad-box{ text-align: center; margin: 0 auto; }


.play-btn-box{
  display: flex;
  
  flex: 1 1 100%;
 

}
.play-btn-box > div{  flex:1; font-size: 1.6rem; }

.play-btn-box > div a{
  color: #4a4a4a;
   border: 1px solid #4a4a4a;
  
  display: inline-block;
  padding: 4px 12px;
  border-radius: 3px;

    font-size: 1.6rem;
    min-width: 36px;
    

}

.play-btn-box > .btn-home a{

   background-color: #4a4a4a;
   color: #fff;
}

.play-btn-box > div a:hover, 
.play-btn-box > div a:focus{    background-color: rgb(202, 21, 28); color: #fff; border: 1px solid  rgb(202, 21, 28);}

.play-btn-box > .btn-home{text-align: center; flex: 0 0 200px;}
.play-btn-box > .pre{ text-align: left; }
.play-btn-box > .next{ text-align: right; }

.play-btn-box > .pre a b,
.play-btn-box > .next a b{
  display: inline-block;
  width: 16px;
  height:16px;
 vertical-align: middle;

}

.play-btn-box > .pre a b,.play-btn-box > .next a b{
  background: url(../img/icon_morego_black@2x.png) 0 50% no-repeat;
  background-size: contain;
}
.play-btn-box > .pre a:hover b,.play-btn-box > .next a:hover b{
  background: url(../img/icon_morego_white@2x.png) 0 50% no-repeat;
  background-size: contain;
}
.play-btn-box > .pre a b{
      transform:rotateY(180deg);
    margin-right: 3px;
}
.play-btn-box > .next a b{
   margin-left: 3px;
    


}
.play-window.play-btn-box{min-height: auto;}
.play-btn-box > div .title{
  display: block;
  padding: 4px 0;
  color: #8b8b8b;
}

@media (max-width:768px) {
  .play-window.play-box{ display: flex; flex-direction: column-reverse;}
  .play-window.play-box, .play-window.play-btn-box{margin:2rem;}
  .play-window .cover{padding-right: 0;}



.play-btn-box > div ,.play-btn-box > div a{font-size: 1.4rem;}
.play-btn-box{justify-content: space-between;}

.play-btn-box > div{ flex: none; }


.play-btn-box > div .title{display: none;}
.play-btn-box > .btn-home {    flex: 0 0 auto;}
.play-btn-box > div a{padding:2px 6px;}
.play-btn-box > .pre a b,
.play-btn-box > .next a b{
  width: 12px;
  height:12px;

}

}


/* ----------------- audio style ------------------ */ 



div.maudio .audio-control .time-keep{ color: #fff; }
div.maudio .audio-control a.play, div.maudio .audio-control .volume-pass, div.maudio .audio-control .progress-pass{background-color: #ca151c;}
div.maudio .audio-control .progress-bar {    width: calc(100% - 132px);   }
#app{ /*width: 1000px;*/ margin: 0 auto; padding: 15px 15px 15px  15px; }
div.maudio .audio-control .volume-box{ display: none; }
div.maudio .audio-control .volume-box:after{ content: ''; display: block; width: 100%; clear: both; }




/* ----------------- 無障礙 ------------------ */ 
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    float: left;
}
.handicap-free{ color: transparent;    float: left!important; height: 0; }
.handicap-free a{ color: transparent;  }

.sr-only-focusable{
  padding: 0.5rem;
    background-color: hsl(358, 90%, 44%);
    color: #FFF;
    position: absolute;
    top: 0rem;
    left: 0;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 999999;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: absolute;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    color: #FFF;
}
/* ----------------- mini-player ------------------ */ 

 .audio-player-bar{
  cursor: pointer;
position: fixed;
bottom: 10px;
left: 10px;
width: 300px;
padding: 10px;
margin: 0 auto;
z-index: 9999;
min-height: 54px;


      background-color: rgba(0, 0, 0, .5);
      border-radius: 4px;

      box-shadow: 0 0  10px rgba(0,0,0,.5);
    }
 .audio-player-bar:after{content: ''; display: block; clear: both;}

.play-btn{ float: left; width: 30px; padding-top: 3px;}
.play-btn a{
    border-radius: 50%;

    display: block;
    background:#ca151c url(../img/audio_icon.png) no-repeat 10px 8px;
    width: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.audio-select {
 
  display: block;
  width:calc(100% - 60px);
  height: 5.5em;
  line-height: 2;
 background: transparent;
 border: 1px solid #afafaf;
  overflow: hidden;
  border-radius: .25em;
  position: absolute;    top: 10px;    right: 22px; left: 50px;
}
.audio-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background:  transparent;
  background-image: none;
   color: #afafaf;

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #fff;
  cursor: pointer;

  font-size: 1.4rem;
}
.audio-select select option {
    background: #dedede;
    color: #000;

}

.audio-select select::-ms-expand {
  display: none;
}
/* Arrow */
.audio-select::after {
  content: '\25BC';
  position: absolute;
  top: 6px;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: transparent;
  pointer-events: none;
}
/* Transition */
.audio-select:hover::after {
  color: #afafaf;
}
.audio-select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}



@media (max-width:640px){ 
   .audio-player-bar h3{  padding-left: 0px; }
   div.maudio .audio-control .volume-box{ display: block; float: none; clear: both; width: calc(100% - 10px);padding-top: 5px; position: relative; top: 35px; }
   div.maudio .audio-control .progress-bar {    width: calc(100% - 57px); left:40px; top:7px;}
   div.maudio .audio-control .volume-bar{width: calc(100% - 42px); }

div.maudio .audio-control{  position: relative; min-height:33px; }

div.maudio .audio-control .play, div.maudio .audio-control .time-keep, .progress-bar{ float: none; position: absolute; left: 0; top: 0; }
div.maudio .audio-control .time-keep{left:40px; top:0; line-height: 1; height: auto;}
div.maudio .audio-control .volume-box{ display: none; }
.audio-player-bar{ width: calc(100% - 71px); }
}


/* ----------------- 網站導覽 ------------------ */ 
.site-tree{ font-size: 1.6rem; }

/* 第一層 */
.site-tree > ul > li > a{ 
  padding: 10px;
  background-color: #eee; 
  border: #e3e3e3 solid 1px;
  display: block;
  -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.1);
    box-shadow: 0 0px 10px rgba(0,0,0,.1);

    color: #000;
    font-size: 1.8rem;
    margin-top: 10px;
}

/* 第二層 */
.site-tree > ul > li > ul > li{ 
  padding: 10px; 
  border-bottom: 1px solid #e8e8e8; 
  color: #990000;
    font-size: 1.6rem;
}
.site-tree > ul > li > ul > li > a{ font-size: 1.8rem; color: #4a4a4a;}

/* 第三層 */
.site-tree > ul > li > ul > li > ul {}
.site-tree > ul > li > ul > li > ul > li{ font-size: 1.4rem; color: #9b9b9b; line-height:1.3; width: 50%; float: left; }
.site-tree > ul > li > ul > li > ul > li a{color: #9b9b9b; padding:10px 0 0; display: block;}


.site-tree  ul:after,  .site-tree:after{content: ''; display: block; clear: both;}



@media (min-width:500px){

    .site-tree > ul > li { float: left; width: calc(50% - 13px); margin-right:13px;  }
    .site-tree > ul > li:last-of-type{margin:0}
    .site-tree > ul.onegroup{ flex-direction: column; }
    .site-tree > ul > li > ul > li > ul {display: block;}
    .site-tree > ul > li > ul > li > ul > li{ width: 100%; }
}


@media (min-width:769px){
  .site-tree > ul > li { float: left; width: calc(33.33% - 13px); margin-right:13px;  }
}


@media (min-width:1024px){
  .site-tree > ul > li { float: left; width: calc(20% - 13px); margin-right:13px;  }
}

@media (min-width:1280px){
   .site-tree > ul{ float: left; width:100%;/*width:calc(100% - 16.66%);*/}
/*   .site-tree > ul.onegroup{ float: right; width: 180px; width:16.66%;}*/
   .site-tree > ul > li { float: left; width: calc(20% - 13px); margin-right:13px;  }
   .site-tree > ul.onegroup > li{ float: none; width: 100%; }
  
}


/* 節目代表圖 */

.program-item .photo, .classificatin-wrap .photo{ position: relative; padding-top: 56%; margin-top: 10px;}

.program-item .photo .pic, , .classificatin-wrap .photo .pic{
      display: block;
    min-height: 100%;
    background-color:#e2e2e2;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-top: 56%;
   /* filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;*/
    cursor: pointer;
    position: relative;
}
.program-item .photo .pic, .classificatin-wrap .pic{ background-image: url('../img/img_placeholder.png') ; background-color: #eee; }
.pic_box{
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
}
.pic_box:before {
    box-shadow: inset 0 0 0 0px rgba(53, 53, 53, 0);
}

.pic_box:after {
    display: table;
    clear: both;
    content: "";
}
.pic_box .pic{
    width: 100%;
    overflow: hidden;
    background-size: cover;
    flex: 1;
}
.pic_box .pic img{
      object-fit: cover;
      width: 100%;  height: 100%;
      position: absolute;
      top: 0; left: 0; right: 0;
}

.program-item .ellipsis-effect.rows2, .program-item .ellipsis-effect.rows2::before {  height: 44px;}
.program-item .ellipsis-effect::after{ top: -22px; }



/* ------------------ megamenu.css ------------------ */


.menu-container {
    background: #e9e9e9;
    width: calc(100% + 40px);
    margin: -20px -25px 0px -20px;
}




.menu-container > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu-container > ul:before,
.menu-container > ul:after {
    content: "";
    display: table;
}

.menu-container > ul:after {
    clear: both;
}

.menu-container > ul > li {
    float: left;
    background: #e9e9e9;
    padding: 0;
    margin: 0;
    position: relative;
}

.menu-container > ul > li a {
    text-decoration: none;
    display: block;
    font-size: 1.4rem;
     padding: 1em 1em; 
     text-align: center; 
     color: #6e6c6c;
}

.menu-container > ul > li:hover, .menu-container > ul > li.active {
    background: #6e6c6c; 
}

.menu-container > ul > li > ul {
    display: none;

    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
   
   background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding: 0;
    width: 200px;
}

.menu-container > ul > li > ul:before,
.menu-container > ul > li > ul:after {
    content: "";
    display: table;
}

.menu-container > ul > li > ul:after {
    clear: both;
}

.menu-container > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 100%;
    background: none;
    
}

.menu-container > ul > li > ul > li a {
    color: #777;
    padding: 1em 1em; 
    display: block;
    
}
.menu-container > ul > li > ul > li:hover > a{ color: #c32607; }


.menu-container > ul > li:hover > a, .menu-container > ul > li.active > a{ color: #fff; }




.menu-container > ul > li > ul > li{border-bottom: 1px solid #EEE;}
.menu-container > ul > li > ul > li:last-of-type{ border-bottom: 0; }
.menu-dropdown-icon:before{padding: 1em 1em;}

.menu-container > ul > li:hover > ul{ display: block; }

.mnav{ margin-top: 20px;  width: calc(100% - 30px); height: 40px; margin-right: 15px; margin-left: 15px; font-size: 1.6rem;}
.mnav optgroup{ padding: 5px 0; }


.article-tab-cont h2{ border-bottom: 1px solid #333; padding-bottom: 10px; margin: 10px 0; }
.article-tab-cont{ margin: 0 30px; }

.article-tab-cont article a{ color:#5587e0; }
.article-tab-cont article a:hover{ text-decoration: underline;}

@media (max-width: 767px){
  #RTIall.single-page .main_wrapper .article-tab-cont {    padding: 20px 0 20px 0;}
.article-tab-cont {    margin: 0 0px;}
}

@media (max-width: 640px){
.mnav {
    margin-top: 10px;
    width: calc(100% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}

}

/* 首頁焦點新聞 golden ratio */
.golden-ratio-wrap{  width: 100%; margin-bottom: -5px; }
.golden-box-c{ width: calc(60% - 2px); }
.golden-box-b{ width: calc(40% - 2px);  }
.golden-box-a{width: 100%; display: flex;  }

.imgvedioslider-wrap .golden-box-a .ellipsis-effect .text{ font-size: 1.4rem; }


.golden-box-a .img-cover{ width: 50%; }
.golden-box-b .img-cover{margin-left:5px; margin-bottom: 5px;}
.golden-box-a .img-cover{margin-left:5px;}

.golden-ratio-wrap img{
  object-fit: cover;
  width: 100%;  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0;
}


.golden-ratio-wrap .img-cover{
    
      -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0px 20px rgba(0,0,0,.3);
    box-shadow: 0 0px 20px rgba(0,0,0,.3);
}
.golden-ratio-wrap .img-cover a{ 
  display: block; 
     background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    background-color: #fff;

     padding-top: 56.25%;  
   width: 100%; 
}
.golden-ratio-wrap .img-cover .bg{
position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 70%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    padding: 10px;
}
.golden-ratio-wrap .img-cover .ellipsis-effect{     
    color: #fff;   
    font-size: 2rem;
    line-height: 1.2;
}


.golden-ratio-wrap .ellipsis-effect, .golden-ratio-wrap .ellipsis-effect::before{ height: 27px; }
.golden-ratio-wrap .ellipsis-effect.rows2, .golden-ratio-wrap .ellipsis-effect.rows2::before{ height: 53px; }
.golden-ratio-wrap .ellipsis-effect::after{ background: none; }


.golden-box-b .img-cover .ellipsis-effect{font-size: 1.8rem;}
.golden-box-a .img-cover .ellipsis-effect{font-size: 1.6rem;}


@media (max-width: 1120px){
  .golden-ratio-wrap .ellipsis-effect.rows2, .golden-ratio-wrap .ellipsis-effect.rows2::before {    height: 41px;}
  .imgvedioslider-wrap .ellipsis-effect::after {    top: -25px;}
}

@media (max-width:767px){


  .golden-ratio-wrap{margin-bottom: 10px;}
  .golden-box-c, .golden-box-b{ width: 100%; }
  .golden-box-b{ display: flex; }
  .golden-box-b .img-cover{ width: 66.67%; }
  .golden-box-a{ width: 33.33%;flex-direction: column;}
  .golden-box-a .img-cover{ width: 100%; }

  .golden-box-c .img-cover{}
.golden-box-b .img-cover{margin-left:0px; margin-top: 5px;}
.golden-box-a .img-cover{margin-left:5px; margin-top: 5px; width: calc(100% - 5px);}
.golden-box-a .img-cover:last-of-type{margin-top: 0px; }
   .golden-ratio-wrap .img-cover .ellipsis-effect{ padding: 5px; font-size: 1.8rem; }
   .golden-box-b .img-cover .ellipsis-effect{font-size: 1.6rem;}
   .golden-box-a .img-cover .ellipsis-effect{font-size: 1.4rem;}
}



/* 將swiper 改成等比例 同高 */
.swiper-slide {    }
.img-put-in-a{
    background-size: cover;
    padding-top: 56.25%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
  }
.focus-slider .swiper-photo-container .swiper-wrapper img{

     object-fit: cover;
      width: 100%;  height: 100%;
      position: absolute;
      top: 0; left: 0; right: 0; 
}




    /* 多個AD300-250 */
    .muti-ad-300-250, .muti-ad-320-100{ text-align: center; margin-bottom: 0;border-top: 1px solid rgba(228, 228, 228,.3);}
    .muti-ad-300-250 img, .muti-ad-320-100 img{  margin:10px; width: auto; max-width: 100%;}



 .schedule_info .name-list .ic_listen{margin-right: 5px;}
.ic_listen{
      background:#ccc url(../img/icon-headphones.png) 58% 50% no-repeat;
      display: inline-block;
      width: 26px;
      height: 26px;
      background-size: 60%;
      border-radius: 36px;
      vertical-align: middle;
      text-indent: -9999px;
      font-size: 0;
}


/* 新聞內文 底下 mobile版 邊距調整 */
@media (max-width: 767px){
/*
  #RTIall.page-news-detail .container{    padding-right: 0px;    padding-left: 0px;}
  #RTIall.page-news-detail .container .main_wrapper{ padding: 5px 3px; }
  .news-detail-box {  padding:30px 10px;  margin-bottom: 20px;}
  #RTIall.page-news-detail .newslist-box{padding:20px 10px 15px 10px;}*/

  .page-news-detail .news-detail-box { padding: 20px 10px; }
  .page-news-detail .news-detail-box hgroup {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 15px;
}


}


/* 首頁央廣焦點 */

.home-in ul{ display: flex; }
.home-in ul:after{display: none;}
.home-in li{width: 20%; padding-right: 10px; padding-right: 10px;}

.home-in .img, .home-in .title {
    float: none;
    width: 100%;
    display: block;
}
.home-in .img {
    position: relative;
    padding-top: 66.66%;
}

@media (max-width: 767px){
  .home-in ul{ flex-wrap: wrap; justify-content: space-between;}
  .home-in li{ width: calc(50% - 10px);padding-right: 0px; }

}


@media (max-width: 640px){
  .home-in {padding-left: 5px; padding-right: 5px;}
  .home-in ul{ flex-wrap: wrap; justify-content: space-between;}
  .home-in li{ width: calc(50% - 5px); }
}


.golden-box-a .img-cover .ellipsis-effect{ font-size: 1.4rem; }
.golden-ratio-wrap .golden-box-a .ellipsis-effect, .golden-ratio-wrap .golden-box-a .ellipsis-effect::before {    height: 14px;}
.imgvedioslider-wrap .golden-box-a .ellipsis-effect::after {    top: -14px;    height: 14px;}

.golden-ratio-wrap .golden-box-a .ellipsis-effect.rows2, .golden-ratio-wrap .golden-box-a .ellipsis-effect.rows2::before {    height: 32px;}
.imgvedioslider-wrap .golden-box-a .ellipsis-effect.rows2::after {    top: -18px;    height: 14px;}











@media (max-width: 767px){
 #RTIall.program-page .news-detail-box hgroup h1 {
    margin-left: -20px; margin-right: -20px;
    padding-left: 10px;
    padding-right: 10px;
}
#RTIall.program-page.single-page .news-detail-box hgroup h1 {
    margin-left: 0px; margin-right:0px;
    padding-left: 0px;
    padding-right:0px;
}
#RTIall.program-page.single-page .news-detail-box .theme-title{top:-30px; left: 0px;}
#RTIall.program-page .main_wrapper .news-detail-box hgroup, #RTIall.program-page.single-page .main_wrapper .news-detail-box hgroup {
    margin: 0 0;
}



}

@media (max-width: 640px){
 #RTIall.program-page .news-detail-box hgroup h1 {
    margin-left: -10px; margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}
/*hgroup .audio-play, hgroup .podcast-play{margin-top: -10px;}*/


#RTIall.program-page .main_wrapper .news-detail-box hgroup, #RTIall.program-page.single-page .main_wrapper .news-detail-box hgroup {padding-top: 15px;}
#RTIall.program-page.single-page .news-detail-box .theme-title{top:-20px; left: 0px;}
/* 內頁圖片滿版 */
article img, .main_wrapper article img, .program-page .news-detail-box img{ margin-left:-10px;  max-width: calc(100% + 20px); }

}



/* modal */

.modal-content{
  border-radius: 0;
  padding: 20px;
      width: 100%;
}
.modal-content h5{
  font-size: 2rem;
    font-weight: bolder;
    margin: 0 auto 10px 0;
    color: #343434;

}
.modal-body p{font-size: 1.4rem;}
.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
    max-width: 100%;
    margin: 1.75rem auto;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-bottom: 0;
    margin-bottom: 20px;
  }
.modal-body{padding:0}

.modal-header .close{float: none; margin:0}
.modal-header .close span{
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../img/close_black.png') 0 0 no-repeat;
  background-size: cover;
}


.copylink_box{
  background-color: #eee;
    border: #e2e2e2 1px solid;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
  margin:10px 0;
}
.copylink_box input{border:0; height: 32px; line-height: 32px; font-size: 1.4rem; background-color:transparent; width: calc(100% - 100px);}
.copylink_box button{width:100px; background-color: rgb(202, 21, 28); color: #fff; height: 32px; border:0px; font-size: 1.4rem; padding:0 6px}
.copylink_box button:hover, .copylink_box button:focus{opacity: 0.8;}



/* smart banner */
.smartbanner{ display: none; }





@media (max-width: 767px){

  .smartbanner{ display: none; }
  .addsmartbanner .smartbanner{ display: flex; }

  /* 顯示 下載APP 的 BAR  */
  #RTIall.addsmartbanner {    margin-top: 60px;}
  .addsmartbanner .navbar-fixed-top{ top: 60px; }

.smartbanner-bottom{ padding-bottom: 60px; }
.smartbanner-bottom .smartbanner{display: flex;}
  .smartbanner{ 
    background-color: #000;
    height: 60px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1036;
    align-items: center;
    color: #fff;
    padding: 10px;
    text-align: left;
    justify-content: space-between;
  }
.smartbanner .mcont{display: flex;}

.smartbanner .logo{ 
  background:url('../img/icon-app-80.png') 0 0 no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  }
.smartbanner .wording{padding:0 10px;font-size: 1.6rem;}
.smartbanner .wording span{ display: block; color: #ccc;font-size: 1.2rem; }

.smartbanner .sbtn{text-align: right;}
.smartbanner .sbtn  a{border:1px solid #fff; border-radius: 4px; padding:4px 8px; display: inline-block;font-size: 1.6rem; color: #fff;}
.smartbanner .sbtn  a:hover, .smartbanner .btn a:focus{ background-color: #fff; color: #000; }
.smartbanner .ic-close{
  background:url('../img/close@2x.png') 0 0 no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  font-size:0;
   }

   .smartbanner .ic-close:hover, .smartbanner .ic-close:focus{ opacity: .8; }
}


/* 節目快訊的社群icon與連結 */

.theme_socail_block{
  display: flex;
  justify-content: flex-end;
 margin-top: -40px;
 margin-bottom: 20px;
 margin-left: -40px;
 margin-right: -40px;
 padding-right: 40px;
}
.theme_socail_block a{ 
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 2px;
  border-radius: 4px;
  padding: 0 0 0 5px;

}
.theme_socail_block a img{vertical-align: top; width: 24px;}
.theme_socail_block a:hover, .theme_socail_block a:focus{ color: #fff; opacity: 1; -webkit-filter:grayscale(0);}

.theme_socail_block .fb{ background-color: #1877f2; }
.theme_socail_block .ig{background-color: #f00075;}
.theme_socail_block .youtube{background-color: #ff0000;}
.theme_socail_block .line{background-color: #00b900;}
.theme_socail_block .twitter{background-color: #1da1f2;}

@media (max-width: 767px){
  .theme_socail_block{
     margin-top: -20px;
    margin-bottom: 10px;
     margin-left: -20px;
     margin-right: 0px;
     width: calc(100% + 40px);
     padding-right: 10px;
    }
    #RTIall.single-page .main_wrapper .news-detail-box h2{margin-left:0; margin-right: 0;}
}
@media (max-width: 640px){
  article .theme_socail_block img, .main_wrapper article .theme_socail_block img, .program-page .news-detail-box .theme_socail_block img {
      margin-left:0px;
      max-width: auto;
  }

  .theme_socail_block{
     margin-top: 0px;
    margin-bottom: 0px;
     margin-left: 0px;
     margin-right: 0px;
     width: 100%;
     padding-right: 0px;
    }
  .theme_socail_block a{ font-size: 0; padding-left: 15px;}
  .theme_socail_block a img{margin-right:auto; margin-left:auto;}
}


/* podcasts */
.podcasts-box{margin-left: -38px;    margin-right: -38px; justify-content: flex-start;}
.podcasts-box .program-item{ 
  border:0;
  flex: 0 0 calc(25% - 10px);
  margin:5px 5px 20px 5px; 
  flex-wrap: wrap;
  display: inline-flex;
  align-content: stretch;
  
}
.podcasts-box .program-item a{   padding:0; border-bottom-width: 0px;background-color: #fff;border:1px solid #eee; }
.podcasts-box .program-item a:hover{border:1px solid #eee;}
.podcasts-box .program-item .photo{ padding-top: 0; margin: 0 auto 5px auto; border-bottom: 0px solid #fff;}
.podcasts-box .program-item .photo img{width: 100%;}
.podcasts-box .title, .podcasts-box .author, .podcasts-box .wording{ padding:5px 10px; }
.podcasts-box .title{color:#000;font-size: 1.8rem; }
.podcasts-box .title a{color: #000;}
/*.podcasts-box  .program-item a:hover .title{color: #fff;}*/
.podcasts-box .author{font-size: 1.4rem;color: #adadad;}

@media (max-width: 767px){
.podcasts-box{margin-left: 10px;    margin-right: 10px; display: flex;}
.podcasts-box .program-item{     width:  auto;   flex: 0 0 calc(50% - 10px);}

}

@media (max-width: 640px){

.program-page .news-detail-box .podcasts-box img {
    margin-left: 0px;
    max-width: 100%;width: 100%;
}
}

.fb-wording{
display: inline-block; vertical-align: top; margin-right: 20px;
}

/* noscript */
#RTIall.single-page .noscript-show .container, 
#RTIall.news-page .noscript-show .container,
.noscript-show{margin-top:0px; padding-top:1rem; padding-bottom:1rem;}
.noscript-show{ background-color:transparent; }
.noscript-show p{font-size:1.6rem; margin-bottom:15px; padding-top:0px;}
.noscript-show p:last-of-type{margin-bottom:0;}
.noscript-show a{text-decoration:underline;}
.noscript-show a:hover{text-decoration:none;}


.play-window .noscript-show{background-color:#fff;  }
.play-window  .noscript-show .container{width:auto;}
.noscript-show + .play-box{margin-top:40px;}


/* 無障礙徽章 */
.accessibility_mark{
  margin-top: 5px;
}
.accessibility_mark a{display: inline-block;}


/* Podcast 平台按鈕 */
.podcast_btn_box{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 20px 0 40px 0;
}
.podcast_btn_box .wording{
  color: #a5a5a5;
  font-size: 1.4rem;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;

}
.podcast_btn_box .item-btn{
  border: 1px solid #cbcbcb;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
  background-color: #fff;
  padding: 6px;
  border-radius: 5px;
  margin: 0 7px;
  width: 50px;
  text-align: center;
  float: none;
}
.podcast_btn_box .item-btn .img{
  width: 36px;
  margin-left: 0px;
  max-width: initial;
}
.podcast_btn_box .item-btn:hover, .podcast_btn_box .item-btn:focus{
  border: 1px solid #d5444a;}


.play-window .podcast_btn_box{ justify-content: flex-start;  }
.play-window .podcast_btn_box .wording{ text-align: left; }

.podcast_btn .podcast_btn_box{justify-content: flex-end;  margin:0; margin-right: -4px; margin-top: 14px; margin-bottom: -5px; font-size: 0;}
.podcast_btn .podcast_btn_box .item-btn{width:36px; height: 36px; padding:3px; margin:0 4px;}
.podcast_btn .podcast_btn_box .item-btn .img{ width: 28px; }


.audio-play, 
.podcast-play,
.podcast_btn_box .audio-play,
.podcast_btn_box  .podcast-play{ 
  float: right;
  background: url('../img/icon-headphones.png') 50% 50% no-repeat;
  background-size:24px auto; 
  width: 36px; height: 36px; 
  display: inline-block; 
  background-color:  #4a4a4a;
  margin-left: 5px;
  border-radius: 5px;
  margin-top: -5px;
  font-size: 0;
}

.podcast-play,
.podcast_btn_box .podcast-play{background-image: url('../img/icon-podcast.png');}


.podcast_btn_box .audio-play:hover,
.podcast_btn_box .audio-play:focus{background-image: url('../img/icon-headphones.png');}


.podcast-play:hover, 
.podcast-play:focus,
.podcast_btn_box .podcast-play:hover,
.podcast_btn_box .podcast-play:focus{background-image: url('../img/icon-podcast.png');}


  @media (max-width: 767px){
    .podcast_btn_box{  margin: 0px 0 20px 0;}
    .play-window .podcast_btn_box{ justify-content: center;  }
    .podcast_btn_box .wording{ text-align: center; }

  }

@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); }
@charset "utf-8";



.cla-box li.first {
    background: none;
    padding-left: 0;
    border-top: 0px solid #e8e8e8;
    margin-bottom: 10px;
}



.first.ellipsis-effect.rows2, .first.ellipsis-effect.rows2::before , .cla-box .ellipsis-effect.rows2, .cla-box .ellipsis-effect.rows2::before {
    height: 48px;
    content: '';
    display: block;
}

.first.ellipsis-effect::after{ line-height: 24px; height: 24px;     top: -28px;  }


.cla-box .ellipsis-effect .text{font-size: 1.6rem;}

.cla-box li {
     background: url(../img/list-icon.png) 0 14px no-repeat; padding-left: 15px;}




.ellipsis{ word-break: break-all;}


p {
word-break:normal;

word-wrap:break-word;
}


/*  針對外文 不加日期 對MENU位置做調整 */
#RTIall .nav-link {  margin-top: 69px;}
@media (max-width: 1023px) and (min-width: 768px){
#RTIall .nav-link {    margin-top: 75px;}
}

.program_lang_other_box ul li .text {
    display: block; /* 針對外文 加長顯示寬度 */
}
@charset "utf-8";


body {
	/* font-family: Verdana, Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;*/
}