@charset "utf-8";
/*
**************************************************************************************************************************************
UDN 部落格模板框架
**************************************************************************************************************************************
目錄:
1. 基礎設定 (HTML & Body)
2. 頁面結構 (Header, Menu, Wrapper, Footer)
3. 主要內容區 (Content & Sidebar)
4. 全域樣式 (Links, Forms, Typography)
5. 文章相關 (Article List, Article Show)
6. 側邊欄元件 (Profile, Tags, Ranking, etc.)
7. 相簿功能
8. 留言互動
9. 工具與輔助

- 京都日主題 (20140320修改)
**************************************************************************************************************************************
*/

/* ==================================================================================
   1. 基礎設定
   ================================================================================== */

/* HTML 根元素 - 全局置中對齊 */
html {
  text-align: center;
}

/* Body 主體 - 背景與基礎排版 */
body {
  margin: 0px;
  text-align: left;
  background-image: url(http://g.udn.com.tw/community/img/style238/body_bg.jpg);
  background-repeat: no-repeat;
  background-color: #7e0001;
  background-size: cover; /* 改為 cover 讓背景圖片覆蓋整個區域 */
  background-position: center; /* 背景圖片置中 */
  background-attachment: fixed; /* 背景固定,不隨滾動 */
  position: relative;
  min-height: 100vh; /* 確保 body 至少佔滿整個視窗高度 */
}

/* Body 上半部透明漸層覆蓋層 */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.85) 0%,
    /* 上方 85% 透明白色 */ rgba(255, 255, 255, 0.7) 30%,
    /* 30% 處 70% 透明 */ rgba(255, 255, 255, 0.5) 50%,
    /* 50% 處 50% 透明 */ rgba(255, 255, 255, 0.3) 70%,
    /* 70% 處 30% 透明 */ rgba(255, 255, 255, 0) 100% /* 底部完全透明 */
  );
  pointer-events: none; /* 確保不會阻擋滑鼠事件 */
  z-index: 0;
}

/* ==================================================================================
   2. 頁面結構
   ================================================================================== */

/* --- 頂部區域 --- */
#top {
}

#top_body {
  margin: 0 auto;
  width: 1000px;
}

/* 頂部滑動橫幅 */
#top_slider {
  position: absolute;
  width: 1000px;
  background: transparent;
  height: 214px;
  margin-top: -212px;
  z-index: 9999;
}
#top_slider_content {
  color: transparent;
  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 和 Container --- */
#context {
  /* 保留供系統使用 */
}

#container {
  /* 保留供系統使用 */
}

/* --- Header 區域 (頁首/山頭) --- */
#header {
  position: relative;
  border-bottom: 0px solid #ddd;
  width: 1000px;
  height: 440px;
  margin: auto;
  background-image: url(https://g.udn.com.tw/upfiles/B_CH/chao243896/PSN_PHOTO/944/f_29200944_1.png);
  background-size: cover; /* 背景圖片覆蓋整個區域 */
  background-position: center; /* 背景圖片置中 */
  background-repeat: no-repeat; /* 背景圖片不重複 */
  padding: 20px 0px; /* 內距: 上下px 左右px*/
}

#header_body {
  position: relative;
}

/* --- Menu Bar 區域 (主選單列) --- */
#menubar {
  position: relative;
  border-bottom: 0px solid #ddd;
}

#menubar_body {
  width: 1000px;
  margin: auto;
  overflow: hidden;
  position: relative;
  background-image: url(http://g.udn.com.tw/community/img/style238/menu_bg.png);
}

/* --- Wrapper 區域 (主容器) --- */
#wrapper {
  position: relative;
  width: 1000px;
  margin: auto;
  overflow: hidden;
  background: #fff;
}

/* ==================================================================================
   3. 主要內容區域
   ================================================================================== */

/* --- Main 主內容區 --- */
#main {
  overflow: hidden;
  float: left;
  background: #fff;
}

