@charset "utf-8";
/* CSS Document */
.mo_mode { display: block;}

/*header position*/
.hinetinfo{ display:none;}
.hinetinfo .info{}
.hinetinfo .info img{}
.header{
    width:100%;
	height: auto;
	background:none;
	background-color:#495C6B;
	position: fixed;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	z-index:99999;
	top:0px;
}
.header .content{
	width:100%;
}
.header .content .logo{
	width:100%;
	height:45px;
	background:url(../images/phone/logo.png) no-repeat center;
	background-size:150px 45px;
	text-align:center;
	position:relative;
}
.header .content .logo a{
	width:100%;
	height:60px;
}

.header .content .logo img{ width:160px; height:60px;}
.opemenu{ width:40px; height:40px; position: absolute; background:url(../images/phone/opnemenu.png) center center no-repeat; background-size:25px 25px; left:0px;top:0px; z-index:999999; position:fixed;}
.opemenu a{ width:40px; height:40px; display:block;}

/*上方音樂控制區*/
.musicarea{
	background-color:#3F4F5E;
	height:65px;
	width:100%;
	position: absolute; 
	right:0; 
	background:url(../images/phone/musicarea_bg.jpg) repeat-x; 
	background-size:20px 65px;
}
.musicarea .musicbt{
	width:55px;
	height:55px;
	margin: 8px 5px;
}
.musicarea .musicbt a{ display: block; width: 100%; height: 100%;}
.musicarea .playbt{background:url(../images/phone/play.png) no-repeat;cursor:pointer; background-size:55px 55px;}
.musicarea .stopbt{background:url(../images/phone/stop.png) no-repeat center 0;cursor:pointer;background-size:50px 50px;}

