/* CSS Document */ #body_div{font-size:12px;font-family:Arial, Helvetica, sans-serif; border-top:4px solid #e6e6e6; background:url(../Images/top_rebg.png) repeat-x 0 -4px;} #container{background:url(../Images/main_bg.jpg) no-repeat center top;} #container2{} #container3{} #header{ width:1000px; height:133px; margin:0 auto 11px auto; padding-top:7px; position:relative;} #main_column_1{/*無分欄模式*/} #main_column_2{/*直切二欄模式設定*/ width:1000px; min-height:400px; margin:0 auto; padding-top:60px; position:relative;} #main_column_3{/*直切三欄模式設定*/} /* header */ #banner{width:1000px;height:78px; padding:31px 0 6px 0; margin:0 auto;} /* header: 側邊功能列*/ /* 欣傳媒 » 頻道 簡繁體 / 氣象 設定*/ #side{ position:absolute; z-index:2; top:123px; right:0; margin:0;} #side .content{float:none; margin:0;} /* 欣傳媒 » 頻道連結 設定 */ #channel{float:none; margin:0; position:absolute; z-index:1; top:50px; right:0;} #channel .content { } /* header: 網站菜單*/ #nav{ clear:both; position:absolute; z-index:5; width:100%; height:38px; line-height:38px; font-size:16px; font-family:"微軟正黑體"; font-weight:bold; top:123px;} #nav .content{ width:1000px; margin:0 auto;} /* header: 網站菜單 > 主要項目*/ #nav .content dl.nav_main { /*float:left; width:803px;*/ height:38px; margin:0 0 0 70px; position:relative; } #nav .content dl.nav_main dt{ float:left; width:73px; background:url(../Images/nav_main_li_bg.png) no-repeat 0 0; text-align:center;} #nav .content dl.nav_main dt.first{background:url(../Images/nav_main_li_bg.png) no-repeat 0 -36px; text-align:center;} #nav .content dl.nav_main dt.last{background:url(../Images/nav_main_li_bg.png) no-repeat; text-align:center;} #nav .content dl.nav_main dt a{ display:block; width:73px; height:38px; color:#fff;} #nav .content dl.nav_main dt a:hover{background:url(../Images/nav_main_a_bg.png) no-repeat;} #nav .content dl.nav_main dt a.Default{background:url(../Images/nav_main_a_bg.png) no-repeat;} /* nav 第二層 */ #nav .content dl.nav_main dt ol {width:/*606px*/1000px; height:25px; display:block; margin:0 auto; position:absolute; z-index:1; left:/*150px*/-50px; top:33px; *top:30px; text-align:center; *width:800px; *left:110px; overflow:inherit; padding-top:10px;}/* 20120508 */ #nav .content dl.nav_main dt ol li{font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; height:18px; line-height:18px; margin:0 4px; display:inline-block; *float:left; vertical-align:top;} #nav .content dl.nav_main dt ol li a {line-height:18px; height:18px; display:block; padding:0 0 0 15px; background:url(../Images/submenu_icon_arrow.png) no-repeat 0 2px; text-align:left; width:auto;} #nav .content dl.nav_main dt ol li a:link,#nav .content dl.nav_main dt ol li a:visited {color:#666; text-decoration:none; background:url(../Images/submenu_icon_arrow.png) no-repeat 0 2px;} #nav .content dl.nav_main dt ol li a:hover,#nav .content dl.nav_main dt ol li a:active {color:#333; text-decoration:underline; background:url(../Images/submenu_icon_arrow.png) no-repeat 0 2px;} #nav .content dl.nav_main dt ol li ul li{/* nav 第三層 */} /* header: 網站菜單 > 擴充項目*/ #nav .content #nav_expansion {display:none;} /* main_column_2 */ #main_column_2 #content{ float:left; width:682px;} #main_column_2 #links{ float:right; width:300px; margin:6px 0 0 0;} #main_column_2 #links #links_row_1{} #main_column_2 #links #links_row_2{ display:none;} /* manin > box */ .box{clear:both; margin:0 0 14px 0;} .box_title{} .box_text{clear:both;} /* 內頁660x90廣告 */ .webAD_3{ clear:both; margin:0 0 14px 8px; width:660px;} .webAD_3 h4{ display:none;} .webAD_3 .img_div{ width:660px; text-align:center; background:#fff;} .webAD_3 .img_div img{width:660px; } /* 搜尋框 */ #searchItem {margin-bottom:0; background:url(../Images/search_itemBg.jpg) no-repeat 0 0; width:300px; height:61px; padding:12px 0 0 0;} #searchItem h4.box_title {} #searchItem h4.box_title .title {display:none;} #searchItem h4.box_title .expansion {} #searchItem h4.box_title .expansion .title {display:block; float:left; width:68px; text-align:center; color:#dd0000; background:url(../Images/icon_arrow.png) no-repeat 64px 4px; margin-right:8px;} #searchItem h4.box_title .expansion input {vertical-align:top;} #searchItem .box_text.content {padding:7px 0 0 0;} #searchItem .box_text.content .search_box {height:26px; display:block;background:url(../Images/search_inputBg.jpg) no-repeat 0 0;} #searchItem .box_text.content .search_box input {border:none; background:none;} #searchItem .box_text.content .search_box span.input_text {float:left;} #searchItem .box_text.content .search_box span.input_btn {float:right;} #searchItem .box_text.content .search_box .input_text input {width:240px; height:26px; line-height:26px; margin-left:5px;} #searchItem .box_text.content .search_box .input_btn input {width:40px; height:26px; color:#fff; cursor:pointer;} /* 好友共讀 */ #readingShare {border:1px solid #efefef; width:298px;} #readingShare h4.box_title {background:url(../Images/readingShare_title_bg.gif) no-repeat 0 0; width:298px; height:30px; display:block;} #readingShare h4.box_title .title {display:block; padding:8px 0 0 64px; font-size:15px; font-weight:bold; font-family:"微軟正黑體";} #readingShare h4.box_title .expansion {display:none;} #readingShare .box_text {padding:12px 0;} #readingShare .box_text .reading_share_item {display:block; clear:both; height:80px; margin:0 0 6px 0;} #readingShare .box_text .reading_share_item.last {margin-bottom:0;} #readingShare .reading_share_item .reading_share_pic {margin:0 0 6px 12px; float:left; width:80px; height:80px;} #readingShare .reading_share_item .reading_share_pic .img_div {width:78px; height:78px; display:block; border:1px solid #efefef; text-align:center;} #readingShare .reading_share_item .reading_share_pic .img_div img {} #readingShare .reading_share_item .reading_share_txt {width:173px; height:68px; display:block; background:url(../Images/readingShare_dialog_bg.gif) no-repeat 0 0; float:right; margin:0 9px 0 0; padding:3px 5px 5px 12px;} #readingShare .reading_share_item .reading_share_txt p {color:#595757; font-size:13px; line-height:18px;} #readingShare .reading_share_item .reading_share_txt p a {font-weight:bold; color:#5f307a;} #readingShare .reading_share_item .reading_share_txt p a:link,#readingShare .reading_share_item .reading_share_txt p a:visited {text-decoration:none;} #readingShare .reading_share_item .reading_share_txt p a:hover,#readingShare .reading_share_item .reading_share_txt p a:active {text-decoration:underline;} /* FBRecommendations */ #fb_recommendations {border:1px solid #efefef; width:298px;} #fb_recommendations h4.box_title {background:url(../Images/readingShare_title_bg.gif) no-repeat 0 0; width:298px; height:30px; display:block;} #fb_recommendations h4.box_title .title {display:block; padding:8px 0 0 64px; font-size:15px; font-weight:bold; font-family:"微軟正黑體";} #fb_recommendations h4.box_title .expansion {display:none;} #fb_recommendations .box_text {padding:0; width:298px; height:300px;} /* 目前結果,我也要投 */ ul.vote_buttons {height:36px; width:194px; margin:3px auto 0 auto; clear:both;} ul.vote_buttons li {float:left; display:block;} ul.vote_buttons li a {display:block; height:36px;} ul.vote_buttons li a span {display:none;} ul.vote_buttons li a.btn_resultbyfar {background:url(../Images/btn_resultByfar.gif) no-repeat 0 0; width:87px;} ul.vote_buttons li a.btn_votingtoo {background:url(../Images/btn_votingtoo.gif) no-repeat 0 0; width:107px;} ul.vote_buttons li a.btn_votingtoo:link,ul.vote_buttons li a.btn_votingtoo:visited {background-position:0 0;} ul.vote_buttons li a.btn_votingtoo:hover,ul.vote_buttons li a.btn_votingtoo:active {background-position:0 -36px;} ul.vote_buttons li a.btn_iwanttovote {background:url(../Images/iwant_to_vote.png) no-repeat 0 0; width:121px;} ul.vote_buttons li a.btn_iwanttovote:link,ul.vote_buttons li a.btn_iwanttovote:visited {background-position:0 0;} ul.vote_buttons li a.btn_iwanttovote:hover,ul.vote_buttons li a.btn_iwanttovote:active {background-position:0 -36px;} ul.vote_buttons li a.btn_voteresult {background:url(../Images/btn_voteResult.png) no-repeat 0 0; width:115px;} /* 熱門話題投票 */ #hotTopicVoting {border:1px solid #efefef; width:298px;} #hotTopicVoting h4.box_title {background:url(../Images/hotTopic_voting_title_bg.gif) no-repeat 0 0; width:298px; height:30px; display:block;} #hotTopicVoting h4.box_title .title {display:block; padding:8px 0 0 64px; font-size:15px; font-weight:bold; font-family:"微軟正黑體";} #hotTopicVoting h4.box_title .expansion {display:none;} #hotTopicVoting .box_text.content {padding:12px; background:url(../Images/hotTopic_voting_topic_bg.gif) no-repeat 0 0;} #hotTopicVoting .box_text.content .topic_question {padding:10px 0 15px 35px; background:url(../Images/hotTopic_voting_topic_line.gif) no-repeat center bottom;} #hotTopicVoting .box_text.content .topic_question p {line-height:18px; color:#5f307a; font-size:13px;} #hotTopicVoting .box_text.content ul.vote_buttons {margin:15px auto 0 auto;} /* 文章功能列:檢舉、分享、列印 */ .article_action_bar {display:block; width:250px; height:25px; margin:0 0 15px 0; float:right; clear:both;} .article_action_bar dl {} .article_action_bar dt {float:left; display:block; font-size:11px; -webkit-text-size-adjust:none; letter-spacing:1px; margin-right:10px; color:#666;} .article_action_bar dt a {display:block; padding:0 0 0 17px;} .article_action_bar dt a:link,.article_action_bar dt a:visited {color:#666;} .article_action_bar dt a:hover,.article_action_bar dt a:active {color:#999;} .article_action_bar dt .title {display:block; float:left; margin:7px 3px 0 0;} .article_action_bar dt.print_item {background:url(../Images/icon_print.gif) no-repeat 0 0; margin-top:7px;} .article_action_bar dt.report_item {display: none; /*background:url(../Images/icon_report.gif) no-repeat 0 0; margin-top:7px;*/} .article_action_bar dt.share_item {background:url(../Images/icon_share.gif) no-repeat 0 0; margin-right:0;} .article_action_bar dt.share_item .title {} .article_action_bar dt.share_item ul {background:url(../Images/share_bg.gif) no-repeat 0 0; width:95px; height:25px; display:block; float:left; padding:2px 0 0 6px;} .article_action_bar dt.share_item li {display:block; height:20px; float:left; margin-right:3px;} .article_action_bar dt.share_item li.icon_twitter {background:url(../Images/icon_twitter.gif) no-repeat 0 0; width:17px;} .article_action_bar dt.share_item li.icon_facebook {background:url(../Images/icon_facebook.gif) no-repeat 0 0; width:18px;} .article_action_bar dt.share_item li.icon_plurk {background:url(../Images/icon_plurk.gif) no-repeat 0 0; width:18px;} .article_action_bar dt.share_item li.icon_email {background:url(../Images/icon_email.gif) no-repeat 0 0; width:21px;} .article_action_bar dt.share_item li a {display:block; width:100%; height:20px; padding:0; margin-right:3px;} .article_action_bar dt.share_item li a span {display:none;} .article_action_bar dt.fontsize_item {} .article_action_bar dt.fontsize_item .title {height:11px; padding-left:10px; margin-right:10px; background:url(../Images/article_action_bar_line.gif) no-repeat 0 1px;} .article_action_bar dt.fontsize_item ul {display:block; float:left;} .article_action_bar dt.fontsize_item ul li {font-size:11px; font-family:"微軟正黑體", "新細明體"; font-weight:bold; float:left; display:block; width:17px; height:17px; text-align:center; line-height:17px; vertical-align:middle; margin:4px 1px 0 0;} .article_action_bar dt.fontsize_item ul li.size1 {background:#ffcc00;} .article_action_bar dt.fontsize_item ul li.size2 {background:#3f8ddb;} .article_action_bar dt.fontsize_item ul li.size3 {background:#c70026;} .article_action_bar dt.fontsize_item ul li a {color:#fff; display:block; width:17px; height:17px; padding:0; margin:0;} .article_action_bar dt.fontsize_item ul li a span {} .article_action_bar dt.date_time {margin-top:7px;} .article_action_bar dt.date_time span {} .article_action_bar.style1 {font-size:11px; -webkit-text-size-adjust:none; width:/*250px*/190px;} .article_action_bar.noMail dt.share_item ul {background:url(../Images/share_bg2.gif) no-repeat 0 0; width:70px;} .article_action_bar.noMail dt.share_item ul li.icon_email {display:none;} /* 熱門排行 */ /* 排行表 */ ol.ranking_item {} ol.ranking_item li {display:block; border-bottom:1px dotted #b2b2b2; height:26px; /*height:24px;*/ width:185px;} ol.ranking_item li:after { content:'.'; display:block; clear:both; visibility:hidden; overflow:hidden; line-height:0; height:0; } ol.ranking_item li span.ranking {float:left; display:block; width:21px; height:14px; margin:6px 6px 0 0; background:url(../Images/rankingStyle.gif) no-repeat 0 0; text-align:center; font-size:11px; -webkit-text-size-adjust:none; font-family:"Arial Black", Gadget, sans-serif; line-height:14px;} ol.ranking_item li a {padding:6px 0; display:block; float:left; width:155px;} ol.ranking_item li a:link,ol.ranking_item li a:visited {color:#5f307a;} ol.ranking_item li a:hover,ol.ranking_item li a:active {color:#8c5ea6;} ol.ranking_item li.place1 .ranking {background-position:0 0;} ol.ranking_item li.place1 .ranking span {display:none;} ol.ranking_item li.place2 .ranking {background-position:0 -14px; color:#fff;} ol.ranking_item li.place3 .ranking {background-position:0 -28px; color:#fff;} ol.ranking_item li.place_others .ranking {background-position:0 -42px; color:#555;} /* 排行顯示 */ #hot_rank {display:block; width:678px; height:357px; margin:0 0 15px 4px; clear:both;} #hot_rank .box.hotRank_style1 {width:226px; height:357px; display:block; float:left; clear:none;} #hot_rank .box.hotRank_style1.rank_news {background:url(../Images/ranking_bg_01.jpg) no-repeat 0 0;} #hot_rank .box.hotRank_style1.rank_magazine {background:url(../Images/ranking_bg_02.jpg) no-repeat 0 0;} #hot_rank h4.box_title {height:37px; display:block;} #hot_rank h4.box_title .title {display:block; padding:12px 0 0 50px; font-size:15px; font-weight:bold; font-family:"微軟正黑體"; color:#03a9ff; float:left;} #hot_rank h4.box_title .expansion {float:right; margin:24px 20px 0 0;} #hot_rank h4.box_title .expansion a {display:block; background:url(../Images/icon_rss.gif) no-repeat 0 0; width:22px; height:13px;} #hot_rank h4.box_title .expansion a span {display:none;} #hot_rank .box_text {padding:15px 20px 0 20px;} #hot_rank .box_text p.update {color:#03a9ff; font-size:10px; -webkit-text-size-adjust:none; margin:8px 0 0 0; /*margin-top:3px;*/} #hot_rank .box.hotRank_style2 {width:226px; height:357px; display:block; margin:0; float:left; clear:none; background:url(../Images/ranking_bg_03.jpg) no-repeat 0 0;} #hot_rank .box.hotRank_style2 h4.box_title .expansion {} #hot_rank .box.hotRank_style2 h4.box_title .expansion a {display:block; background:url(../Images/icon_more.gif) no-repeat 0 0; width:28px; height:13px;} #hot_rank .box_text h5 {color:#5f307a; font-size:13px; display:block; margin:2px 0 0 30px; line-height:20px; height:60px;} #hot_rank .box.hotRank_style2 .box_text {padding:15px 15px 0 15px;} #hot_rank .box.hotRank_style2 ol.ranking_item {margin:12px 0 0 5px;} #hot_rank .box.hotRank_style2 ol.ranking_item li {display:block; border-bottom:none; height:36px; /*height:34px;*/} #hot_rank .box.hotRank_style2 ol.ranking_item li div {float:left; color:#5f307a; margin:6px 0 0 0; height:24px;} #hot_rank .box.hotRank_style2 ol.ranking_item li div span {display:block; margin:0 0 3px 0;} /* 進度條 */ #hot_rank .box.hotRank_style2 ul.progress_bar_item {display:block;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li {float:left;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.left{ width:2px; height:11px; border-right:solid 1px #d9d9d9;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.right{ width:2px; height:11px; border-left:solid 1px #d9d9d9;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.content_Strip{width:60px; height:9px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; background:#fff;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.content_Strip div.progress{ height:9px; margin:0;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.content_Strip div.progress.color1 {background:#00a0ee;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.content_Strip div.progress.color2 {background:#8ad8ff;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.content_Strip div.progress.color3 {background:#bbe8ff;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.content_Strip div.progress.color_others {background:#e5f7ff;} #hot_rank .box.hotRank_style2 ul.progress_bar_item li.text {color:#5f307a; font-size:11px; -webkit-text-size-adjust:none; width:90px; height:11px; text-align:right;} /* 今日最吸睛,雜誌精選,校園新鮮報 */ /* 頁籤模組 */ div.tabModule dt.menuList{ padding:0;} div.tabModule dt.expansion{display:none;} div.tabModule dt.menuList li{ width:103px; height:36px; font-size:12px; font-weight:bold; /*font-family:"微軟正黑體", "新細明體";*/} div.tabModule dt.menuList li a{ display:block; width:75px; height:36px; line-height:36px; color:#666; background:url(../Images/tabmenu_module_upover.png) no-repeat 0 0; padding:0 0 0 28px; } div.tabModule dt.menuList li a.Default{ display:block; width:75px; height:36px; line-height:36px; color:#fff; background:url(../Images/tabmenu_module_upover.png) no-repeat 0 -36px;} div.tabModule dt.menuList li a:hover{ background:url(../Images/tabmenu_module_upover.png) no-repeat 0 -36px; color:#fff;} div.tabModule dt.expansion li{} div.tabModule dt.expansion li a{} div.tabModule dt.expansion li a:hover{} div.tabModule dt.menuList span.separator{ display:none;} div.tabModule dt.expansion span.separator{ display:none;} div.tabModule{ height:36px; background:url(../Images/tabmenu_module_topbg.gif) repeat-x bottom;} div.tabExpansion {width:672px; height:25px; display:block;} /*雜誌首頁 展開看全部 加強 20111125 */ div.tabExpansion a {width:672px; height:25px; display:block; line-height:25px; text-align:center; font-weight:bold; background: #339FFF; color: #FFF; font: 900 14px/1.8em "微軟正黑體",Serif;} div.tabExpansion a:link,div.tabExpansion a:visited {color:#000; background:#f3f3f3 url(../Images/icon_down02.gif) no-repeat 380px 10px;} div.tabExpansion a:hover,div.tabExpansion a:active {color:#666; background:#f6f6f6 url(../Images/icon_down02.gif) no-repeat 380px 10px;} #todayHotest{margin:0 5px 15px 5px; clear:both;} #todayHotest h4{ display:none;} #todayHotest div.tabContent{background:url(../Images/tabmenu_module_topbg2.gif) repeat-x bottom;} #todayHotest div.tabContent.style1 {height:206px; padding:14px 0 18px 0; overflow:hidden;} #todayHotest div.tabContent.style1 dl.contentList dt{ float:left; padding:0 12px 0 0; display:block; width:158px; } #todayHotest div.tabContent.style1 dl.contentList dt.last {padding:0;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main {position:relative; width:158px; height:210px; display:block;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content{ width:158px; float:right; margin:165px 0 0 0; position:absolute; z-index:2; left:0;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links{} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1{float:left; position:relative; padding:3px; border:solid 1px #cfcfcf;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_2{display:none;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_div{ width:150px; height:150px; text-align:center;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_div a{ display:block; width:150px; height:150px;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_div img{} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_text{ display:none;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_text a{} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.absolute_div{ font-size:15px; font-weight:bold; color:#fff; position:absolute; z-index:2; left:0; top:107px; width:152px; height:42px; padding:8px 0 0 6px; background:url(../Images/black_alpha.png);} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_2 div.userContent{ clear:both;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_2 div.userContent div.img_div{} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_2 div.userContent div.img_div img {} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_2 div.userContent div.img_text{} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_2 div.userContent div.img_text span{} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content h2{ font-size:15px; font-weight:bold; color:#fff; display:none;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content h3{ display:none;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.classification{ display:none;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.time{ display:none;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.expansion{ display:none;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.text{ color:#666;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.text a{font-weight:bold;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.text a:link,#todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.text a:visited{color:#0eafff;} #todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.text a:hover,#todayHotest div.tabContent.style1 dl.contentList .ContentModule .main .content div.text a:active{color:#338eff;} #todayHotest div.tabContent.style2 {height:218px; padding:10px 0 10px 0;} #todayHotest div.tabContent.style2 dl.contentList {} #todayHotest div.tabContent.style2 dl.contentList dt { float:left; width:330px; margin:0 12px 0 0;} #todayHotest div.tabContent.style2 dl.contentList dt.last {margin:0;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule {} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main {width:330px;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content {width:150px;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content h2 {color:#17b4ff; font-size:15px; font-weight:bold; line-height:18px; margin:10px 0 15px 0;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content h2 a {} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content h2 a:link,#todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content h2 a:visited {color:#17b4ff;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content h2 a:hover,#todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content h2 a:active {color:#1282cd;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content h3 {display:none;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .classification {display:none;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .time {display:none;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .expansion {display:none;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .text {} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .text p {color:#666; line-height:18px;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .text p a {font-weight:bold;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .text p a:link,#todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .text p a:visited {color:#0eafff;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .text p a:hover,#todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .content .text p a:active {color:#1282cd;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links {} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links .Links_row_1 {background:url(../Images/magazine_bestChoice_book_bg.gif) no-repeat 0 0; width:159px; height:203px; padding:12px 0 0 4px;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links .Links_row_1 .absolute_div {display:none;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links .Links_row_1 .img_div {width:155px; height:199px; display:block; text-align:center;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links .Links_row_1 .img_div a {} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links .Links_row_1 .img_div img {} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links .Links_row_1 .img_text {display:none;} #todayHotest div.tabContent.style2 dl.contentList dt .ContentModule .main .Links .Links_row_2 {display:none;} /* 雜誌分類 */ #todayHotest.style_magaizne div.tabContent.style1 {height:auto; padding-bottom:0; *min-height:550px;} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList dt {width:163px; height:280px; padding:0 6px 0 0;} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList dt.last {padding:0;} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList .ContentModule .main {width:163px; height:207px; display:block;} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList .ContentModule .main .content {width:160px; margin:215px 0 0 0; padding:0 0 0 3px;} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_div {width:155px; height:199px; display:block; text-align:center;} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_div img {} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.img_div a {width:155px; height:199px; display:block;} #todayHotest.style_magaizne div.tabContent.style1 dl.contentList .ContentModule .main .Links .Links_row_1 div.absolute_div {left:4px; top:153px; width:149px; height:42px; padding:8px 0 0 6px;} /* index 活動看板 */ #eventSignage{ width:682px; margin:0 0 15px 0; height:330px; background:url(../Images/eventSignage_bg.png) no-repeat; position:relative;} #eventSignage h4{ display:none;} #eventSignage dt.eventTitle {position:absolute; z-index:100; width:215px; right:0;} #eventSignage dt.eventTitle ul {padding-left:11px;} #eventSignage dt.eventTitle li{ background:url(../Images/eventSignage_project.jpg) no-repeat 0 0;} #eventSignage dt.eventTitle li div.project{} #eventSignage dt.eventTitle li div.project h2{font-size:14px; font-weight:bold; font-family:"微軟正黑體"; margin:0 10px 0 8px;} #eventSignage dt.eventTitle li div.project h2 a {color:#333;} #eventSignage dt.eventTitle li div.project p{display:none;} #eventSignage dt.eventTitle li div.Default{ background:url(../Images/eventSignage_project_hover.png) no-repeat;} #eventSignage dt.eventTitle li div.Default h2 a{ color:#fff; text-decoration:underline;} #eventSignage dt.eventTitle li:hover div.project{ background:url(../Images/eventSignage_project_hover.png) no-repeat;} #eventSignage dt.eventTitle li:hover div.project h2 a{ color:#fff; text-decoration:underline;} #eventSignage dt.activities {width:458px; padding-left:8px;} #eventSignage dt.activities ul, #eventSignage dt.activities ul li {margin:0; padding:0; width:458px;} #eventSignage dt.activities li div.absolute_div { background:url(../Images/black_alpha.png) repeat; left:2px;} #eventSignage dt.activities li div.absolute_div h2{display:none;} #eventSignage dt.activities li div.absolute_div p{ font-size:12px; font-family:"微軟正黑體"; color:#fff; line-height:18px;} #eventSignage dt.activities li div.absolute_div p span {display:none;} #eventSignage dt.activities li div.absolute_div p a{color:#fff; text-decoration:underline;} /* 即時新聞 */ #HotHotHotNews {width:670px; height:190px; display:block; margin:0 0 15px 0; clear:both;} #HotHotHotNews h4.box_title {} #HotHotHotNews h4.box_title .title {height:40px;background:url(../Images/hothothot_news_title.png) 10px 0px no-repeat;} #HotHotHotNews h4.box_title .title span{display: block;text-indent:90px;line-height:55px;font-size:15px;font-weight:bold;font-family:"微軟正黑體";color:#03a9ff;} #HotHotHotNews h4.box_title .expansion {display:none;} #HotHotHotNews .box_text.content {background:url(../Images/hothothot_news_bg.jpg) no-repeat 6px 0; width:670px; height:153px; display:block; padding:0 0 0 6px;} #HotHotHotNews.style2 .box_text.content {background:url(../Images/hothothot_news_bg.jpg) no-repeat 2px 0; width:670px; height:153px; display:block; padding:0 0 0 2px;} #HotHotHotNews .box_text dl {} #HotHotHotNews .box_text dt.news_list {float:left; width:535px; margin:16px 0 0 10px;} #HotHotHotNews .box_text dt.news_list ul {} #HotHotHotNews .box_text dt.news_list ul li {height:24px; display:block; line-height:24px; font-size:13px; color:#676767;/* cursor:pointer;*/ } #HotHotHotNews .box_text dt.news_list ul li.odd {background:#f3f3f3;} #HotHotHotNews .box_text dt.news_list ul li.even {background:#fff;} #HotHotHotNews .box_text dt.news_list ul li .icon {background:url(../Images/hothothot_news_icon.gif) no-repeat 0 -24px; width:12px; height:24px; display:block; float:left; padding:0 8px 0 0; } #HotHotHotNews .box_text dt.news_list ul li a {color:#676767;} #HotHotHotNews .box_text dt.news_list ul li a:hover {color:#03a9ff;} #HotHotHotNews .box_text dt.news_list ul li:hover {color:#03a9ff; font-weight:bold; font-size:15px;} #HotHotHotNews .box_text dt.news_list ul li:hover a {color:#03a9ff;} #HotHotHotNews .box_text dt.news_list ul li:hover .icon {background:url(../Images/hothothot_news_icon.gif) no-repeat 0 0;} #HotHotHotNews .box_text dt.news_list ul li .post_time {margin:0 5px 0 0; width:70px; display:block; float:left;} #HotHotHotNews .box_text dt.today_date {float:right; width:115px; margin:0 1px 0 0; text-align:center;} #HotHotHotNews .box_text dt.today_date .year_month {height:18px; padding:7px 0 0 0; color:#fff; font-weight:bold; font-size:14px;} #HotHotHotNews .box_text dt.today_date .date {height:70px; padding:8px 0; font-weight:bold; font-size:70px; line-height:70px; color:#676767;} #HotHotHotNews .box_text dt.today_date .all_hot_news {width:88px; height:27px; display:block; margin:0 auto;} #HotHotHotNews .box_text dt.today_date .all_hot_news a {width:88px; height:27px; display:block; background:url(../Images/hothothot_news_btn.png) no-repeat 0 0;} #HotHotHotNews .box_text dt.today_date .all_hot_news a:link,#HotHotHotNews .box_text dt.today_date .all_hot_news a:visited { background-position: 0 0;} #HotHotHotNews .box_text dt.today_date .all_hot_news a:hover,#HotHotHotNews .box_text dt.today_date .all_hot_news a:active { background-position: 0 -27px;} #HotHotHotNews .box_text dt.today_date .all_hot_news a span {display:none;} /* 精彩圖輯 */ /* 相簿共用 */ dl.photo_gallery_item {position:relative;} dl.photo_gallery_item dt.gallery {width:652px; height:154px; display:block; margin:0 0 0 16px; overflow:hidden;} dl.photo_gallery_item dt.button {width:14px; height:74px; display:block; position:absolute; z-index:10; top:40px;} dl.photo_gallery_item dt.button.prev {left:1px; background:url(../Images/photoAlbumItem_arrow_left.gif) 0 -74px;} dl.photo_gallery_item dt.button.next {left:668px; background:url(../Images/photoAlbumItem_arrow_right.gif) 0 -74px;} dl.photo_gallery_item dt.button.off {background-position:0 0;} dl.photo_gallery_item dt.button a {width:14px; height:74px; display:block;} dl.photo_gallery_item dt.button a span {display:none;} dl.photo_gallery_item dt.gallery ul {} dl.photo_gallery_item dt.gallery ul li {background:url(../Images/photoAlbumItem_list_bg.gif) no-repeat 0 0; width:151px; height:146px; padding:6px 7px 0 5px; float:left;} dl.photo_gallery_item dt.gallery ul li .photo_pic {width:152px; height:102px;} dl.photo_gallery_item dt.gallery ul li .photo_pic .img_div {width:150px; height:100px; display:block; text-align:center; background:#CCC; border:1px solid #fff;} dl.photo_gallery_item dt.gallery ul li .photo_pic .img_div:hover { border:1px solid #03a9ff;} dl.photo_gallery_item dt.gallery ul li .photo_pic .img_div a {} /*新聞首頁精彩圖輯小圖設定高度*/ dl.photo_gallery_item dt.gallery ul li .photo_pic .img_div a img {height:115px;/* margin-top:-10px;*/} dl.photo_gallery_item dt.gallery ul li .photo_text {padding:8px 0 0 0;} dl.photo_gallery_item dt.gallery ul li .photo_text p {color:#5f307a;} dl.photo_gallery_item dt.gallery ul li.first {} dl.photo_gallery_item dt.gallery ul li.last {} /* 精彩圖輯顯示 */ #photoAlbum {clear:both;} #photoAlbum h4.box_title {padding:0 0 0 20px;} #photoAlbum h4.box_title .title {font-size:15px; font-weight:bold; font-family:"微軟正黑體"; color:#03a9ff; height:24px; float:left;} #photoAlbum h4.box_title .title .title_eng {font-size:10px; -webkit-text-size-adjust:none; font-weight:bold; font-family:"微軟正黑體"; color:#555;} #photoAlbum h4.box_title .expansion {float:right; margin:8px 17px 0 0;} #photoAlbum h4.box_title .expansion a {font-size:11px; -webkit-text-size-adjust:none; font-weight:bold; color:#00aae2;} #photoAlbum h4.box_title .expansion a:hover {color:#20c8ff;} #photoAlbum .box_text.content {background:url(../Images/photoAlbumItem_bg.png) no-repeat center top; width:682px; height:165px; padding:7px 0 0 0;} /* 推,讚,人氣 */ ul.article_information {margin:0 0 0 2px; clear:both;}/*20120606*/ ul.article_information li {font-size:11px; -webkit-text-size-adjust:none; display:block; padding-left:15px; margin:10px 0; background-position:left top; background-repeat:no-repeat; color:#666; float:left; margin:0 10px 0 0;} ul.article_information li a {} ul.article_information li a:link,ul.article_information li a:visited {color:#666;} ul.article_information li a:hover,ul.article_information li a:active {color:#999;} /* 新聞內文 */ #newsMainContent {clear:both;} #newsMainContent h4.box_title {} #newsMainContent h4.box_title .title {font-size:28px; font-weight:bold; font-family:"標楷體", "新細明體"; color:#c00; min-height:23px; padding:0 0 10px 14px; background:url(../Images/news_content_title_icon.png) no-repeat 0 6px; margin:0 0 8px 0;} #newsMainContent h4.box_title .expansion { } #newsMainContent h4.box_title .expansion ul {margin:0 0 0 15px;} #newsMainContent h4.box_title .expansion ul li {height:15px; display:block; float:left; font-size:11px; -webkit-text-size-adjust:none; color:#000; } #newsMainContent h4.box_title .expansion ul li.separator {text-align:center; width:20px; height:11px; font-size:12px; line-height:12px;} #newsMainContent .box_text.content {padding:10px 0 0 0;} #newsMainContent .box_text.content dl {} #newsMainContent .box_text.content dt {} #newsMainContent .box_text.content dt.text {clear:both; padding-bottom:10px; background:url(../Images/allvote_list_bottom_line.gif) no-repeat left bottom;} #newsMainContent .box_text.content dt.text p {color:#333; margin:8px 0 0 0;} #newsMainContent .box_text.content dt.text.size1 {font-size:12px; line-height:18px;} #newsMainContent .box_text.content dt.text.size2 {font-size:15px; line-height:27px;} #newsMainContent .box_text.content dt.text.size3 {font-size:18px; line-height:30px;} #newsMainContent .box_text.content dt.expansion {clear:both; padding-top:20px;}/*20120606*/ #newsMainContent .box_text.content dt.expansion .article_action_bar.style2 {float:none; width:auto; padding-top:8px; *padding-top:0;} #newsMainContent .article_action_bar.style2 dt.share_item {background:url(../Images/article_action_bar_line.gif) no-repeat 0 7px; padding-left:8px; float: right;} /* 新聞圖輯模組 */ /* 欣新聞內頁圖框改為3:2, 其實跟旅遊基地改的部份完全一樣 20111212 */ dl.photoGallery {background:url(../Images/news_content_gallery_bg.gif) no-repeat 0 0; width:655px; height:/*390px*/369px; padding:8px;} dl.photoGallery dt.main_pic {float:left; width:/*520*/552px; display:block; position:relative;} dl.photoGallery dt.main_pic .img_div {width:/*518*/550px; height:/*386*/367px; display:block; text-align:center; border:1px solid #bdbcbd; background:url(../Images/news_content_gallery_stripe_bg.gif);} dl.photoGallery dt.main_pic .img_div img {/*height:386px;*/ height:/*400*/367px; /*margin-top:-10px;*/ margin:0;} dl.photoGallery dt.main_pic .expansion {} dl.photoGallery dt.main_pic .expansion .absolute_div {position:absolute; z-index:10; left:1px; top:/*310*/289px; width:/*488*/520px; height:35px; background:url(../Images/black_alpha.png); padding:15px;}/* 20120531 */ dl.photoGallery dt.main_pic .expansion .absolute_div p {color:#fff; line-height:18px;} dl.photoGallery dt.main_pic .expansion a.divClose{ display:block; background:url(../Images/absolute_div_close.png) no-repeat left top; width:58px; height:14px; position:absolute; bottom:1px; right:1px; text-indent:-5000px;}/* 20120531 */ dl.photoGallery dt.main_pic .expansion a.divOpen{display:block; background:url(../Images/absolute_div_open.png) no-repeat left top; width:58px; height:14px; position:absolute; bottom:1px; right:1px; text-indent:-5000px;}/* 20120531 */ dl.photoGallery dt.pic_list {float:right; width:/*120*/92px; height:/*388*/362px; display:block; margin:/*0 5px*/2px 3px 0 0; background:url(../Images/news_content_gallery_rightbg.png) no-repeat center center;} dl.photoGallery dt.pic_list ul {margin:/*45*/30px 0 0 0; display:block; width:/*120*/92px; height:300px; overflow:hidden;} dl.photoGallery dt.pic_list ul ul {margin:0 0 0 0; height:auto;} dl.photoGallery dt.pic_list ul ul li {margin:/*8px 0*/ 6px 0; width:/*120*/92px; height:/*90*/92px; display:block;} dl.photoGallery dt.pic_list ul ul li.last {margin-bottom:0;} dl.photoGallery dt.pic_list ul ul li .img_div {width:/*118*/90px; height:/*88*/90px; display:block; text-align:center; border:1px solid #bdbcbd;} dl.photoGallery dt.pic_list ul ul li:hover .img_div {border:1px solid #03a9ff;} dl.photoGallery dt.pic_list ul ul li .img_div a {} dl.photoGallery dt.pic_list ul ul li .img_div img {height:/*100*/120px; /*margin-top:-5px;*/ margin:0 0 0 -15px;} dl.photoGallery dt.pic_list .buttons {position:relative;} dl.photoGallery dt.pic_list .buttons .btn {position:absolute; z-index:2; left:/*18*/8px; width:/*84*/74px; height:18px; display:block;} dl.photoGallery dt.pic_list .buttons .btn.prev {top:/*-335*/-333px; background:url(../Images/news_content_gallery_arrow_top.jpg) no-repeat /*0*/center 0;} dl.photoGallery dt.pic_list .buttons .btn.next {top:/*15*/16px; background:url(../Images/news_content_gallery_arrow_down.jpg) no-repeat /*0*/center 0;} dl.photoGallery dt.pic_list .buttons .btn.off {background-position:/*0*/center -18px;} dl.photoGallery dt.pic_list .buttons a {width:/*84*/74px; height:18px; display:block;} dl.photoGallery dt.pic_list .buttons a span {display:none;} /* 新聞圖輯 */ #newsMainContent .box_text.content dt.gallery {clear:both;} #newsMainContent .box_text.content dt.gallery dl.photoGallery {} #newsMainContent.style2 h4.box_title .title {font-size:23px; font-weight:bold; font-family:"微軟正黑體", "新細明體"; color:#1a5f99; height:23px; padding:0 0 0 14px; background:url(../Images/news_content_title_icon.png) no-repeat 0 5px; margin:0 0 8px 0;} dl.photoGallery.style2 {background:url(../Images/news_content_gallery_bg2.gif) no-repeat 0 0; height:459px; width:655px; padding:10px 8px 8px 8px;} dl.photoGallery.style2 dt.main_pic {} dl.photoGallery.style2 dt.main_pic .img_div {width:518px; height:456px; display:block; border:1px solid #bdbcbd; text-align:center;} dl.photoGallery.style2 dt.main_pic .img_div img {height:456px;} dl.photoGallery.style2 dt.main_pic .expansion .absolute_div {top:387px; width:488px; height:35px;} /* 雜誌翻頁 */ #newsMainContent .box_text.content dt.expansion .pageDiv {/*background:url(../Images/allvote_list_bottom_line.gif) no-repeat 0 0;*/}/*20120613*/ #newsMainContent.style2 .box_text.content dt.text {padding-bottom:0; background:none;} /* 相關文章系列 */ #newsRelated {clear:both;} #newsRelated h4.box_title {background:url(../Images/aticle_relative_banner_title.gif) no-repeat 0 0; width:670px; height:34px;} #newsRelated h4.box_title .title {font-size:13px; font-weight:bold; color:#000; height:20px; padding:12px 0 0 25px; background:url(../Images/news_content_title_icon.png) no-repeat 12px 9px;} #newsRelated h4.box_title .expansion {display:none;} #newsRelated .box {} #newsRelated .box_text {} #newsRelated .box_text .list {background:url(../Images/aticle_relative_banner_main_bg.gif) no-repeat 0 bottom; width:668px; border-left:1px solid #ccc; border-right:1px solid #ccc; display:block;} ul.news_list_item {padding:7px 0 0 0;} ul.news_list_item li {display:block; height:18px; width:620px; padding:0 0 0 40px; margin:4px 0 0 0; background:url(../Images/aticle_relative_banner_icon.png) no-repeat 26px 4px; clear:both; line-height:18px;} ul.news_list_item li .post_time {color:#595959; font-size:11px; -webkit-text-size-adjust:none; display:block; width:65px; float:left;} ul.news_list_item li .text {font-size:13px; display:block; float:left; width:550px;} ul.news_list_item li .text a {color:#5f307a;} ul.news_list_item li .text a:link,#newsRelated .box_text ul.news_list_item li .text a:visited {text-decoration:none;} ul.news_list_item li .text a:hover,#newsRelated .box_text ul.news_list_item li .text a:active {text-decoration:underline;} #newsRelated .box_text .expansion {background:url(../Images/aticle_relative_banner_bottom.gif) no-repeat 0 0; width:670px; height:15px; display:block;} #newsRelated #related_news_article {} #newsRelated #related_news_seen {} #newsRelated #magazine_article {} #magazine_article .box_text ul.news_list_item li .post_time {display:none;} #magazine_article .box_text ul.news_list_item li .text {width:620px;} #magazine_article h4.box_title .title {float:left;} #magazine_article h4.box_title .expansion {display:block; float:right; padding:5px 10px 0 0;} #magazine_article h4.box_title .expansion span {display:block; float:left;} #magazine_article h4.box_title .expansion .text {margin:7px 5px 0 0; color:#333;} #magazine_article h4.box_title .expansion .form_select {} /* 頁碼 */ .pageDiv{width:100%; text-align:center; margin:0; padding:15px 0; clear:both;} .pageDiv ul{clear:both; margin:0; padding:0;} .pageDiv .subDiv ul li{ width:inherit; height:inherit; float:none; display:inline; color:#000; vertical-align:middle;} .pageDiv a{display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:none; text-decoration:none; color:#000; } .pageDiv a:hover{background:#d3d3d3; color:#fff;} .pageDiv .subDiv ul li a.selected {background:#d3d3d3; color:#fff; width:20px; height:20px; line-height:20px; text-align:center;} .pageDiv .subDiv ul li.links {} .pageDiv .subDiv ul li.links a {width:60px; color:#000; font-weight:bold; line-height:22px;} .pageDiv .subDiv ul li.links a:hover {color:#666; background:none;} .pageDiv .subDiv ul li.pageChange {padding:0 8px;} .pageDiv .subDiv ul li.pageChange input {border:1px solid #ccc; vertical-align:top; font-size:12px;} .pageDiv .subDiv ul li.pageChange .page_input input {width:20px; background:#fff;} .pageDiv .subDiv ul li.pageChange .go_button input {width:40px; background:#eee;} .pageDiv .subDiv ul li.totalPage {} .pageDiv .subDiv ul li.totalPage span {color:#5f307a; font-weight:bold;} .pageDiv.style_top_line {background:url(../Images/allvote_list_bottom_line.gif) no-repeat 0 top;} /* 主題投票 */ #newsTopicVote {clear:both; margin-top:10px;} #newsTopicVote h4.box_title {background:url(../Images/news_voting_title_bg.jpg) no-repeat 0 0; width:665px; height:32px; display:block; padding:8px 0 0 8px;} #newsTopicVote h4.box_title .title.news_topic {font-size:13px; font-weight:bold; color:#000; height:20px; padding:12px 0 0 25px; background:url(../Images/news_content_title_icon.png) no-repeat 12px 9px; float:left;} #newsTopicVote h4.box_title .expansion {float:right;} #newsTopicVote .box_text {display:block; width:673px; background:url(../Images/news_voting_content_bg_repeat.gif) repeat-y 0 0;} #newsTopicVote h4.box_title .expansion .article_action_bar {margin:0;} #newsTopicVote .box_text .main_text {background:url(../Images/news_voting_content_bg.jpg) no-repeat center bottom/*#f2f2f2*/; /*width:665px; margin:0 auto;*/} #newsTopicVote .box_text div.topic {background:url(../Images/news_voting_question.png) no-repeat 0 12px; margin:0 30px 0 23px; padding:15px 0 10px 3px; width:620px; border-bottom:1px dashed #b8b8b8; display:block;} #newsTopicVote .box_text div.topic .topic_text {float:right; width: 395px;} #newsTopicVote .box_text div.topic .topic_text h2 {font-size:23px; font-family:"標楷體", "新細明體"; font-weight:bold; color:#1a5f99; display:block; line-height:28px; margin:5px 0;} #newsTopicVote .box_text div.topic .topic_text ul {margin:0 0 0 5px;} #newsTopicVote .box_text div.topic .topic_text ul li {color:#595757; font-size:13px; line-height:26px;} #newsTopicVote .box_text div.topic .topic_text p {color:#595757; line-height:20px; margin:0 0 0 5px;} #newsTopicVote .box_text div.topic .topic_text p.size1 {font-size:13px;} #newsTopicVote .box_text div.topic .topic_text p.size2 {font-size:15px;} #newsTopicVote .box_text div.topic .topic_text p.size3 {font-size:18px;} #newsTopicVote .box_text div.topic .topic_img {float:left; width:180px; height:135px; display:block;} #newsTopicVote .box_text div.topic .topic_img .img_div {width:180px; height:135px; display:block; text-align:center;} #newsTopicVote .box_text div.topic .topic_img .img_div img {} #newsTopicVote .box_text div.items {clear:both; margin:0 0 0 23px; padding:15px 0 0 0;} #newsTopicVote .box_text div.items dl {display:block; padding:0 0 10px 0;} #newsTopicVote .box_text div.items dt {} #newsTopicVote .box_text div.items dt ol {margin:5px 0;} #newsTopicVote .box_text div.items dt ol li {display:block; float:left; height:20px; font-size:13px;} #newsTopicVote .box_text div.items dt ol li.name {width:170px; text-align:right; color:#5f307a;} #newsTopicVote .box_text div.items dt ol li.name span {} #newsTopicVote .box_text div.items dt ol li.order {width:35px; text-align:center; color:#0eafff;} #newsTopicVote .box_text div.items dt ol li.order span {} #newsTopicVote .box_text div.items dt ol li.order.style1 {} #newsTopicVote .box_text div.items dt ol li.order.style2 {} #newsTopicVote .box_text div.items dt ol li.order.style3 {} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank { display:block; background:url(../Images/rankingStyle.gif) no-repeat 0 0; width:21px; height:14px; overflow:hidden; margin:0 5px;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place1 {background-position:0 0;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place2 {background-position:0 -14px;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place3 {background-position:0 -28px;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place_others {background-position:0 -42px;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank span {text-align:center; font-size:11px; -webkit-text-size-adjust:none; font-family:"Arial Black", Gadget, sans-serif; line-height:14px;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place1 span {display:none;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place2 span, #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place3 span {color:#fff;} #newsTopicVote .box_text div.items dt ol li.order.style3 span.rank.place_others span {color:#555;} #newsTopicVote .box_text div.items dt ol li.bar {width:307px; padding:2px 0 0 0; height:18px;} #newsTopicVote .box_text div.items dt ol li.total {width:110px; text-align:right; color:#4b4b4b;} #newsTopicVote .box_text div.items dt ol li.total span {} #newsTopicVote .box_text .expansion {background:url(../Images/news_voting_bottom.gif) no-repeat 0 0; width:673px; height:16px; display:block; clear:both;} /*進度條 total: 300px(100%) ex: 50% => 150px */ #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item {display:block;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li {float:left;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.left{ width:2px; height:11px; border-right:solid 1px #fff;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.right{ width:2px; height:11px; border-left:solid 1px #fff;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip{/*width:300px;*/ height:9px; border-top:solid 1px #fff; border-bottom:solid 1px #fff; background:#f2f2f2;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress{ height:9px; margin:0;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color1 {background:#f85d7a;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color2 {background:#fa943a;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color3 {background:#f8d25d;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color4 {background:#b7ec5c;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color5 {background:#78daff;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color6 {background:#97b4ff;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color7 {background:#d78bff;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color8 {background:#c58a8a;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color9 {background:#bd7240;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color10 {background:#b7aa74;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color11 {background:#8aca9a;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color12 {background:#8097ae;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color13 {background:#b7bee2;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color14 {background:#bfb3c7;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.content_Strip div.progress.color15 {background:#c1c1c1;} #newsTopicVote .box_text div.items dt ol li.bar ul.progress_bar_item li.text {color:#5f307a; font-size:11px; -webkit-text-size-adjust:none; width:90px; height:11px; text-align:right;} #newsTopicVote .article_action_bar.style2 {float:none; margin:5px 0 0 0; width:auto; height:36px;} #newsTopicVote .article_action_bar.style2 dt.fb_item {padding:6px 0 0 0;} #newsTopicVote .article_action_bar.style2 dt.share_item {background:url(../Images/article_action_bar_line.gif) no-repeat 0 13px; padding:6px 0 0 8px;} #newsTopicVote .article_action_bar.style2 dt.vote_btn {width:auto; width:121px; height:36px; display:block; margin:0;} #newsTopicVote .article_action_bar.style2 dt.vote_btn ul.vote_buttons {margin:0; padding:0;} #newsTopicVote .article_action_bar.style2 dt.vote_btn ul.vote_buttons li {padding:0; float:left;} #newsTopicVote .article_action_bar.style2 dt.vote_btn ul.vote_buttons li a {width:auto; padding:0;} #newsTopicVote .article_action_bar.style2 dt.vote_btn ul.vote_buttons li a.btn_iwanttovote {width:121px; height:36px; display:block;} #newsTopicVote .box_text div.items dt ol.ranking_item {width:21px; height:14px; display:block; margin:0 auto;} #newsTopicVote .box_text div.items dt ol.ranking_item li {width:21px; height:14px; border:none; float:none; text-align:center;} #newsTopicVote .box_text div.items dt ol.ranking_item li span.ranking {margin:0; float:none;} /* 全部投票list */ #allVoteList {clear:both;} #allVoteList h4.box_title {background:url(../Images/allvote_list_title_bg.png) no-repeat 0 0; width:675px; height:37px;} #allVoteList h4.box_title .title {font-size:13px; font-weight:bold; color:#000; height:22px; padding:15px 0 0 25px; background:url(../Images/news_content_title_icon.png) no-repeat 12px 12px;} #allVoteList h4.box_title .expansion {display:none;} #allVoteList .box_text.content {padding:0 0 0 8px;} /* 列表 */ /* 列表框架 */ .list_item {clear:both;} .list_item.last {} .list_item.style_no_img {} /*左邊沒圖*/ .list_item .list_column {} .list_column.style1 {float:left;} .list_column.style2 {float:right;} .list_column .img_div {} .list_column .list_column_expansion.style1 {} .list_column .list_column_expansion.style2 {} .list_column .list_title {} .list_column .content_info {clear:both; display:block;} /* 列表顯示樣式 */ .list_item {clear:both; width:670px; padding:10px 0 15px 0; background:url(../Images/allvote_list_bottom_line.gif) no-repeat 0 bottom;} .list_column.style1 {width:182px; height:137px; display:block; float:left; border:1px solid #dcdcdc; padding:2px 0 0 2px;} .list_column.style2 {float:right; width:450px; margin:0 10px 0 0;} .list_column .img_div {display:block;} .list_column .img_div.style1 {width:180px; height:135px; text-align:center;} .list_column .img_div.style1 img {height:145px; margin-top:-5px;} .list_column .img_expansion {display:none;} .list_column .img_expansion ul {} .list_column .img_expansion li {} .list_column .img_expansion li a {} .list_column .img_expansion li a span {display:none;} .list_column .list_column_expansion {} .list_column .list_column_expansion.style1 {} .list_column .list_column_expansion.style2 {} .list_column .list_title {} .list_column .list_title h2 {float:left; font-size:16px; font-weight:bold; line-height:24px; letter-spacing:1px; background:url(../Images/news_content_title_icon.png) no-repeat 0 2px; padding:0 0 0 10px; margin:3px 0 0 0;} .list_column .list_title h2 a {color:#1a5f99;} .list_column .list_title h2 a:link,.list_column .list_title h2 a:visited {text-decoration:none;} .list_column .list_title h2 a:hover,.list_column .list_title h2 a:active {text-decoration:underline;} .list_column .list_title .title_expansion {display:none;} .list_column .list_title .title_expansion.exp_style1 {} .list_column .list_title .title_expansion.exp_style2 {} .list_column .content_info {padding:10px 0; height:15px;} .list_column .content_info ul {width:100%; display:block;} .list_column .content_info li {font-size:11px; -webkit-text-size-adjust:none; float:left; display:block; color:#000; margin:0px 10px 0px 0px;} .list_column .content_info li.author{ color:#00aae2; font-size:15px; font-weight:bold; position:relative; top:-5px;} .list_column .content_info li.author img{ float:left; margin:0px 10px 0px 0px; position:relative; top:-5px;} .list_column .list_content_text {} .list_column .img_div.style2 {display:none;} .list_column .list_content_text p {clear:both; color:#595757; line-height:20px; display:block; font-size:13px;} .list_column .list_content_text p a {font-size:11px; -webkit-text-size-adjust:none; font-weight:bold;} .list_column .list_content_text p a:link,.list_column p a:visited {color:#00aae2;} .list_column .list_content_text p a:hover,.list_column p a:active {color:#79cffd;} .list_column .content_expansion {display:none;} .list_column .content_expansion .content_expansion_title {} .list_column .expansion_title {display:none;} ul.voting_action_bar {float:right; display:block;} ul.voting_action_bar li {display:block; float:left; height:24px; font-size:11px; -webkit-text-size-adjust:none;} ul.voting_action_bar li.seperate {width:8px; height:31px;} ul.voting_action_bar li.seperate.first {background:url(../Images/vbg1.png) no-repeat 0 0;} ul.voting_action_bar li.seperate.last {background:url(../Images/vbg8.png) no-repeat 0 0;} ul.voting_action_bar li.seperate.style1 {background:url(../Images/vbg3.png) no-repeat 0 0;} ul.voting_action_bar li.seperate.style2 {background:url(../Images/vbg5.png) no-repeat 0 0; width:12px;} ul.voting_action_bar li.seperate.style3 {background:url(../Images/vbg7.png) no-repeat 0 0;} ul.voting_action_bar li.text {padding:8px 5px 0 5px; color:#fff;} ul.voting_action_bar li.text span {padding:1px; display:block;} ul.voting_action_bar li.text span a {color:#fff;} ul.voting_action_bar li.text.style1 {background:url(../Images/vbg2.png) repeat-x 0 0;} ul.voting_action_bar li.text.style2 {background:url(../Images/vbg6.png) repeat-x 0 0;} ul.voting_action_bar li.number {padding:8px 5px 0 5px; background:url(../Images/vbg4.png) repeat-x 0 0; color:#000;} ul.voting_action_bar li.number span {} ul.voting_action_bar li.number span a {color:#000;} .list_item.style_no_img .list_column.style1 {display:none;} .list_item.style_no_img .list_column.style2 {width:auto; padding:0 0 0 5px; float:none;} #allVoteList .list_column_expansion.style2 ul.voting_action_bar {margin:10px 0 0 0;} #allVoteList .list_column_expansion.style2 ul.voting_action_bar li {} #allVoteList ul.vote_buttons {clear:none; float:right; width:auto; margin:7px 0 0 2px;} /* 天氣地圖 */ #weatherForecast{margin:8px 5px 15px 5px; clear:both;} #weatherForecast h4{ display:none;} #weatherForecast div.tabContent{} #weatherForecast div.tabContent {background:url(../Images/image_taiwan.gif) no-repeat 0 0;} #weatherForecast div.tabContent dl.contentList {position:relative; height:704px;} #weatherForecast div.tabContent dl.contentList dt {display:block; position:absolute; z-index:10;} #weatherForecast div.tabContent dl.contentList dt ul {} #weatherForecast div.tabContent dl.contentList dt ul li {} #weatherForecast div.tabContent dl.contentList dt .weather_icon {float:left; width:30px; height:25px;} #weatherForecast div.tabContent dl.contentList dt .weather_icon img {} #weatherForecast div.tabContent dl.contentList dt .weather_text { font-size:13px; color:#3e3e3e; line-height:18px; float:left; padding-top:3px; } #weatherForecast div.tabContent dl.contentList dt .weather_text span.info {position:relative; top:1px;} #weatherForecast div.tabContent dl.contentList dt .weather_text span.info .txt_red { color:#c40000; font-weight:bold; padding:0 0 0 3px;} #weatherForecast div.tabContent dl.contentList dt ul {} #weatherForecast div.tabContent dl.contentList dt ul li {clear:both;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_1 {background:url(../Images/weather_dialog_bg1.png) no-repeat 0 0; width:133px; height:41px; padding:8px 0 0 9px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_1 .weather_text {width:95px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_2 {background:url(../Images/weather_dialog_bg2.png) no-repeat 0 0; width:133px; height:34px; padding:18px 0 0 9px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_2 .weather_text {width:95px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_3 {background:url(../Images/weather_dialog_bg3.png) no-repeat 0 0; width:138px; height:105px; padding:12px 0 0 12px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_3 .weather_text {width:100px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_4 {background:url(../Images/weather_dialog_bg4.png) no-repeat 0 0; width:132px; height:53px; padding:10px 0 0 9px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_4 .weather_text {width:95px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_5 {background:url(../Images/weather_dialog_bg5.png) no-repeat 0 0; width:144px; height:36px; padding:8px 0 0 8px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_5 .weather_text {width:100px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_6 {background:url(../Images/weather_dialog_bg6.png) no-repeat 0 0; width:137px; height:35px; padding:8px 0 0 18px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_6 .weather_text {width:100px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_7 {background:url(../Images/weather_dialog_bg7.png) no-repeat 0 0; width:144px; height:57px; padding:8px 0 0 8px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_7 .weather_text {width:100px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_8 {background:url(../Images/weather_dialog_bg8.png) no-repeat 0 0; width:143px; height:57px; padding:8px 0 0 8px;} #weatherForecast div.tabContent dl.contentList dt.weather_bgStyle_8 .weather_text {width:100px;} #weatherForecast div.tabContent dl.contentList dt.pos1 { left:38px; top:105px; } #weatherForecast div.tabContent dl.contentList dt.pos2 { left:6px; top:257px; } #weatherForecast div.tabContent dl.contentList dt.pos3 { left:3px; top:458px; } #weatherForecast div.tabContent dl.contentList dt.pos4 { left:520px; top:43px; } #weatherForecast div.tabContent dl.contentList dt.pos5 { left:350px; top:105px; } #weatherForecast div.tabContent dl.contentList dt.pos6 { left:292px; top:152px; } #weatherForecast div.tabContent dl.contentList dt.pos7 { left:271px; top:217px; } #weatherForecast div.tabContent dl.contentList dt.pos8 { left:225px; top:263px; } #weatherForecast div.tabContent dl.contentList dt.pos9 { left:196px; top:309px; } #weatherForecast div.tabContent dl.contentList dt.pos10 { left:167px; top:355px; } #weatherForecast div.tabContent dl.contentList dt.pos11 { left:155px; top:400px; } #weatherForecast div.tabContent dl.contentList dt.pos12 { left:159px; top:471px; } #weatherForecast div.tabContent dl.contentList dt.pos13 { left:173px; top:534px; } #weatherForecast div.tabContent dl.contentList dt.pos14 { left:242px; top:600px; } #weatherForecast div.tabContent dl.contentList dt.pos15 { left:522px; top:226px; } #weatherForecast div.tabContent dl.contentList dt.pos16 { left:512px; top:297px; } #weatherForecast div.tabContent dl.contentList dt.pos17 { left:430px; top:358px; } #weatherForecast div.tabContent dl.contentList dt.pos18 { left:443px; top:505px; } #weatherForecast div.tabContent dl.contentList dt.pos19 {left:422px; top:630px;} .weather_note p { clear:both; text-align:right; color:#818181; padding-right:10px; line-height:18px;} /*#weatherForecast div.tabContent.style1 dl.contentList dt.weather_info_banner {display:none;} #weatherForecast div.tabContent.style2 dl.contentList dt.weather_info_banner {display:none;} #weatherForecast div.tabContent.style3 dl.contentList dt.weather_info_banner {background:url(../Images/uv_info_banner.png) no-repeat 0 0; width:133px; height:126px; left:0; top:575px;} #weatherForecast div.tabContent.style3 dl.contentList dt.weather_info_banner p span {display:none;} #weatherForecast div.tabContent.style3 dl.contentList dt .weather_text p.info {padding:1px 0 0 0;}*/ /* 天氣模組 */ dl.weather_all {} dl.weather_all dt {padding:0 17px; display:block; width:60px; height:120px; border-right:1px dotted #c0c0c0; float:left;} dl.weather_all dt.last {border:none;} dl.weather_all dt.title {} dl.weather_all dt .weather_icon {width:50px; height:50px; padding:2px 5px;} dl.weather_all dt .weather_info {padding:5px 0 0 0; text-align:center; width:60px;} dl.weather_all dt .weather_info ul {} dl.weather_all dt .weather_info ul li {font-size:13px; color:#424242; line-height:18px;} dl.weather_all dt .weather_info ul li span {} dl.weather_all dt .weather_info ul li.place {color:#1a5f99; font-weight:bold;} dl.weather_all dt .weather_info ul li.info1 {} dl.weather_all dt .weather_info ul li.info2 {} dl.weather_all dd.weather_expansion {display:none;} /* 一周天氣模組 */ div.weather_by_week {width:670px; clear:both;} div.weather_by_week .day {background:url(../Images/weather_week_table_title_bg.png) no-repeat 0 0; width:670px; height:42px; display:block; padding:5px 0;} div.weather_by_week .place_holder {clear:both; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../Images/weather_week_table_content_bg.png) center bottom no-repeat;} div.weather_by_week .week_expansion {display:block;} div.weather_by_week .week_expansion .bottom {background:url(../Images/weather_week_table_bottom.png) 0 0 no-repeat; width:670px; height:9px;} div.weather_by_week .week_expansion .expansion_info {padding:15px 0 0 0;} div.weather_by_week dl.weather_all {padding:8px 0; width:645px; height:82px; display:block; margin:0 auto; border-bottom:1px dotted #c4c4c4;} div.weather_by_week dl.weather_all.last {border:none;} div.weather_by_week dl.weather_all dt {padding:0 7px; height:82px; border-right:1px solid #e4e4e4;} div.weather_by_week dl.weather_all dt.title {width:112px;} div.weather_by_week dl.weather_all dt .weather_info ul li.place {display:none;} div.weather_by_week dl.weather_all dt .weather_info ul li.info1 {display:none;} div.weather_by_week dl.weather_all dt.last {padding-right:0; border:none;} div.weather_by_week dl.weather_all.title_bar {padding:0; height:42px; border:none;} div.weather_by_week dl.weather_all.title_bar dt {height:42px;} div.weather_by_week dl.weather_all.title_bar dt .weather_icon {display:none;} div.weather_by_week dl.weather_all.title_bar dt .weather_info {height:37px; padding:5px 0 0 0; line-height:18px;} div.weather_by_week dl.weather_all.title_bar dt .weather_info ul li.info1 {display:block; color:#1a5f99;} div.weather_by_week dl.weather_all.title_bar dt .weather_info ul li.info2 {color:#1a5f99;} div.weather_by_week dl.weather_all dt .weather_info.style1 ul li.info1, div.weather_by_week dl.weather_all dt .weather_info.style1 ul li.info2 {color:#159c4d;} /* 星期六 */ div.weather_by_week dl.weather_all dt .weather_info.style2 ul li.info1, div.weather_by_week dl.weather_all dt .weather_info.style2 ul li.info2 {color:#db0047;} /* 星期日 */ div.weather_by_week dl.weather_all.title_bar dt.title {padding-top:15px; height:27px;} div.weather_by_week dl.weather_all.title_bar dt.title p.place_name {font-size:13px; color:#3e3e3e;} div.weather_by_week .place_holder dl.weather_all dt.title.style1 {padding-top:30px; height:52px;} div.weather_by_week .place_holder dl.weather_all dt.title.style2 {padding-top:15px; height:67px;} div.weather_by_week .place_holder dl.weather_all dt.title.style3 {padding-top:20px; height:62px;} div.weather_by_week .place_holder dl.weather_all dt.title p.place_name {font-size:15px; font-weight:bold; color:#5f307a;} div.weather_by_week .place_holder dl.weather_all dt.title p.place_info {font-size:13px; color:#444; line-height:22px;} div.weather_by_week .place_holder dl.weather_all dt.title.style1 p.place_info span {display:none;} div.weather_by_week .place_holder dl.weather_all dt .weather_info ul li.info2 {} /* 20120201 新增 */ div.weather_by_week .wweek_hd {background:url(../Images/weather_oversea_title_bg1.png) no-repeat; height:3px;} div.weather_by_week .wweek_bd { background:url(../Images/weather_oversea_table_content_bg.png) center bottom no-repeat;} /* 天氣新聞/搜尋 */ /*#weatherNewsSearch {clear:both;} #weatherNewsSearch .box {width:334px; float:left; clear:none;} #weatherNewsSearch #weather_news{margin:0 2px 0 0;} #weatherNewsSearch #weather_search{}*/ #weatherNewsSearch h4.box_title {background:url(../Images/aticle_relative_banner_title.gif) no-repeat 0 0; width:670px; height:34px;} #weatherNewsSearch h4.box_title .title {float:left; font-size:13px; font-weight:bold; color:#000; height:20px; padding:12px 0 0 25px; background:url(../Images/news_content_title_icon.png) no-repeat 12px 9px; } #weatherNewsSearch h4.box_title .expansion {/*display:none;*/ float:right; margin:10px 10px 0 0;} #weatherNewsSearch h4.box_title .expansion a {font-size:13px; font-weight:bold; color:#00aae2;} #weatherNewsSearch h4.box_title .expansion a:hover {color:#20c8ff;} #weatherNewsSearch .box_text {clear:none;} #weatherNewsSearch .box_text .list {height:114px; background:url(../Images/aticle_relative_banner_main_bg.gif) no-repeat 0 bottom; width:668px; border-left:1px solid #ccc; border-right:1px solid #ccc; display:block;} #weatherNewsSearch .box_text .expansion {background:url(../Images/aticle_relative_banner_bottom.gif) no-repeat 0 0; width:670px; height:15px; display:block;} #weatherNewsSearch .box_text .list dl dt.textShow dl.weather_all dt.title {display:none;} /* 天氣新聞 */ #weather_news .box_text .topicArticle {float:left; width:305px; border-right:1px dotted #d1d1d1; padding:5px 15px 0 15px; margin-top:10px; height:105px;} #weather_news .box_text .topicArticle h6 {margin:0 0 5px 0;} #weather_news .box_text .topicArticle h6 a {color:#20b8ff; font-weight:bold;} #weather_news .box_text .topicArticle h6 a:hover {text-decoration:underline;} #weather_news .box_text .topicArticle p {color:#666; line-height:20px;} #weather_news .box_text .topicArticle p span a {color:#7d2188; font-weight:bold;} #weather_news .box_text .topicArticle p span a:hover {text-decoration:underline;} #weather_news .box_text ul.news_list_item {float:left;} #weather_news .box_text ul.news_list_item li {display:block; height:18px; width:300px; padding:0 0 0 25px; margin:4px 0 0 0; background:url(../Images/aticle_relative_banner_icon.png) no-repeat 11px 4px; line-height:18px;} #weather_news .box_text ul.news_list_item li .text {font-size:13px; display:block; float:left; width:235px;} #weather_search .box_text .list {color:#434343; font-size:13px;} #weather_search .box_text .list dl {} #weather_search .box_text .list dl dt.search {padding:8px 0 0 8px;} #weather_search .box_text .list dl dt.search ul {} #weather_search .box_text .list dl dt.search ul li {float:left;} #weather_search .box_text .list dl dt.search ul li span {float:left; height:34px; display:block;} #weather_search .box_text .list dl dt.search ul li span.text {background:url(../Images/aticle_relative_banner_icon.png) no-repeat 0 11px; line-height:34px; padding:0 5px 0 12px;} #weather_search .box_text .list dl dt.search ul li span.form_select {padding:5px 8px 0 0;} #weather_search .box_text .list dl dt.search ul li.search_button {} #weather_search .box_text .list dl dt.search ul li.search_button input {background:url(../Images/weather_btn_search.png) no-repeat 0 0; width:54px; height:34px; color:#fff; border:none;} #weather_search .box_text .list dl dt.textShow {clear:both; padding:10px 0 0 0; *padding-top:5px;} #weather_search .box_text .list dl dt.textShow dl.weather_all {} #weather_search .box_text .list dl dt.textShow dl.weather_all dt {width:125px; height:55px; padding:0 10px 0 5px;} #weather_search .box_text .list dl dt.textShow dl.weather_all dt .weather_icon {float:left;} #weather_search .box_text .list dl dt.textShow dl.weather_all dt .weather_info {float:left; padding:10px 0 0 5px; text-align:left;} #weather_search .box_text .list dl dt.textShow dl.weather_all dt .weather_info .place {display:none;} #weather_search .box_text .list dl dt.textShow dl.weather_all dt .weather_info .info1 {} #weather_search .box_text .list dl dt.textShow dl.weather_all dt .weather_info .info2 {color:#1a5f99;} #weather_search .box_text .list dl dt.textShow dl.weather_all dd.weather_expansion {display:block; float:left; padding:0 0 0 8px;} #weather_search .box_text .list dl dt.textShow dl.weather_all dd.weather_expansion ol {} #weather_search .box_text .list dl dt.textShow dl.weather_all dd.weather_expansion ol li {line-height:19px;} #weather_search .box_text .list dl dt.textShow dl.weather_all dd.weather_expansion ol li span {} #weather_search .box_text .list dl dt.textShow dl.weather_all dd.weather_expansion ol li span.txt_blue {color:#1a5f99; font-weight:bold;} /* 旅遊地區天氣預測/國際主要天氣預測/生活指數 */ #forecast_and_life {clear:both;} #forecast_and_life .box {width:670px;} #forecast_and_life .box_text {} #forecast_and_life #forecast_travel{} #forecast_and_life h4.box_title {background:url(../Images/aticle_relative_banner_title.gif) no-repeat 0 0; width:670px; height:34px;} #forecast_and_life h4.box_title .title {font-size:13px; font-weight:bold; color:#000; height:20px; padding:12px 0 0 25px; background:url(../Images/news_content_title_icon.png) no-repeat 12px 9px; float:left;} #forecast_and_life h4.box_title .expansion {float:right; margin:10px 10px 0 0;} #forecast_and_life h4.box_title .expansion a {font-size:13px; font-weight:bold;} #forecast_and_life h4.box_title .expansion a:link,#forecast_and_life h4.box_title .expansion a:visited {color:#00aae2;} #forecast_and_life h4.box_title .expansion a:hover,#forecast_and_life h4.box_title .expansion a:active {color:#20c8ff;} #forecast_and_life h4.box_title .expansion a span {} #forecast_and_life .box_text .list {background:url(../Images/aticle_relative_banner_main_bg.gif) no-repeat 0 bottom; width:668px; border-left:1px solid #ccc; border-right:1px solid #ccc; display:block; padding:12px 0 0 0; height:120px;} #forecast_and_life .box_text .expansion {background:url(../Images/aticle_relative_banner_bottom.gif) no-repeat 0 0; width:670px; height:15px; display:block;} #forecast_and_life .box_text .list dl.weather_all dt.title {display:none;} #forecast_travel {} #forecast_travel .box_text .list {} #forecast_travel .box_text .list dl.weather_all {} #forecast_oversea {} #forecast_oversea .box_text .list {} #forecast_oversea .box_text .list dl.weather_all {} #life_index {} #life_index .box_text .list {height:150px; padding:15px 0 0 0;} #life_index .box_text .list dl.lifeIndex {} #life_index .box_text .list dl.lifeIndex dt {float:left; padding:0 8px; display:block; height:60px; border-right:1px dotted #959595;} #life_index .box_text .list dl.lifeIndex dt .text {margin:8px 0 0 45px; font-size:13px;} #life_index .box_text .list dl.lifeIndex dt .text h5 {color:#535353;} #life_index .box_text .list dl.lifeIndex dt .text p {color:#1a5f99; font-weight:bold; background:url(../Images/weather_life_icon_arrow.png) no-repeat 0 1px; padding:0 0 0 14px; line-height:18px;} #life_index .box_text .list dl.lifeIndex dt.column1 {width:110px; padding-left:15px;} #life_index .box_text .list dl.lifeIndex dt.column2 {width:180px;} #life_index .box_text .list dl.lifeIndex dt.column3 {width:150px;} #life_index .box_text .list dl.lifeIndex dt.column4 {width:153px; border:none;} #life_index .box_text .list dl.lifeIndex dt.row1 {margin:0 0 20px 0;} #life_index .box_text .list dl.lifeIndex dt.row2 {} #life_index .box_text .list dl.lifeIndex dt.column1 .text {} #life_index .box_text .list dl.lifeIndex dt.column2 .text {margin-left:55px;} #life_index .box_text .list dl.lifeIndex dt.column3 .text {margin-left:48px;} #life_index .box_text .list dl.lifeIndex dt.column4 .text {margin-left:58px;} #life_index .box_text .list dl.lifeIndex dt.style1 {background:url(../Images/life_ico_1.png) no-repeat 9px 0;} #life_index .box_text .list dl.lifeIndex dt.style2 {background:url(../Images/life_ico_2.png) no-repeat 8px 0;} #life_index .box_text .list dl.lifeIndex dt.style3 {background:url(../Images/life_ico_3.png) no-repeat 5px 0;} #life_index .box_text .list dl.lifeIndex dt.style4 {background:url(../Images/life_ico_4.png) no-repeat 5px 0;} #life_index .box_text .list dl.lifeIndex dt.style5 {background:url(../Images/life_ico_5.png) no-repeat 9px 0;} #life_index .box_text .list dl.lifeIndex dt.style6 {background:url(../Images/life_ico_6.png) no-repeat 9px 0;} #life_index .box_text .list dl.lifeIndex dt.style7 {background:url(../Images/life_ico_7.png) no-repeat 5px 0;} #life_index .box_text .list dl.lifeIndex dt.style8 {background:url(../Images/life_ico_8.png) no-repeat 5px 0;} /* 一周天氣 */ #weatherWeek {clear:both; width:675px;} #weatherWeek h4.box_title {display:none;} #weatherWeek h4.box_title .title {} #weatherWeek h4.box_title .expansion {display:none;} #weatherWeek .box_text.content {padding:6px 0 0 5px;} /* 旅遊天氣 */ #weatherTravel {clear:both; width:675px;} #weatherTravel h4.box_title {display:none;} #weatherTravel h4.box_title .title {} #weatherTravel h4.box_title .expansion {display:none;} #weatherTravel .box_text.content {padding:6px 0 0 5px;} /* 國際天氣 */ #weatherOversea{margin:8px 5px 15px 5px; clear:both;} #weatherOversea h4{ display:none;} #weatherOversea div.tabContent{padding:8px 0 0 0;} #weatherOversea div.weather_by_week dl.weather_all {padding:8px 0; width:645px; display:block; margin:0 auto; border-bottom:1px dotted #c4c4c4;} #weatherOversea div.weather_by_week dl.weather_all.last {border:none;} #weatherOversea div.weather_by_week dl.weather_all dt {padding:0; width:106px;} #weatherOversea div.weather_by_week dl.weather_all dt.title {display:none;} #weatherOversea div.weather_by_week dl.weather_all dt.first {} #weatherOversea div.weather_by_week dl.weather_all dt.last {} #weatherOversea div.weather_by_week .place_holder {background:none;} #weatherOversea div.weather_by_week dl.weather_all.title_bar {padding:0; height:42px; border:none;} #weatherOversea div.weather_by_week .day {background:url(../Images/weather_oversea_title_bg2.png) no-repeat 0 0; width:670px; height:37px;} #weatherOversea div.weather_by_week .day dl.weather_all dt {height:37px;} #weatherOversea div.weather_by_week .day dl.weather_all dt .weather_info {/*padding-top:10px;*/ margin:0 auto; width:100px; padding:0;} #weatherOversea div.weather_by_week .day dl.weather_all dt .weather_info .place {font-size:15px; color:#5f307a; display:table-cell; *display:inline-block; vertical-align:middle; width:100px; height:37px; padding:0;} #weatherOversea div.weather_by_week .day dl.weather_all dt .weather_info .info1 {display:none;} #weatherOversea div.weather_by_week .day dl.weather_all dt .weather_info .info2 {display:none;} #weatherOversea div.weather_by_week .place_holder .weather_icon, #weatherOversea div.weather_by_week .place_holder .weather_info { margin:0 auto; width:80px; text-align:center;} /* 橫的天氣搜尋 */ dl.searchItem {display:block; height:30px; background:url(../Images/weather_search_icon.png) no-repeat 5px 0; padding:0 0 0 35px;} dl.searchItem dt {height:30px; display:block; float:left; margin:0 5px 0 0;} dl.searchItem dt.title {background:url(../Images/weather_search_line.png) no-repeat right 0;} dl.searchItem dt.title span {} dl.searchItem dt.search_box {background:url(../Images/weather_search_line.png) no-repeat right 0; padding:0 15px 0 0;} dl.searchItem dt.search_box.last {background:none;} dl.searchItem dt.search_box span {float:left; height:30px; line-height:30px;} dl.searchItem dt.search_box span.text {padding:0 5px 0 0;} dl.searchItem dt.search_box span.form_select {padding:3px 0 0 0;} dl.searchItem dt.search_button {} #weatherSearch {clear:both; margin:8px 0 0 0;} #weatherSearch h4.box_title {} #weatherSearch h4.box_title .title {display:none;} #weatherSearch .box_text {} #weatherSearch .box_text dl.searchItem.style1 dt.title {width:10px;} #weatherSearch .box_text dl.searchItem.style1 dt.title span {display:none;} #weatherSearch .box_text dl.searchItem.style1 dt.search_box span.text {color:#00aae2;} #weatherSearch .box_text dl.searchItem.style1 dt.search_button {display:none;} #weatherSearch .box_text dl.searchItem.style2 dt {font-size:13px; color:#595757;} #weatherSearch .box_text dl.searchItem.style2 dt.title {line-height:30px; padding:0 20px 0 2px;} #weatherSearch .box_text dl.searchItem.style2 dt.search_button {width:75px;} #weatherSearch .box_text dl.searchItem.style2 dt.search_button input {background:url(../Images/weather_search_button.png) no-repeat 0 0; width:75px; height:30px; border:none; cursor: pointer;} /* 國際天氣 */ ul.weather {display:block; width:248px;} ul.weather.odd li {} ul.weather.even li {background:#f2f2f2;} ul.weather li {float:left; display:block; height:33px; line-height:36px; vertical-align:middle; text-align:center; font-size:13px;} ul.weather li.date {width:45px;} ul.weather li.weather {width:40px;} ul.weather li.weather img {margin:6px 0 0 0;} ul.weather li.temperature {width:68px;} ul.weather li.humidity {width:55px;} ul.weather li.rain {width:40px;} #weatherAndMap {clear:both; background:url(../Images/weather_city_banner_bg.png) no-repeat 0 0; width:665px; height:410px; padding:6px 0 0 6px; margin-top:5px;} #weatherAndMap h4.box_title {display:none;} #weatherAndMap h4.box_title .title {} #weatherAndMap h4.box_title .expansion {} #weatherAndMap .box_text {} #weatherAndMap .box_text .weather_info {float:right; width:250px; margin:0 8px 0 0;} #weatherAndMap .box_text .weather_info h5 {background:url(../Images/news_content_title_icon.png) no-repeat 0 0; display:block; padding-left:8px; font-size:15px; color:#333; font-weight:bold; margin:8px 0 10px 0; line-height:22px;} #weatherAndMap .box_text .weather_info dl.weather_this_week {} #weatherAndMap .box_text .weather_info dl.weather_this_week dt {display:block;} #weatherAndMap .box_text .weather_info dl.weather_this_week dt.title {background:url(../Images/weather_city_table_title_bg.png) no-repeat 0 0; width:248px; height:33px; border-bottom:1px solid #c4c4c4;} #weatherAndMap .box_text .weather_info dl.weather_this_week dt.week {} #weatherAndMap .box_text .map {float:left; width:400px; height:400px; display:block;} dl.weather_this_week dt.title ul.weather li {color:#5f307a;} dl.weather_this_week dt.week ul.weather {height:40px; background:url(../Images/weather_city_bottom_dotted_line.gif) repeat-x 0 bottom; padding-top:1px;} dl.weather_this_week dt.week ul.weather li {color:#333; height:38px; line-height:38px;} /* 城市相關新聞/歷史天氣 */ dl.weather_this_year {display:block; width:650px;} dl.weather_this_year dt{height:30px; display:block; border-bottom:1px dotted #c4c4c4;} dl.weather_this_year dt.last{border:none;} dl.weather_this_year dt.title{} dl.weather_this_year dt.rows{} ul.weather_month {} ul.weather_month li {float:left; width:47px; text-align:center; display:block; height:30px; line-height:30px; vertical-align:middle; font-size:13px; color:#333;} ul.weather_month li.subTitle {width:85px; color:#5f307a; font-weight:bold; border-right:1px dotted #c4c4c4;} #related_city_news {clear:both;} #related_city_news h4.box_title .title {float:left;} #related_city_news h4.box_title .expansion {display:block; float:right; margin:10px 10px 0 0;} #related_city_news h4.box_title .expansion a {font-size:13px; font-weight:bold;} #related_city_news h4.box_title .expansion a:link,#related_city_news h4.box_title .expansion a:visited {color:#00aae2;} #related_city_news h4.box_title .expansion a:hover,#related_city_news h4.box_title .expansion a:active {color:#20c8ff;} #related_city_news h4.box_title .expansion a span {} #weather_history {clear:both;} #weather_history .box_text {} #weather_history .box_text .list {height:92px; width:660px; padding:8px 0 0 8px;} #weather_history .box_text .list dl.weather_this_year {} #weather_history .box_text .list dl.weather_this_year dt.title ul.weather_month li{color:#5f307a; font-weight:bold;} #daran_experience {clear:both;} #daran_experience .box_text {} #daran_experience .box_text .list {padding:10px 0 0 10px; width:658px; height:200px;} #daran_experience .box_text .list .daran_item {width:295px; padding:10px 20px 5px 0; height:84px; float:left;} #daran_experience .box_text .list .daran_item.column1 {margin:0 14px 0 0;} #daran_experience .box_text .list .daran_item.column2 {margin:0;} #daran_experience .box_text .list .daran_item.row1 {border-bottom:1px dotted #c4c4c4;} #daran_experience .box_text .list .daran_item.row2 {border-bottom:none;} #daran_experience .box_text .list .daran_item .daran_pic {width:78px; height:78px; border:1px solid #b1b1b1; padding:2px; float:left;} #daran_experience .box_text .list .daran_item .daran_pic .img_div {width:78px; height:78px; display:block; text-align:center;} #daran_experience .box_text .list .daran_item .daran_pic .img_div a {} #daran_experience .box_text .list .daran_item .daran_pic .img_div img {} #daran_experience .box_text .list .daran_item .daran_txt {width:200px; float:right;} #daran_experience .box_text .list .daran_item .daran_txt p {color#333;} #daran_experience .box_text .list .daran_item .daran_txt p a {color:#1a5f99; font-size:15px; line-height:20px;} #daran_experience .box_text .list .daran_item .daran_txt p a:link,#daran_experience .box_text .list .daran_item .daran_txt p a:visited {text-decoration:none;} #daran_experience .box_text .list .daran_item .daran_txt p a:hover,#daran_experience .box_text .list .daran_item .daran_txt p a:active {text-decoration:underline;} #daran_experience .box_text .list .daran_item .daran_txt p span {} #daran_experience .box_text .list .daran_item .daran_txt p.daran_name {font-size:13px; margin:8px 0;} #daran_experience .box_text .list .daran_item .daran_txt p span.name {color:#5f307a; font-weight:bold;} #daran_experience .box_text .list .daran_item .daran_txt p span.name a {font-size:13px; color:#5f307a;} #daran_experience .box_text .list .daran_item .daran_txt p span.name a:hover {text-decoration:underline;} #daran_experience .box_text .list .daran_item .daran_txt p span.name a span {} /* 天氣特報 */ #wn_top {width:671px; margin:8px 0 0 4px;} #wn_top h4.box_title { background:url(../Images/weather_news_title_bg2.jpg) no-repeat; height:31px; display:block; padding:0 15px 0 10px;} #wn_top h4.box_title .title {float:left; height:31px; line-height:35px; font-weight:bold; background:url(../Images/news_content_title_icon2.png) no-repeat 0 6px; padding:0 0 0 10px;} #wn_top h4.box_title .expansion {float:right; height:31px; line-height:35px; color:#4b1e00;} #wn_top .box_text { background:url(../Images/weather_news_bd_bg.jpg) no-repeat; height:82px;} #wn_top .box_text .topicArticle {padding:8px 15px 0 15px;} #wn_top .box_text .topicArticle p {line-height:20px;} #wn_top .box_text .topicArticle p span a {color:#7d2188; font-weight:bold;} #wn_top .box_text .topicArticle p span a:hover {text-decoration:underline;} /* 今明日氣象 */ #weatherTD {margin:8px 5px 15px 5px; clear:both;} #weatherTD h4 {display:none;} #weatherTD .wtitem .hd h4 { display:inline-block;} #weatherTD .tabContent {padding:12px 0 0 0;} /* 今明日氣象表格模組 */ .wtitem { width:670px; margin-bottom:15px;} .wtitem .hd {height:28px;} .wtitem .hd h4 { float:left; font-weight:bold; padding-left:15px; background:url(../Images/kin_title_sidebar_h20px.gif) no-repeat 5px center; height:20px; line-height:22px;} .wtitem .hd .expansion {float:right; padding:5px 5px 0 0;} .wtitem .hd .expansion a {color:#15b2ff; text-decoration:underline; font-weight:bold; background:url(../Images/icon_top.gif) no-repeat 0 center; padding-left:16px;} .wtitem .hd .expansion a:hover {color:#68c5f3;} .wtitem .bd {clear:both;} .wtitem .ft {display:none;} .wtitem .tbl { } .wtitem .tbl .tblhd {background:url(../Images/tbl_hdtop.png) no-repeat; height:5px;} .wtitem .tbl .tblbd {border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 3px;} .wtitem .tbl table th {height:47px; text-align:center; font-weight:bold; color:#17b4ff; font-size:14px; font-family:"微軟正黑體", "新細明體"; background:url(../Images/dottedline1.gif) right center no-repeat;} .wtitem .tbl table td {height:30px; text-align:center; color:#2e2e2e; background:url(../Images/dottedline2.gif) right center no-repeat;} .wtitem .tbl table th.last, .wtitem .tbl table td.last {background:none;} .wtitem .tbl table tr.listTitle {background:url(../Images/tbl_hdbg.png) no-repeat;} .wtitem .tbl table tr.listTitle:nth-of-type(1) { background:url(../Images/tbl_hdbg.png) no-repeat -10px 0;} .wtitem .tbl table tr.listTitle th {*background:url(../Images/tbl_hdbg.png) no-repeat -10px 0; *border-right:1px dotted #ccc;} .wtitem .tbl table tr.listTitle th.last {*border-right:none;} .wtitem .tbl table td {border-bottom:1px solid #d1d1d1;} .wtitem .tbl table tr.last td {border:none;} .wtitem .tbl .tblft {background:url(../Images/tbl_ftbg.png) no-repeat; height:5px;} .wtitem .tbl table td.ctname { font-size:15px; font-weight:bold; color:#5f307a;} .wtitem .tbl table td.wt {text-align:left;} .wtitem .tbl table td.wt span {display:table-cell; vertical-align:middle; background:none; padding:5px 0 5px 5px;} /* 天氣圖 */ .wtitem.wpic .hd h4 { font-size:13px;} .wtitem.wpic .tbl .tblbd {background:url(../Images/weather_week_table_content_bg.png) no-repeat center bottom;} .wtitem.wpic .tbl .tblft {background:url(../Images/weather_week_table_bottom.png) no-repeat; height:9px;} .wtitem.wpic p {text-align:center; color:#818181;} .wtitem.wpic p a {color:#7d2188; text-decoration:underline;} .wtitem.wpic p a:hover {color:#a057a9;} .wtitem.wpic .weather_pic {width:660px; height:490px; border:1px solid #666; margin-bottom:15px; background:#fff;} .wtitem.wpic .weather_pic2 {float:left; width:400px; height:430px; background:#fff; margin:2px 0 0 3px;} .wtitem.wpic .wp_text {float:right; background:url(../Images/wp_rightbg.png) no-repeat; width:224px; height:383px; margin:3px 3px 0 0; padding:45px 12px 0 12px;} .wtitem.wpic .wp_text .txtItem { padding:5px 0; border-bottom:1px dotted #d8d8d8;} .wtitem.wpic .wp_text .txtItem span.title {font-size:15px; font-weight:bold; line-height:24px; background:url(../Images/wp_icon.gif) no-repeat 0 center; padding-left:17px; display:inline-block;} .wtitem.wpic .wp_text .txtItem select {vertical-align:middle;} .wtitem.wpic .wp_text .txtItem.last {border:none;} .wtitem.wpic .wp_text .txtItem ul { height:260px;} .wtitem.wpic .wp_text .txtItem ul li { display:block; border-bottom:1px dotted #d8d8d8; padding:8px 0 8px 18px; font-size:13px;} .wtitem.wpic .wp_text .txtItem ul li input {vertical-align:top;} /* 新聞總覽 */ #newsAllList {clear:both; width:670px; margin:5px 0 0 5px;} #newsAllList h4.box_title {background:url(../Images/news_all_list_title_bar.png) no-repeat 0 0; width:670px; height:49px; display:block;} #newsAllList h4.box_title .title {padding:0 0 0 30px;} #newsAllList h4.box_title .title span{line-height:45px;letter-spacing:2px;font-size:18px;font-weight:bold;font-family:"微軟正黑體";color:#FFFFFF;} #newsAllList h4.box_title .expansion {} #newsAllList .box_text {} /* 20140313 修改 #newsAllList .box_text .tabModule {background:url(../Images/news_all_list_title_bar.png) no-repeat 0 0; width:670px; height:49px; display:block;} #newsAllList .box_text .tabModule dl {} #newsAllList .box_text .tabModule dl dt {} #newsAllList .box_text .tabModule dl dt.menuList {padding:0 0 0 30px;} #newsAllList .box_text .tabModule dl dt.menuList ul {} #newsAllList .box_text .tabModule dl dt.menuList ul li {font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; width:87px; height:49px; display:block; padding:0; text-align:center;} #newsAllList .box_text .tabModule dl dt.menuList ul li a {background:url(../Images/kin_list_over.png) no-repeat; width:87px; height:49px; display:block; padding:0; line-height:49px; vertical-align:middle;} #newsAllList .box_text .tabModule dl dt.menuList ul li a:link,#newsAllList .box_text .tabModule dl dt.menuList ul li a:visited {color:#fffe9f; background-position:0 -49px;} #newsAllList .box_text .tabModule dl dt.menuList ul li a:hover,#newsAllList .box_text .tabModule dl dt.menuList ul li a:active {color:#fff; background-position:0 0;} #newsAllList .box_text .tabModule dl dt.menuList ul li a span {} #newsAllList .box_text .tabModule dl dt.menuList ul li a.Default {color:#fff; background-position:0 0;} #newsAllList .box_text .tabModule dl dt.expansion {} */ #newsAllList .box_text .tabContent {background:url(../Images/news_all_list_content_bg.jpg) repeat-y 0 0;} #newsAllList .box_text .tabBottom {background:url(../Images/news_all_list_bottom_bar.png) no-repeat 0 0; width:670px; height:14px; display:block;} #newsAllList .box_text .tabContent .list_container {background:url(../Images/news_all_list_content_gradient.png) no-repeat center top; padding:5px 20px;} #newsAllList .box_text .tabContent .list_container ul {border-bottom:1px dotted #999; display:block; padding:7px 0; height:auto;} #newsAllList .box_text .tabContent .list_container ul.last {border:none;} #newsAllList .box_text .tabContent .list_container ul li {display:block; float:left; height:auto; line-height:27px;} /* 新聞分類list */ #latestNewsTopic {clear:both; margin-top:10px;} #latestNewsTopic h4.box_title {background:url(../Images/news_voting_title_bg.jpg) no-repeat 0 0; width:665px; height:32px; display:block; padding:8px 0 0 8px;} #latestNewsTopic h4.box_title .title {font-size:13px; font-weight:bold; color:#000; height:20px; padding:12px 0 0 25px; background:url(../Images/news_content_title_icon.png) no-repeat 12px 9px;} #latestNewsTopic h4.box_title .expansion {display:none;} #latestNewsTopic .box_text {display:block; width:673px; background:url(../Images/news_voting_content_bg_repeat.gif) repeat-y 0 0;} #latestNewsTopic .box_text .main_text {background:url(../Images/latest_news_topic_content_bg.jpg) no-repeat center bottom; padding:0 0 5px 0;} #latestNewsTopic .box_text div.topic {margin:0 20px 0 15px; padding:8px 0 10px 3px; width:638px; display:block;} #latestNewsTopic .box_text div.topic .topic_text {float:right; width:320px;} #latestNewsTopic .box_text div.topic .topic_text .writer{ background:url(../images/writer_title.png) no-repeat left top; width:260px; height:34px; font-size:15px; font-weight:bold; padding: 18px 0 0 62px;} #latestNewsTopic .box_text div.topic .topic_text .writer label{ color:#fff600;} #latestNewsTopic .box_text div.topic .topic_text .writer span{ color:#fff;} #latestNewsTopic .box_text div.topic .topic_text h2 {font-size:23px; font-family:"標楷體", "新細明體"; font-weight:bold; display:block; line-height:28px; margin:5px 0;} #latestNewsTopic .box_text div.topic .topic_text h2 a:link,#latestNewsTopic .box_text div.topic .topic_text h2 a:visited {color:#1a5f99;} #latestNewsTopic .box_text div.topic .topic_text h2 a:hover,#latestNewsTopic .box_text div.topic .topic_text h2 a:active {color:#2298c9;} #latestNewsTopic .box_text div.topic .topic_text ul.topic_info {margin:0 0 0 5px;} #latestNewsTopic .box_text div.topic .topic_text ul.topic_info li {color:#595757; font-size:11px; -webkit-text-size-adjust:none; line-height:26px;} #latestNewsTopic .box_text div.topic .topic_text p {color:#595757; line-height:24px; margin:0 0 0 5px; font-size:13px;} #latestNewsTopic .box_text div.topic .topic_text p a {font-size:11px; -webkit-text-size-adjust:none; font-weight:bold;} #latestNewsTopic .box_text div.topic .topic_text p a:link,#latestNewsTopic .box_text div.topic .topic_text p a:visited {color:#00aae2;} #latestNewsTopic .box_text div.topic .topic_text p a:hover,#latestNewsTopic .box_text div.topic .topic_text p a:active {color:#1a5f99;} #latestNewsTopic .box_text div.topic .topic_img {float:left; width:302px; height:227px; display:block; padding:2px 0 0 2px; border:1px solid #d1d1d1;} #latestNewsTopic .box_text div.topic .topic_img .img_div {width:300px; height:225px; display:block; text-align:center;} #latestNewsTopic .box_text div.topic .topic_img .img_div img {height:235px; margin-top:-5px;} #latestNewsTopic .box_text .expansion {background:url(../Images/news_voting_bottom.gif) no-repeat 0 0; width:673px; height:16px; display:block; clear:both;} #latestNewsTopic .box_text ul.voting_action_bar {margin:0;} #latestNewsTopic .box_text .actionBar {clear:both; padding:10px 20px 0 0; height:36px;} /* 20120214 new */ #latestNewsTopic.style_no_img .box_text div.topic .topic_img { display:none;} #latestNewsTopic.style_no_img .box_text div.topic .topic_text {float:none; width:630px;} #latestNewsTopic.style_featurestory_list h4.box_title {background:url(../Images/news_featurestory_title_bg.png) no-repeat 0 0; width:633px; height:40px; display:block; padding:0 0 0 40px;} #latestNewsTopic.style_featurestory_list h4.box_title .title {font-size:15px; font-weight:bold; color:#fff600; height:20px; padding:12px 0 0 25px; background:none;} #latestNewsTopic.style_featurestory h4.box_title {background:url(../Images/news_featurestory_title_bg2.png) no-repeat 0 0; width:673px; height:40px; display:block; padding:0;} #latestNewsTopic.style_featurestory h4.box_title .title {font-size:15px; font-weight:bold; color:#1a5f99; height:20px; padding:18px 0 0 30px; background:url(../Images/news_content_title_icon.png) no-repeat 17px 18px; float:left;} #latestNewsTopic.style_featurestory h4.box_title .expansion {float:right; display:block;} #latestNewsTopic.style_featurestory h4.box_title .expansion ul.kin_mag_ul {} #latestNewsTopic.style_featurestory h4.box_title .expansion ul.kin_mag_ul li.kin_mag_name {} #latestNewsTopic.style_featurestory .box_text {} #latestNewsTopic.style_featurestory .box_text .topic_text ul.topic_info{display:none;} #latestNewsTopic.style_campus {} #latestNewsTopic.style_campus h4.box_title {background:url(../Images/news_featurestory_title_bg3.png) no-repeat 0 0; height:5px;} #latestNewsTopic.style_campus h4.box_title .title {display:none;} #latestNewsTopic.style_campus h4.box_title .expansion {display:none;} #latestNewsTopic.style_campus .box_text ul.topic_info {display:none;} #latestNewsTopic.style_magazine {} #latestNewsTopic.style_magazine h4.box_title {background:url(../Images/news_featurestory_title_bg3.png) no-repeat 0 0; height:5px;} #latestNewsTopic.style_magazine h4.box_title .title {display:none;} #latestNewsTopic.style_magazine h4.box_title .expansion {display:none;} #latestNewsTopic.style_magazine .box_text ul.topic_info {display:none;} #latestNewsTopic.style_magazine .box_text .main_text {} #latestNewsTopic.style_magazine .box_text .topic {padding-bottom:0;} #latestNewsTopic.style_magazine .box_text .topic .topic_img {background:url(../Images/magazine_book.gif) no-repeat 0 0; width:201px; height:260px; padding:12px 0 0 5px; border:none; } #latestNewsTopic.style_magazine .box_text .topic .topic_img .img_div {width:200px; height:259px; display:block; text-align:center;} #latestNewsTopic.style_magazine .box_text .topic .topic_img .img_div img {height:auto; margin-top:auto; width:200px;} #latestNewsTopic.style_magazine .box_text .topic .topic_img .img_expansion {/*padding:5px 0 0 0;*/ display:none;} #latestNewsTopic.style_magazine .box_text .topic .topic_img .img_expansion h3 {font-size:13px; font-family:"微軟正黑體", "新細明體"; font-weight:bold; background:url(../Images/news_content_title_icon.png) no-repeat 0 0; display:block; padding:0 0 0 5px; min-height:19px; line-height:19px;} #latestNewsTopic.style_magazine .box_text .topic .topic_text {width:410px;} #latestNewsTopic.style_magazine .box_text .topic .topic_text h2 {font-family:"微軟正黑體", "新細明體";} #latestNewsTopic.style_magazine .box_text .topic .topic_text p {display:block; height:100px; margin:0;} #latestNewsTopic.style_magazine dl.photo_gallery_item {margin:10px 0 0 0; position:inherit;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery {width:410px; height:140px; margin:0; position:inherit; overflow:inherit;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.button {display:none;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul {} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li {width:87px; height:140px; background:none; padding:0 9px; border-right:1px dotted #cecece;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li.first {padding-left:0;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li.last {padding-right:0; border:none;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li .photo_pic {width:85px; height:104px; padding:5px 0 0 2px; background:url(../Images/magazine_book.png) no-repeat 0 0;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li .photo_pic .img_div {width:79px; height:102px; display:block; background:none; text-align:center;} /*新聞雜誌頁小圖修正回自動高度*/ #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li .photo_pic .img_div img {height: auto;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li .photo_text {padding:5px 0 0 0; } #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li .photo_text p {color:#5f307a; line-height:12px; font-size:11px; -webkit-text-size-adjust:none; margin:0; display:block; height:24px;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li .photo_text p a {color:#5f307a; font-weight:normal;} #latestNewsTopic.style_magazine dl.photo_gallery_item dt.gallery ul li .photo_text p a:hover {color:#8c5ea6;} #latestNewsTopic.style_magazine.type2 .box_text .topic .topic_text h2 {border-left:3px solid #00aae2; padding:0 0 0 8px; margin:5px 0 0 0;} #latestNewsTopic.style_magazine.type2 .box_text .topic .topic_text p {display:block; height:auto; clear:both;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info {display:block; height:24px; margin:0 0 5px 0; border-left:3px solid #00aae2; padding:3px 0 0 8px;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li {display:block; float:left; height:24px; line-height:26px; font-size:13px; padding:0 8px; background:url(../Images/magazine_topic_info_line.gif) no-repeat right 5px;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.logo {width:60px;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.logo span {display:none;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.logo img {width:60px; height:24px;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.selectBox {} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.selectBox span {float:left;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.date {color:#383838;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.last {padding-right:0; background:none;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.first {padding-left:0;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.selectBox span ul {position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat right bottom;width:60px;padding:0 0 5px;margin:0;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.selectBox span ul li {background:transparent url("../Images/select_box/uboxstyle_60x24.png") repeat-y -60px 0;display:block;width:40px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.selectBox span ul li.open_hover{background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -72px;color:#fff} #latestNewsTopic.style_magazine.type2 .box_text div.topic .topic_text ul.topic_info li.selectBox span ul li.open_selected{background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -96px;color:#fff} /* 文章來源,文章排序 */ #news_source_and_sort {clear:both; width:670px; margin:5px 0 0 2px;} #news_source_and_sort h4.box_title {display:none;} #news_source_and_sort h4.box_title .title {} #news_source_and_sort h4.box_title .expansion {} #news_source_and_sort .box_text {} #news_source_and_sort .box_text .tabModule {background:url(../Images/news_sorting_title_bg.png) no-repeat 0 0; width:670px; height:48px; display:block; padding:2px 0 0 0;} #news_source_and_sort .box_text .tabModule dl {} #news_source_and_sort .box_text .tabModule dl dt {float:left;} #news_source_and_sort .box_text .tabModule dl dt.source {padding:12px 0 0 15px;} #news_source_and_sort .box_text .tabModule dl dt.source span {float:left; padding:0 5px 0 0;} #news_source_and_sort .box_text .tabModule dl dt.source span.text {font-size:13px; color:#595757; padding-top:5px;} #news_source_and_sort .box_text .tabModule dl dt.menuList {padding:0 0 0 85px; display:block;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul {} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li.item {background:none; line-height:48px; color:#595757; width:auto;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li {font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; width:76px; height:48px; display:block; padding:0; background:url(../Images/news_sorting_title_line.png) no-repeat right -2px;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li a {background:url(../Images/kin_list_type_over.png) no-repeat; width:46px; height:33px; display:block; line-height:18px; padding:15px 30px 0 0; text-align:right;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li a:link,#news_source_and_sort .box_text .tabModule dl dt.menuList ul li a:visited {color:#000; background-position:0 0;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li a:hover,#news_source_and_sort .box_text .tabModule dl dt.menuList ul li a:active {color:#fff; background-position:0 -48px;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li a span {} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li a.Default {color:#fff;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li a.Default.arrow1 {background-position:0 -96px;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li a.Default.arrow2 {background-position:0 -48px;} #news_source_and_sort .box_text .tabModule dl dt.menuList ul li.last {background:none;} #news_source_and_sort .box_text .tabModule dl dt.expansion {} #news_source_and_sort .box_text .tabModule dl dt.article_title {font-size:13px; /*width:340px;*/width:400px; text-align:center;} #news_source_and_sort .box_text .tabModule dl dt.article_title span {line-height:48px;} #news_source_and_sort .box_text .tabContent {} #news_source_and_sort .content_info ul {float:left; display:block; width:auto; margin:2px 0 0 0;} #news_source_and_sort .content_info ul.news_list_action {margin:0 0 0 20px;} #news_source_and_sort .content_info ul.news_list_action li {width:auto; padding-right:15px;} #news_source_and_sort .list_column_expansion.style2 ul.voting_action_bar {margin:12px 0 0 0;} #news_source_and_sort.style_magazine h4.box_title {display:block;} #news_source_and_sort.style_magazine h4.box_title .title {font-size:13px; font-weight:bold; color:#000; height:23px; padding:12px 0 0 15px; background:url(../Images/news_content_title_icon.png) no-repeat 5px 9px;} #news_source_and_sort.style_magazine .box_text .tabModule dl dt.menuList {padding:0 0 0 10px;} #news_source_and_sort.style_magazine .box_text .tabModule dl dt.menuList ul li.item {display:none;} #news_source_and_sort.style_magazine .box_text .tabModule dl dt.menuList ul li {width:80px;} /* 專輯列表 */ #featureStoryList {margin:0; clear:both;} #featureStoryList h4.box_title {display:none;} #featureStoryList h4.box_title .title {} #featureStoryList h4.box_title .expansion {} #featureStoryList .box_text {} #featureStoryList .box_text .featurestory_list_item {} .featurestory_list_item {} .featurestory_list_item .feature_title {padding:15px 15px 0 10px; background:url(../Images/kin_mag_titlebg.png) no-repeat 0 0; width:648px; height:28px; display:block;} .featurestory_list_item .feature_title h2.title {float:left; background:url(../Images/news_content_title_icon.png) no-repeat 0 2px; padding:0 0 0 10px; height:21px; font-size:15px; color:#1a5f99; font-weight:bold; display:block; line-height:21px;} .featurestory_list_item .feature_title h2.title a:link,.featurestory_list_item .feature_title h2.title a:visited {color:#1a5f99;} .featurestory_list_item .feature_title h2.title a:hover,.featurestory_list_item .feature_title h2.title a:active {color:#2298c9;} .featurestory_list_item .feature_title ul.kin_mag_ul {float:right; display:block; margin:2px 0 0 0;} .featurestory_list_item .list_item {padding:10px 10px 15px 10px; background:none;} .featurestory_list_item .list_column .list_title {} .featurestory_list_item .list_column .list_title h2 {font-size:13px; font-weight:bold; line-height:24px; letter-spacing:1px; margin:0 0 5px 0; background:none; padding:0;} .featurestory_list_item .list_column .list_title h2 a {color:#303030;} .featurestory_list_item .list_column .list_title h2 a:link,.featurestory_list_item .list_column .list_title h2 a:visited {text-decoration:none;} .featurestory_list_item .list_column .list_title h2 a:hover,.featurestory_list_item .list_column .list_title h2 a:active {text-decoration:underline;} .featurestory_list_item .list_column .content_info {display:none;} .featurestory_list_item .list_column .list_content_text p {color:#595757; display:block; font-size:13px;} .featurestory_list_item .list_column .list_content_text p a {font-size:11px; -webkit-text-size-adjust:none; font-weight:bold;} .featurestory_list_item .list_column .list_content_text p a:link,.featurestory_list_item .list_column p a:visited {color:#00aae2;} .featurestory_list_item .list_column .list_content_text p a:hover,.featurestory_list_item .list_column p a:active {color:#79cffd;} .featurestory_list_item .list_column .list_column_expansion ul.kin_other_book {margin:15px 0 0 0;} /* 雜誌列表 */ #magazineList {clear:both; margin:0;} #magazineList h4.box_title {display:none;} #magazineList h4.box_title .title {} #magazineList h4.box_title .expansion {} #magazineList .box_text {} #magazineList .box_text .featurestory_list_item {background:url(../Images/kin_mag_titlebg.png) no-repeat 0 0; position:relative;} #magazineList .featurestory_list_item .feature_title {background:none; padding:0; width:400px; height:13px; display:block; position:absolute; z-index:5; left:260px; top:20px;} #magazineList .featurestory_list_item .feature_title h2.title {display:none;} #magazineList .featurestory_list_item .feature_title ul.kin_mag_ul {display:block; margin:2px 0 0 0;} #magazineList .featurestory_list_item .feature_title ul.kin_mag_ul li {display:block; float:left;} #magazineList .featurestory_list_item .list_item {padding:8px 10px 15px 10px;} #magazineList .featurestory_list_item .list_item .list_column.style2 {padding:40px 0 0 0; width:470px; margin:0 20px 0 0;} #magazineList .featurestory_list_item .list_column.style2 .list_title h2 {float:none; background:url(../Images/news_content_title_icon.png) no-repeat 0 2px; padding:3px 0 0 10px; height:21px; font-size:15px; font-weight:bold; display:block; line-height:21px;} #magazineList .featurestory_list_item .list_column.style2 .list_title h2 a {color:#008aba;} #magazineList .featurestory_list_item .list_column.style1 {background:url(../Images/kin_mag_bg.png) no-repeat 0 0; width:156px; height:200px; padding:12px 0 0 3px; display:block; border:none; margin:5px 0 0 0;} #magazineList .featurestory_list_item .list_column.style1 .img_div.style1 {width:150px; height:195px; display:block; text-align:center;} #magazineList .featurestory_list_item .list_column.style1 .img_div.style1 img {height:auto; margin:0; width:150px;} #magazineList .list_item.style_no_img .list_column.style1 {display:none;} #magazineList .list_item.style_no_img .list_column.style2 {width:auto; padding:25px 0 0 5px; float:none;} /* 校園人物 */ #campusPeople {clear:both;} #campusPeople h4.box_title {background:url(../Images/allvote_list_title_bg.png) no-repeat 0 0; width:675px; height:37px;} #campusPeople h4.box_title .title {font-size:13px; font-weight:bold; color:#000; height:22px; padding:15px 0 0 25px; background:url(../Images/news_content_title_icon.png) no-repeat 12px 12px;} #campusPeople h4.box_title .expansion {display:none;} #campusPeople .box_text.content {padding:0 0 0 8px;} #campusPeople .box_text.content .list_item {background:none; border-bottom:1px dotted #d8d8d8; width:665px;} #campusPeople .box_text.content .list_item.last {border:none;} #campusPeople .list_item .list_column.style1 {width:142px; height:107px; display:block;} #campusPeople .list_item .list_column.style1 .img_div.style1 {width:140px; height:105px; display:block; text-align:center;} #campusPeople .list_item .list_column.style1 .img_div.style1 img {height:115px; margin-top:-5px;} #campusPeople .list_item .list_column.style2 {width:495px;} #campusPeople .list_item .list_column.style2 .list_title h2 {font-size:15px; padding:0; background:none;} #campusPeople .list_item .list_column.style2 .list_title h2 a {} #campusPeople .list_item .list_column.style2 .content_info {padding:3px 0;} #campusPeople .list_item .list_column.style2 .content_info ul {} #campusPeople .list_item .list_column.style2 .content_info ul li {font-size:13px; color:#595757;} #campusPeople .list_item.style_no_img .list_column.style1 {display:none;} #campusPeople .list_item.style_no_img .list_column.style2 {width:auto; padding:10px 0 0 15px; float:none;} /* 雜誌單本頁 */ #magazine_inside_list {clear:both; width:670px; margin:5px 0 14px 2px;} #magazine_inside_list h4.box_title {display:none;} #magazine_inside_list h4.box_title .title {} #magazine_inside_list h4.box_title .expansion {} #magazine_inside_list .box_text {} #magazine_inside_list .box_text .list_item {} #magazine_inside_list .box_text .list_item .list_column.style2 .list_column_expansion.style1 .content_info {display:none;} #magazine_inside_list .box_text .list_item .list_column.style2 .list_column_expansion.style1 .list_content_text {padding:8px 0 0 0; clear:both;} #magazine_inside_list .box_text .list_item .list_column.style2 .list_column_expansion.style1 .list_content_text p {line-height:22px;} /* 精選照片&圖輯 */ #pics_and_album {clear:both; width:670px; margin:12px 0 14px 2px;} #pics_and_album .box {} #pics_and_album .box.pictureSelected {margin-bottom:35px; width:670px; height:auto;} #pics_and_album .box.albumSelected {width:670px; height:auto;} #pics_and_album h4.box_title {} #pics_and_album h4.box_title .title {font-size:13px; font-weight:bold; color:#000; height:22px; padding:8px 0 0 12px; background:url(../Images/news_content_title_icon.png) no-repeat 2px 5px;} #pics_and_album h4.box_title .expansion {} #pics_and_album .box_text.content {background:url(../Images/picture_frame_bg.png) no-repeat 0 0; padding:25px 0 0 22px; height:auto;} #pics_and_album dl.photo_gallery_item {position:inherit; width:640px; height:auto;} #pics_and_album dl.photo_gallery_item dt.gallery {margin:0; width:640px; height:auto; overflow:visible; width:670px; height:auto; display:block;} #pics_and_album dl.photo_gallery_item dt.gallery ul {width:640px; height:auto;} #pics_and_album dl.photo_gallery_item dt.button {display:none;} /* 精選照片 */ dl.photo_gallery_item.style_picture dt {} dl.photo_gallery_item.style_picture dt.gallery ul li {background:none; padding:0 10px 0 0; width:148px; height:108px; display:block; float:left; margin:0 0 10px 0;} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic {border:1px solid #ccc; padding:2px 0 0 2px; width:144px; height:104px; display:block; position:relative;} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic .img_div {width:140px; height:100px; display:block; background:url(../Images/news_content_gallery_stripe_bg.gif); border:1px solid #fff; text-align:center;} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic .img_div:hover { border:1px solid #03a9ff;} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic .img_div a {} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic .img_div a img {height:110px; margin-top:-5px;} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic .img_expansion {position:absolute; z-index:5; left:0; top:68px; background:url(../Images/black_alpha.png); width:130px; height:33px; padding:5px 8px 0 8px;} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic .img_expansion p {color:#fff; font-size:11px; -webkit-text-size-adjust:none;} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_pic .img_expansion p span {} dl.photo_gallery_item.style_picture dt.gallery ul li .photo_text {display:none;} /* 精選圖輯 */ dl.photo_gallery_item.style_album dt {} dl.photo_gallery_item.style_album dt.gallery ul li {background:url(../Images/picture_album_list_bg.png) no-repeat 0 0; padding:0 22px 0 0; width:191px; height:201px; display:block; float:left; margin:0;} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic {border:none; padding:0; width:150px; height:113px; display:block; position:inherit; margin:15px auto 0 auto;} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic .img_div {width:150px; height:113px; display:block; background:url(../Images/news_content_gallery_stripe_bg.gif); border:1px solid #ccc; text-align:center;} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic .img_div:hover { border:1px solid #03a9ff;} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic .img_div a {} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic .img_div a img {height:123px; margin-top:-5px;} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic .img_expansion {display:none;} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic .img_expansion p {} dl.photo_gallery_item.style_album dt.gallery ul li .photo_pic .img_expansion p span {} dl.photo_gallery_item.style_album dt.gallery ul li .photo_text {width:150px; margin:0 auto;} /* 圖輯內頁 */ #newsMainContent.style_pictureContent {} #newsMainContent.style_pictureContent h4.box_title {display:none;} #newsMainContent.style_pictureContent .box_text.content {padding:0;} #newsMainContent.style_pictureContent .box_text dl {} #newsMainContent.style_pictureContent .box_text dl dt.other_pics {background:url(../Images/picture_frame_bg.png) no-repeat 0 0; height:auto;} #newsMainContent.style_pictureContent .box_text dl dt.other_pics dl.photo_gallery_item {padding:25px 0 5px 22px; } #newsMainContent.style_pictureContent .box_text dl dt.other_pics dl.photo_gallery_item dt.gallery {margin:0; width:640px; height:auto; overflow:visible; width:670px; height:auto; display:block;} #newsMainContent.style_pictureContent .box_text dl dt.other_pics dl.photo_gallery_item dt.gallery ul {} #newsMainContent.style_pictureContent .box_text dl dt.other_pics dl.photo_gallery_item dt.button {display:none;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery {width:670px; display:block; margin:0 0 20px 0; background:url(../Images/picture_content_book_repeat_bg.png) repeat-y 0 0;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content {background:url(../Images/picture_content_book_top_bg.png) no-repeat 0 0; width:670px; display:block;padding:0 0 10px 0;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .big_pic {float:left; width:440px; height:330px; display:block; margin:18px 10px 0 8px;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .big_pic .img_div {width:440px; height:330px; display:block; text-align:center;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .big_pic .img_div img {height:340px; margin-top:-5px;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text {float:right; width:175px; margin:40px 20px 0 0;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text h2 {font-size:23px; font-family:"標楷體", "新細明體"; color:#1a5f99; font-weight:bold; display:block; padding:0 0 10px 0; border-bottom:1px solid #dadada; line-height:30px;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text h2 span {} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text p {color:#666; display:block; padding:12px 3px; min-height:120px;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text p.size1 {font-size:13px; line-height:20px;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text p.size2 {font-size:15px; line-height:24px;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text p.size3 {font-size:18px; line-height:26px;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .main_content .pic_text span.zoom {display:block;} #newsMainContent.style_pictureContent .box_text dl dt.main_gallery .bt_expansion {background:url(../Images/picture_content_book_bottom.png) no-repeat 0 0; width:670px; height:3px; display:block;} /* 圖輯翻頁 */ ol.picture_page_item {width:135px; margin:15px auto 5px auto; display:block; height:24px;} ol.picture_page_item li {display:block; float:left;} ol.picture_page_item li.prev {background:url(../Images/picture_content_arrow_left.png) no-repeat 0 0; width:22px; height:22px; margin:1px 0 0 0;} ol.picture_page_item li.next {background:url(../Images/picture_content_arrow_right.png) no-repeat 0 0; width:22px; height:22px; margin:1px 0 0 0;} ol.picture_page_item li.prev a {width:22px; height:22px; display:block;} ol.picture_page_item li.next a {width:22px; height:22px; display:block;} ol.picture_page_item li.prev a span {display:none;} ol.picture_page_item li.next a span {display:none;} ol.picture_page_item li.separator {font-size:14px; color:#999; padding:0 2px; line-height:24px; text-align:center; width:5px; height:24px;} ol.picture_page_item li.pageSelected {font-size:24px; font-weight:bold; color:#666; width:40px; height:24px; line-height:24px; text-align:right;} ol.picture_page_item li.pageTotal {font-size:24px; font-weight:bold; color:#999; width:40px; height:24px; line-height:24px;} /* 轉寄好友 */ /*.box.mailbox {padding:15px; width:560px;} .box.mailbox h4.box_title {height:35px; display:block;} .box.mailbox .title {font-size:17px; font-family:"微軟正黑體", "新細明體"; color:#747474; background:url(../Images/kin_title_sidebar_h20px.gif) no-repeat 0 0; padding:0 0 0 12px;} .box.mailbox .expansion {display:none;} .box.mailbox .box_text.content {} .box.mailbox .box_text.content dl {} .box.mailbox .box_text.content dl dt {display:block;} .box.mailbox .box_text.content dl dt.mail_title {font-size:15px; font-weight:bold; color:#000; padding:0 0 0 20px; margin:0 0 20px 0;} .box.mailbox .box_text.content dl dt.mail_content {padding:0 0 0 20px;} .box.mailbox .box_text.content dl dt.mail_content ul {} .box.mailbox .box_text.content dl dt.mail_content ul li {height:28px; display:block; margin:0 0 18px 0;} .box.mailbox .box_text.content dl dt.mail_content ul li .box_name {float:left; display:block; height:28px; line-height:28px; color:#009ddf; font-size:17px; font-family:"微軟正黑體", "新細明體"; background:url(../Images/mail_input_name_arrow.png) no-repeat right center;} .box.mailbox .box_text.content dl dt.mail_content ul li .box_input {float:left; display:block; height:28px; line-height:28px;} .box.mailbox .box_text.content dl dt.mail_content ul li.style1 .box_name {width:65px; margin: 0 5px 0 0;} .box.mailbox .box_text.content dl dt.mail_content ul li.style1 .box_input {width:445px;} .box.mailbox .box_text.content dl dt.mail_content ul li.style2 .box_name {width:145px; margin: 0 5px 0 0;} .box.mailbox .box_text.content dl dt.mail_content ul li.style2 .box_input {width:365px;} /* 20111128 新增 */ /*.box.mailbox .box_text.content dl dt.mail_content ul li.style3 .box_name {width:115px; margin: 0 5px 0 0;} .box.mailbox .box_text.content dl dt.mail_content ul li.style3 .box_input {width:400px;} .box.mailbox .box_text.content dl dt.mail_content ul li.style3 .box_input .inputBox {width:386px;} .box.mailbox .box_text.content dl dt.mail_content ul li.style3 .box_input .inputBox input {width:386px;} .box.mailbox .box_text.content dl dt.mail_content ul li .box_input span {float:left; display:block; height:28px;} .box.mailbox .box_text.content dl dt.mail_content ul li .box_input .inputLeft {background:url(../Images/mail_input_left.png) no-repeat 0 0; width:4px;} .box.mailbox .box_text.content dl dt.mail_content ul li .box_input .inputBox {background:url(../Images/mail_input_bg.png) repeat-x 0 0;} .box.mailbox .box_text.content dl dt.mail_content ul li .box_input .inputBox input {height:28px; line-height:28px; border:none; background:none;} .box.mailbox .box_text.content dl dt.mail_content ul li .box_input .inputRight {background:url(../Images/mail_input_right.png) no-repeat 0 0; width:4px;} .box.mailbox .box_text.content dl dt.mail_content ul li.style1 .box_input .inputBox {width:437px} .box.mailbox .box_text.content dl dt.mail_content ul li.style1 .box_input .inputBox input {width:437px} .box.mailbox .box_text.content dl dt.mail_content ul li.style2 .box_input .inputBox {width:357px;} .box.mailbox .box_text.content dl dt.mail_content ul li.style2 .box_input .inputBox input {width:357px;} .box.mailbox .box_text.content dl dt.mail_action {width:236px; height:37px; display:block; margin:0 auto;} .box.mailbox .box_text.content dl dt.mail_action a {width:118px; height:37px; display:block; border:none; cursor:default;} .box.mailbox .box_text.content dl dt.mail_action a span {font-size:17px; font-family:"微軟正黑體", "新細明體"; width:90px; height:29px; display:block; padding:8px 0 0 28px; text-align:left;} .box.mailbox .box_text.content dl dt.mail_action button {width:118px; height:37px; display:block; border:none; cursor:default;} .box.mailbox .box_text.content dl dt.mail_action button span {font-size:17px; font-family:"微軟正黑體", "新細明體"; width:90px; height:29px; display:block; padding:8px 0 0 28px; text-align:left;} .box.mailbox .box_text.content dl dt.mail_action div {width:118px; height:37px; display:block; float:left;} .box.mailbox .box_text.content dl dt.mail_action .mail_submit {} .box.mailbox .box_text.content dl dt.mail_action .mail_reset {} .box.mailbox .box_text.content dl dt.mail_action .mail_submit button {background:url(../Images/mail_action_submit.png) no-repeat 0 0;} .box.mailbox .box_text.content dl dt.mail_action .mail_reset button {background:url(../Images/mail_action_reset.png) no-repeat 0 0;} .box.mailbox .box_text.content dl dt.mail_action .mail_submit button span {color:#009ddf;} .box.mailbox .box_text.content dl dt.mail_action .mail_reset button span {width:78px; padding:8px 0 0 40px; color:#5e5e5e;} .box.mailbox .box_text.content dl dt.mail_action .mail_submit a {background:url(../Images/mail_action_submit.png) no-repeat 0 0; cursor:pointer;} .box.mailbox .box_text.content dl dt.mail_action .mail_reset a {background:url(../Images/mail_action_reset.png) no-repeat 0 0; cursor:pointer;} .box.mailbox .box_text.content dl dt.mail_action .mail_submit a span {color:#009ddf;} .box.mailbox .box_text.content dl dt.mail_action .mail_reset a span {width:78px; padding:8px 0 0 40px; color:#5e5e5e;}*/ /* 新聞列印 */ .print_page {background:url(../Images/news_print_top_bg.jpg) repeat-x 0 0; width:800px; margin:0 auto;} .print_page .box.newsPrint {width:800px;} .box.newsPrint h4.box_title {display:block; height:88px; width:800px;} .box.newsPrint .title {background:url(../Images/logo.png) no-repeat 0 0; width:210px; height:60px; display:block; float:left; margin:15px 0 0 8px;} .box.newsPrint .title span {display:none;} .box.newsPrint .expansion {float:right;} .box.newsPrint .expansion .article_action_bar {width:185px; margin:50px 0 0 0;} .box.newsPrint .expansion .article_action_bar dl {} .box.newsPrint .expansion .article_action_bar dl dt {} .box.newsPrint .expansion .article_action_bar dl dt.date_time {display:none;} .box.newsPrint .expansion .article_action_bar dl dt.report_item {display:none;} .box.newsPrint .expansion .article_action_bar dl dt.fontsize_item {margin-right:5px;} .box.newsPrint .expansion .article_action_bar dl dt.fontsize_item span.title {margin:7px 10px 0 0; width:auto;} .box.newsPrint .box_text.content {padding:25px 20px;} .box.newsPrint .box_text.content .main_text {} .box.newsPrint .box_text.content .main_text .topic {} .box.newsPrint .box_text.content .main_text .topic .topic_text {} .box.newsPrint .box_text.content .main_text .topic .topic_text h2 {font-size:15px; font-weight:bold; display:block; height:18px; line-height:18px; border-left:3px solid #c4000c; padding:3px 0 3px 8px;} .box.newsPrint .box_text.content .main_text .topic .topic_text ul {border-left:3px solid #c4000c; padding:5px 0 3px 8px; display:block; height:13px;} .box.newsPrint .box_text.content .main_text .topic .topic_text ul li {float:left; display:block; font-size:13px; height:13px;} .box.newsPrint .box_text.content .main_text .topic .topic_text ul li.separator {width:15px; text-align:center;} .box.newsPrint .box_text.content .main_text .topic .topic_text .text {clear:both; padding:25px 0 0 0;} .box.newsPrint .box_text.content .main_text .topic .topic_text .text p {color:#000; margin:0 0 30px 0;} .box.newsPrint .box_text.content .main_text .topic .topic_text .text.size1 p {font-size:13px; line-height:20px;} .box.newsPrint .box_text.content .main_text .topic .topic_text .text.size2 p {font-size:15px; line-height:24px;} .box.newsPrint .box_text.content .main_text .topic .topic_text .text.size3 p {font-size:18px; line-height:26px;} .box.newsPrint .box_text.content .main_text .topic .topic_img {display:none;} .box.newsPrint .box_text.content .main_text .text_print {text-align:center;} .box.newsPrint .box_text.content .main_text .text_print input {width:90px; height:25px;} /* 駐站專欄作家 */ .columnist{ background:url(../images/columnist_BG.jpg) no-repeat left top; width:674px; height:179px;} .columnist h4.box_title{color: #FFF600; font-size:15px; font-weight:bold;padding: 13px 0 13px 66px; position:relative;} .columnist h4.box_title .more_writer a{ color:#fff; font-weight:normal; font-size:12px; position:absolute; top:13px; right:40px; background:url(../images/icon_white_arrow.jpg) no-repeat left 2px; padding:0px 0px 0px 13px;} .columnist .box_text .list_all{ margin:0px 20px;} .columnist .box_text .list_all .list_item{ display:inline-block; width:80px; background:none; text-align:center; margin:0px 3px; } .columnist .box_text .list_all .list_item .photo_pic{ margin:0px 0px 10px 0px;} .columnist .box_text .list_all .list_item .img_div { background:none;} .columnist .box_text .list_all .list_item .photo_text{ color:#00aae2; font-weight:bold; width:100%; height:16px;overflow:hidden;} .columnist .box_text .list_all .list_item .photo_text a{ color:#00aae2;} .columnist .box_text .list_all .list_item .photo_text a:hover{ text-decoration:underline;} /* 駐站專欄作家文章列表 */ .writer_article_list{} .writer_article_list h4.box_title{background: url("../images/writer_title.png") no-repeat left top; font-size: 15px; font-weight: bold; height: 34px; padding: 18px 0 0 62px; width: 260px;color: #FFF600;} .writer_article_list .content_info li{ font-size:13px; margin:5px 0px;} .writer_article_list .content_info label{ display:block; float:left; padding:0px 10px 0px 0px; color:#595757; font-size:11px;} .writer_article_list .content_info span{ float:left;width: 390px; } .writer_article_list .style_no_img .content_info span{ width: 620px; } .writer_article_list .content_info .writer_name a{ float:none; font-weight:bold; color:#00aae2;} .writer_article_list .content_info .writer_name a:hover{ text-decoration:underline;} .writer_article_list .content_info .new_article a{ float:none; color:#640098;} .writer_article_list .content_info .new_article a:hover{ text-decoration:underline;} .writer_article_list .content_info .new_article p{clear:both; background:url(../images/icon_reward.png) no-repeat left top; padding:0px 0px 0px 20px;} /* 塗鴉牆 */ .myWall {width:670px; display:block; padding:0 0 20px 0;} /* 網友討論 */ #userDiscuss {width:670px; padding:20px 0 0 0;} #userDiscuss h4.box_title {height:32px; background:url(../Images/tab_userfb_bt_line.gif) repeat-x 0 bottom;} #userDiscuss h4.box_title .title { background:url(../Images/tab_user.png) no-repeat 0 0; width:122px; height:32px;} #userDiscuss h4.box_title .title span { display:none;} #userDiscuss h4.box_title .expansion {} #userDiscuss .box_text {padding:10px 0 0 0;} /* FACEBOOK留言 */ #fbDiscuss {width:670px; margin-bottom:30px;} #fbDiscuss h4.box_title {height:32px; background:url(../Images/tab_userfb_bt_line.gif) repeat-x 0 bottom;} #fbDiscuss h4.box_title .title { background:url(../Images/tab_fb.png) no-repeat 0 0; width:148px; height:32px;} #fbDiscuss h4.box_title .title span { display:none;} #fbDiscuss h4.box_title .expansion {} #fbDiscuss .box_text {padding:10px 0 0 0;} /* 所有小ICON */ .icon_05 {background:url(../Images/ML_icon_like.gif);} .icon_06 {background:url(../Images/ML_icon_msg.gif);} .icon_07 {background:url(../Images/ML_icon_heart.gif);} .icon_08 {background:url(../Images/ML_icon_people.gif);} .txt_red {color:#c70026;} /*文章段落的行距改矮, 一個BR佔15PX高, 兩個BR共30PX高 (新增的CSS)*/ br { line-height:15px; } /* facebookApp */ #facebookApp{} #facebookApp h4{display:none;} /* 20111227 */ .img_div {background: url("../Images/news_content_gallery_stripe_bg.gif") repeat;} /* 20120606 */ /* clearfix */ .clearfix:after { content:'.'; display:block; clear:both; visibility:hidden; overflow:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } *html .clearfix { height:1%; } .related { padding-bottom:20px; } .related ol {} .related ol li { clear:both; display:block; min-height:21px; line-height:21px; margin-bottom:15px; font-size:13px; color:#c00; } .related ol li span { float:left; width:580px; height:100%; display:block;} .related ol li span.rtitle { background:url(../Images/icon_flag.png) no-repeat; width:73px; height:21px; display:inline-block; color:#fff; font-weight:bold; text-align:right; padding:0 8px 0 0; margin:0 10px 0 0; } .related ol li a { color:#c00; text-decoration:underline; } .related ol li a:hover { text-decoration:none;}