#main_head {
  /* 保留供系統使用 */
}

#main_body {
  overflow: hidden;
}

#main_body_cont {
  /* 保留供系統使用 */
}

#main_foot {
  /* 保留供系統使用 */
}

/* --- Content 內容區 --- */
#content {
  float: left;
  border-right: 1px solid #ddd;
  width: 728px;
  overflow: hidden;
  padding: 0px 5px 5px 5px;
}

/* 內容區圖片響應式設定 */
#article_list img,
#article_show img,
#things_list .t2 img,
#things_show .t2 img,
.rp5 img,
.rp img,
#photo_show_case img,
#share_body img {
  height: auto !important;
  max-height: 100%;
  max-width: 100%;
}

#photo_show_case {
  text-align: center;
}

/* --- Sidebar 側邊欄 --- */
#sidebar {
  float: right;
  width: 240px;
  font: 13px/200% arial, "新細明體", PMingLiU, "新宋体", NSimSun,
    "Apple LiGothic Medium", Geneva, sans-serif;
  padding: 0px 5px;
}

/* 側邊欄分隔線 */
#sidebar hr,
#share_body hr {
  border-bottom: 1px dotted #ddd;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  height: 1px;
}

/* --- Footer 區域 (頁尾) --- */
#footer {
  position: relative;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
}

#footer_body {
  width: 1000px;
  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;
}

#copyright {
  font-size: 12px;
  float: right;
}

/* ==================================================================================
   4. 全域樣式
   ================================================================================== */

/* --- 基礎元素重置 --- */
/*
p {
	margin: 0;
	padding: 8px 0 7px;
}
*/

form,
dl,
dt,
dd {
  margin: 0px;
  padding: 0px;
}

table {
  border-collapse: separate;
  empty-cells: show;
}

/* --- 連結樣式 --- */
a {
  color: #c33; /* 主題紅色 */
  text-decoration: none;
  outline: none; /* 移除焦點外框 (Firefox) */
}

a:hover {
  text-decoration: underline;
}

a img {
  border-style: none; /* 移除圖片連結邊框 */
}

/* --- 文字與排版 --- */
div {
  font-size: 13px;
  line-height: 200%;
  color: #444;
}

/* ==================================================================================
   5. 文章相關樣式
   ================================================================================== */

/* --- 文章標籤 (Label) --- */
.article_content_labels span {
  font: 13px/150% "新細明體", PMingLiU, "新宋体", NSimSun,
    "Apple LiGothic Medium", Geneva, sans-serif;
  color: #fff;
  padding: 1px 8px 0px;
  margin: 0 5px 0 0;
  display: inline-block;
}

/* 標籤顏色變化 */
.label_1 {
  background: #e45858; /* 紅色 */
}
.label_2 {
  background: #65a6de; /* 藍色 */
}
.label_3 {
  background: #e2bf38; /* 黃色 */
}
.label_4 {
  background: #ef9844; /* 橙色 */
}
.label_5 {
  background: #82b969; /* 綠色 */
}
.label_6 {
  background: #d471b8; /* 粉紅色 */
}

/* --- 文章標題與內容 --- */
.article_topic {
  color: #cc3333;
  font: bold 26px/150% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体",
    "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun,
    "Apple LiGothic Medium", arial, Geneva, sans-serif;
  position: relative;
  letter-spacing: 1px;
}

.article_topic .manage {
  right: 0px;
  top: 3px;
}

.article_topic a {
  display: block;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
}
.article_datatime {
  float: left;
  padding: 0px 20px 0px 0px;
}

.article_count {
  float: right;
}
#article_show_body .article_datatime {
  float: left;
}
.article_content {
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 10px 0 0;
  font-size: 15px;
  clear: both;
  letter-spacing: 2px;
}
#article_list #also_all {
  float: left;
  padding: 0px 20px 0px 0px;
  display: inline-block;
}
.article_info,
.article_data {
  overflow: hidden;
  position: relative;
}
.article_list_more {
  text-align: right;
  padding: 10px 0;
}
.more {
  font-size: 13px;
  font-weight: bold;
}
.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;
}
.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 -2093px;
  padding: 0px 0px 0px 20px;
  float: left;
}

