/* 此css暫定為不可變動 */ /* 一欄式 */ #main_1column {width:1000px; min-height:400px; margin:0 auto;} #main_1column #content {width:1000px;} #main_1column #links, #main_1column #links #links_row_1, #main_1column #links #links_row_2 { display:none;} /* 二欄式 左寬,右窄 */ #main_2column_C_left{width:1000px; min-height:400px; margin:0 auto; position:relative;} #main_2column_C_left #content{ float:left; width:690px;} #main_2column_C_left #links{ float:right; width:300px;} #main_2column_C_left #links #links_row_1{} #main_2column_C_left #links #links_row_2{ display:none;} /* 二欄式 左窄,右寬 */ #main_2column_C_right{width:1000px; min-height:400px; margin:0 auto;} #main_2column_C_right #content{ float:right; width:690px;} #main_2column_C_right #links{ float:left; width:300px;} #main_2column_C_right #links #links_row_1{} #main_2column_C_right #links #links_row_2{ display:none;} /* 三欄式 左窄,中寬,右窄 */ #main_3column_C_center{ width:1000px; min-height:400px; margin:0 auto;} #main_3column_C_center #content{ float:left; width:530px; margin:0 0 0 235px;} #main_3column_C_center #links{ float:right; width:225px;} #main_3column_C_center #links #links_row_1{ position:relative; float:left; width:225px; margin:0 0 0 -775px;} #main_3column_C_center #links #links_row_2{ float:right; width:225px;} /* 三欄式 左寬,中窄,右窄 */ #main_3column_C_left{} /* 三欄式 左窄,中窄,右寬 */ #main_3column_C_right{} /* ---------------------------------------------------------------------------------------- 欣傳媒 » 頻道 HEADER 設定 ---------------------------------------------------------------------------------------- */ #header{ width:100%; height:133px; height:!important 60px; margin:0 0 11px 0;} /* 欣傳媒 » 頻道 LOGO 設定 : 20121210 */ a.xin_ch_logo{ display:block; width:68px; height:60px; background:url(../Images/xin_logo.png) no-repeat;} #banner{width:1000px;height:78px; margin:33px auto 11px auto;} #banner h1{width:220px;height:60px;} #banner h1#home a{ float:left;} #banner h1#home a.ch_logo{ display:block; width:152px; height:60px;} /*#GMain #banner h1#home a.ch_logo{ Xin 高爾夫 width:145px; background:url(../G/Images/ch_logo.png) no-repeat;} */ #HMain #banner h1#home a.ch_logo{/* 泊.com */ background:url(http://hotel.xinmedia.com/CHImages/ch_logo.png) no-repeat -68px 0;} #FMain #banner h1#home a.ch_logo{/* 翻雜誌 */ background:url(http://funpaper.xinmedia.com/Images/ch_logo.png) no-repeat -68px 0;} #NMain #banner h1#home a.ch_logo{/* News 1.0 */ background:url(http://news.xinmedia.com/Images/ch_logo.png) no-repeat -68px 0;} #N2Main #banner h1#home a.ch_logo{/* News 2.0 */ background:url(http://streertnews.xinmedia.com/CHImages/ch_logo.png) no-repeat -68px 0;} /*#PMain #banner h1#home a.ch_logo{ 達人百選 width:145px; background:url(../P/Images/ch_logo.png) no-repeat;} */ #TMain #banner h1#home a.ch_logo{/* 旅遊 */ background:url(http://poi.xinmedia.com/Images/ch_logo.png) no-repeat -68px 0;} /*#TVMain #banner h1#home a.ch_logo{ XinTv width:145px; background:url(../TV/Images/ch_logo.png) no-repeat;}*/ #BMain #banner h1#home a.ch_logo{/* 積分中心 */ background:url(../B/Images/ch_logo.png) no-repeat -68px 0;} #MMain #banner h1#home a.ch_logo{/* 會員中心 */ background:url(http://member.xinmedia.com/Images/ch_logo_m.png) no-repeat -68px 0;} #topicIndex #banner h1#home a.ch_logo{/* 專輯 */ background:url(../topics/Images/ch_logo.png) no-repeat -68px 0;} #xinblog #banner h1#home a.ch_logo{/* xinblog */ background:url(../Images/ch_logo.png) no-repeat -68px 0;} #gtvMain #banner h1{width:230px;} #gtvMain #banner h1#home a.ch_logo{/* xinblog */ width:157px;background:url(../gtv/Images/ch_logo.png) no-repeat -68px 0;} /* 欣傳媒 » 頻道連結 設定 : 20130409 */ #channel{float:right; margin:-40px auto 0 auto; width:511px; height:60px; /*-webkit-text-size-adjust:none !important;*/} #channel ul li { float:left; width:65px; height:24px; margin:0 0 8px 8px;} #channel ul li a { width:100%; height:100%; display:block; border-bottom:1px solid #9c9c9c;} #channel ul li a span { color:#5f5f5f;} #channel ul li a .entxt { font-size:7px; display:none;} #channel ul li a .chtxt { font-size:13px; font-family: '微軟正黑體', 'Microsoft JhengHei', '新細明體', 'PMingLiU'; letter-spacing:5px; padding-left:8px; font-weight:bold; line-height:24px;} #channel ul li a:hover { border-bottom-color:#000;} #channel ul li a:hover span { color:#000;} /* 欣傳媒 » 頻道連結 設定 : 20121210 */ /*#channel{float:right; margin:-40px auto 0 auto; width:365px; height:60px;} 最多七個 包含更多:(65+8)*7=511 #channel .content{width:auto;height:auto;} #channel .content li{ float:left; width:65px; height:25px; margin:0 0 8px 8px; background:url(../Images/channel_btn.png) no-repeat;} #channel .content li:hover {cursor:pointer;} #channel .content li a {width:65px; height:25px; display:block;} #channel .content li span{ display:none;} #channel .content li span.separator{ display:none;} */ /* 欣傳大首頁 #channel .content li.xinIndex {background-position:-65px 0;} #channel .content li.xinIndex:hover {background-position:-65px -25px;} */ /* Xin 高爾夫 #channel .content li.G_Link{} #channel .content li.G_Link:hover{} */ /* 泊.com #channel .content li.H_Link{ background-position:-260px 0;} #channel .content li.H_Link:hover{ background-position:-260px -25px;} */ /* 翻雜誌 #channel .content li.F_Link{ background-position:-390px 0;} #channel .content li.F_Link:hover{ background-position:-390px -25px;} */ /* News 1.0 #channel .content li.N_Link{ background-position:-130px 0;} #channel .content li.N_Link:hover{ background-position:-130px -25px;}*/ /* News 2.0 #channel .content li.N2_Link{ background-position:-195px 0;} #channel .content li.N2_Link:hover{ background-position:-195px -25px;} */ /* 欣社群 #channel .content li.xinBlog { background-position:-650px 0;} #channel .content li.xinBlog:hover { background-position:-650px -25px;}*/ /* 欣講堂 #channel .content li.xinForum { background-position:-715px 0;} #channel .content li.xinForum:hover { background-position:-715px -25px;}*/ /* 達人百選 #channel .content li.P_Link{ background-position:0 -60px;} #channel .content li.P_Link:hover{ background-position:-80px -60px;} */ /* 會員中心 #channel .content li.xinMember{ background-position:-455px 0;} #channel .content li.xinMember:hover{ background-position:-455px -25px;} */ /* 旅遊 #channel .content li.T_Link{ background-position:-325px 0;} #channel .content li.T_Link:hover{ background-position:-325px -25px;} */ /* XinTv #channel .content li.TV_Link{ background-position:0 -180px;} #channel .content li.TV_Link:hover{ background-position:-80px -180px;}*/ /* 專輯 #channel .content li.xinTopics { background-position:-585px 0;} #channel .content li.xinTopics:hover { background-position:-585px -25px;} */ /* 欣傳媒 » 頻道 簡繁體 / 氣象 設定 */ #side{ position:relative; width:1000px; margin:0 auto;} #side .content{ position:absolute; top:-118px; right:0px; /*width:310px;*/ height:39px; *width:360px;} #side .content .language{ /*display:none;*/ float:left; /*width:140px;*/ margin-right:20px;} #side .content .language span { float:left; height:39px; line-height:39px;} #side .content .language .separator{ color:#ccc;} #side .content .language a{ color:#666;} #side .content .language a:hover{ color:#c03;} #side .content .language a.Default{ color:#c03;} #side .content .date_bar{ float:right; /*width:131px;*/ width:140px; height:39px; line-height:39px; padding:0 15px; font-weight:bold; background:url(../Images/weather_bg.png) no-repeat center center;} #side .content .date_bar .week{ display:inline-block; width:53px; height:39px; text-align:center; background:url(../Images/side_week_bg.png) no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:11px; -webkit-text-size-adjust:none;} #side .content .date_bar .time{ display:inline-block; color:#fff; height:39px; line-height:39px; padding:0px;} #side .content .date_bar .week span { left: -1px; position: relative; top: 4px; } /* weather_bar */ .weather_bar{ background: url("../Images/weather_bg.png") no-repeat center center; float: right; font-weight: bold; height: 39px; line-height: 34px; padding: 0 5px; /*width: 151px;*/ width: 160px; position:relative;} .weather_bar .weather_icon{ padding:0px 5px;} .weather_bar .weather_text{ color:#fff; font-weight:bold; font-family:微軟正黑體; position:absolute; top:3px; white-space:nowrap; overflow:hidden; word-break:break-all; display:inline-block; width:120px;} /* 欣傳媒 » 頻道 FOOTER 設定 */ #footer{ clear:both; width:1000px; height:40px; margin:0 auto; padding:20px 0; background:url(../Images/footer_bg.png) repeat-x;} #footer .footer_logo{ float:left; width:170px; height:35px; border-right:1px solid #dadada; margin:0 20px 0 40px;} #footer .footer_logo a{ display:block; width:150px; height:35px; margin: 0 0 0 14px; background:url(../Images/xin_logo_footer.gif) no-repeat 0 0;} #footer .footer_logo a span{ display:none;} #footer .footer_nav{ float:left;width:720px; height:18px; display:block; position:relative; top:-3px;} #footer .footer_nav li{ float:left;} #footer .footer_nav li a{ color:#444;} #footer .footer_nav li a:hover{ color:#999;} #footer .footer_nav li a.footer_lionLogo{ display:block; background:url(../Images/lion-logo.gif) no-repeat 0px 0px; width:65px; height:17px; position:relative; top:3px;} #footer .footer_nav li a.footer_lionLogo span{ display:none;} #footer .footer_nav li span.footer_fb_fans { background:url(../Images/facebook_logo.png) no-repeat left center; padding:8px 0;} #footer .footer_nav li span.footer_fb_fans a {padding-left:20px;} #footer .footer_nav li span.separator{display:inline-block;width:27px;text-align:center;} #footer .copyright{ clear:both; font-size:9px; -webkit-text-size-adjust:none;} /* ---------------------------------------------------------------------------------------- */ /* 中斷 float 執行 */ span.interruptFloat{ clear:both;} span.interruptFloat_100per{ clear:both; width:100%;} /* 區隔線 */ span.separator{ display:inline-block; width:14px; height:25px; line-height:25px; text-align:center;} span.separator span{ width:14px; line-height:25px; text-align:center;} span.separator_last{ background:none; line-height:25px;} span.separator_last span{ display:none;} /* 重要 inputText_Box 框架設定 */ div.inputText_Box{ float:left; height:24px; line-height:24px; margin:0 5px 0 0; font-size:12px;} div.inputText_Box div.inputText_left{ height:24px; line-height:24px; padding:0 0 0 3px; background:url(../Images/inputText_box_bg.png) no-repeat 0px 0px;} div.inputText_Box div.inputText_right{ height:24px; line-height:24px; padding:0 3px 0 0; background:url(../Images/inputText_box_bg.png) no-repeat right -48px;} div.inputText_Box div.inputText_center{ min-width:40px; height:21px; line-height:24px; padding:3px 0 0 0; background:url(../Images/inputText_box_bg.png) repeat-x -24px;} div.inputText_Box div.inputText_center:nth-of-type(1){ height:20px; padding:4px 0 0 0;} div.inputText_Box input{ width:100%; border:none;} div.inputText_w360{ width:360px;} /* 重要 select_Box 框架設定 */ div.select_Box{ float:left; height:24px; line-height:24px; margin:0 5px 0 0; font-size:12px;} div.select_Box div.tag_select div.select_main_left{ height:24px; line-height:24px; padding:0 0 0 3px; background:url(../Images/select_box/selectStyle.png) no-repeat 0px 0px;} div.select_Box div.tag_select div.select_main_right{ height:24px; line-height:24px; padding:0 26px 0 0; background:url(../Images/select_box/selectStyle.png) no-repeat right 0px;} div.select_Box div.tag_select:hover div.select_main_right{ height:24px; line-height:24px; padding:0 26px 0 0; background:url(../Images/select_box/selectStyle.png) no-repeat right -24px;} div.select_Box div.tag_select div.select_main_conter{ min-width:40px; height:21px; line-height:24px; padding:3px 5px 0 5px; background::url(../Images/select_box/selectStyle.png) no-repeat center 0px;} div.select_Box li{ cursor:pointer;} div.select_Box ul{ border-bottom:solid 1px #ccc;} div.select_Box ul li.select_left{ height:24px; line-height:24px; padding:0 0 0 3px; background:url(../Images/select_box/selectStyle.png) no-repeat 0px -120px;} div.select_Box ul li.select_left div.select_right{ height:24px; line-height:24px; padding:0 3px 0 0; background:url(../Images/select_box/selectStyle.png) no-repeat right -120px;} div.select_Box ul li.select_left div.select_right .select_conter{ min-width:40px; height:21px; line-height:24px; padding:3px 5px 0 5px; /*background:#ddd;*/} div.select_Box ul li.select_left:hover div.select_right .select_conter{ min-width:40px; height:21px; line-height:24px; padding:3px 5px 0 5px; background:#eee;} div.test_w300{ width:300px;} /* input 長度設定*/ span.input_400x24{ display:block; width:392px; height:24px; padding:0px 4px; background:url(../Images/input_style.png) no-repeat 0px -100px;} span.input_400x24:nth-of-type(1){ display:block; width:392px; height:24px; padding:4px 4px; background:url(../Images/input_style.png) no-repeat 0px -100px;} span.input_400x24 input{ width:390px;} span.input_226x24{ display:block; width:218px; height:24px; padding:0 4px; background:url(../Images/input_style.png) no-repeat 0px 0px;} span.input_226x24:nth-of-type(1){ display:block; width:218px; height:24px; padding:4px 4px; background:url(../Images/input_style.png) no-repeat 0px 0px;} span.input_226x24 input{ width:216px;} span.input_85x24{ display:block; width:77px; height:24px; padding:0 4px; background:url(../Images/input_style.png) no-repeat 0px -50px;} span.input_85x24:nth-of-type(1){ display:block; width:77px; height:24px; padding:4px 4px; background:url(../Images/input_style.png) no-repeat 0px -50px;} span.input_85x24 input{ width:75px;} /* textarea 長度設定 */ span.textarea_300x48{display:block; width:292px; height:40px; padding:4px 4px; background:url(../Images/input_box/textarea_400x72.png) no-repeat;} span.textarea_300x48 textarea{width:288px; height:36px; border:none; overflow:hidden;} span.textarea_368x48{display:block; width:368px; height:40px; padding:4px 4px; background:url(../Images/input_box/textarea_368x48.png) no-repeat;} span.textarea_368x48 textarea{width:360px; height:36px; border:none; overflow:hidden;} span.textarea_400x72{display:block; width:392px; height:64px; padding:4px 4px; background:url(../Images/input_box/textarea_400x72.png) no-repeat;} span.textarea_400x72 textarea{width:388px; height:60px; border:none; overflow:hidden;} /* 麵包屑 */ #siteMap{} #siteMap h4 div.title li{ float:left; line-height:25px;} #siteMap h4 div.title li a{ color:#333; line-height:25px;} #siteMap h4 div.title li a.Default{ color:#cc0033;} #siteMap h4 div.title li span.separator{ background:url(../Images/icon.png) no-repeat 5px -120px;} #siteMap h4 div.title li span.separator_last{ background:none; line-height:25px;} #siteMap h4 div.title li span.separator_last span{ display:none;} /* 分享：google yahoo facebook e-mail */ .communityShare{ width:131px; height:25px;} .communityShare span.communityShare-item{ float:left; line-height:25px; color:#666;} .communityShare ul.communityShare-icon{ float:left; width:89px; height:21px; padding:4px 0 0 6px; background-image: url(../H/CHImages/share_bg2.gif); background-repeat: no-repeat; background-position: 0px 0px; } .communityShare ul.communityShare-icon li{ float:left; margin:0 4px 0 0;} .communityShare ul.communityShare-icon li span{ display:none;} .communityShare ul.communityShare-icon li.icon_twitter{ width:17px; height:17px; background:url(../Images/icon_communityShare.png) no-repeat 0px 0px;} .communityShare ul.communityShare-icon li.icon_twitter a{ display:block; width:17px; height:17px;} .communityShare ul.communityShare-icon li.icon_facebook{ width:17px; height:17px; background:url(../Images/icon_communityShare.png) no-repeat -40px 0px;} .communityShare ul.communityShare-icon li.icon_facebook a{ display:block; width:17px; height:17px;} .communityShare ul.communityShare-icon li.icon_plurk{ width:17px; height:17px; background:url(../Images/icon_communityShare.png) no-repeat -80px 0px;} .communityShare ul.communityShare-icon li.icon_plurk a{ display:block; width:17px; height:17px;} .communityShare ul.communityShare-icon li.icon_email{ width:21px; height:17px; background:url(../Images/icon_communityShare.png) no-repeat -120px 0px;} .communityShare ul.communityShare-icon li.icon_email a{ display:block; width:21px; height:17px;} /* 文章功能列 搭配文字預設行高為25px */ .author_bar { clear:both;} .author li{ float:left; line-height:25px; text-indent:20px; margin:0 10px 0 0; color:#666;} .author li a{ color:#666;} .author .icon_print{/*列印*/ background:url(../Images/icon_author.png) no-repeat 0px 4px;} .author .icon_report{/*檢舉*/ background:url(../Images/icon_author.png) no-repeat 0px -46px;} .author .icon_Reply{/*回應*/ background:url(../Images/icon_author.png) no-repeat 0px -546px;} .author .icon_recommend{/*推薦*/ background:url(../Images/icon_author.png) no-repeat 0px -446px;} .author .icon_message{/*留言*/ background:url(../Images/icon_author.png) no-repeat 0px -146px;} .author .icon_collection{/*收藏*/ background:url(../Images/icon_author.png) no-repeat 0px -96px;} .author .icon_popularity{/*人氣*/ background:url(../Images/icon_author.png) no-repeat 0px -495px;} /* 字級設定 搭配文字預設行高為25px */ .fontSet{width:124px;} .fontSet span.fontSet-item{ float:left; line-height:25px; color:#666;} .fontSet ul.fontSet-size{ padding:2px 0 0 0;} .fontSet li{ float:left; width:19px; height:19px; line-height:19px; text-align:center; margin:0 2px 0 0;} .fontSet li a{ color:#fff;} .fontSet li.font_large{/*大*/ background:#c03;} .fontSet li.font_fit{/*適合*/ background:#39c;} .fontSet li.font_small{/*小*/ background:#fc0;} /* 標籤 搭配文字預設行高為25px */ .keyTags{ padding:10px 0 10px 0px; height:25px;/* 20111125 melody 修改 */} .keyTags span{ float:left; line-height:25px;} .keyTags li{ float:left; color:#963;} .keyTags li a{ color:#963;} /* 20140425 crazy AD */ .crazyad { position:absolute; width:1200px; height:600px; left:50%; margin-left:-600px; z-index:1000; text-align:center; }