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

body { background-color: #ececec; margin: 0; padding: 0; color: #333; font-family: "微軟正黑體"; }
ul, ol, dl { 	padding: 0;	margin: 0; }
h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0px; font-weight: normal; }
a img, img  { border: none; }

a:link {  text-decoration: none; }
a:visited {color:#383838; text-decoration: none; }
a:hover  {  }

.hide {  visibility:hidden;}


.spacer2 { margin-top: 2px; }
.spacer5 { margin-top: 5px; }
.spacer6 { margin-top: 6px; }
.spacer10 { margin-top: 10px; }
.spacer20 { margin-top: 20px; }
.spacer35 { margin-top: 35px; }
.spacer55 { margin-top: 55px; }
.bottom10 {margin-bottom:10px;}
.clearfix {clear:both;}

.partition {margin-bottom:3px;}
.catunderline {width:100%; height:3px;margin-bottom:5px;}



.banner{width:100%;height:auto;text-align:center;margin:0 auto;margin:4px auto;}
.banner img{width:100%;height:auto;}
.banner h3{text-align:center;padding-top:12px;}
.container {max-width:768px;margin-right:auto;margin-left:auto;padding-left:auto;padding-right:auto;position:relative;}

.bannerzone18 {margin:0 auto;text-align:center;margin:10px px;}
.bannerzone18 .size300x250{}
.size728x90 img{width:100%; max-width:728px;}

/*主題*/
.cattitle_wrap {width:100%;display:block;}
.cattitle {max-width:768px;background-color:#333333;background-image:url(../images/cattitle_bg.jpg);background-size:100% auto;height:35px;top:0;display:block;z-index: 2000;width: 100%;position:fixed;left: auto; right: auto; }
.cattitle .inner {}
.cattitle .name { display: block; float: left; text-decoration: none; width:80%; text-align:center;padding-top: 1.2%;}
.cattitle .btnback {  float: left; width: 10%; text-align:center;padding-top: 1.6%;}
.cattitle .btnback img {width:11px;height:17px;}
.cattitle .btnnews{ float: left;width: 10%; text-align:center;padding-top: 1%;}
.cattitle .btnnews img {width:20px;height:22px;}
.cattitle h1 {font-size:16px;display: block;}

/*MobileiPadBanner*/
@media only screen and (max-width: 480px) {
      .show-mobile {
        display: inline;
      }
      .show-ipad {
        display: none;
      }
    }

 @media only screen and (min-width: 768px) {
      .show-ipad {
        display: inline;
      }
      .show-mobile {
        display: none;
      }
    }

/*iFrame*/
.frame {
  display: block;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  border: 0 none;
  box-sizing: border-box;
}

/*節目*/
.programme_wrap {width:100%;} 
.programme {}
.programme_image {background-color:#ffffff;}
.programme_image img {width:100%;height:auto;display:block;}
.programme_intro {width:100%;background-color:#ffffff;}
.programme_intro  h2 { text-decoration: none; font-size: 15px; line-height: 17px;padding:1.5% 15px;margin:0 auto;text-align:justify;}

.programme_episode {width:100%;background-color:#ffffff;display:block;}
.programme_episode a{width:100%;background-color:#ffffff;display:block;}
.programme_episode a:hover {background-color:#f8f8f8;}
.programme_episode h2 { text-decoration: none; font-size: 22px; line-height: 24px; width:100%;font-weight:bold;}
.programme_episode .text {width:90%;padding:10px 15px;}
.programme_episode .text_full {padding:10px 15px;}
.btngo {width:10%;padding:10px;text-align:right;}
.btngo img {margin-top:3px;width:20px;height:20px;}
.programme_episode .listen2 {width:10%;}
.programme_episode .listen2 img {color:#ffffff;padding:6px 5px 2px 2px;text-align:right;font-size:13px;font-weight:bold;height:25px;width:auto;}
.programme_episode .listen2 a:hover {background-color:#ffffff;}
.programme_episode .description {height:auto;padding:0px 0px 0px 0px; }
.programme_episode .description h4 {color:#464646;font-size:15px;text-align:justify;}
.programme_episode .description p {color:#464646;font-size:15px;text-align:justify;padding:0px 0px 10px 0px;}

/*節目時間/日期TITLE*/
.programme_halfhrtitle_line1 {height:1px;width:100%;}
.programme_halfhrtitle_line2 {height:3px;background-color: #44154d;width:100%;}
.programme_halfhrtitle {background-color:#ffffff;height:25px;}
.programme_halfhrtitle .date {width:60%;height:25px;float:left;}
.programme_halfhrtitle .date h4{color:#44154d;padding:2px 0 2px 15px;font-weight:bold;}
.programme_halfhrtitle .timebg {width:5%;height:25px;float:left;background-image:url(../images/time_bg.png);background-size:10px 25px;background-repeat:no-repeat;background-position:right;}
.programme_halfhrtitle .time {width:35%;background-color:#44154d;height:25px;float:right;}
.programme_halfhrtitle .time h4{color:#ffffff;padding:2px 15px 2px 2px;text-align:right;font-size:13px;font-weight:bold;}

.programme_detail  {}
.programme_detail .info_wrap   {height:30px;}
.programme_detail .date h4 {color:#ffffff;padding:5px 0 2px 5px;font-weight:bold}
.programme_detail .date {width:75%;background-color:#44154d;float:left;color:#ffffff;height:30px;}
.programme_detail .date span {margin:0 10px 0 5px;}
.programme_detail .listenbg {width:3%;background-color:#1a0435;float:left;height:30px;background-image:url(../images/detailbg.jpg);background-repeat:no-repeat;}
.programme_detail .listen {width:22%;background-color:#1a0435;float:left;color:#ffffff;height:30px;}
.programme_detail .listen h4 {color:#ffffff;padding:2px 5px 2px 2px;text-align:right;font-size:13px;font-weight:bold;}
.programme_detail .listen img {color:#ffffff;padding:1px 5px 2px 2px;text-align:right;font-size:13px;font-weight:bold;height:25px;width:auto;}


/*Social Media Link position*/
.social {width:60%;height:32px;text-align:center;margin:4px auto;float:left;}
.social img {height:32px;}

.listen_prenext {width:20%;height:40px;float:left;margin:4px auto;}
.listen_prenext img{width:68px;height:38px;}
.listen_prenext .pre {text-align:left;padding-left:5px;}
.listen_prenext .next {text-align:right;padding-right:5px;} 

.themeimg_wrap{margin:0 auto;text-align:center;padding:0px 0px 0px 0px;clear:both; }
.themeimg_wrap .themeimg {text-align:center;margin:0 auto;overflow:hidden;max-height:300px;padding:0px 0px 0px 0px;}
.themeimg_wrap .themeimg img {width:100%;max-width:100%;margin:-15% 0 0%  0;}
.themeimg {text-align:center;margin:0 auto;overflow:hidden;max-height:300px;padding:0px 0px 0px 0px;}
.themeimg img {width:100%;max-width:100%;margin:-15% 0 0 0;}
.themeimg_wrap .description {color:#464646;font-size:15px;text-align:justify;padding:0px 15px 0px 15px;}

.themeimg_wrap2{margin:0 auto;text-align:center;padding:0px 0px 0px 0px;clear:both; }
.themeimg_wrap2 .themeimg {text-align:center;margin:0 auto;padding:0px 0px 0px 0px;}
.themeimg_wrap2 .themeimg img {max-width:100%;max-height:100%;}
.themeimg_wrap2 .description {color:#464646;font-size:15px;text-align:justify;padding:0px 15px 0px 15px;line-height:28px;text-align:justify;width:95%;}

.themeimg2 {width:100%;text-align:center;margin:0 auto;}
.themeimg2 img {max-height:350px;width:auto;height:auto;margin:0 auto;display:block;clear:both;max-width:100%;}
.themeimg2 h4{padding:0 2.5% 10px 2.5%;color:#464646;font-size:15px;text-align:justify;width:95%;line-height:28px;}


/*finance節目list*/
.finance_wrap  {min-height:60px;background-color:#ffffff;padding:0px ;}
.finance_wrap .programme_title {width:100%;background-color:#ffffff;}
.finance_wrap .icon {width:30px;height:30px;margin:15px 5px 15px 15px;float:left;}
.finance_wrap .icon img{width:30px;height:30px;}
.finance_wrap .text {width:85%;}
.finance_wrap h1 {float:left;color:#1d3d8b;font-weight:bold;font-size:22px;}
.finance_wrap a{width:100%;height:60px;background-color:#ffffff;display:block;}
.finance_wrap a:hover {background-color:#f8f8f8;}

/*cattitle list*/
.titlebox_wrap  {min-height:60px;background-color:#ffffff;padding:0px ;}
.titlebox_wrap  .programme_title {width:100%;background-color:#ffffff;}
.titlebox_wrap  .icon {width:34px;height:34px;margin:15px 10px 15px 10px;float:left;}
.titlebox_wrap  .icon img{width:34px;height:34px;}
.titlebox_wrap  .text {width:85%;}
.titlebox_wrap  h1 {float:left;color:#1d3d8b;font-weight:bold;font-size:22px;}
.titlebox_wrap  a{width:100%;height:60px;background-color:#ffffff;display:block;}
.titlebox_wrap  a:hover {background-color:#f8f8f8;}

.society_wrap {text-align:center;min-height:600px;background-color:#23bcb7;}
.society_wrap img {width:100%;height:auto;}

.aboutus_wrap{}
.aboutus_wrap .btn_tnc{text-align:center;margin-right:10px;padding:4px 10px ;font-weight:bold;color:#106313;border:solid 2px #106313;float:right;border-radius:15px;font-size:14px;}

.row {}
.event_wrap {height:80px;text-align:center;}
.event_wrap img{}

.archive_wrap {text-align:center;}
.archive_wrap img {width:70%;}

.aboutus_wrap {background-color:#f4ffdd;}


/*catagory字體顏色及底色(t=內標題 t2=titlebar標題) */

/*新聞天氣*/
.news {background-color:#42b1ff;}
.news_t {color:#1d3d8b;}
.news_t2 {color:#42b1ff;}
.news_t a:link { text-decoration: none; }

/*財經*/
.finance {background-color:#18e4eb;}
.finance_t {color:#1d3d8b;}
.finance_t2 {color:#18e4eb;}
.finance_t a:link { text-decoration: none; }

/*商管*/
.biz {background-color:#f71cfa;}
.biz_t {color:#3a0a4e;}
.biz_t2 {color:#f71cfa;}
.finance_t a:link { text-decoration: none; }

/*健康生活*/
.life {background-color:#9fdd28;}
.life_t {color:#198d66;}
.life_t2 {color:#9fdd28;}
.life_t a:link {  text-decoration: none; }

/*親子教育*/
.edu {background-color:#23d296;}
.edu_t {color:#009f87;}
.edu_t2 {color:#23d296;}
.edu_t a:link {  text-decoration: none; }

/*音樂娛樂*/
.music {background-color:#ffd800;}
.music_t {color:#d74411;}
.music_t2 {color:#ffd800;}
.music_t a:link {  text-decoration: none; }

/*飲食旅遊*/
.fun {background-color:#ff3300;}
.fun_t {color:#c20f5f;}
.fun_t2 {color:#ff3300;}
.fun_t a:link {  text-decoration: none; }

/*metroShare分享*/
.msshare {background-color:#ec008c;}
.msshare_t2 {color:#ec008c;}

/*metroShare商店街*/
.ms {background-color:#b2c10e;}
.ms_t2 {color:#b2c10e;}

/*活動*/
.event {background-color:#d24aff;}
.event_t2 {color:#d24aff;}

/*社交平台*/
.society {background-color:#ffd02b;}
.society_t2 {color:#ffd02b;}

/*精選重溫*/
.archive {background-color:#ff2e87;}
.archive_t2 {color:#ff2e87;}

/*足本重溫*/
.full_archive {background-color:#ff7917;}
.full_archive_t {color:#1d3d8b;}
.full_archive_t2 {color:#ff7917;}
.full_archive_t  a:link {  text-decoration: none; }

/*節目表*/
.schedule {background-color:#ffff66;}
.schedule_t2 {color:#ffff66;}

/*關於我們*/
.aboutus {background-color:#00cc00;}
.aboutus_t2 {color:#00cc00;}

/*會員登記*/
.reg {background-color:#ff004c;}
.reg_t2 {color:#ff004c;}

#full-screen-background-image {
  z-index: -999;
  min-height:auto;
  mix-width: 100%;
  max-width: 768px;
  height: auto;
  position: fixed;
  background-attachment:fixed;
  background-size:cover;
top:0;
bottom:0;
}

.main {background-color: #0d0215;}
.mainp { }
.bannerzone {margin:0 auto;margin-bottom:8px;}
.bannerzone img{height:auto;width:100%;}
.mainp .content_wrap {background-image:url(../images/bg_content.png);margin:20px 30px;}
.mainp .content_wrap  .mainbtn {margin:2px 0;float:left;width:25%;text-align:center;}
.mainp .content_wrap  .mainbtn img {width:100%;height:auto;max-width:155px;}
.btneffect img {opacity: 1;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.btneffect :hover img {opacity: .5;}

.soc_wrap {background-color:#06c2ba;}
.soc{}
.soc .text1 {text-align:center;padding:10px;}
.soc .text1 img {width:66%;padding-top:2%;}
.soc .text2 {text-align:center;}
.soc .text2 img {width:70%;}
.soc .btn_wrap {margin:8px 0;}
.soc .row {margin:5% 0 0 0%;width:80%;margin:0 auto;}
.soc .btn {width:33.3%;text-align:center;margin:10px 0%;float:left;}
.soc .btn img {width:100%;height:100%;padding:0;margin:0;}
.soc .btn2 {width:15%;height:100px;text-align:center;float:left;}
.soc .btnsp1 {width:100%;margin:0 auto; bottom:0;overflow: hidden;}
.soc .btnsp1 img{width:100%;height:auto;padding:0;margin:0;bottom:0;}
.soc .btnsp2 {width:50%;height:auto;float:left;text-align:center;padding:0;display: block;margin-top: -2.5%;}
.soc .btnsp2 img{width:100%;height:auto;max-width:135px;}
.soc h3 {color:#ffffff;font-size:15px;}
.soc .description {padding:0 8%;text-align:justify;line-height:21px;margin-top:10px 0;}

.mplay_content {height:355px;padding:0px 5px 5px 5px;margin:0;margin-top:-3px;}
.mplay_finance {background-image:url(../images/playbg_finance.png);background-repeat-y:no-repeat;}
.mplay_management {background-image:url(../images/playbg_management.png);background-repeat-y:no-repeat;}
.mplay_health {background-image:url(../images/playbg_health.png);background-repeat-y:no-repeat;}
.mplay_family {background-image:url(../images/playbg_family.png);background-repeat-y:no-repeat;}
.mplay_music{background-image:url(../images/playbg_music.png);background-repeat-y:no-repeat;}
.mplay_travel{background-image:url(../images/playbg_travel.png);background-repeat-y:no-repeat;}
.mplay_more{background-image:url(../images/playbg_more.png);background-repeat-y:no-repeat;}
.mplay_title img{width:100%;display:block;}
.mplay_title480 img{width:100%;display:none;}
.mplay_videozone {background-color:#000000;height:315px;}
.mplay_select_menu select{height:30px;width:90%;margin:0 5%;text-align:center;}

@media (max-width:480px){
.themeimg {max-height:100%;}
.themeimg_wrap2 .themeimg img {max-width:320px;} 
.archive_wrap img {width:100%;}
.mainp .content_wrap {margin:10px 15px;}
.soc .row {margin:5% 0 0 0%;width:98%;margin:0 auto;}
.soc .btnsp2 {width:50%;height:auto;float:left;text-align:center;padding:0;display: block;margin-top: -4%;}
.soc .btn {width:33.3%;text-align:center;margin:4px 0%;float:left;}
@media (max-width:320px){
	.programme_halfhrtitle .time h4{font-size:11px;}
	}