/* 文章內頁 有誰推薦 */
#article_recommend {
  width: 719px;
}
#article_recommend:hover span {
  display: inline-block;
}
#article_recommend_body {
  overflow: hidden;
  padding: 10px 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: 57px;
}
/* /文章內頁 有誰推薦 */

.fb-like,
.fb-comments {
  padding: 10px 0px;
}

/* 標籤 */
.article_tags,
.album_tags {
  background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.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 0px 40px;
  margin: 20px 0px 0px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}

.pagelink a {
  padding: 2px 8px;
  margin: 0 2px;
  border: 1px solid #ccc;
}

.pagelink a:hover,
.pagelink .on {
  background: #c33;
  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 #0f266c;
  background: #c33;
  color: #fff;
}

/* --- 列表樣式 --- */
.list {
  line-height: 150%;
}

.list a {
  color: #444;
  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: #c33;
  background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png)
    no-repeat left -1167px;
}

/* --- Clearfix 浮動清除 --- */
/* 解決使用 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 {
  font: bold 16px/250% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体",
    "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun,
    "Apple LiGothic Medium", arial, Geneva, sans-serif;
  text-decoration: none;
  color: #c33;
  overflow: hidden;
  letter-spacing: 1px;
}

.head a {
  display: block;
  position: relative;
}

.head span {
  display: inline-block;
  display: none;
  color: #c33;
  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;
}

/* ==================================================================================
   物件樣式 (Object Styles)
   ================================================================================== */

/* --- 山頭 (Header Name & Description) --- */
#header_name {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",
    AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
  margin-left: 20px;
}

#header_name a {
  color: #fff;
}

#header_description {
  font-size: 14px;
  color: #ffd700; /* 金黃色 */
  font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",
    AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
  padding: 0 20px 8px 20px;
  position: relative;
  margin: 360px 0 0 10px;
}

/* ==========================================================================
   主選單 (Main Menu Navigation)
   水平選單列,包含主要導航連結
   ========================================================================== */
#menu {
  position: relative;
  z-index: 999;
  display: inline-block;
  text-align: center;
  border-left: 0px solid #eee;
}

#menu dt {
  position: relative;
  float: left;
  border-right: 2px solid #fff;
}

/* 選單連結樣式 */
#menu a {
  font-size: 16px;
  float: left;
  width: 120px;
  overflow: hidden;
  display: block;
  padding: 5px 0 0;
  white-space: nowrap; /* 文字不斷行 */
  text-overflow: ellipsis; /* 產生省略記號 */
  height: 30px;
}

/* 選單 hover 和選中狀態 */
#menu dt:hover a,
#menu dt.on a {
  background: #c33;
  color: #fff;
  text-decoration: none;
}

/* ==========================================================================
   文章列表 (Article List)
   ========================================================================== */
#article_list_body #structure dt {
  padding: 5px 0px;
}

#article_list {
  display: block;
  background: #fff;
}

#article_list_head {
  width: 719px;
  height: 46px;
  display: block;
  background: #fff;
  border-bottom: 1px solid #eee;
  position: absolute;
  z-index: 99;
}

#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: #c33;
}

#article_list_body {
  padding: 45px 5px 5px 10px;
}

#article_list_body dl > dt {
  padding: 20px 6px 20px 0;
  border-top: 1px solid #eee;
  overflow: hidden;
}

#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: #c33 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;
}

/* ==================================================================================
   6. 側邊欄元件 (Sidebar Components)
   ================================================================================== */

/* --- 個人檔案 (Profile) --- */
div#profile {
  width: 240px;
  position: relative;
  overflow: visible;
}