.musicarea .movgif{ display:none;}
.musicarea .songarea{
	width:170px; 
	font-size:13px;
	margin-top:15px;
}
.musicarea .songarea .name{ margin-bottom: 0; font-size:18px;max-width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.musicarea .songarea .company{ font-size:13px;width:170px;white-space: nowrap;overflow:hidden;}
.musicarea .volume{ display:none;}/*手機版無音量控制*/
.musicarea .volumemin{}
.musicarea .volume_bar{}
.musicarea .volume_bar .slidbt{}
.musicarea .volume_bg{}
.musicarea .volumemax{}

.musicarea .othertool{ float:right; margin-right:5px;}
.musicarea .favorite{ width:40px; height:40px; background:url(../images/phone/top-love.png) no-repeat; background-size:40px 80px;margin-top:10px;}
.musicarea .favorite a{ width:40px; height:40px; display:block;}
.musicarea .copy{ width:40px; height:40px; background:url(../images/phone/top-copy.png) no-repeat;background-size:40px 80px;margin-top:10px;}
.musicarea .copy a{ width:40px; height:40px; display:block;}
.musicarea .select{ background-position:0px -40px;}


/*中間內容Star*/
.pagesize, .adSet .pagesize {
	width:100%;
	padding-top:110px;
}
.maincontent{float:none;padding:0px; width:100%; }
.adSet .page_ad, .adSet .page_ad2 { display: none; }

/*分類標題*/
.toparea{ width:100%; height:58px;display:block;}
.searcharea{display:none;}/*手機版無搜尋*/
.searcharea .txtinpute{}
.searcharea .txtinpute input{}

.collectarea{ background:url(../images/phone/collect_bg.jpg) no-repeat; margin-top:0px; background-size:1000px 58px;}
.rankingarea{ background:url(../images/phone/ranking_bg.jpg) no-repeat;margin-top:0px;background-size:1000px 58px; }
.frequencyarea{ background:url(../images/phone/frequency_bg.jpg) no-repeat;margin-top:0px;background-size:1000px 58px; }
.recentlyarea{ background:url(../images/phone/recently_bg.jpg) no-repeat;margin-top:0px;background-size:1000px 58px; }
.channelarea{ background:url(../images/phone/channel_bg.jpg) no-repeat;margin-top:0px;background-size:1000px 58px; }
.announcementarea{ background:url(../images/phone/announcement_bg.jpg) no-repeat;margin-top:0px;background-size:1000px 58px;}

/*電台資訊*/
.radioinfo{}
.radioinfo .tit{ height:32px; line-height:32px; background:url(../images/phone/radio_bar.jpg) repeat-x;background-size:11px 32px;}
.radioinfo .tit .close{ width:25px; height:25px;  float:right; margin-right:5px; margin-top:3px;}
.radioinfo .tit .close a{ width:25px; height:25px;background:url(../images/phone/close.png) no-repeat;background-size:25px 25px; display:block;}
.radioinfo .infomain{ background:none; background-color:#F6F6F6; padding:0px;}
.radioinfo .item{ width:100%; height:auto;background-color:#F5F5F5; border:none; float:none;position: relative;}
.radioinfo .item .title{ background:none; height:42px;font-size:18px; margin:0; padding-top:0px; line-height:42px; text-indent:10px;}
.radioinfo .item .title span{ background-color:#F5F5F5; padding:0;}
.radioinfo .item .cplogo{ width:300px; height: auto; float:none; margin:0 auto 10px;}
.radioinfo .item .cplogo img{ width:100%; height:auto;}
.radioinfo .item .infotxt{ width: auto; float:none;margin:0; line-height:24px; padding: 0 10px 10px; padding-left: 0;}
.radioinfo .item .infotxt th{ width:20%;padding-left:10px;}
.radioinfo .list{ width: auto; height:260px;float:none;padding-left:0px; background:url(../images/phone/list_bg.jpg) repeat-x; background-size:4px 225px; padding-top:10px; }
.radioinfo .scoll{ height:230px;}

.radioinfo .list .title{ font-size:18px; text-indent:15px; margin-bottom:7px;padding-left:0px;}
.radioinfo .list li{font-size:13px; line-height:30px;}
.radioinfo .list li a{ display: block;}
.radioinfo .list li a:hover{ background-color:#5f5f5f; color:#fff;}
.radioinfo .list li a:hover .sound{ float:right; width:20px; height:20px; margin-top:5px; margin-right:5px; background: url(../images/phone/sound.png) no-repeat; background-size:20px 20px;}
.radioinfo .list li .time{ float:left; width:80px; margin-right:35px; text-indent:15px; }
.radioinfo .list li .song{ float:left; width:180px;overflow: visible;white-space:pre-wrap ;}
.radioinfo .list li.select .sound{ float:right; width:20px; height:20px; margin-top:5px;margin-right:5px;background: url(../images/phone/sound.png) no-repeat;background-size:20px 20px}
.radioinfo .list li.select{ background-color:#5f5f5f; color:#fff;}
.radioinfo .list li.select a{color:#fff;}


/*電台列表*/
.radioset{width:100%;float:none;background-color:#fff; padding-top:0px;}
.radioset .tit{ height:35px; line-height:35px; text-align:center; color:#323232; background:url(../images/phone/radio_bar.jpg) repeat-x; border-bottom:1px solid #E1E1E1;border-top:1px solid #B9B9B9; font-weight:400; font-size:16px; position:relative; }
.radioset li{ height:50px; border-bottom:1px solid #E4E2E3;}
.radioset li:nth-child(even){background-color:#EEEEEE;}
.radioset li .rank{ height:40px; width:20px;margin-top:10px; float:left; font-size:18px; text-align:right; line-height:40px;}
.radioset li .cplogo{ height: auto; width:90px; margin-left:0px; margin-top:0px; left:10px;top: 5px; height:38px; overflow:hidden;}
.radioset li .info{ height:35px;margin-left:0px;margin-top:0px;font-size:13px;padding-left:115px;padding-top: 5px; font-size:15px;}
.radioset li .info p{overflow : hidden;  text-overflow : ellipsis;  white-space : nowrap; width:95%; }
.radioset li .info .company{ color:#666;}
.radioset li:hover { background-color:#A8C6E8; color:#0775C0;}
.radioset li:hover .company{ color:#0775C0;}/*hover才會出現*/

.radioset li .tool{ height:35px;float:right;margin-top:10px; display:none;}
.radioset li:hover .tool{ display:none;}/*hover才會出現*/
.radioset li:hover .info{}
.radioset li:hover .info p{}
.radioset li:hover .info{ height:60px;padding-left:115px; }
.radioset li:hover .info p{overflow: hidden;  text-overflow : ellipsis;  white-space : nowrap; width:95%;  }

.radioset li .tool .icon{ height:30px; width:30px;float:right; margin:0px 2px;}
.radioset li .tool .icon a{ height:30px; width:30px; display:block;}
.radioset li .tool .play{ background:url(../images/phone/small-play.png) no-repeat;cursor:pointer; background-size:30px 60px;}
.radioset li .tool .love{ background:url(../images/phone/small-love.png) no-repeat;cursor:pointer; background-size:30px 60px;}
.radioset li .tool .copy{ background:url(../images/phone/small-copy.png) no-repeat;cursor:pointer; background-size:30px 60px;}
.radioset li .tool .trash{ background:url(../images/phone/trash.png) no-repeat;cursor:pointer;background-size:30px 60px;}
.radioset li .tool .select{ background-position:0px -30px;}
.radioset li.select .info{ height: auto;}
.radioset li.select .info p{ overflow:hidden;white-space:nowrap; text-overflow:ellipsis;width:53%;}

.radioset li.select{ background-color:#A8C6E8; color:#0775C0;}
.radioset li.select .tool{ display:block;}/*select時會出現*/
.radioset li.select .company{  color:#0775C0;}/*select時會出現*/

.trashset li:hover .info p{overflow : hidden;  text-overflow : ellipsis;  white-space : nowrap;  width:95%; }
.trashset li.select .info p{overflow : hidden;  text-overflow : ellipsis;  white-space : nowrap; width:95%; }




/*排行列表*/
.rankset{ float:left; width:100%;background-color:#fff; height:100%;}
.rankset .tit{ height:35px; line-height:35px; text-align:center; color:#323232; background:url(../images/phone/radio_bar.jpg) repeat-x; border-bottom:1px solid #E1E1E1;border-top:1px solid #B9B9B9; font-weight:400; font-size:16px; }
.rankset li{ height:60px; border-bottom:1px solid #E4E2E3;}
.rankset li:nth-child(even){background-color:#EEEEEE;}
.rankset li .rank{ height:40px; width:20px;margin-top:10px; font-size:15px; text-align:right; line-height:40px;position:absolute;}
.rankset li .cplogo{ height:40px; width:95px;position:absolute; left:40px; height:38px; overflow:hidden;}
.rankset li .info{ height:60px; padding-left:145px;font-size:13px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;max-width:95%;font-size:15px;}
.rankset li .info p{overflow : hidden; text-overflow : ellipsis;  white-space : nowrap; max-width :95%; }


.rankset li .info .company{ color:#666;}
.rankset li .lift{height:35px; width:33px; position:absolute;line-height:35px; text-align:center; font-size:16px;}/*排行升降*/
.rankset li:hover { background-color:#A8C6E8; color:#0775C0;}
.rankset li:hover .company{ color:#0775C0;}/*hover才會出現*/

.rankset li .rise{ color:#FF0000;}/*排行升降-升*/
.rankset li .drop{ color:#0fb69c;}/*排行升降-降*/
.rankset li .balanced{ color:#000;}/*排行升降-持平*/


.rankset li .tool{ height:35px;float:right;margin-top:15px; display:none;}
.rankset li:hover .tool{ display:none;}/*hover才會出現*/
.rankset li:hover .lift{ display:block;}/*hover才會消失*/

.rankset li .tool .icon{ height:30px; width:30px;float:right; margin:0px 02px;}
.rankset li .tool .icon a{ height:30px; width:30px; display:block;}
.rankset li .tool .play{ background:url(../images/phone/small-play.png) no-repeat;cursor:pointer; background-size:30px 60px;}
.rankset li .tool .love{ background:url(../images/phone/small-love.png) no-repeat;cursor:pointer; background-size:30px 60px;}
.rankset li .tool .copy{ background:url(../images/phone/small-copy.png) no-repeat;cursor:pointer; background-size:30px 60px;}
.rankset li .tool .trash{ background:url(../images/phone/trash.png) no-repeat;cursor:pointer;background-size:30px 60px;}
.rankset li .tool .select{ background-position:0px -30px;}
.rankset li.select .info{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;max-width:75%; }


.rankset li.select{ background-color:#A8C6E8; color:#0775C0;}
.rankset li.select .info p{overflow : hidden;  text-overflow : ellipsis;  white-space : nowrap;max-width:95%;}
.rankset li.select .tool{ display:block;}/*select時會出現*/
.rankset li.select .lift{ display:none;}/*select才會消失*/
.rankset li.select .company{  color:#0775C0;}/*select時會出現*/
.rankset li.ad{border-bottom:none; padding:0; height:auto;}
.rankset li.ad a:hover{ background-color:#fff;}
.rankset li.ad img{ width:100%; margin-bottom:0;}


/*right side*/
.rightside{display:none;}

/*AD*/
.radioset li.ad { background-color:#e3edf6; }
.webad { display:none}
.webad img{}
.padad { display:none;}
.padad img{}
.phonead { display:block; height: 50px; padding-left: 10px; background-color:#e3edf6;}
.phonead a{ display:block;}
.phonead img{ width:100%;}
.info_ad { display:none;}
/*top100*/

/*相關公告*/

/*相關公告內頁*/
.announce{width:100%;float:none;background-color:#fff; height:100%;}
.announce .tit{ height:35px; line-height:35px; text-align:center; color:#323232; background:url(../images/radio_bar.jpg) repeat-x; border-bottom:1px solid #E1E1E1;font-weight:400; font-size:16px; }
.announce li{border-bottom:1px solid #E4E2E3; padding:10px; color:#666; line-height:24px;}
.announce li h4{ font-weight:400; color:#000;}

.announce li.bg{background-color:#EEEEEE;}
.announce li.ad{border-bottom:none; padding:0; height:auto;}
.announce li.ad a:hover{ background-color:#fff;}
.announce li.ad img{ width:100%; margin-bottom:0; height:auto;}
/*測試*/
.announce .testing{ width:250px; height:100px;background:url(../images/phone/testing.jpg); background-size:250px 100px;}
.announce .testing .testbt{ width:127px; height:26px; background:url(../images/phone/testbtn.jpg);background-size:127px 26px;left:105px; top:65px;}
.announce .testing .testbt a{width:127px; height:26px;display:block;}

/*檢測結果*/
.conclusion{width:100%;float:none; padding-bottom:105px;}
.conclusion .tit{ height:35px; line-height:35px; text-align:center; color:#323232; background:url(../images/radio_bar.jpg) repeat-x; border-bottom:1px solid #E1E1E1;font-weight:400; font-size:16px; }
.conclusion .situation span{ color:#2b98db; display:block;}
.conclusion .listen{width:100%; margin:0 auto;}
.conclusion .demoset{width:100%; float:none; padding:0px 0px 0px 15px; margin:15px 0; box-sizing:border-box;}
.conclusion .box th{ font-size:15px;}
.conclusion .gap{ border-right:none; border-bottom:1px solid #ccc;}
.conclusion .contact .tt{ font-size:16px;}
.conclusion .contact .result{ position: relative; top:0; font-size:16px;}
.conclusion .contact p{ margin:10px 0;}

.conclusion .contact .mail{ padding-left:30px; background:url(../images/phone/mail.jpg) no-repeat 0px top; position: relative;background-size:20px 20px; font-size:16px;}
.conclusion .contact .mail .btn{ width:105px; height:26px; background:url(../images/phone/mailbtn.jpg) no-repeat; position:absolute; left:160px; top:-5px; background-size:105px 26px;}
.conclusion .contact .mail .btn a{ width:105px; height:26px; display:block;}
.conclusion .contact .tell{ padding-left:30px;background:url(../images/phone/tell.jpg) no-repeat 0px top;background-size:20px 20px;}
.conclusion .contact .tell span{ color:#0078ff}


/*左選單*/
.menu{display:none;}

/*popup*/
.popup_overlay {
	z-index: 100000;
}

.popup_close {
	background: url(../images/phone/bt_close.png) center center no-repeat; background-size:18px 16px;
	top:5px;
	z-index: 100002;
	}
.popup {
	width:90%;
	top:60px;
	z-index: 100001;
	padding:0px 0 5px;
}
.popup .title {height:40px; line-height:40px; color:#fff; font-size:18px; padding-left:20px;}
.popup .tstarea{font-size:16px; line-height:18x; padding-bottom:5px;line-height:20px; margin:10px 5px;}
.popup .tstarea .txt{ margin-bottom:5px;}
.popup .tstarea .try{ width:200px; height:40px;background:url(../images/phone/trymusic.jpg) no-repeat 40px;background-size:26px 30px; background-color:#FF7000; line-height:40px}
.popup .tstarea .try a{ width:200px;height:40px;}
.popup .tstarea span{ display:block;}
.popup .seletarea{margin:0 10px; margin-top:5px;padding-bottom:0px;}
.popup .seletarea .txt{font-size:16px;}
.popup .seletarea ul{ margin:10px auto;}
.popup .send{ width:200px; height:40px; background:url(../images/phone/ok.jpg) no-repeat; background-size:200px 41px; margin-bottom:10px;}
.popup .send a{ width:200px; }
.popup .checking{ color:#999; margin:10px auto; text-align:center; padding-top:10px;}
.popup .checking a{ background-color:#c9c9c9; color:#fff; padding:5px 10px;border-radius: 3px; display:block; width:150px; margin:0 auto; margin-top:5px;}
.popup .checking a:hover{ background-color:#0775c0; }

.pop_ad {top: 150px; margin-left: -160px; width:320px;}
.pop_ad .media_tag{ width: 100%; height: auto; overflow: hidden;}
.pop_ad .media_tag img{ width: 100%; height: auto;}
.pop_ad .sound a{ background-image:url(../images/phone/icon_sound.png); background-size: auto 40px;}

/*footer*/
.footer{ 
	width:100%;
	bottom:0;
	background-color:#B0B0B0;
	text-align:center;
	line-height:15px;
	font-size:12px;
	font-weight:bold;
	color:000;
	padding:10px 0;
	position:fixed;
	}
.footer .breaks{ display:block;}
.footer .breaks2{ display:block;}
.top{ width:44px; height:32px; background:url(../images/top.png) no-repeat;right:10px;}
.top a{ width:44px; height:32px; display:block;}


/*當捲軸下拉至最底時 footer出現不會被遮住列表的高度*/
.pgap{ padding-bottom:115px;}