@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td,object {padding: 0;margin: 0; font-family:Arial, Helvetica, sans-serif; color:#666;list-style:none;}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:underline;}
body {font-size:12px;background:url(../imgs/body_bg.gif) 0 0 repeat-x;}
img, div { border:none;behavior: url(iepngfix.htc) }
#clear {display:block;clear:both;height:10px; width:138px; background-color:#012038;}

/*block----------*/
#wrapper {width:984px; height:auto;position:relative; background-color:#FFF; margin:0 auto;}
#header {position:relative;width:100%;height:180px;  text-align:right; background-color:#b00000}
#top_flash{height:38px; position:absolute;  top:0px; left:0px; width:90%; margin:0 auto; z-index:100;}
#top{height:38px; position:relative; width:90%;_width:89%; margin:0 auto;background:#012038}
#top p a {float:left;  margin-left:35px;_margin-left:15px;background:url(../imgs/icon_top_inner.gif) 0 10px no-repeat; padding:5px 0 0 20px; line-height:25px; text-decoration:none;color:#fbcc7c; display:block;}
#top p a:hover {text-decoration:underline}
#container {background-color:#012038; overflow:hidden;_height:1%}
#sideL {width:138px;float:left; background:#012038 url(../imgs/sideL_bg.gif) 0 0 no-repeat; margin-bottom:0; height:700px}
#sideR {width:846px;float:right; background-color:#ffffff;_overflow:hidden;}
#block_R { width:255px; float:left; margin:8px 0 0 4px ;_margin-left:2px}
#footer  {
	clear:both;
	height:77px;
	text-align:center;
	width:984px;
	margin:0 auto;
	padding:10px 0;
	border-top:#012038 solid 1px;
}