#profile_body a {
  text-decoration: none;
  color: #444;
}

#profile_body a:hover {
  text-decoration: underline;
}

#profile dl {
  float: right;
}

#profile dt a {
  background: url("http://g.udn.com.tw/community/img/ugc_2011/icons.png")
    no-repeat scroll -5px -1168px;
  display: block;
  padding: 0px 60px 0px 13px;
}

#profile dt a:hover {
  background: url("http://g.udn.com.tw/community/img/ugc_2011/icons.png")
    no-repeat scroll left -1168px;
  text-decoration: none;
}

/* --- 個人小檔案統計 (Profile Counter) --- */
#procount:hover span {
  display: inline-block;
}

#procount_body {
  color: #aaa;
}

#procount_body span {
  color: #444;
  display: inline-block;
  width: 70px;
}

#procount_body b {
  color: #444;
}

/* --- QR-Code --- */
#qrcode {
  /* 保留供系統使用 */
}

/* --- 我建立的投票 (My Vote) --- */
#myvote:hover span {
  display: inline-block;
}

/* --- 我的城市 (My City) --- */
#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 6px 0px;
  float: left;
  height: 57px;
  width: 57px;
  overflow: hidden;
}

#mycity_body a img {
  width: 57px;
}

/* --- 部落格推薦人 (Respected Bloggers) --- */
#respected {
  overflow: hidden;
}

#respected:hover span {
  display: inline-block;
}

#respected_body {
  width: 244px;
  padding: 0px 0px 5px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

#respected_body a {
  display: block;
  margin: 0px 4px 6px 0px;
  float: left;
  height: 57px;
  width: 57px;
  overflow: hidden;
}

#respected_body a img {
  width: 57px;
}

/* --- 我的朋友 (My Friends) --- */
#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 6px 0px;
  float: left;
  height: 57px;
  width: 57px;
  overflow: hidden;
}

#myfriend_body a img {
  width: 57px;
}

/* --- 誰來我家 (Who Visited Me) --- */
#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 6px 0px;
  float: left;
  height: 57px;
  width: 57px;
  overflow: hidden;
}

#comehome_body a img {
  width: 57px;
}

/* --- 我去誰家 (Where I Visited) --- */
#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 6px 0px;
  float: left;
  height: 57px;
  width: 57px;
  overflow: hidden;
}

#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: #f2853d;
  padding: 1px 5px;
  border: 1px solid #ed6b2a;
}
#b2b_btn {
  font-size: 13px;
  color: #fff;
  background: #7247b3;
  padding: 1px 5px;
  border: 1px solid #59329e;
}
#rssb2b_body a {
  margin: 0px 5px 0px 0px;
  float: left;
}

/* Blogs聯播 */
#network .body {
  padding: 0 0px 0 2px !important;
}
#udnblogs_uh_white {
  padding: 0 !important;
}
#udnblogs_uh_white UL {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
#udnblogs_uh_white UL {
  list-style: none;
}
li#udn_logo_uh_white > a,
#blogs_name_uh_white > a {
  padding: 0 !important;
  background-image: none;
}
#udnblogs_uh_white UL A {
  color: #444 !important;
}
#udnblogs_uh_white UL A:hover {
  color: #c33 !important;
}
#blogs_name_uh_white A {
  display: none !important;
}
#udnblogs_uh_white .udn_logo_uh_white A {
  list-style-image: none !important;
  background: url("http://act.udn.com/images/logo_small.gif") no-repeat scroll
    150px 5px;
}
/* /Blogs聯播 */

/* 我的閱讀訂閱 */
#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 {
  /* 保留供系統使用 */
}
.search_main_about {
  margin: 0 0 -1px;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
#search span {
  display: none;
}
#search .input_box {
  font-size: 15px;
  color: #333;
  height: 26px;
  width: 199px;
  border-right-style: none;
  border-color: #ddd;
  padding: 0px 0px 0px 5px;
  float: left;
  line-height: 30px;
}

