@charset "utf-8"; /* ************************************************************************************************************************************** style-new-45模板框架 tea time ************************************************************************************************************************************** */ html { text-align: center; } body { margin: 0px; text-align: left; background:#000000 url() no-repeat center 0px ; } #top { } #top_body { margin: 0 auto; width: 1000px; } #top_slider { position: absolute; width: 1000px; background: #333; height: 214px; margin-top: -212px; z-index: 9999; } #top_slider_content { color: #FFF; padding: 10px 20px; } #openCloseWrap { position: absolute; right: 0px; bottom: -28px; color: #FFF; background: transparent url(http://g.udn.com.tw/community/img/ugc_2011/logo_top.png) no-repeat 15px 7px; padding: 3px 13px 3px 38px; } #context { margin: 0 auto; overflow: hidden; position: relative; width: 1050px; background: url( ) repeat-y center 0px; } #container { overflow: hidden; hidden; background: url() no-repeat center 0px; } #header { position: relative; border-bottom: none; width: 1000px; height: 681px; margin: auto; padding: 60px 0 10px 0; background: url(); } #header_body { position: relative; margin: auto; top: 10px; left: 20px; } #menubar { position:relative; left: 30px; top:-50px; border-bottom: none; } #menubar_body { width: 1000px; margin: 0 auto; /* overflow: hidden;*/ position: relative; } #wrapper { position: relative; width: 1000px; margin: auto; overflow: hidden; padding:0 10px; } #main { overflow: hidden; float: right; } #main_head { } #main_body { overflow: hidden; } #main_body_cont { } #main_foot { } #content { float: left; border-right: none; width: 734px; overflow: hidden; } #article_list img , #article_show img , #things_list .t2 img , #things_show .t2 img , .rp5 img , .rp img , #photo_show_case img { height: auto !important; max-height: 100%; max-width: 100%; } #photo_show_case { text-align: center; } #sidebar { float: left; width: 240px; } #footer { position: relative; height:194px; background: #000000 url( ) no-repeat center; } #footer_body { width: 980px; margin: auto; padding: 15px 0px; position: relative; overflow: hidden; } #footer_info { font-size: 12px; color: #888; } #go_top { float: right; font-size: 12px; } #footer_link { color: #ccc; float: left; } #footer_link a{ color: #666; } #copyright { font-size: 12px; float: right; } /* ************************************************************************************************************************************** 全域共用 class ************************************************************************************************************************************** */ p { margin:0; padding:8px 0 7px; } form , dl , dt , dd { margin: 0px; padding: 0px; } table { border-collapse:separate; empty-cells: show; } a img { border-style: none; } div { font: 13px/200% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #b2b2b2 } a { color: #999; text-decoration: none; } a:hover { text-decoration: underline; } /* 去除連結需線框 */ a { outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */ } /* 文章標籤 */ .article_content_labels span { font: 13px/150% "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #FFF; padding: 1px 8px 0px; margin: 0 5px 20px 0; display: inline-block; } .label_1 { background: #ff99ff; } .label_2 { background: #ff99ff; } .label_3 { background: #eed16e; } .label_4 { background: #eeeaaa; } .label_5 { background: #eeeaaa; } .label_6 { background: #eeeaaa; } /* 文章 */ .article_topic { color: #f1d77d; letter-spacing: 1px; font: bold 24px/150% "微軟正黑體" , "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; padding: 0 0 15px 0; line-height:normal; } .article_topic a { display: block; color:#f1d77d; ont-weight: bold; font-size: 22px; font: "微軟正黑體" , "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; letter-spacing: 1px; } .article_datatime {float: left; padding: 0px 20px 0px 0px; color: #666; } #article_show_body .article_datatime { float: left; } .article_content { text-align:justify; text-justify:inter-ideograph; padding: 15px 0 0; font-size: 15px; } .article_list_more { text-align: right; padding: 30px 0; } .more { font-size: 13px; } .article_data { overflow: hidden; position: relative; } #article_list #also_all { display: inline-block; float: left; padding: 0 20px 0 0; } .article_datatime { float: left; padding: 0 20px 0 0; color: #666; } .article_count { float: right; } .article_count { overflow: hidden; } #article_show_body .article_count { float: right; } .t4 div , .article_count div { display: inline-block; padding: 0px 20px 0px 0px; position: relative; font-size: 13px; float: left; color:#666; } .t4 span , .article_count span { float: left; text-indent: -9999px; overflow: hidden; width: 18px; } .article_count_view span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -332px; } .article_count_comm span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -274px; } .article_count_like span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -304px; height: 22px; } .article_count_quote span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -414px; } div.article_count_quote { padding: 0px; } .article_count_comm_new { position: relative; background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1093px; padding: 0px 0px 0px 20px; float: left; } #article_recommend { width: 600px; } #article_recommend:hover span { display: inline-block; } #article_recommend_body { overflow: hidden; padding: 50px 0; width: 732px; } #article_recommend_body a { display: block; margin: 0px 4px 6px 0px; float: left; height: 57px; width: 57px; overflow: hidden; } #article_recommend_body a img { width: 60px; } .fb-like , .fb-comments { padding: 10px 0px; } /* 標籤 */ .article_tags , .album_tags { background: url(http://g.udn.com.tw/community/img/style211/icons_O.png) no-repeat left -564px; padding: 15px 0px 15px 18px; display: block; overflow: hidden; } .article_tags a , .album_tags a { margin: 0 20px 0 0; } /* 分頁 */ #page_go { width: 30px; color: #35d; } .pagelink { position: relative; clear: both; padding: 20px 5px 40px; margin: 20px 20px 0 0; border-top: none; overflow: hidden; } .pagelink a { padding: 2px 8px; border:solid 1px; margin-right: 3px; } .pagelink a:hover, .pagelink .on { background: #eed16e; color: #FFF; text-decoration: none; } .pagenum { float: left; } .pagegoto { float: right; padding: 0px 6px 0px 0px; } /* 表單物件 */ input , select , label , button { vertical-align:middle; } .input_box , select { border: 1px solid #ccc; } .width_100 { width: 100%; } button { background: #F2F2F2; border: 1px solid #CCC; padding: 5px 40px; text-align: center; font-size: 15px; margin: 20px 0px; cursor: pointer; } button:hover { border: 1px solid #eed16e; background: #eed16e; color: #FFF; } /* 列表 */ .list { line-height: 150%; } .list a { color: #999; display: block; padding: 5px 0px 5px 13px; background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat -5px -1167px; } .list a:hover { color: #999; background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1167px; } /* 解決使用float 的div高度超出父div之外 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* 單元標頭 */ .head { padding: 5px 0 5px 30px; font: bold 16px/200% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; text-decoration: none; color: #666; overflow: hidden; background-image: url( http://i1083.photobucket.com/albums/j398/hahaking/xxscarletbutterflyxx_zpsek5xcejm.gif ); background-repeat: no-repeat; background-position: left 8px; } .head a { display: block; position: relative; color: #b2b2b2; } .head span { display: inline-block; display: none; color: #000; font-size: 13px; font-weight: normal; position: absolute; top: 0px; right: 0px; } .head span:hover { text-decoration: underline; cursor:pointer; } .foot { padding: 0 0 10px; display: block; clear: both; float: none; } #sidebar .foot { height:10px; } /* 燈箱 */ body.popup { padding: 0 30px 0px; background: none; } body.popup button { margin: 20px 0 0; } #preview { width:168px; height:168px; position:fixed; background:url(http://g.udn.com.tw/community/img/ugc_2011/preview.png) no-repeat center center; left:0%; top:0%; _position:absolute; z-index: 2147483647; } .button_align { text-align: center; } /* ************************************************************************************************************************************** 物件樣式 id ************************************************************************************************************************************** */ /* 山頭 */ #header_name { font-size: 36px; font-weight: bold; color: #c3c3c3; font-family: "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; letter-spacing: 1px; } #header_name a{ color: #e0e0e0; } #header_name a:hover{ color: #ccc; text-decoration:underline; } #header_description { font-size: 13px/200%; color: #ccc; position: relative; /* 相對定位 */ top: -15px; }/* /原udn部落格連結的字體大小 */#old_blog{color: #e0e0e0; font-size: 13px;} /* 主選單 */ #menu { position: relative; z-index: 999; display: inline-block; text-align: center; border-left: none ; } #menu dt { position: relative; float: left; border-right: none; } #menu a { font-size: 13px; float: left; overflow: hidden; display: block; padding: 5px 30px 0 20px; white-space: nowrap; /* 文字不斷行 */ text-overflow: ellipsis;　/*產生省略記號*/ } #menu a { height: 30px; float: left; } #menu dt:hover a , #menu dt.on a , #menu dt a { background: none; color: #b2b2b2; text-decoration: none; font-weight:bold; } /* 文章列表 */ #article_list_body #structure dt { padding: 5px 5px 5px 20px; } #article_list { display: block; background: none; } #article_list_head { width: 980px; height: 46px; display: block; position:absolute; z-index: 99; width: 714px; height: 46px; display: block; background: none; border-bottom:none; } #article_list_head.panel { border-bottom: 1px solid #ccc; } #article_list_head a { padding: 10px 20px 10px 0; color: #333; display: block; float: left; } #article_list_head a:hover , #article_list_head .on { color: #333; } #article_list_body { padding: 30px 0 0; } #article_list_body dl > dt { border-bottom: 1px solid #666; margin-right: 20px; overflow: hidden; padding: 10px 20px 20px 10px; margin-bottom:10px; } #article_list_head_link { float: left; } #article_list_head_ctrl_bar { padding: 8px 6px 0px 0px; float: right; } #article_list_head_ctrl_bar div { border-top: 3px solid #eee; border-bottom: 3px solid #eee; background: #eee; } #article_list_head_ctrl_bar a { text-decoration: none; float: none; display: block; } #article_list_head_ctrl_bar div:hover { background: #fff; } #article_list_head_ctrl_bar dl { display: none; } #article_list_head_ctrl_bar div:hover dl { display: block; } #article_list_head_ctrl_bar_date:hover #article_list_head_ctrl_bar_date_all{ display: block; } #article_list_head_ctrl_bar div:hover dt a { border-top: 1px solid #eee; } #article_list_head_ctrl_bar_ob { float: left; border: 3px solid #eee; } #article_list_head_ctrl_bar_ob a { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 9px -51px; } #article_list_head_ctrl_bar_ob dt a:hover { background: #eed16e url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 10px -141px; color: #fff; } #article_list_head_ctrl_bar_ob a { padding: 0px 8px 0px 18px; } /* 側欄 */ #sidebar hr , #share_body hr { border-bottom: 1px dotted #ddd; border-top-style: none; border-right-style: none; border-left-style: none; height: 1px; } /* 個人檔案 */ div#profile { width: 240px; position: relative; overflow: visible; } #profile_body a { font: bold 15px/200% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; text-decoration: none; color: #f1d77d; } #profile_body a:hover { color: #666; text-decoration: underline; } #profile dl { position: absolute; right: 0px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; top: 40px; display: none; z-index: 2; } /* #profile:hover dl { display: block; } */ #profile dt a { margin: 0px; white-space: nowrap; background: #FFF; padding: 2px 10px 2px; border-bottom: 1px solid #ccc; color: #333; text-decoration: none; display: block; float: none; clear: both; font: 15px/200% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; } #profile dt a:hover { background: #f2f2f2; color: #000; text-decoration: none; } #profile_more { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 11px -897px; display: block; position: absolute; height: 30px; width: 30px; top: 10px; right: 0px; cursor:pointer; } /* 個人小檔案 */ #procount:hover span { display: inline-block; } #procount_body { color: #666; } #procount_body span { color: #666; display: inline-block; width: 70px; } #procount_body b { color: #999; } /* QR-Code */ #qrcode { } /* 我建立的投票 */ #myvote:hover span { display: inline-block; } /* 我的城市 */ #mycity { overflow: hidden; } #mycity:hover span { display: inline-block; } #mycity_body { width: 244px; padding: 0px 0px 5px; border-bottom: 1px solid #ddd; overflow: hidden; } #mycity_body a { display: block; margin: 0px 4px 0px 0px; float: left; height: 57px; width: 57px; overflow: hidden; padding: 0px 0px 6px; } #mycity_body a img { width: 57px; } /* 部落格推薦人 */ #respected { overflow: hidden; } #respected:hover span { display: inline-block; } #respected_body { width: 200px; padding: 0px 0px 5px; border-bottom: none; overflow: hidden; } #respected_body a { display: block; margin: 0px 4px 0px 0px; float: left; height: 35px; width: 40px; overflow: hidden; padding: 0px 0px 6px; } #respected_body a img { width: 57px; } /* 我的朋友 */ #myfriend { overflow: hidden; } #myfriend:hover span { display: inline-block; } #myfriend_body { width: 244px; padding: 0px 0px 5px; border-bottom: 1px solid #ddd; overflow: hidden; } #myfriend_body a { display: block; margin: 0px 4px 0px 0px; float: left; height: 57px; width: 57px; overflow: hidden; padding: 0px 0px 6px; } #myfriend_body a img { width: 57px; } /* 誰來我家 */ #comehome { overflow: hidden; } #comehome:hover span { display: inline-block; } #comehome_body { width: 244px; padding: 0px 0px 5px; border-bottom: 1px solid #ddd; overflow: hidden; } #comehome_body a { display: block; margin: 0px 4px 0px 0px; float: left; height: 57px; width: 57px; overflow: hidden; padding: 0px 0px 6px; } #comehome_body a img { width: 57px; } /* 我去誰家 */ #gohome { overflow: hidden; } #gohome:hover span { display: inline-block; } #gohome_body { width: 244px; padding: 0px 0px 5px; border-bottom: 1px solid #ddd; overflow: hidden; } #gohome_body a { display: block; margin: 0px 4px 0px 0px; float: left; height: 57px; width: 57px; overflow: hidden; padding: 0px 0px 6px; } #gohome_body a img { width: 57px; } /* 文章推薦人 */ #recommend { overflow: hidden; } #recommend_head { overflow: hidden; } #recommend_body a { display: block; margin: 0px 5px 0px 0px; float: left; height: 64px; width: 64px; overflow: hidden; padding: 0px 0px 6px; } #recommend_body a img { width: 64px; } /* 自訂欄位 */ #custom { padding: 0px 0px 20px; } /* RSS及聯播 */ #rss_btn { font-size: 13px; color: #FFF; background: #eed16e; padding: 1px 5px; border: 1px solid #eed16e; } #b2b_btn { font-size: 13px; color: #e8c038; background: #eeeaaa; padding: 1px 5px; border: 1px solid #eeeaaa; } #rssb2b_body a { margin: 0px 5px 0px 0px; float: left; } /* 我的閱讀訂閱 */ #mysubscribe_body div { text-align:left; color: #999; line-height: 150%; } #mysubscribe_body a { padding: 0px 0px 10px 13px; background-position: -5px -1173px; } #mysubscribe_body a:hover { background-position: 0px -1173px; } /* 搜尋 */ #search { } .search_main_about { margin:0 0 -1px; padding:10px 0; border-bottom: 1px solid #ccc; } #search .input_box { background: none repeat scroll 0 0 #fff; border-color: #ccc; border-right-style: none; color: #333333; float: left; font-size: 15px; height: 26px; line-height: 30px; padding: 0 0 0 5px; width: 198px; } #search_subme, #search button { background: url("http://g.udn.com.tw/community/img/style201/icons.png") no-repeat scroll 8px -176px #FF9900; border-bottom: 1px solid #FF9900; border-right: 1px solid #FF9900; border-style: solid solid solid none; border-top: 1px solid #FF9900; display: block; float: left; height: 28px; margin: 0; overflow: hidden; padding: 0; text-indent: -9999px; width: 35px; } #search_subme:hover { background-position: 8px -206px; } #search_body span{ display:none; } /* 搜尋結果 */ #search_prompt ul , #search_prompt li { padding:0; margin:0; } #search_prompt img , .search_main_article_list_img img { height: auto !important; max-height: 60px; max-width: 60px; } #search_prompt li , .search_main_article_list li , .search_main_photo_list { float: left; position: relative; width: 716px; margin: 0px; padding: 0px; display: block; border-top: 1px dotted #ccc; overflow: hidden; padding: 10px 6px; position: relative; } #search_prompt .article_title { color: #fff; font: bold 18px/150% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; display: block; left: 75px; position: absolute; top: 35px; white-space: nowrap; } #search_prompt li img , .search_main_article_list_img , .search_main_photo_list_img { display: block; float: left; height: 60px; margin: 0 10px 0 0; overflow: hidden; position: relative; width: 60px; } #search_prompt h1 { color: #fff; font: bold 18px/150% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; display: block; left: 78px; position: absolute; top: 25px; white-space: nowrap; } .search_main_article_list h4 , .search_main_photo_list a { margin:0; color: #fff; font: bold 18px/150% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; display: block; left: 78px; position: absolute; top: 16px; white-space: nowrap; } .search_main_photo_list a { color: #666; margin:-10px 0 0; } #search_prompt h3 { left: 78px; position: absolute; top: 0px; color: #ccc; font: 13px/200% arial,"新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",Geneva,sans-serif; } .search_main_article_list h5 { margin:0; left: 78px; position: absolute; top: 40px; color: #ccc; font: 13px/200% arial,"新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",Geneva,sans-serif; } /* /搜尋結果 */ /* 標籤雲 */ #tags_body { text-align:justify; text-justify:inter-ideograph; padding: 0px 0px 5px; overflow: hidden; } #tags_body a { margin: 0px 10px 0px 0px; color: #999; display: inline-block; } #tags_body a:hover{ color: #999; } /* 我加入的Blogs */ #myblogs dt { margin: 5px 0px; } /* 單一文章頁 */ #info { padding: 20px 6px 0px 0px; } #info dt { padding: 5px 10px; background: #fffceb; margin: 0px 0px 3px; border-top: 1px solid #f2e8b6; border-bottom: 1px solid #f2e8b6; float: none; overflow: hidden; } #info span { float: left; color: #333; } #info .ctrl { float: right; display: none; color: #e5d98a; } #info dt:hover .ctrl { display: block; } #article_show { text-align:justify; text-justify:inter-ideograph; padding: 10px 20px 20px 20px; } body.print #article_show { padding: 20px 0px 10px 0; } #article_show_content { font-size: 16px; color: #ccc; padding: 30px 0px; clear: both; line-height: 230%; letter-spacing: 1px; } #cc { float: left; } #also { border-top: none; padding: 30px 0px 10px; } #also a { float: none; } #also span { color: #CCC; } #also #also_all { float: left; padding: 0px 30px 0px 0px; } #also #also_my { } #tools { padding: 30px 6px 10px 0; } #tools_body { font-size: 15px; float: right; margin-right: 10px; } #tools_body a { display: inline-block; /* overflow: hidden;*/ margin: 0px 0px 0px 20px; background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -271px; float: left; padding: 0px 0px 0px 18px; color:#666; } #tools .recommend { position: relative; display: inline-block; float: left; } #tools .recommend a { background-position: left -302px; } #tools .recommend dl { position: absolute; left: 20px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; bottom: 22px; display: none; } #tools .recommend:hover dl { display: block; } #tools .recommend dt a { margin: 0px; white-space: nowrap; background: #FFF; padding: 2px 10px; border-bottom: 1px solid #ccc; color: #333; text-decoration: none; display: block; float: none; clear: both; } #tools .recommend dt a:hover { background: #f2f2f2; color: #000; } #tools .quote { position: relative; display: inline-block; float: left; } #tools .quote a { background-position: left -414px; } #tools .quote dl { position: absolute; left: 20px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; bottom: 22px; display: none; } #tools .quote:hover dl { display: block; } #tools .quote dt a { margin: 0px; white-space: nowrap; background: #FFF; padding: 2px 10px; border-bottom: 1px solid #ccc; color: #333; text-decoration: none; display: block; float: none; clear: both; } #tools .quote dt a:hover { background: #f2f2f2; color: #000; } #tools .forward { background-position: left -444px; } #tools .print { background-position: left -515px; } #tools .favorite { background-position: left -545px; } /* 你可能會有興趣的文章 */ #interest { overflow: hidden; padding: 20px 0px 30px; } #interest_head { padding: 10px 0px 5px; font: 16px/200% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; font-weight: bold; color: #666; } #interest_body { padding: 0px 0px 30px; overflow: hidden; width: 738px; } #interest_body dt { float: left; width: 113px; margin: 0px 10px 0px 0px; line-height: 150%; } #interest_body.only_title dt { float: none; width: auto; } #interest_body.only_title a { border-bottom: 1px dotted #ccc; padding: 5px; display: block; text-decoration: none; } #interest_body.only_title a:hover { background: #F5F5F5; } #interest_body img { width: 113px; } #interest_body span { width: 113px; display: block; height: 113px; overflow: hidden; background: #FFF; clear: both; margin: 0px 0px 5px; } /* 迴響 */ #response { overflow: hidden; padding: 40px 0px 0px; } #response_body div { font-size: 15px; letter-spacing: 0px; }  #response_foot div { font-size: 12px; }  #response_head { position: relative; } .manage { position: absolute; top: 5px; right: 6px; background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -479px; display: block; float: right; height:25px; width: 24px; overflow: hidden; text-indent: -999px; } .manage:hover { background-position: left -234px; } #response dt { padding: 20px 0; border-top: 1px dotted #ccc; width: 728px; /* 針對特殊內容，必要時出現捲軸 */ overflow: auto; position: relative; } .rp1 { float: left; width: 68px; clear: left; } .rp1 img { width: 57px; } .rp1 a { width: 57px; display: block; height: 57px; overflow: hidden; } .rp2 { font-weight: bold; color: #666; font-size: 15px; line-height: 160%; padding: 6px 0px; } .rp2 span { font-size: 18px; color: #666; font-weight: bold; padding: 0px 5px 0px 0px; } .rp4 { color: #999999; font-size: 12px; float: left; } .rp5 { text-align:justify; text-justify:inter-ideograph; float: left; position: relative; width: 100%; padding: 20px 0px; } .rp6 { clear: left; float: left; width: 660px; padding: 10px 0px 10px 0px; } .rpp { display: block; overflow: hidden; color: #1C388C; text-align: right; clear: both; padding: 30px 0px 0px; } .rpp .icon { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -273px; display: inline-block; overflow: hidden; height: 24px; padding: 0 0 0 20px; margin: 10px 0px; } .icon:hover { text-decoration: underline; } .rp { text-align:justify; text-justify:inter-ideograph; background: #b2b2b2; padding: 10px 25px; margin: 5px 0px 5px 68px; clear: both; color: #000; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; position: relative; } .rp .icon { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -840px; display: block; height: 10px; width: 10px; position: absolute; left: -10px; top: 0px; overflow: hidden; } .pmsg .rp { background: #fcf6d4; border-top: 1px solid #F2E8B6; border-bottom: 1px solid #F2E8B6; } .pmsg .rp .icon { background-position: left -870px } #response dt.pmsg { border-top: 5px solid #f2e8b6; padding: 20px; width: 688px; } dt.pmsg { background: #fffceb; } .pmsg_icon { font-size: 12px; background: #f2e8b6; position: absolute; right: 0px; top: 0px; padding: 0 5px; } .rp .pmsg_icon { background: #EFE497; right: 0px; } .prt { font-size: 12px; color: #999; display: block; } .prt a { color: #999; } .prt a:hover { text-decoration: underline; } .pmsg .prt , .pmsg .prt a { color: #a69c6c; } .ajax_more { background: #f2f2f2; margin: 10px 6px 30px 0px; padding: 10px; border: 1px solid #e5e5e5; display: block; text-align: center; font-size: 15px; font-weight: bold; color: #333; } /* 發表迴響 */ #echo { } #echo_head { } #unsignin { display: block; padding: 10px 0; } #unsignin .input_box { width: 250px; } .signopen { position: relative; display: inline-block; } .signopen a { } .signopen dl { position: absolute; left: 0px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; bottom: 22px; display: none; } .signopen:hover dl { display: block; } .signopen dt a { margin: 0px; white-space: nowrap; background: #FFF; padding: 2px 10px; border-bottom: 1px solid #ccc; color: #333; text-decoration: none; display: block; } .signopen dt a:hover { background: #e0e0e0; color: #000; } #htmlarea { padding: 10px 6px 10px 0; } #htmlarea textarea { height: 100px; width: 722px; overflow: auto; padding: 2px; } #set label { padding: 0px 20px 0px 0px; } #codeimg { width: 60px; } /* 推薦連結 */ #useful_body ul , #useful_body li { margin: 0px; padding: 0px; } #useful_body a { line-height: 250%; } #useful_body ul { list-style: none; } #useful_body ul ul { padding: 0 0 20px 18px; margin: 0px ; } #useful_body ul ul a { display: block; color: #444; line-height: 150%; padding: 5px 0 5px 13px; background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat -5px -1167px; } #useful_body ul ul a:hover { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1167px; } #useful_body .handle > a { color: #444; border-bottom: 1px solid #ddd; text-decoration: none; font-weight: bold; display: block; } #useful_body .active .handle > a { margin: 0px 0px 5px; } #useful_body .handle > a:hover , #useful_body .active .handle > a { color: #222; background: #F5F5F5; } /* 文章分類 */ #category_body ul , #category_body li { margin: 0px; padding: 0px; } #category_body a { line-height: 250%; } #category_body ul { list-style: none; } #category_body ul ul { padding: 0 0 20px 15px; margin: 0px ; } #category_body ul a { display: block; color: #444; line-height: 150%; padding: 6px 0 6px 15px; background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat -5px -1167px; } #category_body ul a:hover { background: #F5F5F5 url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1167px; } #category_body ul ul a { padding: 5px 0 5px 13px; } #category_body li > a , #category_body .handle > a { color: #444; text-decoration: none; display: block; } #category_body a { border-bottom: 1px solid #ddd; } #category_body li li > a { border-bottom: 1px dotted #ddd; } #category_body .handle > a , #category_body .handle > a:hover { background: url(http://g.udn.com.tw/community/img/ugc_2011/div_tab+.gif) no-repeat left 12px; } #category_body .active .handle > a { background: url(http://g.udn.com.tw/community/img/ugc_2011/div_tab-.gif) no-repeat left 12px; } #category_body a:hover , #category_body .handle > a:hover { color: #222; background-color:#F5F5F5; } #sidebar .jstree a { white-space: normal !important; height: auto !important; } #sidebar .jstree ul ul a { display: block !important; height: auto !important; } #sidebar .jstree ins { float: left; } #sidebar .jstree li { padding: 3px 0; } .jstree-default .jstree-hovered { background:none !important; border:none !important; padding:1px 2px !important; } .jstree-default.jstree-focused { background:none !important; } /* 月歷 */ #calendar_jumpMenu { width: 240px; } /* 引用清單 */ #whoquote .list a { border-bottom: 1px dotted #ddd; text-decoration: none; position: relative; padding: 5px 125px 5px 0px; background: none; } #whoquote .list a:hover { background: #F5F5F5; } #whoquote dt { clear: both; } .wq1 { display: inline-block; width: 40px; text-align: right; float: left; padding: 0px 5px 0px 0px; color: #1C388C; font-size: 15px; font-weight: bold; } .wq2 { display: block; overflow: hidden; } .wq3 { color: #999; position: absolute; top: 5px; right: 0px; } /* 文章簡易排行榜 */ #ranking { overflow: hidden; } .ranking_body_tab { padding: 0; clear: both; overflow: hidden; margin: 0px; border-top: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; } .ranking_body_tab li { display: inline; } .ranking_body_tab li a { float:left; text-decoration: none; color: #999; text-align: center; display: block; overflow: hidden; width: 75px; margin: 2px; } .ranking_body_tab a.selected { color: #111; background: #f2f2f2; } .content { float: left; clear: both; border-top: none; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; width: 208px; padding: 10px 15px; } /* 相片簡易排行榜 */ #ranking_album { overflow: hidden; } .ranking_album_body_tab { padding: 0; clear: both; overflow: hidden; margin: 0px; border-top: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; } .ranking_album_body_tab li { display: inline; } .ranking_album_body_tab li a { float:left; text-decoration: none; color: #999; text-align: center; display: block; overflow: hidden; width: 75px; margin: 2px; } .ranking_album_body_tab a.selected { color: #111; background: #f2f2f2; } #ranking_album .list a { background: none; padding: 0px; display: block; float: left; height: 49px; margin: 0 4px 6px 0; overflow: hidden; width: 49px; } #ranking_album .list a img { width: 49px; } #ranking_album .content dl { width: 212px; } /* 朋友的相簿 */ #friend_album_body .friend_album_top { width: 240px; display: block; height: 90px; overflow: hidden; } #friend_album_body .friend_album_top a:hover { text-decoration: none; } #friend_album_body .friend_album_top { line-height: 120%; } #friend_album_body .friend_album_top img { width: 90px; margin: 0px 10px 0px 0px; float: left; } #friend_album_body .friend_album_top .friend_album_name { font-weight: bold; color: #333; } #friend_album_body .friend_album_top a:hover .friend_album_name { text-decoration: underline; } #friend_album_body .friend_album_top .friend_album_title { display: block; color: #777; overflow: hidden; height: 33px; } #friend_album_body { position: relative; padding: 0px 0px 10px; border-bottom: 1px solid #ddd; } #friend_album_body dl { position: absolute; left: 100px; top: 50px; width: 150px; } #friend_album_body dt { float: left; margin: 0px 10px 0px 0px; } #friend_album_body dt img { width: 40px; float: left; } /* 轉寄 */ #forward_body .input_box { width: 100%; *width: 99.4%; /* IE7 */ margin: 0px 0px 5px; } /* 列印 */ body.print{ background:url("../../%E9%8A%98%E5%BF%97%E4%BF%AE%E6%94%B9/%22%22") ; } body.print #wrapper { width: 660px; background:url("../../%E9%8A%98%E5%BF%97%E4%BF%AE%E6%94%B9/%22%22") ; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body.print #header_logo { padding: 0px 20px 0px 0px; float: left; } body.print #header_name { font-size: 21px; color: #999; font-family: "微软雅黑","黑体","helvetica neue","lucida grande",helvetica,arial,sans-serif; font-weight: bold; text-decoration: none; text-shadow: none; } body.print #header_form { float: left; clear: left; color:#666; } body.print #header_data { float: right; color:#666; } body.print #header_print { position: absolute; left: 0px; top: 10px; text-align: center; width: 100%; } body.print #header_content { position: relative; text-align: left; margin: auto; width: 660px; } body.print #article_show_content { clear: both; color: #333; font-size: 15px; padding: 30px 0; } body.print .article_topic { color: #333; font: bold 28px/150% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; padding: 15px 0; } #footerbar { height: 30px; } /* 相簿資料夾 */ #albumfolder_body dt { } #albumfolder_body .list a { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1565px; padding: 12px 0px 10px 34px; border-bottom: 1px solid #666666; text-decoration: none; } #albumfolder_body .list a:hover { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1565px; text-decoration:underline; } /* 相簿首頁 */ #album_index { padding: 10px 0px 20px 0px; } #album_folder { padding: 20px 0 0; } #album_list , #photo_list_grid , #photo_list , #photo { padding: 54px 0 0; } #photo { width:728px; } /* 精選相片 showimg */ #album_index_slideshow { height: 428px; width: 728px; } #showimg_slides .pagination { height: 25px; margin: 0px auto; text-align: center; display: table; padding: 5px 0px 8px; } #showimg_slides .pagination li { float:left; margin:0 2px; padding: 0px; list-style:none; } #showimg_slides .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(http://g.udn.com.tw/community/img/ugc_2011/pagination.png); background-position:0 0; float:left; overflow:hidden; } #showimg_slides .pagination li.current a { background-position:0 -12px; } /* 內容 */ #showimg { float: left; position: relative; width: 100%; padding: 0px; margin: 0px; text-align: center; display: block; } #showimg_slides { float: left; position: relative; width: 100%; height: 428px; top:0px; left:0px; z-index:100; padding: 0px; margin: 0px; overflow: hidden; } .slides_control { overflow: visible; } #showimg_slides dl { position:relative; width: 100%; padding: 0px; margin: 0px; /* overflow: hidden;*/ background: transparent; /*background:-webkit-gradient(linear, 50% 35%, 50% 0%, from(#f0f0f0), to(#cacaca));*/ } #showimg_slides dl dd { position: relative; width:100%; padding:0px; margin: 0px; } #showimg_slides .prev , #photo_show .prev { position:absolute; width:62px; height: 80px; display:block; top:145px; left: -80px; background: url(http://g.udn.com.tw/community/img/ugc_2011/common_leftbtn.png) no-repeat left center; z-index:101; } #showimg_slides .next , #photo_show .next { position:absolute; width:62px; height: 80px; display:block; top:145px; right: -80px; background: url(http://g.udn.com.tw/community/img/ugc_2011/common_rightbtn.png) no-repeat right center; z-index:101; } .showimg_slides_img { text-align: center; margin: 0px auto; padding: 0px; } .showimg_slides_img a { display: table-cell; text-align: center; vertical-align: middle; } .showimg_slides_txt { background: #7f7f7f; } .showimg_slides_txt { position: absolute; width: 100%; height: 30px; margin: 0px; padding: 0px; left: 0px; bottom: 0px; background-color: rgba(60, 60, 60, 0.5); background: rgba(60, 60, 60, 0.5); } .showimg_slides_txt span { font: 13px/30px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #fff; text-align: center; margin: 0px; padding: 0px; } /* 內容結束 */ #showimg_slides dl, #showimg_slides dl dd { height: 400px; *background: #F0F0F0; } div.showimg_slides_img { display:table; width: 728px; height: 370px; #position:relative; overflow:hidden; } div.showimg_slides_img a{ display:table-cell; vertical-align:middle; #position:absolute; #top:50%; #left:50%; } div.showimg_slides_img a img { #position:relative; #top:-50%; #left:-50%; height: auto !important; max-width: 728px; max-height: 400px; border-style: none; } /* 精選相片 showimg 結束 */ #album_index_list_body { overflow: hidden; } .float_alugn_center { position:relative; float:right; left:-50%; } .album_list { padding: 6px; overflow: hidden; position:relative; left:50%; width: 722px; } .album_list dt { float:left; width: 24%; margin: 0 0.5% 40px; text-align: left; height: 225px; position: relative; } .photo_table { height: 140px; } .photo_table a { width: 140px; display: block; text-decoration: none; color: #333; margin: auto; text-align: center; cursor:pointer; } .album_list dt table { height: 150px; width: 150px; text-align: center; vertical-align: middle; border: 5px solid #E5E5E5; background: #FFF; margin:auto; } .album_list a img { padding: 10px; height: auto !important; max-height: 120px; max-width: 120px; } .album_list .album_title { padding: 0 10px; line-height: 150%; margin: 5px 0px; display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; width : 152px; } .album_list .icon_type_1 , .album_list .icon_type_2 { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1450px; display: block; height: 28px; width: 28px; overflow: hidden; position: absolute; top: 121px; right: 11px; } .album_list .icon_type_2 { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1572px; } .album_count { padding: 0 10px; display: block; color: #FF9900; overflow: hidden; } .album_count span { width: 65px; float: left; } .album_count span span { overflow: hidden; text-indent: -9999px; width: 18px; } .album_count .album_count_view span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat scroll left -332px; } .album_count .album_count_photo span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat scroll left -1414px; } #album_folder_index_list_head { padding: 40px 0px 5px; } .album_list .album_count .album_folder_num span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1646px; } .album_more { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1509px; padding: 0px 20px 10px 8px; float: right; } span.recommendation { background: url(http://g.udn.com.tw/community/img/ugc_2011/recommendation.png) no-repeat left top; display: block; overflow: hidden; position: absolute; height: 39px; width: 124px; left: 18px; top: 3px; } #album_folder_list_head , #album_list_list_head , #photo_list_grid_head , #photo_list_head { position: relative; } /* 相簿列表 */ #album_count_num { position: absolute; top: 10px; right: 20px; display: inline; } #album_folder_num { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1679px; float: right; margin: 0 25px 0 0; padding: 0 0 10px 18px; } #album_album_num { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1646px; padding: 0 0 10px 18px; float: right; margin: 0px 20px 0px 0px; } #album_photo_num { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat scroll left -1414px; padding: 0 0 10px 18px; float: right; } #album_view_num { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat scroll left -332px; padding: 0 0 0px 18px; float: right; margin: 0px 20px 0px 0px; } /* 智慧浮動 */ .smart_float { background:none; border-bottom: none; display: block; height: 46px; position: absolute; width: 734px; z-index: 99; } .smart_float a { color: #333; display: block; float: left; padding: 10px 20px 10px 0; } .smart_float a:hover, .smart_float .on { color: #333; } .smart_float_link { float: left; } .smart_float_link a{ color:#FFF; } .smart_float_link a:hover{ color:#FFF; text-decoration:underline; } .smart_float_ctrl_bar { padding: 8px 20px 0px 0px; float: right; } .smart_float_ctrl_bar div { border-top: 3px solid #eee; border-bottom: 3px solid #eee; background: #eee; } .smart_float_ctrl_bar a { text-decoration: none; float: none; display: block; } .smart_float_ctrl_bar div:hover { background: #fff; } .smart_float_ctrl_bar dl { display: none; } .smart_float_ctrl_bar div:hover dl { display: block; } .smart_float_ctrl_bar div:hover dt a { border-top: 1px solid #eee; } .smart_float_ctrl_bar_ob { float: left; border: 3px solid #eee; } .smart_float_ctrl_bar_ob a { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 9px -51px; } .smart_float_ctrl_bar_ob dt a:hover { background: #eed16e url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 10px -141px; color: #fff; } .smart_float_ctrl_bar_ob a { padding: 0px 8px 0px 18px; } .smart_float_ctrl_bar_ob a.mode_photo { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 11px -1724px; padding: 0px 8px 0px 29px; } .smart_float_ctrl_bar_ob a.mode_list { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 11px -1754px; padding: 0px 8px 0px 29px; } .smart_float_ctrl_bar_ob dl a.mode_list:hover { background: #eed16e url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 11px -1844px; color: #fff; } .smart_float_ctrl_bar_ob dl a.mode_photo:hover { background: #eed16e url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 11px -1814px; color: #fff; } /* 相片列表 (圖片模式) */ a.autoplay { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1775px; padding: 10px 20px 0 20px; } #album_description { padding: 0px 0px 30px; } /* 因 IE 相簿會網下掉問題 http://rdalbum.udn.com/webadmin/368065 .video_photo { display: inline-block; position: relative; } */ .video_play { background: url(http://g.udn.com.tw/community/img/ugc_2011/video_play.png) no-repeat center center; display: block; overflow: hidden; height: 120px; width: 120px; position: absolute; left: 15px; top: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*IE8*/ filter:alpha(opacity=60); /*IE5!BIE5.5!BIE6!BIE7*/ opacity: .6; /*Opera9.0+!BFirefox1.5+!BSafari!BChrome*/ } /* 相片列表 (清單模式) */ .photo_list dt { border-top: 1px dotted #ddd; padding: 0px 6px 30px 0px; } .photo_list a { display: block; text-decoration: none; color: #333; padding: 30px 0px 0px; } .photo_list .album_title { display: block; line-height: 150%; margin: 10px 0px 5px; font-size: 15px; } .photo_list .video_play { height: 100%; width: 100%; left: 0px; top: 0px; } .photo_list .album_count { padding: 0px; } /* 單一相片 */ #photo_titile { font: 16px/150% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; color: #fff; padding: 0 0 10px; } #photo_source { background: url("http://g.udn.com.tw/community/img/ugc_2011/icons.png") no-repeat left -2032px; padding: 3px 0 3px 20px; margin: 5px 0; color:#333; display:block; } #photo_description { font-size: 15px; padding: 10px 0px 30px; } #photo_show { display: block; overflow: hidden; position: relative; } div#photo_also { overflow: hidden; padding-bottom:8px; } /* 日期 */ div#photo_also div.article_datatime { float: left; } /* 資料 */ div#photo_also div.article_count { float: right; } div#photo_CCandALSO { clear: both; overflow: hidden; padding: 20px 0px; border-bottom: 1px solid #ccc; } div#photoinfo { margin:0 auto; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* 相片地圖 */ div#photoinfo div#mymap div#mymap_head { font: bold 16px/200% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; color: #000; text-decoration: none; } div#photoinfo div#mymap { display: none; } div.OPENMAP div#mymap { display:block !important; float:right; padding-left: 7px; padding-right:7px; } div#photoinfo div#photoinfo_main { padding-top:8px; padding-right: 0; border: none; } div.OPENMAP div#photoinfo_main { border-right: 1px solid #ddd!important; } div.OPENMAP div#photoinfo_main { display: table; /* >IE8 OTHER */ *display: inline-block; /* IE7 */ _display: inline-block; /* IE6 */ } /* 版權 */ #photo_cc { float:left; } /* 功能連結 */ #photo_also_link { float:right; overflow: hidden; padding-right: 20px; } #photo_also_link span { border-right: 1px solid #CCC; margin: 5px 12px 0 10px; height: 18px; width: 1px; } /* 有誰推薦 */ div#photoinfo_main div#photo_recommend { overflow: hidden; padding-top:10px; padding-bottom:10px; } div#photoinfo_main div#photo_recommend #photo_recommend_head a { font: bold 16px/250% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; color: #000; text-decoration: none; display:block; padding-right: 20px; padding-bottom:5px; position: relative; } div#photoinfo_main div#photo_recommend #photo_recommend_head span { font-size: 12px; font-weight: normal; position: absolute; top: 0px; right: 25px; display:none; } div#photoinfo_main div#photo_recommend #photo_recommend_head a:hover span { display: block; } div#photoinfo_main div#photo_recommend:hover span { display: inline-block; } div#photoinfo_main div#photo_recommend_body { height:83px; padding: 0; overflow: hidden; } div#photoinfo_main div#photo_recommend_body a { display: block; margin: 0px 9px 0px 0px; float: left; width: 57px; overflow: hidden; padding: 10px 0px 16px; } div#photoinfo_main div#photo_recommend_body a img { width: 57px; } /* exif */ #exif_body dt { border-bottom: 1px dotted #CCC; padding: 2px 0px 0px; } #exif_body dt span { display: block; float: left; width: 120px; overflow: hidden; color: #000; font-weight: bold; } /* 分享 */ #share_body dl { overflow: hidden; } #share_body dt { clear: both; float: none; } #share_body span { width: 120px; float: left; font-weight: bold; color: #000; } #share_body input { float: left; width: 450px; height: 21px; } #share_body table { position: relative; top: -3px; overflow: hidden; } .my_clip_button { cursor:default; background: #F2F2F2; border: 1px solid #CCC; padding: 0px 20px; text-align: center; cursor: pointer; margin: 0px 0px 0px 5px; color: #333; height: 24px; } .my_clip_button.hover { border: 1px solid #0f266c; background: #1C388C; color: #FFF; text-decoration: none; } /* 作家簡介 */ #aboutme { float: left; position: relative; width: 728px; padding: 20px 0px; } #aboutme_content { float: left; position: relative; width: 728px; padding-top: 10px; } .aboutme_topic { color: #666; font: bold 24px/150% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; padding: 5px 0; } .aboutme_topic span { color: #666; font: bold 13px "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; padding: 0px; margin: 15px 0px 0px; display: block; float: right; } #aboutme_content .tail{ background: url(http://g.udn.com.tw/community/img/ugc_2011/community_icons.png) no-repeat 32px bottom; } #aboutme_content > p { color: #333; margin: 0px 0px 10px; padding: 10px 15px; font: 15px/150% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; background: #eee; } .aboutme_list { float: left; position: relative; margin: 0px; padding-bottom: 20px; border-top: 1px solid #ddd; } .aboutme_list > div { float: left; position: relative; width: 728px; border-bottom: 1px solid #ddd; background: #eee; } .aboutme_list > div strong { float: left; width: 120px; color: #333; font: bold 15px/60px "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif; padding-right: 5px; padding-left: 5px; text-align: right; } .aboutme_list > div span dl, .aboutme_list > div span dt { margin: 0px; padding: 0px; list-style: none; } .aboutme_list > div span dt.email { background: url(http://g.udn.com.tw/community/img/ugc_2011/community_icons.png) no-repeat 0px 0px; padding-left: 35px; padding-bottom: 5px; } .aboutme_list > div span dt.weblink { background: url(http://g.udn.com.tw/community/img/ugc_2011/community_icons.png) no-repeat 0px -60px; padding-left: 35px; padding-bottom: 5px; } .aboutme_list > div span dt.phone { background: url(http://g.udn.com.tw/community/img/ugc_2011/community_icons.png) no-repeat 0px -120px; padding-left: 35px; padding-bottom: 5px; } .aboutme_list > div span dt.fb { background: url(http://g.udn.com.tw/community/img/ugc_2011/community_icons.png) no-repeat 0px -180px; padding-left: 35px; padding-bottom: 5px; } .aboutme_list > div span dt.pk { background: url(http://g.udn.com.tw/community/img/ugc_2011/community_icons.png) no-repeat 0px -240px; padding-left: 35px; padding-bottom: 5px; } .aboutme_list > div span { float: left; width: 558px; color: #333; font: normal 15px/30px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; vertical-align: middle; display: table-cell; padding: 15px 20px; background: #fff url(http://g.udn.com.tw/community/img/ugc_2011/aboutme_content_list_strong.png) no-repeat left 25px; margin: 0px; /* IE FF 最小高度 */ height:auto!important; height:30px; min-height:30px; } /* aboutme_push 推薦區塊 */ .aboutme_push { position: relative; width: 728px; margin: 10px 0px 0px; padding: 0px; overflow: hidden; } .aboutme_push_box { float: left; position: relative; width: 728px; margin: 0px; padding: 0px; } .aboutme_push_box_main { position: relative; float: left; overflow:hidden; width: 728px; margin: 0px; padding: 0px; } .aboutme_push_box_main dl { float: left; position: relative; width: 728px; margin: 0px; padding: 0px; } .aboutme_push_box_main dl dt { float: left; position: relative; width: 104px; height: 110px; margin: 0px; padding: 0px; display: block; } .aboutme_push_box_main dl dt > div { position: relative; width:104px; height:60px; padding: 0px; margin-right: auto; margin-left: auto; text-align: center; display: block; overflow: hidden; } .aboutme_push_box_main dl dt > div img { width:60px; } .aboutme_push_box_main dl dt p { float: left; position: relative; width:84px; height:38px; margin: 0px; font: normal 12px/18px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #333; text-align: center; text-overflow:ellipsis; display: block; overflow: hidden; padding-right: 10px; padding-left: 10px; padding-top: 2px; } .aboutme_push_box_main dl dt p a { color: #ccc; text-decoration: none; } .aboutme_push_box_main dl dt p a:hover { color: #ccc; text-decoration: underline; } /* aboutme_push 推薦區塊結束 */ /* 作家簡介結束 */ /* 好友名單 */ #friend { float: left; position: relative; width: 728px; padding: 20px 0px; } #friend_content { float: left; position: relative; width: 728px; } .friend_topic { color: #1C388C; font: bold 16px/30px "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; padding: 15px 0px; margin-top: 20px; border-top: 1px dotted #999; } .friend_push { position: relative; width: 728px; margin: 5px 0px 0px; padding: 0px; overflow: hidden; } /* friend_push 推薦區塊 */ .friend_push_box { float: left; position: relative; width: 728px; margin: 0px; padding: 0px; } .friend_push_box_main { position: relative; float: left; overflow:hidden; width: 728px; margin: 0px; padding: 0px; } .friend_push_box_main dl { float: left; position: relative; width: 728px; margin: 0px; padding: 0px; } .friend_push_box_main dl dt { float: left; position: relative; width: 104px; height: 110px; margin: 0px; padding: 0px; display: block; } .friend_push_box_main dl dt > div { position: relative; width:104px; height:60px; padding: 0px; margin-right: auto; margin-left: auto; text-align: center; display: block; overflow: hidden; } .friend_push_box_main dl dt > div img { width:60px; } .friend_push_box_main dl dt p { float: left; position: relative; width:84px; height:38px; margin: 0px; font: normal 12px/18px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #333; text-align: center; text-overflow:ellipsis; display: block; overflow: hidden; padding-right: 10px; padding-left: 10px; padding-top: 2px; } .friend_push_box_main dl dt p a { color: #333; text-decoration: none; } .friend_push_box_main dl dt p a:hover { color: #F60; } /* friend_push 推薦區塊結束 */ /* 好友名單結束 */ /* 我的城市 */ #mycity { } #mycity_content { float: left; position: relative; width: 728px; } .mycity_topic { color: #1C388C; font: bold 16px/30px "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; padding: 10px 0px; margin-top: 10px; } .mycity_push { position: relative; width: 728px; margin: 5px 0px 0px; padding: 0px; overflow: hidden; } .mycity_push_box { float: left; position: relative; width: 728px; margin: 0px 0px 20px; padding: 0px 0px 10px; border-bottom: 1px dotted #999; } .mycity_push_box_category { position: relative; float: left; overflow:hidden; width: 68px; margin: 0px; padding: 10px 0px 0px; color: #555; font: bold 15px "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; } .mycity_push_box_main { position: relative; float: left; overflow:hidden; width: 660px; margin: 0px; padding: 0px; } .mycity_push_box_main_list { position: relative; float: left; width: 324px; height: 70px; margin: 0px 0px 10px 3px; display: block; overflow: hidden; padding-top: 10px; padding-right: 3px; } .mycity_push_box_main_list:hover { text-decoration: none; background: #F5F5F5; } .mycity_push_box_main_list:hover h1 { color: #1C388C; } .mycity_push_box_main_list:hover h2 { color: #333; } span.mycity_push_box_main_list_img { float: left; position: relative; width: 70px; height: 70px; margin-right: 5px; margin-left: 5px; text-align: center; } span.mycity_push_box_main_list_img img { width: 60px; height: 60px; } .mycity_push_box_main_list h1 { float: left; position: relative; width: 244px; margin: 0px; padding: 0px; font: bold 15px/20px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mycity_push_box_main_list h2 { float: left; position: relative; width: 244px; margin: 0px; padding: 0px; font: normal 13px/20px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mycity_push_box_main_list h3 { float: left; position: relative; width: 244px; margin: 0px; padding: 2px 0px 0px; font: bold 11px/20px arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 我的城市結束 */ /* 小事 */ #things_list { display: block; background: #FFF; } #things_list_head { width: 734px; height: 46px; display: block; background: #FFF; border-bottom: 1px solid #eee; position:absolute; z-index: 99; } #things_list_head.panel { border-bottom: 1px solid #ccc; } #things_list_head a { padding: 10px 20px 10px 0; color: #333; display: block; float: left; } #things_list_head a:hover , #things_list_head .on { color: #1c388c; } #things_list_head_link { float: left; } #things_list_head_ctrl_bar { padding: 8px 6px 0px 0px; float: right; } #things_list_head_ctrl_bar div { border-top: 3px solid #eee; border-bottom: 3px solid #eee; background: #eee; } #things_list_head_ctrl_bar a { text-decoration: none; float: none; display: block; } #things_list_head_ctrl_bar div:hover { background: #fff; } #things_list_head_ctrl_bar dl { display: none; } #things_list_head_ctrl_bar div:hover dl { display: block; } #things_list_head_ctrl_bar_date:hover #things_list_head_ctrl_bar_date_all { display: block; } #things_list_head_ctrl_bar div:hover dt a { border-top: 1px solid #eee; } #things_list_head_ctrl_bar_ob { float: left; border: 3px solid #eee; } #things_list_head_ctrl_bar_ob a { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 9px -51px; } #things_list_head_ctrl_bar_ob dt a:hover { background: #1c388c url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat 10px -141px; color: #fff; } #things_list_head_ctrl_bar_ob a { padding: 0px 8px 0px 18px; } #things_list_body , #follow_list_body , #things_body { padding: 65px 6px 0 0; } #things_list_body > dl > dt { padding: 0px 0px 30px; } .t1 { position: relative; padding: 35px 15px 35px 82px; background: #F5F5F5; border: 2px solid #E5E5E5; line-height: 150%; text-align:justify; text-justify:inter-ideograph; /* IE FF 最小高度 */ height:auto!important; height:27px; min-height:27px; font-size: 15px; color: #111; } /* #things_list_body .t1 { border-bottom-style: none; } */ .pt { position: relative; } .pt .t1 { background: #FFFCEB; z-index: 1; border: 2px solid #F2E8B6; } .pt_icon { background: none repeat scroll 0 0 #F2E8B6; font-size: 12px; padding: 0 5px; position: absolute; right: 0; top: 0; z-index: 2; } .t1 a { float: left; display: block; height: 57px; overflow: hidden; width: 57px; position: absolute; left: 15px; top: 15px; } .t1 img { width: 57px; } .t2 { display: block; overflow: hidden; float: none; clear: both; padding: 10px 15px; } .t2 .tlink_title { color: #1C388C; line-height: 150%; font-size: 15px; text-decoration: underline; } .t2 .tlink_des { line-height: 150%; } .t2 a:hover { text-decoration: none; } .t2 a:hover .tlink_des { text-decoration: underline; } .nick { color: #1C388C; } .ldquo , .rdquo { position: absolute; font: 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ccc; } .pt .ldquo , .pt .rdquo { color: #e5d895; } .ldquo { left: 80px; top: 9px; } .rdquo { position: absolute; right: 15px; bottom: -10px; } .t3 { position: relative; padding: 10px 0px 10px; } .t3 dt { text-align:justify; text-justify:inter-ideograph; line-height: 150%; padding: 10px 15px 10px 83px; border-top: 1px dotted #ccc; position: relative; /* IE FF 最小高度 */ height:auto!important; height:57px; min-height:57px; } .t3 a { overflow: hidden; height: 57px; display: block; position: absolute; left: 15px; top: 10px; } #things_list .t3 a img { width: 57px; } .t4 { position: relative; overflow: hidden; padding: 0px 15px; } .article_count_more span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -1965px; height: 22px; } .article_count_att span { background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png) no-repeat left -2003px; height: 22px; } div.article_count_more { padding: 0px; } .row_list { width: 748px; overflow: hidden; } .row_list > dt { margin: 0px 20px 20px 0px; float: left; width: 354px; } .t_data { font-size: 12px; color: #888; } .t_tags { padding: 10px 15px; border-bottom: 2px solid #E5E5E5; background: #F5F5F5; border-right: 2px solid #E5E5E5; border-left: 2px solid #E5E5E5; } .t_tags a { margin: 0 20px 0 0; } #things_echo { padding: 20px 0; } #mythings { font: 13px/200% arial, "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", Geneva, sans-serif; width: 726px; height: 85px; padding: 5px; } /* tags */ div.tagsinput { background: #FFF; float: left; display: block; overflow: hidden; height: auto !important; } div.tagsinput span.tag { display: block; float: left; padding: 0 10px; text-decoration:none; background: #f2f2f2; color: #333; margin-right: 5px; margin-bottom:5px; font-family: helvetica; font-size:13px; } div.tagsinput span.tag a { font-weight: bold; color: #bbb; text-decoration:none; font-size: 11px; } div.tagsinput input { width:80px; height: 23px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; background: transparent; color: #333; outline:0px; margin-right:5px; margin-bottom:5px; } div.tagsinput div { display:block; float: left; } .tags_clear { clear: both; width: 100%; height: 0px; } #things_tabs { z-index: 1; border-bottom: 1px solid #E5E5E5; } #things_tabs dl { display: inline-block; } #things_tabs dt { float: left; margin: 0px 5px 0px 0px; padding: 0px; } #things_tabs dt a { float: left; padding: 4px 20px 2px 20px; border-top: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; background: #F2F2F2; color: #666; position: relative; top: 1px; z-index: 2; font-weight: bold; } #things_tabs dt a:hover , #things_tabs dt a.on { background: #FFF; color: #1C388C; top: 1px; text-decoration: none; } .things_tabs_body { padding: 10px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; margin: 0px 0px 20px; } .things_tabs_body label , .things_adv label { display: block; float: left; } .things_tabs_body dt , .things_adv dt { padding: 5px 0; line-height: 150%; overflow: hidden; } .things_tabs_body .input_box { width: 100%; *width: 99.4%; /* IE7 */ } #say_things { } #advset { color: #1C388C; font-weight: bold; } #things_new { color: #444444; font: 13px/150% arial,"新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",Geneva,sans-serif; width: 726px; height: 60px; } .things_new_fast { } .things_new_submit { margin: 5px 0px 20px; padding: 3px 30px 2px; padding: 5px 30px 0px \9; line-height: 150%; } #things_add { margin: 0 0 20px; } #things_add_head { overflow: hidden; position: relative; width: 728px; display: block; } #things_add_body { position: relative; } #things_add_body .button_align button { margin: 0px 0px 20px; } #things_ann { margin: 0px 0px 20px; } #things_ann_head { color: #333333; font: bold 24px/150% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; padding: 5px 0; background: url("http://g.udn.com.tw/community/img/ugc_2011/community_icons.png") no-repeat scroll 32px bottom transparent; } #things_ann_body { background: none repeat scroll 0 0 #EEEEEE; color: #333333; font: 15px/150% "微軟正黑體","Microsoft JhengHei","微软雅黑体","Microsoft YaHei","新細明體",PMingLiU,"新宋体",NSimSun,"Apple LiGothic Medium",arial,Geneva,sans-serif; margin: 0 0 10px; padding: 10px 15px; } .jstree a { color:#999 !important;} .jstree a:hover{ color:#999 !important; text-decoration:underline!important;} #myfriend_body { border-bottom: 1px solid #333333!important; } .article_datatime { color:#ccc!important; } hr { border-bottom-style: solid!important; border-bottom-color: #999!important; border-bottom-width: 1px!important; border-top-style: none!important; overflow: hidden!important; height: 1px!important; } /*Blogs聯播*/ li#udn_logo_uh_white > a, #blogs_name_uh_white > a { background-image: none; } #udnblogs_uh_white { padding: 0 !important; } #blogs_name_uh_white a{ color:#666!important; } #blogs_name_uh_white a:hover{ color:#666!important; text-decoration:underline; } #udnblogs_uh_white UL { margin:0!important; padding:0!important; list-style: none outside none!important; color: #FF8000; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 150%; margin: 0 0 0 20px; } #udnblogs_uh_white UL A { color: #FFF!important; font-family: Arial,Helvetica,sans-serif; } #udnblogs_uh_white .udn_logo_uh_white A { color: #CCC!important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal!important; background: url("http://act.udn.com/images/logo_small.gif") no-repeat scroll 150px 5px transparent; list-style-image: none !important; } #ranking_body_tab_1 {padding: 10px 15px;} a, a:link, a:visited{color:#eeeaaa;text-decoration:none;} a:hover{color:#F8F4D8;text-decoration:none;border:0px dotted #9761BB;background:url( http://blog.roodo.com/hsiaoke/2e0b5e80.gif ) repeat;background-position:50% 50%;} a {text-decoration:none;} #header { position: relative; border-bottom: none; width: 1000px; height: 750px; margin: auto; padding: 60px 0 10px 0; background: url(  ); background-repeat:no-repeat; background-size:auto 550px; } 繼續閱讀的小圖 .article_list_more { text-align: right; padding: 25px 50px 15px 0px; background: url( http://i1178.photobucket.com/albums/x363/yudhusn6521/039_5.gif ) no-repeat right 25px; } dt:hover .article_list_more {