/*movie rank----------*/
#movRank {width:257px;background: url(../imgs/MovRank_body.gif) repeat-y 0 0;}
#movRank dt {background:#FFF url(../imgs/MovRank_headline.gif) no-repeat 0 0; display:block; height:36px}
#movRank dd {background: url(../imgs/MovRank_btm.gif) no-repeat 0 bottom;padding:6px 6px 0 6px;}
#movRank dd ul li {border-bottom:1px dotted #d71820; padding:4px 0 4px 12px; margin-right:12px;overflow:auto;*height : 1%; /* IE6 IE7 */}
@-moz-document url-prefix() {#movRank dd ul { margin-bottom:15px }}
.movPic {float:left; margin-right:10px; height: 70px;}
#movRank dd ul li p { line-height:20px; width:155px; float:left;overflow:hidden;}
.titleRed {color:#b00000; font-weight:bold;}
.titleRed a {color:#b00000;} 
.titleGrey3 {color:#333; font-weight:bold;}

/*DJ����----------*/
.djPic {width:58px;height:58px;border:1px solid #9c9c9c;float:left;margin-right:4px;}

/*DJ�ɮ�----------*/
.djFile {width:50px;height:50px;border:1px solid #9c9c9c;float:right; margin:0;}


/*�H��q�x�J�I----------*/
#hotRadio {width:257px;background: url(../imgs/MovRank_body.gif) repeat-y 0 0;}
#hotRadio dt {background:#FFF url(../imgs/hotradio_headline.gif) no-repeat 0 0; display:block; height:36px}
#hotRadio dd {background: url(../imgs/MovRank_btm.gif) no-repeat 0 bottom;padding:0 4px;}
#hotRadio dd ul li {border-bottom:1px dotted #d71820; padding-bottom:12px;margin:12px 4px 0px 4px;line-height:18px;overflow:hidden;height:50px}
@-moz-document url-prefix() {#hotRadio dd ul { margin-bottom:12px }}

/*HITO�Ʀ�]----------*/
#hitoRank {width:257px;background: #ebebeb url(../imgs/media_body.gif) repeat-y 1px bottom; position:relative}
.hitoRankTitle { clear:both; height:31px;width:252px; margin-left:2px; }
.hitoRankTitle .menu { background:  url(../imgs/rank_bg.gif) repeat-x 0 0; height:31px; width:253px}
.hitoRankTitle .menu li { float:left;cursor:pointer; line-height:22px;height:31px; text-align:center;padding:0;margin:0;width:86px; color:#fff}
.hitoRankTitle .menu li.selected { position:relative;  margin:0; padding:0 0 0px 0; background:url(../imgs/rank_sub_tab.gif) -10px bottom;width:86px; }
.hitoRankTitle .menu li a {color:#FFF;}
.hitoRankTitle .menu li a:hover {color:#fcca0f; text-decoration:none;}
.title a:visited {color:#FF0000}
.hitoRankTitle {color:#fcca0f;}
.menu-w100 .menu li { width:63px; }
.menu-w100 .menu li.selected { background-position:-150px 0; color:#fcca0f;width:63px;}
.contentBoxBody { margin:0px; padding:0 10px; width:235px; overflow:hidden;}
.contentBoxBody ol {margin-top:0px;*margin-top:14px !important; padding:0}
.contentBoxBody ol li {margin:0; padding:0}

#hitoRank p.rankImg {float:left;border:1px solid #999;display:inline; width:80px; height:80px; margin:0 10px 0 6px;}
.crown {color:#e68503; font-size:16px; font-weight:bold; letter-spacing:2px;background: url(../imgs/icon_rankCrown.gif) 0 2px no-repeat; padding-left:20px;padding-top:4px;margin-right:5px;}
.crownNone {color:#e68503; font-size:14px;font-weight:bold;margin:0 5px;letter-spacing:2px;}
#hitoRank p.rankTit {clear:both; line-height:19px;margin-top:2px ;line-height:18px \9;*line-height:21px;}


.btnMore a {color:#333; }

/*�����T�ֵJ�I----------*/
p.entImg {float:left;border:1px solid #999;display:inline; width:90px; height:auto;margin:4px 6px 0 0;}
p.entTitFirst {font-weight:bold;background: url(../imgs/icon_ent.gif) 0px 3px no-repeat; padding-left:20px; line-height:22px;}
p.entTit {font-weight:bold;background: url(../imgs/icon_ent.gif) 0px 3px no-repeat; padding-left:18px; line-height:22px }
p.entName {line-height:20px; height:96px; overflow:hidden; margin-bottom:5px;}

/*rotate banner----------*/
#adbanner {width:255px;background: url(../imgs/ad_body_bg.gif) repeat-y 0 bottom; margin-top:8px;}
#adbanner dt {background:#FFF url(../imgs/ad_head_bg.gif) no-repeat 0 bottom; display:block; height:10px}
#adbanner dd {background: url(../imgs/ad_btm_bg.gif) no-repeat 0 bottom;padding:0 10px 10px 10px}
#TopBanner{width:235px; height:140px;position:relative;}
#TopBanner .link {position:absolute; right:0px; bottom:-10px; width:120px; height:20px;z-index:2;}
#TopBanner .link ul {display: block;}
#TopBanner .link ul li {width: 12px;height:12px;float:left;text-align: center;cursor: pointer;font-size: 10px;margin:2px;color: #999;border:1px solid #b0b0b0}
#TopBanner .link ul li.on {background-color:#666;color:#B0B0B0;}
#TopBanner .link ul li.off {background-color:#FFF;}

/*�Ť�s�i ----------*/
#scupio {width:255px;background: url(../imgs/ad_body_bg.gif) repeat-y 0 bottom; margin-top:8px; text-align:center;}
#scupio dt {background:#FFF url(../imgs/ad_head_bg.gif) no-repeat 0 bottom; display:block; height:10px}
#scupio dd {background: url(../imgs/ad_btm_bg.gif) no-repeat 0 bottom;padding:0 10px 10px 10px; text-align:center;}

/*secondary----------*/
.scroll {width:250px; height:25px;background: url(../imgs/scroll_bg.gif) no-repeat 0 0; padding:1px 0 3px 15px;margin-top:3px; margin-bottom:8px;*margin-bottom:8px !important;}
.scroll li {color:#FFF; line-height:30px;  margin-right:15px; padding-left:8px }
.scrollWid {width:225px;}
.scroll ul#sd_txt li a {color:#FFF; text-decoration:none}
#onair {background: url(../imgs/onair_bg.gif) no-repeat 0 0; width:243px; height:151px;margin-bottom:10px; padding:35px 0 0 12px;}
#onair li {clear:both}
#onair p.onairImg {float:left;border:1px solid #999;display:inline; width:91px; height:61px; margin-right:6px; margin-bottom:10px;}
#onair p.onairTit {color:#fcca0f; font-size:14px;margin:0;height:20px;}
#onair p.onairName {color:#FFF; line-height:20px;_line-height:13px;height:35px;font-size:14px;}

#mediaBox {width:257px;background: url(../imgs/media_body.gif) repeat-y 1px bottom;margin-bottom:10px;*margin-bottom:10px !important;}
@-moz-document url-prefix()
{#mediaBox { margin-bottom:10px;}}
#mediaBox dt {position:relative; display:block}
#mediaBox dd {background: url(../imgs/media_btm.gif) no-repeat 1px bottom;padding:10px; }
#mediaBox .youtubeMain {width:238px; height:148px; background-color:#FFF; text-align:center; font-size:20px; font-weight:bold; display:block;top:50%}
#mediaBox .youtubeSub {float:left; margin:5px 7px 7px 0; width:70px; height:45px; border:1px solid #ccc; display:inline}
#mediaBox .youtubeSub2 {float:left;margin:5px 0px 10px 0;width:70px; height:45px;border:1px solid #ccc;}
.mediaNew {display:block; clear:left;width:233px;}
.medaNewNote {background: url(../imgs/icon_mediaNew.gif) no-repeat 0 3px; padding:0 0 0 25px; line-height:24px;*line-height:1.87em;_line-height:2.38em;color:#333; overflow:hidden; height:21px; height:1.76em\0;}
@-moz-document url-prefix()
{.medaNewNote { height:1.74em;}}
.btnMore a {color:#333;font-weight:bold; display:block; text-align:right; float:right}
.btnMore1 a {clear:left;color:#333;font-weight:bold; display:block; text-align:right;margin-right:6px }

#stdAD {width:255px; height:108px; margin-bottom:8px;}

p.columnImg {float:left;width:100px; height:85px; border:1px solid #9f9f9f;display:inline;margin-right:10px; margin-bottom:10px;}



/*header----------*/
/*.logo a {float:left;display: block;width:234px;height:155px; background: url(../imgs/2023/25/logo.png) 0 0 no-repeat #FFF; text-decoration:none}*/
.logo a {float:left;display: block;width:234px;height:155px;background:#FFF url(../imgs/logo.php) 0 0 no-repeat;}
/*.logo a {float:left;display: block;width:234px;height:155px;background: url(../festival/web-logo.png) 0 0 no-repeat #FFF; text-decoration:none}*/
.theme {float:left;width:750px; height:100px; padding-bottom:12px; background:#FFF url(../imgs/theme1130.php) 0 0 no-repeat;}
/*.theme {float:left;width:750px; height:100px; padding-bottom:12px; background:#FFF url(../imgs/theme.php) 0 0 no-repeat;}*/
/*.theme {float:left;width:750px; height:100px; padding-bottom:12px; background:#FFF url(../festival/web-bar.png) 0 0 no-repeat;}*/
.nav {float:left;width:750px;height:43px; background:#FFF;position:relative; text-align:left}
ul.show {display:none;position:absolute;z-index:100;}
.nav ul li { float: left; display: block; position: relative;} 
.nav td:hover ul.show {display: block; position:absolute; top:43px;*left:0}
ul.show li a {color:#FFF; background:url(../imgs/nav_arrow.gif) 0 3px no-repeat; padding-left:15px;margin-right:20px; line-height:25px;}
ul.show li a:hover {text-decoration:none}


.nav ul li { float: left; display: block; position: relative;} 

.nav ul li p.share {margin:15px 3px 0 3px;_margin:15px 2px 0 3px;float: left; }

/*navigation----------*/
#sideL ul {margin:12px 0 0 12px;}
#sideL ul li {display:block; overflow:hidden;}
#sideL ul li a {color:#FFF;padding-left:8px;line-height:28px;}
#sideL ul li ul li a {color:#999;}
#sideL ul li.Selected  {background: url(../imgs/nav_select_bg.gif) 0 4px  no-repeat;width:114px;}
#sideL ul li.Selected a {color:#012038;}
#sideL ul li.Selected ul li span a {color:#f7ab00;}
#sideL ul li.Selected ul li a {color:#999;}
.subBorder {background: url(../imgs/subBorder_bg.jpg) 0 5px  no-repeat;}
#sideL ul li ul {margin:0 0 0 0;}

/*search----------*/
/*
.hd_link {float:right;width:320px;_width:170px;height:25px;margin:9px 70px 0 0 ;_margin-top:11px; text-align:left;}
.hd_link a {color:#666; text-decoration:none;}
.hd_link a:hover{text-decoration:underline;}
*/

/*for �©]��*/
/*
.hd_link #night a {color:#FFF; text-decoration:none;}
.hd_link #night a:hover{color:#ffffcc; text-decoration:none;}
*/

/*�t�ϸ`�M��*/
/*search----------*/
.hd_link {float:right;width:250px;_width:170px;height:25px;margin:9px 70px 0 0 ;_margin-top:11px; text-align:left;}
.hd_link a {color:#FFFFFF; text-decoration:none;}
.hd_link a:hover{color:#ffffcc; text-decoration:none;}

/*for �©]��*/
.hd_link #night a {color:#FFF; text-decoration:none;}
.hd_link #night a:hover{color:#ffffcc; text-decoration:none;}

.hd_link #searchArea {float:right;position:absolute;top:5px;right:25px; 
z-index:200;
background:url(../imgs/zoom.png) 0 0 no-repeat;
padding-left:10px;_padding-left:0; 
height:26px;
width:140px;
}

.hd_link #searchArea .search_txt{
width:129px;_width:135px;
height:15px;
border:1px solid #FFF; 
color:#626262; 
padding:0; 
margin:3px 0 0 0;_margin:3px 0 0 10px;
}

.hd_link #searchArea .search_btn {
position:absolute;
z-index:200;
margin-left:7px;_margin-left:0px;
background:url(../imgs/search_btn_off.png) 0 0 no-repeat;
border:none; 
text-indent:-5000px;_text-indent:-5000px; 
font-size:0px; 
width:20px;
height:23px; 
_line-height:23px;
}


/*footer----------*/
#footer p {margin:10px 0}


#socialogo
{
	width:270px;
	height:60px;
	position:absolute;
	z-index:100;
	margin-left: 500px;
	margin-top: 40px;
}

td
{
	word-break: break-word;
}

/*�����u�W��ť*/

.onairImg {float:left;border:1px solid #999;display:inline; width:91px; height:61px; margin-right:6px; margin-bottom:10px;text-align : center;vertical-align : middle;}
.onairTit {color:#fcca0f; font-size:14px;margin:0;height:20px;}
.onairName {color:#FFF; line-height:20px;_line-height:13px;height:35px;font-size:14px;}
.onairlk a {color:#FFF;}
.onairlk:link{color:#FFF;
    text-decoration: none;}
.onairlk a:visited{color:#FFF;
    text-decoration: none;}
.onairlk a:hover{color:#ffff00;}

/*���x�u�W��ť*/

div#content .con_bottom_onair2022 { padding:0; background-image:url(../imgs/1-565X260-headline_column.png); background-repeat:no-repeat; width:563px; height:260px; border-left: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;}
div#content .con_bottom_onair2022_1 { padding:0; background-image:url(../imgs/2-565X260-headline_column.png); background-repeat:no-repeat; width:563px; height:260px; border-left: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;}