#search_subme,
#search button {
  float: left;
  height: 28px;
  width: 35px;
  display: block;
  overflow: hidden;
  background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png)
    no-repeat 8px -176px;
  text-indent: -9999px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0;
  border-left-style: none;
}
#search_subme:hover,
#search button:hover {
  background-position: 8px -206px;
}

/* 搜尋結果 */
#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 #ddd;
  overflow: hidden;
  padding: 10px 6px;
  position: relative;
}
#search_prompt .article_title {
  color: #000000;
  font: bold 16px/150% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体",
    "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun,
    "Apple LiGothic Medium", arial, Geneva, sans-serif;
  letter-spacing: 1px;
  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: #000000;
  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: #000000;
  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: #c33;
  margin: -10px 0 0;
}
#search_prompt h3 {
  left: 78px;
  position: absolute;
  top: 0px;
  color: #444444;
  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: #444444;
  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;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
#tags_body a {
  margin: 0px 10px 0px 0px;
  color: #444;
  display: inline-block;
}
#tags_body a:hover {
  color: #c33;
}

/* 我加入的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: 20px 6px 10px 0;
  letter-spacing: 1px;
}
body.print #article_show {
  padding: 20px 0px 10px 0;
}
#article_show_content {
  font-size: 15px;
  color: #000;
  padding: 30px 0px;
  clear: both;
  line-height: 150%;
  letter-spacing: 1px;
}

#cc {
  float: left;
}

#also {
  border-top: 1px solid #ddd;
  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;
}
#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 -302px;
  float: left;
  padding: 0px 0px 0px 18px;
}
#tools .to_response a {
  background-position: left -271px;
}
#tools .recommend {
  position: relative;
  display: inline-block;
  float: left;
}
#tools .recommend a {
  background-position: left -301px;
}
#tools .share a {
  background-position: left -2218px;
}
#tools .show a {
  padding: 0 0 0 22px;
  background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png)
    no-repeat left -1962px;
}
#tools .quote {
  position: relative;
  display: inline-block;
  float: left;
}
#tools .quote a {
  background-position: left -412px;
}
#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 -442px;
}
#tools .print {
  background-position: left -513px;
}
#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: #000;
}
#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 #eee;
  padding: 5px 0px 2px;
  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 0px;
}

/* 文章及訪客簿迴響 */
#response_body div {
  font-size: 15px;
  letter-spacing: 2px;
}

#response_foot div {
  font-size: 13px;
}

#response_head {
  position: relative;
}
.manage {
  position: absolute;
  top: 12px;
  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: 719px;
  /* 針對特殊內容，必要時出現捲軸 */
  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: #c33;
  font-size: 15px;
  line-height: 160%;
  padding: 6px 0px;
}
.rp2 span {
  font-size: 15px;
  color: #c33;
  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: #c33;
  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: #f2f2f2;
  padding: 10px 25px;
  margin: 5px 0px 5px 68px;
  clear: both;
  color: #000;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  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/Post Comment) --- */
#echo {
  /* 保留供系統使用 */
}
#echo_body .float_area {
  padding: 10px;
  border: 1px solid #e5e5e5;
  display: block;
  background: #f5f5f5;
  margin: 0px 0px 20px;
}

#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: #f2f2f2;
  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;
  display: block !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: #c33;
  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 #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.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 #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  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 #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.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 #wrapper {
  width: 660px;
}
body.print #header_logo {
  padding: 0px 20px 0px 0px;
  float: left;
}
body.print #header_name {
  font-size: 21px;
}
body.print #header_form {
  float: left;
  clear: left;
}
body.print #header_data {
  float: right;
}
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;
}

#footerbar {
  height: 30px;
}

/* --- 相簿資料夾 (Album Folder) --- */
#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 #ddd;
  text-decoration: none;
}
#albumfolder_body .list a:hover {
  background: #f2f2f2 url(http://g.udn.com.tw/community/img/ugc_2011/icons.png)
    no-repeat left -1565px;
}

/* 相簿首頁 */
#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: 719px;
}

/* 精選相片 showimg */

#album_index_slideshow {
  height: 428px;
  width: 719px;
}

#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: #f0f0f0;
  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;
  position: absolute;
  width: 100%;
  height: 30px;
  margin: 0px;
  padding: 0px;
  left: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 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: 719px;
  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: 719px;
  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: 210px;
  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: #666;
  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 6px 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: 6px;
  display: inline;
}
#album_folder_num {
  background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png)
    no-repeat left -1679px;
  padding: 0 0 10px 18px;
  float: right;
  margin: 0px 6px 0px 0px;
}
#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 10px 18px;
  float: right;
  margin: 0px 20px 0px 0px;
}

/* 智慧浮動 */
.smart_float {
  background: #ffffff;
  border-bottom: 1px solid #ddd;
  display: block;
  height: 46px;
  position: absolute;
  width: 719px;
  z-index: 99;
}
.smart_float a {
  color: #333333;
  display: block;
  float: left;
  padding: 10px 20px 10px 0;
}
.smart_float a:hover,
.smart_float .on {
  color: #c33;
}
.smart_float_link {
  float: left;
}

.smart_float_ctrl_bar {
  padding: 8px 6px 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: #c33 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: #c33 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: #c33 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;
}

#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: 0.6; /*Opera9.0+!BFirefox1.5+!BSafari!BChrome*/
}

/* 相片列表 (清單模式)  */
.photo_list dt {
  border-top: 1px dotted #ddd;
  padding: 30px 6px 30px 0px;
}
.photo_list a {
  display: block;
  text-decoration: none;
  color: #333;
}
.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: bold 28px/150% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体",
    "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun,
    "Apple LiGothic Medium", arial, Geneva, sans-serif;
  color: #000;
  padding: 0 0 10px;
  letter-spacing: 1px;
}
#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;
  letter-spacing: 2px;
}
#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 #ddd;
}

div#photoinfo {
  margin: 0 auto;
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* 相片地圖 */
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.body dt span {
  width: 120px;
  float: left;
  font-weight: bold;
  color: #000;
}
#share_body.body dt 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: #c33;
  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: #333;
  font: bold 24px/150% "微軟正黑體", "Microsoft JhengHei", "微软雅黑体",
    "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun,
    "Apple LiGothic Medium", arial, Geneva, sans-serif;
  padding: 5px 0;
}

.aboutme_topic span {
  color: #c33;
  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: #333;
  text-decoration: none;
}

.aboutme_push_box_main dl dt p a:hover {
  color: #f60;
}

/* aboutme_push 推薦區塊結束 */

/* 作家簡介結束 */

/* 好友名單 */

#friend {
  float: left;
  position: relative;
  width: 719px;
  padding: 20px 0px;
}

#friend_content {
  float: left;
  position: relative;
  width: 719px;
}

.friend_topic {
  color: #c33;
  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: 719px;
  margin: 5px 0px 0px;
  padding: 0px;
  overflow: hidden;
}

/* friend_push 推薦區塊 */

.friend_push_box {
  float: left;
  position: relative;
  width: 719px;
  margin: 0px;
  padding: 0px;
}

.friend_push_box_main {
  position: relative;
  float: left;
  overflow: hidden;
  width: 719px;
  margin: 0px;
  padding: 0px;
}

.friend_push_box_main dl {
  float: left;
  position: relative;
  width: 719px;
  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 推薦區塊結束 */

/* 好友名單結束 */

/* --- 我的城市 (My City - Full Page) --- */
#mycity {
  /* 保留供系統使用 */
}

#mycity_content {
  float: left;
  position: relative;
  width: 719px;
}

.mycity_topic {
  color: #c33;
  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: 719px;
  margin: 5px 0px 0px;
  padding: 0px;
  overflow: hidden;
}

.mycity_push_box {
  float: left;
  position: relative;
  width: 719px;
  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: #c33;
}

.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: 719px;
  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: #c33;
}

#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: #c33 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: #c33;
  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: #c33;
  font-size: 15px;
}
.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;
}
.article_count_share span {
  background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png)
    no-repeat left -2221px;
  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: #c33;
  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: #c33;
  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: 719px;
  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;
}

/* 訪客簿 */
#guestbook_index #response {
  padding: 0;
}
#guestbook_index {
  padding: 0 6px 0 0;
}
#post_new {
  background: none repeat scroll 0 0 #f2f2f2;
  border: 1px solid #cccccc;
  cursor: pointer;
  font-size: 15px;
  margin: 20px 0;
  padding: 3px 40px 7px;
  text-align: center;
  text-decoration: none;
  height: 21px;
  display: inline-block;
  color: #000;
}

#post_new:hover {
  background: none repeat scroll 0 0 #c33;
  border: 1px solid #0f266c;
  color: #ffffff;
}

body.popup .signopen dl {
  top: 3px;
  left: 44px;
  bottom: auto;
}

#share_body {
  padding: 30px 6px 0 0;
}
.s1 {
  position: relative;
  padding: 15px 15px 15px 82px;
  background: #f5f5f5;
  border: 2px solid #e5e5e5;
  text-align: justify;
  text-justify: inter-ideograph;
  /* IE FF 最小高度 */
  height: auto !important;
  height: 27px;
  min-height: 27px;
  overflow: hidden;
}
.s_profile {
  float: left;
  display: block;
  height: 57px;
  overflow: hidden;
  width: 57px;
  position: absolute;
  left: 15px;
  top: 15px;
}
.s_profile img {
  width: 57px;
}
.s_txt {
  font-size: 15px;
  color: #111;
  line-height: 150%;
}

.s1 .article_count_att {
  padding: 0px;
}
.s1 .tlink_title {
  text-decoration: underline;
  display: block;
}
.s1 .tlink_des {
  color: #555;
  line-height: 150%;
  font-size: 13px;
  line-height: 150%;
}
.s_link {
  background: url(http://g.udn.com.tw/community/img/ugc_2011/icons.png)
    no-repeat 0 -2257px;
  display: block;
  padding: 0 0 0 35px;
}
.s_data {
  color: #888;
}
.pw {
  color: #444;
  display: block;
  padding: 1px 10px;
  background: #e5e5e5;
  position: absolute;
  top: 1px;
  right: 1px;
}

.s2 {
  position: relative;
  padding: 30px 0px 0px;
}
.s2 dt {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 150%;
  padding: 10px 15px 10px 83px;
  border-bottom: 1px dotted #ccc;
  position: relative;
  /* IE FF 最小高度 */
  height: auto !important;
  height: 67px;
  min-height: 67px;
}
.s2 .nick {
  padding: 0 10px 0 0;
  font-size: 13px;
}
.s2 a img {
  width: 57px;
}
#s_msg {
  width: 643px;
}

#show_all {
  text-align: center;
}

.who_list {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
}

.who_list .head a:hover span {
  display: block;
}
.who_list:hover span {
  display: inline-block;
}
.who_list .body {
  height: 83px;
  padding: 0;
  overflow: hidden;
}
.who_list .body a {
  display: block;
  margin: 0px 9px 0px 0px;

  float: left;
  width: 57px;
  overflow: hidden;
  padding: 10px 0px 16px;
}
.who_list .body a img {
  width: 57px;
}

#share_body > dl > dt {
  border-bottom: 4px solid #999;
  margin: 0px 0px 30px;
  padding: 0px 0px 30px;
}
/* /訪客簿 */

/* /原udn部落格連結的字體大小 */
#old_blog {
  font-size: 24px;
}