/* ----------------------------------

Main CSS file for Discuz! X
(C) Comsenz Inc.
http://www.comsenz.com
Created & Modified by Lushnis, Pony, Alice, Dfox & DragonLee.

----------------------------------

結構目錄：
1. 重定義瀏覽器默認樣式
2. 全局常用 CSS 樣式
3. 表單及表單元素
4. 頁面佈局以及通用的區塊樣式
5. 列表樣式vwmy
6. 其他特定功能塊
1. 個人中心面板
2. 簡易編輯器
3. 彈出菜單、彈出層及彈出窗口
4. 聯繫人列表、短消息窗口
5. 登錄和註冊
6. 其他
7. 拖拽及頁面 DIY

*  其他頁面專用樣式參見 module.css

----------------------------------

常用變量說明：

通用邊框顏色：	 {COMMONBORDER}	 #CDCDCD
通用背景填充色：	 {COMMONBG}	 #F2F2F2
特殊邊框顏色：	 {SPECIALBORDER}	 #D1D9DF
特殊背景填充色：	 {SPECIALBG}	 #E9F2F9

----------------------------------

CSS 樣式模塊的格式示例：

Name:	 模塊名稱
Level:	 級別（Global, Channel, Function）
Dependent:	 依賴關係，該模塊必須依賴於何種模塊
Sample:	 用法示例，或指出改模塊所作用的直接頁面
Explain:	 附加說明
Author:	 創建者 日期(兩位數年月日時)
Last Modify:	最終修改者 日期(兩位數年月日時)

----------------------------------

CSS 寫作注意事項：
1. 屬性寫在一行內，屬性之間、屬性名和值之間以及屬性與「{}」之間須有空格，例如：.class { width: 400px; height: 300px; }
2. 屬性的書寫順序：
2.1. 按照元素模型由外及內，由整體到細節書寫，大致分為五組：
位置：position,left,right,float
盒模型屬性：display,margin,padding,width,height
邊框與背景：border,background
段落與文本：line-height,text-indent,font,color,text-decoration,...
其他屬性：overflow,cursor,visibility,...
2.2. 針對特殊瀏覽器的屬性，應寫在標準屬性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
3. 謹慎添加新的選擇符規則，尤其不可濫用 id，盡可能繼承和復用已有樣式
4. 選擇符、屬性、值均用小寫（格式的顏色值除外），縮寫的選擇符名稱須說明縮寫前的全稱，例如 .cl -> Clearfix
5. 避免使用各種 CSS Hack，如需對 IE 進行特殊定義，請參閱下節「關於 CSS Hack 的說明」
6. 勿使用冗餘低效的 CSS 寫法，例如：
ul li a span { ... }
7. 慎用 !important
8. 建議使用在 class/id 名稱中的詞語
6.1. 表示狀態：a->active
6.2. 表示結構：h->header,c->content,f->footer
6.3. 表示區域：mn->main,sd->side,nv-navigation,mu->menu
6.4. 表示樣式：l-list,tab,p_pop
9. 開發過程中的未定事項，須用 [!] 標出，以便於後續討論整理

----------------------------------

關於 CSS Hack 的說明：

所有 IE瀏覽器適用：	.ie_all .foo { ... }
IE6 專用：	 .ie6 .foo { ... }
IE7 專用：	 .ie7 .foo { ... }
IE8 專用：	 .ie8 .foo { ... }

---------------------------------- */

/*
Name:	 mod_reset
Level:	 Global
Explain:	 重定義瀏覽器默認樣式
Last Modify:	Pony
*/
html:root { word-wrap: break-word; }
body { {BGCODE}; min-width:1175px; }
body, input, button, select, textarea { font-size:{FONTSIZE}; font-family:{FONT}; color: {TABLETEXT}; }
textarea { resize: none; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; /*line-height:18px*/;font-size:13px; /*table-layout:fixed;*/ *table-layout:auto; /*ie7*/ /*margin:auto;*/ }
caption, th { text-align: left; font-weight:normal; }
ul li, .xl li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 15px;font-weight:700; }
em, cite, i { font-style: normal;font-size:13px;/*margin-top:0px; color:#a3a3a3;*/ }
a { color: {LINK}; text-decoration: none; margin-right:5px;}
a:hover { text-decoration: none; }
a img { border: none; }
label { cursor: pointer; }
/*
Name:	 mod_float
Level:	 Global
Sample:	 class="z/y"
Explain:	 .z/.y 浮動 left/right
Last Modify:	lushnis
*/
.z { float: left; } .y { float: right; }

/*
Name:	 mod_clearfix
Level:	 Global
Sample:	 class="cl"
Explain:	 Clearfix,避免因子元素浮動而導致的父元素高度缺失能問題
Last Modify:	lushnis
*/
.cl:after { content: "."; display: block; width:0; height:0; clear: both; visibility: hidden; } .cl { zoom: 1; }
/*
元素獲取焦點時隱藏外邊框
*/
.hidefocus { outline: none; }

/*
Name:	 mod_hr
Level:	 Global
Sample:	 <hr />
Explain:	 重定義 <hr /> 元素的樣式，去除默認邊距
Last Modify:	lushnis
*/
hr { display: block; clear: both; *margin-top: -8px !important; *margin-bottom: -8px !important; }
.mn hr, .sd hr { margin: 0 10px; }
.area hr { margin-left: 0 !important; margin-right: 0 !important; }
/*
Name:	 mod_hr_solid
Level:	 Global
Dependent:	 mod_hr
Sample:	 <hr class="l" />
Explain:	 定義 1px 高度實線樣式的 <hr /> 元素，具有兩個個擴展樣式，.l2 和 .l3，分別實現 2px 和 3px 的實線分割線
Last Modify:	lushnis
*/
hr.l { height: 1px; border: none; background: {COMMONBORDER}; color: {COMMONBORDER}; }
hr.l2 { height: 2px; }
hr.l3 { height: 3px; }
/*
Name:	 mod_hr_dashed
Level:	 Global
Dependent:	 mod_hr
Sample:	 <hr class="da" />
Explain:	 定義 1px 高度虛線樣式的 <hr /> 元素
Last Modify:	lushnis
*/
hr.da { height: 0; border: none; border-top: 1px dashed {COMMONBORDER}; background: transparent; color: transparent; }

/* [!]使用注意 */
hr.bk { margin-bottom: 10px !important; *margin-bottom: 2px !important; height: 0; border: none; border-top: 1px solid {WRAPBG}; background: transparent; color: transparent; }
.n .sd hr.bk { border-top-color: #F9F9F9; }
/* 清除Margin */
hr.m0 { margin-left: 0; margin-right: 0; }

/*
Name:	 mod_page_header
Level:	 Global
Sample:	 <h1 class="ph">Text</h1>
Explain:	 頁面中標題級別的文字 [!]此處須整合為一個單獨 class
Last Modify:	lushnis
*/
/* .wx --> weight text 粗體字，通常用於大標題 */
.wx, .ph { font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif, &#24494;&#36575;&#27491;&#40657;&#39636;; font-weight: 100; }
/* Page header */ .ph { font-size: 20px; }
/* Main title */ .mt { padding: 10px 0; font-size: 16px; }

/* 行內分割豎線 */ .pipe { margin: 0 5px; color: #CCC; }

/* 文本屬性：字號、顏色、粗細 */
/*
Name:	 mod_text_size
Level:	 Global
Sample:	 class="xs*"
Explain:	 文字字號，分為四個級別
Last Modify:	lushnis
*/
.xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; display:block;}
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 15px !important;font-weight:700 !important; }
.xs3 { font-size: 16px !important; }
/*
Name:	 mod_text_gray_level
Level:	 Global
Dependent:	 -
Sample:	 class="xs[*]"
Explain:	 文字字號，分為四個級別
Last Modify:	lushnis
*/
.xg1, .xg1 a { color: {LIGHTTEXT} !important; font-size:13px; margin:0; line-height:20px; }
.xg1 .xi2 { color: {HIGHLIGHTLINK} !important; }
.xg2 { color: {MIDTEXT}; }
/*
Name:	 mod_text_importance_level
Level:	 Global
Sample:	 class="xs[*]"
Explain:	 文字提亮級別，分為兩級，默認模板中，1為橙色，2為藍色
*/
.xi1, .onerror { color: {NOTICETEXT}; }
.xi2, .xi2 a, .xi3 a { /*float:left;*/color: /*{HIGHLIGHTLINK}*/#000 ;/*margin-right:10px;*//*margin-left:18px;*/ }
/*
Name:	 mod_text_weight_level
Level:	 Global
Sample:	 class="xs[*]"
Explain:	 文字字號，分為四個級別
Last Modify:	lushnis
*/
.xw0 { font-weight: 400; }
.xw1 { font-weight: 700; }
/*
Name:	 mod_border
Level:	 Global
Dependent:	 -
Sample:	 class="bbda/bbs"
Explain:	 邊框樣式，該模塊僅作用於元素的下邊框，分為虛線和實線兩種，寬度均為 1px
Last Modify:	lushnis
*/
.bbda { border-bottom: 1px dashed {COMMONBORDER}; }
.btda { border-top: 1px dashed {COMMONBORDER}; }
.bbs { border-bottom: 1px solid {COMMONBORDER} !important; }
.bts { border-top: 1px dashed {COMMONBORDER} !important; }
/*
Name:	 mod_border_reset
Level:	 Global
Sample:	 class="bw0/bw0_all"
Explain:	 去除邊框
Last Modify:	lushnis
*/
.bw0 { border: none !important; }
.bw0_all, .bw0_all th, .bw0_all td { border: none !important; }
/*
Name:	 mod_background_reset
Level:	 Global
Sample:	 class="bg0_c/bg0_i/bg0_all"
Explain:	 去除背景，bg0_c、bg0_i 和 bg0_all 分別為去除背景顏色、去除背景圖片和去除所有背景元素
Last Modify:	Pony
*/
.bg0_c { background-color: transparent !important; }
.bg0_i { background-image: none !important; }
.bg0_all { background: none !important; }

/*
Name:	 mod_notice_line
Level:	 Global
Sample:	 <div class="ntc_l">
Explain:	 黃色背景的提示條，一般用在單行醒目提示，不可用於多行塊級區域
Last Modify:	lushnis
*/
.ntc_l { padding: 5px 10px; background: #FEFEE9; }
.ntc_l .d { width: 20px; height: 20px; background: url({IMGDIR}/op.png) no-repeat 0 0; line-height: 9999px; overflow: hidden; }
.ntc_l .d:hover { background-position: 0 -20px; }

/* 圓角 [!]此處考慮棄用 */
.brs, .avt img, .oshr { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.brm { -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; }
.brw { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  }
/*
Name:	 mod_margin
Level:	 Global
Sample:	 class="mtn/mtm/mtw/..."
Explain:	 外邊距樣式，作用於元素的上下外邊距，上下各具有 n, m, w 三個級別
Last Modify:	lushnis
*/
.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; margin-top:15px;}
.mtm { margin-top: 10px !important; margin-right:-5px;}
/*.mbm { margin-bottom: 10px !important; }*/
.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }
/*
Name:	 mod_padding
Level:	 Global
Sample:	 class="ptn/ptm/ptw/..."
Explain:	 內邊距樣式，作用於元素的上下內邊距，上下各具有 n, m, w 三個級別
Last Modify:	lushnis
*/
.ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }
.ptm { padding-top: 10px !important; }
.pbm { font-size:13px; margin-right:-5px; padding:8px 0; clear:both; }
.pbm_profile { padding:5px 0 !important; margin:5px 0 !important; }
.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }
/*
Name:	 mod_avatar
Level:	 Global
Sample:	 <div class="avt"><img src="avatar source" alt="username" /></div>
Explain:	 標準尺寸頭像樣式，默認為 48px*48px，帶邊框
Last Modify:	lushnis
*/
.avt img { padding: 2px; width: 48px; height: 48px; background: {WRAPBG}; border: 1px solid; border-color: {COMMONBG} {COMMONBORDER} {COMMONBORDER} {COMMONBG}; }
/*
Name:	 mod_avatar_middle, mod_avatar_small
Level:	 Global
Sample:	 <div class="avtm/avts"><img src="avatar source" alt="username" /></div>
Explain:	 中等尺寸和小尺寸頭像樣式，中等尺寸為寬度 120px，高度按比例；小尺寸為 24px*24px
Last Modify:	lushnis
*/
.avtm img { width: 90px; height: auto; }
.avts img { width: 24px; height: 24px; vertical-align: middle; }
/*
Name:	 mod_emp
Sample:	 <p class="emp">暫無數據</p>
Explain:	 頁面中無數據輸出時，用此樣式顯示相關提示，如無特殊必要，建議使用 <p> 而不是 <div>
Last Modify:	lushnis
*/
.emp { padding: 20px 10px; }
.emp a { color: {HIGHLIGHTLINK}; text-decoration: underline !important; }
/*
Name:	 mod_align
Level:	 Global
Sample:	 class="vm/hm"
Explain:	縱向及橫向對齊方式
Last Modify:	lushnis
*/
.vm { vertical-align: middle; }
.vm * { vertical-align: middle; }
.hm { text-align: center; }
/*
Name:	 mod_alt
Level:	 Global
Sample:	 class="{echo swapclass('alt');}"
Explain:	隔行換色時深色背景
Last Modify:	lushnis
*/
.alt, .alt th, .alt td { background-color: {COMMONBG}; }
/*
Name:	 mod_notice
Level:	 Global
Sample:	 class="notice"
Explain:	 類似統計中需注意的文字樣式 [!]此處須考慮名稱簡寫為 ntc
Last Modify:	lushnis
*/
.notice { clear: both; margin: 5px 0; padding: 3px 5px 3px 20px; background: url({IMGDIR}/notice.gif) no-repeat 2px 6px; }
/*
Name:	 mod_ajax_wait_info
Level:	 Global
Sample:	 id="ajaxwaitid"
Explain:	 相應頁面中 AJAX 請求時的狀態顯示
Last Modify:	lushnis
*/
#ajaxwaitid { display: none; position: absolute; right: 0; top: 0; z-index: 1; padding: 0 5px; background: #D00; color: {LIGHTLINK}; }
/*
Name:	 mod_showmenu
Level:	 Global
Sample:	 class="showmenu"
Explain:	 下拉菜單
Last Modify:	lushnis
*/
.showmenu { padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; cursor: pointer; white-space: nowrap; }
#um .showmenu { margin-right: 1px; !important }

/*
Name:	 mod_cursor
Level:	 Global
Sample:	 class="cur1"
Explain:	 鼠標樣式，可以根據需要按序添加
Last Modify:	Pony
*/
.cur1 { cursor: pointer; }

/* 如果驗證碼有錯亂，可添加此樣式.sec（全局，修改時要小心，會涉及分享、快速回復和 feed日誌相冊中的評論等地方） by Pony */
.ie6 .sec .p_pop { white-space: expression(this.offsetWidth >= 220 ? 'normal' : 'nowrap'); width: expression(this.offsetWidth >= 220 ? 200 : 'auto'); }


/* ------------------------------------------------------------------------ 表單及表單元素 */
/*
.pn	 button
.pnc	 button with light color
.pnp	 post button
.px	 input[text]
.pt	 textarea
.pf	 input[file]
.pc	 input[checkbox]
.pr	 input[radio]
.ps	 select
.oshr	 share button
.ofav	 fav button with oshr
.oivt	 invite button with oshr
*/

/*
Name:	 mod_input[text]_textarea_select
Level:	 Global
Sample:	 class="px/pt/ps"
Explain:	 單行輸入框（px）、多行文本框（pt）和選擇框(ps/select)
Last Modify:	Pony
*/
.px, .pt, .ps, select { /*border: 1px solid #CCC;*/ /*border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG} url({IMGDIR}/px.png) repeat-x 0 0; color: {TEXT};*//*text-align:center; */}
.px, .pt { /*padding: 2px 4px;*/ line-height: 17px; }
.px { height: 25px; }
.pxs { width: 30px !important; }
.fdiy .tfm .px, .fdiy .tfm .pt { width: auto; }
.p_fre { width: auto !important; }
.er { border-color: #F66 #FFBDB9 #FFBDB9 #F66; background-color: #FDF4F4; background-image: url({IMGDIR}/px_e.png); }
.pt { overflow-y: auto; }
div.pt { height: 100px; line-height: 100px; }
.ps, select { padding: 2px 2px 2px 1px; }
/* 自動調整高度的 textarea by Pony */
.pts { vertical-align: top; overflow: hidden; }
.cmt .pts { width: 60%; }

/*
Name:	 mod_button
Level:	 Global
Sample:	 <button class="pn">Submit</button>
Explain:	  按鈕樣式
Last Modify:	Pony
*/
button::-moz-focus-inner { border: 0; padding: 0; }
.pn { vertical-align: middle; overflow: hidden; margin-right: 3px; padding: 0; height: 23px; border: 1px solid #999; cursor: pointer; background-color:#f6f6f6; outline:none; /* background: #E5E5E5 url({IMGDIR}/pn.png) repeat-x 0 0; -moz-box-shadow: 0 1px 0 #E5E5E5; -webkit-box-shadow: 0 1px 0 #E5E5E5;  box-shadow: 0 1px 0 #E5E5E5; */}
.pn:active { background-position: 0 -23px; }
.ie6 .pn { overflow-x: visible; width: 0; }

.pn em, .pn span, .pn strong { padding: 0 10px; line-height: 21px; }
.pn em, .pn strong  { font-weight: 100; }
.ie7 .pn em, .ie7 .pn span, .ie7 .pn strong { padding: 0 5px; line-height: 18px; }

a.pn { height: 21px; line-height: 21px; color: {TABLETEXT} !important; }
a.pn:hover { text-decoration: none; }
.ie6 a.pn { width: auto; }
.ie6 a.pn em, .ie6 a.pn span, .ie6 a.pn strong { display: block; }
.ie7 a.pn em, .ie7 a.pn span, .ie7 a.pn strong { line-height: 21px; }

.pnc, a.pnc { border-color: #00A8FF; background-color: #00A8FF; background-position: 0 -48px; color: #FFF !important; }
.pnc:active { background-position: 0 -71px; }

.pnpost .pn, .pnreply .pn { height: 26px; border-radius:5px; }
.pnpost .board_rule, .pnreply .board_rule { background-color:#fff; font-weight:bold; font-size:14px; border:1px solid #ccc; margin:0; padding:2px 8px; border-radius:5px; color:#666; transition:color 0.2s linear, border 0.2s linear; }
.pnpost .board_rule:hover, .pnreply .board_rule:hover  { color:#333; border:1px solid #aaa; transition:color 0.2s linear, border 0.2s linear; }

/*
Name:	 mod_input[radio]_input[checkbox]_label
Level:	 Global
Sample:	 class="pr/pc/lb"
Explain:	 單選按鈕(pr)、多選框(pc)和<label>(lb)
Last Modify:	Pony
*/
.pr, .pc { vertical-align: middle; margin: 0 5px 1px 0; padding: 0; }
.ie6 .pr, .ie6 .pc, .ie7 .pr, .ie7 .pc { margin-right: 2px; }
.lb { margin-right: 20px; }


/*
Name:	 mod_narrow_input
Level:	 Global
Sample:	 <div class="pns"></div>
Explain:	 小尺寸的輸入框和按鈕樣式。該樣式在模板中保留，目前樣式為空。
Last Modify:	Pony
*/
.pns .px {}
.pns .pn {}

/*
Name:	 mod_float_typeid
Level:	 Global
Sample:	 <div class="ftid">
<select>
<option>Option</option>
</select>
</div>
Explain:	 模擬下拉菜單樣式
Last Modify:	Pony
*/
.ftid { float: left; margin-right: 6px; }
.ftid select { float: left; height: 23px; }
.ftid a { display: block; overflow: hidden; padding: 0 17px 0 4px; height: 21px; line-height: 21px; text-decoration: none !important; font-size: 12px; font-weight: 400; color: {TABLETEXT} !important; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
.ftid a:hover, .ftid a:focus { background-position: 100% -23px; }
/* ctrl 'select' width */
.ftid select { width: 94px; }
.sslt a { width: 54px; }
.sslt select { width: 60px; }

.sltm { padding: 5px 11px 5px 10px; border: 1px solid {DROPMENUBORDER}; background-color: {WRAPBG}; text-align: left; }
.sltm li { padding: 2px 0; color: {MIDTEXT}; cursor: pointer; }
.sltm li:hover { color: {HIGHLIGHTLINK}; }
.sltm li.current { color: {NOTICETEXT}; }

/* 分享按鈕 */ .oshr { float: right; margin-left: 5px; padding: 0 5px 0 22px; border: 1px solid; border-color: #CCC #A9A9A9 #A9A9A9 #CCC; background: {WRAPBG} url({IMGDIR}/oshr.png) no-repeat 5px 50%; }
.oshr:hover { text-decoration: none; }
/* 收藏按鈕 with oshr */ .ofav { background-image: url({IMGDIR}/fav.gif); }
/* 邀請按鈕 with oshr */ .oivt { background-image: url({IMGDIR}/activitysmall.gif); }


/*
Name:	 mod_form
Level:	 Global
Sample:	 <form>
<table cellspacing="0" cellpadding="0" class="tfm">
<tr>
<th>Label</th>
<td><input type="text" name="" id="" class="" /></td>
</tr>
</table>
</form>
Explain:	 表單樣式
Last Modify:	Pony
*/
.tfm { width: auto; }
.tfm caption, .tfm th, .tfm td { vertical-align: top; padding: 7px 0; width:88%; font-size:14px; white-space:nowrap;}
.tfm caption h2 { font-size: 16px; }
.vt th, .vt td { vertical-align: top; }
.tfm th { padding-top: 9px; padding-right: 5px; width:auto; min-width:80px; }
.tfm th .rq { float: right; font-size: 14px; }
.tfm .pt, .tfm .px { margin-right: 3px; width: 330px; }
.tfm .c, .tfm .tedt, .m_c .tfm .tedt { width: 338px; }
.tfm .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; }
.tfm .d em { margin-left: 5px; color: red; }
.tfm .d strong { margin-left: 5px; }
.tfm .d a { color: {HIGHLIGHTLINK}; }
.tfm .p { text-align: right; }
.tfm .pcl label { display: block; padding: 0 2px 5px; }
.tfm .pcl .pc { margin-right: 5px; padding: 0; }
.tfm .l th, .tfm .l td { padding-top: 0; padding-bottom: 0; }
.bn .tfm caption, .bn .tfm th, .bn .tfm td { padding-top: 5px; padding-bottom: 5px; }
.tfmprivacy { width: 100%; }
.tfmprivacy td { vertical-align: top; padding: 7px 0; width:88%; font-size:14px; }
.tfmprivacy label { display: block; padding: 0 2px 5px; }
/*

/*
Name:	 mod_form
Level:	 Global
Sample:	 <form>
<table cellspacing="0" cellpadding="0" class="manage_tfm">
<tr>
<th>Label</th>
<td><input type="text" name="" id="" class="" /></td>
</tr>
</table>
</form>
Explain:	 表單樣式
Last Modify:	Pony
*/
.manage_tfm { width: 100%; }
.manage_tfm caption, .manage_tfm th, .manage_tfm td { vertical-align: top; padding: 7px 0; font-size:14px; }
.manage_tfm .avt{ width:8%; }
.manage_tfm .banuser_tr { background:#f2f2f2; font-weight:bold; }
.manage_tfm .banuser_reason { width:540px; }
.manage_tfm td a { color:#666; font-weight:bold; }
.manage_tfm td a:hover { color:#00a8ff; text-decoration:underline; }
.manage_tfm caption h2 { font-size: 16px; }
.vt th, .vt td { vertical-align: top; }
.manage_tfm th { padding-top: 9px; padding-right: 5px; width:auto; min-width:60px; }
.manage_tfm th .rq { float: right; font-size: 14px; }
.manage_tfm .pt, .manage_tfm .px { margin-right: 3px; width: 330px; }
.manage_tfm .c, .manage_tfm .tedt, .m_c .manage_tfm .tedt { width: 338px; }
.manage_tfm .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; }
.manage_tfm .d em { margin-left: 5px; color: red; }
.manage_tfm .d strong { margin-left: 5px; }
.manage_tfm .d a { color: {HIGHLIGHTLINK}; }
.manage_tfm .p { text-align: right; }
.manage_tfm .pcl label { display: block; padding: 0 2px 5px; }
.manage_tfm .pcl .pc { margin-right: 5px; padding: 0; }
.manage_tfm .l th, .manage_tfm .l td { padding-top: 0; padding-bottom: 0; }
.bn .manage_tfm caption, .bn .manage_tfm th, .bn .manage_tfm td { padding-top: 5px; padding-bottom: 5px; }
.manage_tfmprivacy { width: 100%; }
.manage_tfmprivacy td { vertical-align: top; padding: 7px 0; width:88%; font-size:14px; }
.manage_tfmprivacy label { display: block; padding: 0 2px 5px; }
/*

Name:	 mod_postboxtitle
Level:	 Function
Explain:	 發帖頁面、彈窗等的標題欄
Last Modify:	Pony
*/
.pbt { margin-bottom: 10px; }
.ie6 .pbt .ftid a, .ie7 .pbt .ftid a { margin-top: 1px; }
#custominfo.mtn { margin-bottom: -5px; }

/* 提示信息 alert_win － altw*/
.altw { width: 380px; }
.altw .fltc { margin-bottom: 0; padding: 8px; }
.alert_right, .alert_error, .alert_info { padding: 6px 0 6px 58px; min-height: 40px; height: auto !important; height: 40px; line-height: 160%; background:url({IMGDIR}/right.gif) no-repeat 8px 8px; font-size: 14px; }
.alert_error { background-image: url({IMGDIR}/error.gif); }
.alert_error a { font-weight: 700; color: {HIGHLIGHTLINK}; }
.alert_info { background-image: url({IMGDIR}/info.gif); }
.alert_btnleft { margin-top: 8px; }
.alert_btn { margin-top: 20px; text-align: center; }
.alert_act { margin-top: 20px; padding-left: 58px; }

/* 發帖導航 by lushnis */
.pbnv { float: left; white-space: nowrap; overflow: hidden; width: 400px; padding: 7px 0; }
.pbl { overflow: hidden; margin: 9px 0; width: 621px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #CCC; background: {WRAPBG}; }
.pbl li { float: left; overflow-x: hidden; overflow-y: auto; padding: 5px; width: 196px; height: 300px; border-right: 1px solid #CCC; }
.pbl p { height: 25px; line-height: 25px; }
.pbl a { display: block; white-space: nowrap; overflow: hidden; padding: 0 4px; text-decoration: none; color: {HIGHLIGHTLINK}; border: solid {WRAPBG}; border-width: 1px 0; }
.pbl a:hover { text-decoration: none; background-color: #F3F3F3; }
.pbl .highlightlink { color: #08C; }
.pbls a, .pbls a:hover { background-color: #EEE; color: {MIDTEXT}; font-weight: 700; }
.pbsb { background: url({IMGDIR}/arrow.gif) right -33px no-repeat; }

/* ------------------------------------------------------------------------ 頁面佈局 */
/*
#hd	 Header
#nv	 Navigation
#mu	 Customer menu
.wp	 Wrap
#ct	 Container
.mn	 Main area
.sd	 Side area
#ft	 Footer
----------------
.bm	 Block in main area
.bn	 Block in nerrow area
.bw	 Block in full width

#pp	 Personal Panel
.pm	 Personal Message (Window)
.pmfl	 PM friend list (Window)
*/

/* 通用容器，定義頁面寬度 */ .wp { margin: 0 auto; width: 1175px; } #wp .wp { width: auto;/*padding-top:5px;*/ }
.rel_wp { position:relative;}

/* 頁頭 */
#toptb { width:100%; min-width:1175px; /*border-bottom: 1px solid {COMMONBORDER};*/ background: #393939;/*{COMMONBG};*/ line-height: 28px; margin:0 auto; }
#toptb a { float: left; padding:0 4px; height:28px; color:#fff; font-size: 15px; font-weight: bold;}
#toptb a.showmenu { padding-right: 15px; }
#toptb a.hover { background-color: #FFF; }
#toptb .pipe { float: left; display: none; }
#toptb .wp .p_pop { border-top-left-radius:0; border-top-right-radius:0; }
#toptb .p_pop a { font-size:14px; }
#hd { border-bottom: {HEADERBORDER} solid {SPECIALBORDER}; {HEADERBGCODE} }
#hd .wp { background-color:#fff; padding:0; width:100%; margin-bottom:20px; box-shadow:0 1px 5px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); }
.hdc { display:flex; width:1175px; margin:0 auto; padding:8px 0 12px; min-height: 70px; }
.hdc_item { display:inline-block; width:calc(100%/3); box-sizing:border-box; width:calc(100%/3 - 3px)\9; /*ie9 ie10*/ }
.ie6 .hdc { height: 70px; }
#hd h2 { float: left; }
#space #hd h2 { margin-top: 0; }
#hd .fastlg { padding-top: 10px; }
.site-navbar { width:100%; background-color:#fff; }
#hd .wp .p_pop, #myprompt_menu.p_pop { border-top-left-radius:0; border-top-right-radius:0; }
#myprompt_menu.p_pop .remind_num { position:relative; margin-right:-8px; }


	/* Search bar */
	#scbar { height:42px; border-top:1px solid #FFF; *padding-left:0; }
	#scbar .header_scbar { margin-top:16px; }
	.scbar_box { position:relative; z-index:200; display:flex; background-color:#fff; width:360px; height:36px; margin:auto;border-radius:18px; box-sizing:border-box; box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); transition:border 0.2s linear, box-shadow 0.2s linear; border:1px solid #ddd\9; /*ie9 ie10*/ }
	.scbar_box:hover { box-shadow:0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08); transition:box-shadow 0.2s linear; }
	#scbar_txt { display:inline-block; width:100%; margin-right:42px; padding:5px 8px; font-size:14px; border:none; outline:none; box-sizing:border-box; width:224px\9; /*ie9 ie10*/ position:absolute\9; /*ie9 ie10*/ top:2px\9; /*ie9 ie10*/ left:102px\9; /*ie9 ie10*/ }
	#scbar_txt::-ms-clear { display:none; }
	#scbar_type { display:block; position:relative; width:132px; margin:5px 0 5px 15px; padding-right:22px; line-height:27px; text-align:center; font-size:14px; color:#00a8ff; border-right:1px solid #ddd; box-sizing:border-box; width:86px\9; /*ie9 ie10*/ }
	#scbar_type::before { display:block; content:""; width:15px; height:15px;background-image:url({IMGDIR}/icon_arrow.png); background-position:-30px -30px; background-repeat:no-repeat; position:absolute; top:6px; right:7px; }
	#scbar_btn { display:block; position:absolute; top:0; right:3px;width: 36px; height: 36px; background-color:transparent; background-image: url({IMGDIR}/search_36.png); background-repeat:no-repeat; border:none; opacity:0.5; cursor:pointer; outline:none; transition:opacity 0.2s linear; }
	#scbar_btn:hover { opacity:1; transition:opacity 0.2s linear; }
	#scbar_type_menu { margin-top:5px; }
	#scbar_hot { position:absolute; z-index:100; display:block; background-color:#fff; width:336px; margin:-22px 24px 0 24px; padding:20px 8px 0 8px; font-size:13px; height:42px; border-radius:8px; box-sizing:border-box; overflow:hidden; line-height:24px; transition:padding 0.2s linear; }
	#scbar_hot:hover { height:auto; box-shadow:0 1px 5px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); transition:padding 0.2s linear; }
	#scbar_hot a { font-size:13px; color:#666; white-space:nowrap; transition:color 0.2s linear; }
	#scbar_hot a:hover { color:#00a8ff; transition:color 0.2s linear; }

#nv { background-color:#fff; /*{MENUBGCODE};*/ margin:0; width:100%; height:auto;  border-top:1px solid #f3f3f3;  overflow:hidden; }
#nv .nv_list { position:relative; width:1175px; margin:0 auto; }

#nv li { display:inline-block; background-color:transparent; padding:0; font-size: 16px; /* background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; */ }
#nv li.qmenu_box { position:absolute; right:0; }
.ie_all #nv li { line-height: 36px; }
.ie6 #nv li { line-height: 33px; }
#nv li a { display:inline-block; margin:0; padding:8px 12px; /* color:{MENUTEXT}; */ color:#222; font-size:16px; font-weight:bold; transition:color 0.2s linear, background-color 0.2s linear; display:inline\9; /*ie9 ie10*/ }
#nv li span { /*display: none; */}
#nv li.a { /* {MENUHOVERBGCODE}; */ }
#nv li.a a {/*  color:{MENUHOVERTEXT}; */ color:#00a8ff; }
#nv li a:hover { background-image:url({IMGDIR}/nav_bg.jpg); backgrund-repeat:repeat; color:#fff; transition:color 0.2s linear, background-color 0.2s linear; }
#nv li.hover a:hover, #nv li.hover a { background-image:url({IMGDIR}/nav_bg.jpg); /* background-color:#33b9ff; */ color:#fff; transition:color 0.2s linear, background-color 0.2s linear; }
.nv_list_ul { display:flex; }

#mu { position: relative; z-index: 1; float:left;}
.ie6 #mu, .ie7 #mu { line-height: 0; font-size: 0; }
#mu ul { background: url({IMGDIR}/mu_bg.png) no-repeat 0 100%; line-height: 22px; z-index: 2; font-size: 12px; }
#mu li { float: left; height: 32px }
#mu a { float: left; display: inline; margin: 5px 6px; padding: 0 10px; white-space: nowrap; }
#mu a:hover { margin: 4px 5px; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; }
.floatmu { position: absolute; left: 0; top: 0; }

	/* userstatus */
	.um_userstatus { position:relative; }
	
	.userstatus_box, .userstatus_list { display:block; position:absolute; top:5px; right:0; max-width:260px; border-radius:8px; box-sizing:border-box; overflow:hidden; cursor:default; }
	.userstatus_box .user_info_box, .userstatus_list .user_info_box { display:flex; justify-content:flex-end; position:relative; padding:8px; text-align:right; box-sizing:border-box; }
	.userstatus_box .user_info, .userstatus_list .user_info { margin:4px; text-align:right; font-size:13px; font-weight:bold; display:inline-block\9; /*ie9 ie10*/ }
	.userstatus_box .user_info .user_name a, .userstatus_list .user_info .user_name a { display:inline-block; max-width:120px; color:#222; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.userstatus_box .user_info .user_group, .userstatus_list .user_info .user_group { display:inline-block; max-width:136px; color:#777; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.userstatus_box .user_avatar, .userstatus_list .user_avatar { position:relative; display:block; width:48px; height:48px; margin:0; border-radius:8px; box-sizing:border-box; overflow:hidden; display:inline-block\9; /*ie9 ie10*/ }
	
	.userstatus_list { display:block; height:auto; z-index:1000; background-color:#fff; box-shadow:0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08); transition:height 0.2s linear; }

	.userstatus_list .user_setup { display:block; background-image:url({IMGDIR}/user_setup.png); position:absolute; left:8px; top:8px; margin:0; width:20px; height:20px; opacity:0.8; overflow:hidden; transition:opacity 0.2s linear; }
	.userstatus_list .user_setup:hover { opacity:1; transition:opacity 0.2s linear; }
	.userstatus_list .user_info .user_name a { color:#fff; }
	.userstatus_list .user_info .user_name:hover a { text-decoration:underline; }
	.userstatus_list .user_info .user_group { color:rgba(255,255,255,0.6); }
	.userstatus_list .user_info .user_group:hover { text-decoration:underline; }
	
	.userstatus_list .um_item_box { padding:8px; border-bottom:1px solid #eee; display:flex; flex-wrap:wrap; box-sizing:border-box; }
	.userstatus_list .um_item_box:last-child { border-bottom:none; }

	.remind_num { position:absolute; display:inline-block; background-color:#f00; padding:1px 5px; font-size:12px; font-weight:bold; color:#fff; border-radius:20px; transform:scale(0.8); }
	.user_info_box .remind_num { right:-1px; bottom:-1px; bottom:1px\9; /*ie9 ie10*/ }
	.userstatus_list:hover .user_info_box .remind_num { display:none; }

	.um_item_box .um_item { display:flex; align-items:center; width:50%; margin:0; padding:3px 4px; border-radius:8px; box-sizing:border-box; transition:background-color 0.2s linear; display:inline-block\9; /*ie9 ie10*/ width:calc(50% - 2px)\9; /*ie9 ie10*/ }
	.user_credit .um_item { justify-content:space-between; }
	.user_menu .um_item { align-items:flex-start; }
	.user_menu .um_item .um_item_list { width:calc(100% - 20px); }
	.um_item_box .um_item:hover { background-color:#dff4ff; transition:background-color 0.2s linear; }
	.um_item_box .um_item .um_item_list { display:inline-block; font-size:12px;/*ww only*/ font-weight:bold; color:#333; text-align:left;  transition:color 0.2s linear; }
	.um_item_box .um_item .um_item_num { display:inline-block; font-size:13px;/*ww only*/ font-weight:normal;/*ww only*/ color:#666; text-align:right; float:right\9; /*ie9 ie10*/ }
	.um_item_box .um_item:hover .um_item_list { color:#00a8ff; transition:color 0.2s linear; }

	.um_icon { background-image:url({IMGDIR}/um_icon.png); background-repeat:no-repeat; background-size:112px 42px; display:inline-block; width:14px; height:14px; margin:0 3px 0 0;/*ww only*/ }
	.um_notice { background-position:0 -28px; }
	.um_headline { background-position:-14px -28px; }
	.um_task { background-position:-28px -28px; }
	.um_medal { background-position:-42px -28px; }
	.um_page { background-position:-56px -28px; }
	.um_favorites { background-position:-70px -28px; }
	.um_friends { background-position:-84px -28px; }
	.um_logistic { background-position:-98px -28px; }

	.vwmy { display:inline-block; background: url({IMGDIR}/user_online.gif) no-repeat 0 0px; width:16px; height:16px; }
.vwmy.qq { background: url({IMGDIR}/connect_qq.gif) no-repeat scroll 0 0; padding-left: 20px; }

	#loginstatus { position:absolute; left:8px; bottom:12px; }
	#loginstatus .switch_mode { background-color:rgba(0,0,0,0.2); display:block; margin:0; padding:0 8px; font-size:12px; color:#fff; border-radius:8px; box-sizing:border-box; transition:background-color 0.2s linear; }
	#loginstatus:hover .switch_mode { background-color:rgba(0,0,0,0.4); transition:background-color 0.2s linear; }

/* .topnav .new, .sch .new 分別為為個人中心和搜索頁面頭部新消息樣式 */
#um .new, .topnav .new, .sch .new, #toptb .new { padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; color: {HIGHLIGHTLINK}; font-weight: 700; }
#myprompt.new { background-image: url({IMGDIR}/notice.gif); background-position: 3px 50%; }
#pm_ntc.new { background-image: url({IMGDIR}/new_pm.gif); }
#task_ntc { background-image: url({STATICURL}image/feed/task.gif); }
#um .pipe { margin: 0 5px 0 0; }

#extcreditmenu, #g_upmine { margin-right: 2px !important; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; }
#g_upmine { margin-right: 1px !important; border: 1px solid transparent; }
.ie6 #g_upmine { border: 0; }
#extcreditmenu.a, #g_upmine.a { position: relative; z-index: 302; margin-right: 1px !important; border: 1px solid; border-color: {DROPMENUBORDER}; border-bottom: none; background-color: {WRAPBG}; }
#extcreditmenu_menu, #g_upmine_menu { margin-top: -1px; width: auto; }
#extcreditmenu_menu li { float: none; display: block; padding-left: 5px !important; padding-right: 1em !important; }
#g_upmine_menu li { float: none; display: block; padding-left: 5px !important; }
#g_upmine_menu ul.extg li { padding-left: 0px !important; }

#qmenu.a { background-image:url({IMGDIR}/nav_bg.jpg); color:#fff; }
#qmenu_menu { padding: 20px 5px 10px; width: 610px; border-color: #CCCCCC; }
#qmenu_menu ul.nav li { float: left; }
.ie6 #qmenu_menu ul.nav li { clear: none !important; width: auto !important; }
#qmenu_menu ul.nav a { margin-bottom: 10px; padding: 47px 0 0; width: 60px; border: none; border-radius: 4px; background: url({IMGDIR}/noicon.gif) no-repeat 50% 5px; text-align: center; }
#qmenu_menu ul.nav a:hover { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-shadow: none; }
#qmenu_menu.p_pop { border-top-left-radius:0; border-top-right-radius:0; }
#shortcut { position: relative; display: none; height: 30px; line-height: 30px; background-color: #3A83F1; color: white; text-align: center; }
#shortcuttip { padding: 2px 8px; background: url({IMGDIR}/search.gif) repeat-x 0 -1px; border-radius: 3px; color: #3A83F1; font-weight: 700; }
#shortcutcloseid { position: absolute; right: 8px; top: 8px; display: block; width: 12px; height: 12px; background: url({IMGDIR}/close.gif) no-repeat 0 -12px; text-indent: -999em; }
.person_portal { float:left; margin:5px; }
.person_portal a { display:block; margin:0; border-radius:5px; overflow:hidden; background:#fff; }
.person_portal a img { border-radius:5px; opacity:1; transition:opacity 0.2s linear; }
.person_portal a img:hover { opacity:0.8; transition:opacity 0.2s linear; }

	/* 版塊列表 */
	#nv li a#myprompt, #nv li a#forumlist { padding-left:32px; position:relative; }
	#nv li a#myprompt.a, #nv li a#forumlist.a { background-image:url({IMGDIR}/nav_bg.jpg); color:#fff; }
	#nv li a#myprompt .mail_icon, #nv li a#forumlist .forum_icon { display:inline-block; position:absolute; top:6px; left:8px; background-repeat:no-repeat; background-position:0 0; width:24px; height:24px; }
	#nv li a#myprompt .mail_icon {  background-image:url({IMGDIR}/icon_mail_24.png);  }
	#nv li a#myprompt:hover .mail_icon, #nv li a#myprompt.a  .mail_icon { background-position:0 -24px; }
	#nv li a#forumlist .forum_icon { background-image:url({IMGDIR}/icon_forum_24.png); }
	#nv li a#forumlist:hover .forum_icon, #nv li a#forumlist.a  .forum_icon { background-position:0 -24px; }
	.myprompt_num { display:inline-block; background-color:#f00; line-height:normal; padding:1px 5px; font-size:12px; font-weight:bold; color:#fff; border-radius:20px; transform:scale(0.8); }
	.user_info_box .myprompt_num { right:-1px; bottom:-1px; bottom:1px\9; /*ie9 ie10*/ }
	
	#forumlist_menu { display:block; position:relative; width:780px; padding:8px; border-radius:8px; border-top-left-radius:0; border-top-right-radius:0; box-sizing:border-box; box-shadow:0 0 8px rgba(0,0,0,0.3); }
	#forumlist_menu .forum_block { display:flex; flex-wrap:wrap; margin:10px; border-bottom:1px solid #efefef; }
	#forumlist_menu .forum_block .forum_title { width:120px; margin-right:20px; display:inline-block\9; /*ie9 ie10*/ }
	#forumlist_menu .forum_block .forum_title a { display:block; width:100%; margin:0; padding:0; text-align:right; font-size:15px;/*ww only*/ color:#00a8ff; white-space:normal; word-break:break-all; border:none; cursor:pointer; }
	#forumlist_menu .forum_block .forum_title a:hover { text-decoration:underline; background-color:#fff; }
	#forumlist_menu .forum_block .forum_ul { display:flex; flex-wrap:wrap; width:calc(100% - 140px); display:inline-block\9; /*ie9 ie10*/ width:calc(100% - 144px)\9; /*ie9 ie10*/ }
	#forumlist_menu .forum_ul .forum_li { width:calc(100%/4); margin-bottom:8px; box-sizing:border-box; display:inline-block; /*ie9 ie10*/ width:calc(100%/4 - 4px)\9; /*ie9 ie10*/ }
	#forumlist_menu .forum_ul .forum_li a { display:inline-block; margin:0; padding:2px 8px; font-size:13px; font-weight:normal;/*ww only*/ color:#333; white-space:normal; word-break:break-word; border:none; border-radius:5px; cursor:pointer; transition:background-color 0.2s linear, color 0.2s linear; margin-bottom:8px\9; /*ie9 ie10*/ }
	#forumlist_menu .forum_ul .forum_li a:hover { background-color:#33b9ff; color:#fff; transition:background-color 0.2s linear, color 0.2s linear; }
	#forumlist_menu .all_forum_btn { display:block; margin:8px auto; padding:8px; width:30%; max-width:240px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background-color:#6dccff; border-radius:8px; box-sizing:border-box; cursor:pointer; transition:background-color 0.2s linear; }
	#forumlist_menu .all_forum_btn:hover { background-color:#33b9ff; transition:background-color 0.2s linear; }


/*
Name:	 mn_userapp_menu
Level:	 Global
Explain:	 用戶應用導航
Last Modify:	alice 2013021313
*/
#mn_userapp .icon_down {background: url({IMGDIR}/arr_w.gif) no-repeat 50% 50%; display:inline-block; width:12px; height:12px; overflow:hidden; margin-left:3px; }
.ie6 #mn_userapp .icon_down {height:24px;vertical-align: middle;}
#nv li.a .icon_down {background: url({IMGDIR}/arr_w.gif) no-repeat  50% 50%; display:inline-block; width:12px; height:12px; overflow:hidden; margin-left:3px; }
.ie6 #nv li.a .icon_down {height:24px;vertical-align: middle;}
#mn_userapp_menu { clear: left; min-height: 210px; min-width: 630px; }
.ie6 #mn_userapp_menu { height: 210px; width: 630px; }
#mn_userapp_menu ul.mrec{ float:left; width:182px; padding-right:5px; border-right:1px dotted {DROPMENUBORDER}; }
#mn_userapp_menu ul.uused { float:left; width:273px; }
.ie6 #mn_userapp_menu ul.mrec, .ie7 #mn_userapp_menu ul.mrec { width:182px; padding:0 5px 0 0; }
#mn_userapp_menu ul.mrec li, #mn_userapp_menu ul.uused li { float:left; display:inline; padding:3px; width:85px; text-align: center; overflow:hidden; }
.ie6 #mn_userapp_menu ul.mrec li,.ie6 #mn_userapp_menu ul.uused li { float:left !important; clear:none; }
#mn_userapp_menu ul.mrec li img, #mn_userapp_menu ul.uused li img { width:75px; height:75px;  }
#mn_userapp_menu ul.mrec li a, #mn_userapp_menu ul.uused li a { border-bottom:0; }
#mn_userapp_menu ul.adv { position: absolute; top: 0; right: 0;	padding: 10px; height: 198px; width:140px; border-left: 1px solid #EBEBEB; background: #F5F5F5; text-align: left; zoom: 1; }
#mn_userapp_menu ul.mrec li { position:relative; }
.ie6 #mn_userapp_menu ul.adv li { clear:none; }
#mn_userapp_menu .icon_hotapp { position:absolute; right:8px; bottom:25px; display:inline-block; width:16px; height:16px; background:#F00; color:#FFF;  }
#mn_userapp_menu .icon_myapp a{ float:left; display:inline-block; border-bottom:0; padding:0; margin-bottom:10px; width:66px; height:51px; background: url({STATICURL}image/common/app.png) no-repeat 0 0; line-height:2000px; overflow:hidden; clear:none; }
#mn_userapp_menu .icon_appcenter a { float:right; margin-left:7px; background-position: 0 -51px; }
.ie6 #mn_userapp_menu .icon_myapp a { margin-bottom:0px; }
.ie6 #mn_userapp_menu .icon_myapp,.ie6 #mn_userapp_menu .icon_appcenter { float:left; width:66px; }
#mn_userapp_menu .ad_img img { width:140px; height:100px; }
#mn_userapp_menu .ad_img a { padding:0; line-height:26px; border-bottom:0; }
#mn_userapp_menu .ad_img a:hover { background:none; }

/* 頁面主區域 */
#ct { min-height: 300px; }
.ie6 #ct { height: 300px; }
/* .mn { overflow: hidden; } */
.ct1 { border: 1px solid {WRAPBORDERCOLOR}; border-top: none; }
.ct2 .mn { float: left; width: 890px; margin-bottom: 1em; }
.ct2 .sd { float: right; width: 270px; overflow: hidden; _overflow-y: visible; }

.appl { float: left; overflow: hidden; margin-bottom: 10px; padding: 6px 10px; width: 117px; }
.appl .tbn .remind_num { line-height:normal; margin:8px 0; }

.ct2_a, .ct3_a { border: 1px solid {WRAPBORDERCOLOR}; {SIDEBGCODE} }
.ct2_a_r { border: none; background-image: none; }
.ct2_a h1.mt { display: none; }
.ct2_a .tb { margin-top: 3px; }
.ct2_a .mn { float: right; width: 810px; }
.ct2_a .mn { display: inline; margin-right: 10px; padding-top: 10px; width: /*800px*/86%; }
#nv_userapp .ct2_a .mn, .ct2_a_r .mn { margin-right: 0; width: 810px; }

.ct3_a .mn { float: left; margin-left: 20px; width: 700px; }
.ct3_a .sd { float: right; width: 300px; }
#nv_home .ct3_a .sd .bm { margin-right: 10px; border: none; }
#nv_home .ct3_a .sd .bm_c { padding: 10px 0; }

.mw { width: 1175px; float: none;margin:auto; }
.mnw { clear: both; border-top: 1px solid #CCC; }
.mnh { width: 643px; background: {COMMONBG}; margin-bottom: 0; }

.task_pic img { width: 95%; }
/* 頁尾 */
#ft { padding: 10px 0 50px; border-top: 1px solid {COMMONBORDER}; line-height: 1.8; color: {FOOTERTEXT};margin:10px auto;width:1175px; }
#flk { text-align: right;font-size:13px; }
#flk img /*&#21491;&#19979;&#22294;&#31034;*/{ vertical-align: middle;display:none; }
#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0 2px; width: 40px; background: #2ea7e0; border: 1px #efefef solid; border-radius: 0px; border-top: 0; cursor: pointer; }
#scrolltop:hover { text-decoration: none; }
.ie6 #scrolltop { position: absolute; bottom: auto; }
#scrolltop a { display: block; width: 30px; height: 24px; padding: 3px 5px; line-height: 12px; text-align: center; color: #787878; text-decoration: none; background: url({IMGDIR}/scrolltop.png) no-repeat 0 0; border-top: 1px #fff solid; }
a.scrolltopa:hover { background-position: -40px 0px !important;}
#scrolltop  span.scrolltopaa:hover{ background-color: #3eb5ed; display:block;}
#scrolltop  span.scrolltopbb:hover{ background-color: #3eb5ed; display:block;}
#scrolltop  span.scrolltopcc:hover{ background-color: #3eb5ed; display:block;}

a.replyfast { background-position: 0 -30px !important; }
a.replyfast:hover { background-position: -40px -30px !important;}
a.returnlist,a.returnboard { background-position: 0 -60px !important; }
a.returnlist:hover,a.returnboard:hover { background-position: -40px -60px !important;}
#scrolltop a b { visibility: hidden; font-weight: normal; }

/*	#scrolltop span { visibility: hidden; }*/

#nv_home #ft, .pg_announcement #ft, .pg_modcp #ft, .pg_portalcp #ft, .pg_ranklist #ft, #nv_userapp #ft { border-top: none; }

/* 通用的區域塊 */
/*
.bm 是最常用的區塊元素，默認帶有 1px 的邊框和 10px 的下邊距。一般情況下，.bm 內應包括兩個子容器：.bm_h 和 .bm_c，前者代表區塊頭部，帶有灰色背景和下邊框；後者是容器主體，默認帶有 10px 的內邊距。
.bm 另有三種子樣式
.bmw	Weight	 頭部為彩色背景
.bml	Lite	 頭部無背景填充
.bmn	Notice	 整體帶有彩色背景，常用於提示信息
*/
.bm, .bn { margin-bottom: 10px; }
.bm { border: 1px solid {COMMONBORDER}; background: {WRAPBG}; *margin:20px 0; }
.bm_c { padding: 10px; }
.bm_c img { max-width:800px; }
.drag {}
.bm_h .o { float: right; width: 30px; }
.bm_h .o img { float: right; margin-top: 8px; cursor: pointer; }
.bm_h .i { padding-left: 10px; }
.bm_h .pn { margin-top: 4px; }
.bm_h { font-size:13px; padding: 0 10px; height: 31px; border-top: 1px solid #FFF; border-bottom: 1px solid {CONTENTSEPARATE}; background: {COMMONBG}; line-height: 31px; white-space: nowrap; overflow: hidden; }
.bmw { border: 0px solid {COMMONBORDER}; }
.bmw .bm_h { /*border-top-color: {WRAPBG}; border-right: 1px solid {WRAPBG}; border-bottom-color: {CONTENTSEPARATE}; border-left: 1px solid {WRAPBG};*/ background: #eaeaea;border:1px solid #ccc; }
.bmw .bm_h a { color: {HIGHLIGHTLINK}; }
.bml .bm_h { padding-top: 5px; border: none; background: transparent; }
.bml .bm_c { padding-top: 0; }
.bmn { padding: 7px 10px; border-color: {SPECIALBORDER}; background: {SPECIALBG}; }

.fl { /*border: 1px solid {COMMONBORDER};*/ border-top: none; background: {WRAPBG}; }
.fl .bm { margin-bottom: 0; border: none; }
.fl .bm_h { /*border-width: 1px 0;*/ border-color: {SPECIALBORDER}; {TITLEBGCODE};background:#EAEAEA; }
.fl .bm_c, #online .bm_c, .lk .bm_c { padding-top: 0; padding-bottom: 0; }
.bm2 .bm2_b { float: left; width: 49%; border: 1px solid {COMMONBORDER}; }
.bm2 .bm2_b_y { float: right; }
.bw0 { background: transparent; }

/* 寬佈局下的通用塊 */.bw { padding: 0 15px; }

/*
Name:	 mod_path
Level:	 Global
Sample:	 <div id="pt"><div class="z">Path here</div></div>
Explain:	 麵包屑導航
Last Modify:	lushnis
*/
#pt { margin: 2px 0 20px; height: 29px; border:none; background: transparent; line-height: 29px; border-bottom:1px solid #ccc;padding-bottom:10px;}
#pt .z { padding-right: 10px; }
#pt .z a, #pt .z em, #pt .z span { float: left; height: 29px; }
#pt .z em { width: 20px; background: url({IMGDIR}/pt_item.png) no-repeat 3px 10px; line-height: 200px; overflow: hidden; }
.nvhm { width: 16px; background: url({IMGDIR}/search.png) no-repeat 0 0; line-height: 200px; overflow: hidden; }
/* XP 或 Windows 7，IE 最高版本為 8 或 9，這幾種組合情況對字體的渲染存在差異，所以需要對背景進行微調，以適應更多情況 by Pony 11050511 */
.ie_all #pt .z em { background-position: 3px 9px; }
.ie_all .nvhm { background-position: 0 -1px; }
/*
Name:	 mod_userheader
Level:	 Global
Sample:	 div id="uhd"
Explain:	 論壇皮膚下用戶頁面頭部
Last Modify:	lushnis
*/
#uhd { padding-top: 10px;border: 1px solid #CCC; border-bottom: none; background: /*{SPECIALBG}*/#eaeaea; }
#uhd .tb a { border-width: 1px 0; border-top-color: {SPECIALBG}; border-bottom-color: {WRAPBORDERCOLOR}; }
#uhd .tb .a a { border: 1px solid #CCC; border-bottom-color: #FFF; }
.ie6 #uhd .tb .a { position: relative; }
#uhd .mn { float: right; margin-right: 15px; margin-bottom: -30px; line-height: 28px; }
#uhd .mn a { padding: 2px 0 2px 20px; background: no-repeat 0 50%; color: {MIDTEXT}; }
#uhd .mn a:hover { color: {HIGHLIGHTLINK}; }
#uhd .mn .addflw a { background-image: url({IMGDIR}/flw_ico.png); }
#uhd .mn .addf a { background-image: url({STATICURL}image/feed/friend.gif); }
#uhd .mn .pm2 a { background-image: url({IMGDIR}/pmto.gif); }
#uhd .h { padding-left: 75px; }
#uhd .avt { display: inline; float: left; margin-left: -65px; position:relative;}
#uhd .mt { padding-bottom: 0; }
#uhd .flw_hd { float: right; width: 260px; margin-right: 10px; margin-bottom: -30px; }
#uhd .tns th, #uhd .tns td { padding-left: 20px; text-align: left; }
#uhd .flw_hd .o { padding-left: 20px; }
/* 統計數據 */
.tns { padding: 10px 0; }
.tns table { width: 100%; }
.tns th, .tns td { text-align: center; font-size: 12px; }
.sd .tns th, .sd .tns td { width: 110px !important; }
.tns th { border-right: 1px solid #CCC; }
.tns th p, .tns td p { font-size: 14px; margin: 0; }
.pls .tns { padding: 0 10px 10px; }
.pls .tns th p, .pls .tns td p { font-size: 12px; margin: 0; }

/* 帶圖標頁面頭部 ih. --> icon header */
.ih .icn { float: left; width: 60px; }
.ih dl { margin-left: 60px; }
.ih dt { font-size: 14px; font-weight: 700; }
.ih dd { padding-bottom: 1em; }
.ih dd strong { margin: 0 2em 0 4px; color: #C00; }
.register_icon { margin-right:3px; }
.digest_icon { width:auto; vertical-align:text-bottom; }

/*
Name:	 mod_tab
Level:	 Global
Dependent:	 mod_clearfix
Sample:	 <ul class="tb cl">
<li class="a"><a href="#">Active Tab Item</a></li>
<li><a href="#">Tab Item</a></li>
</ul>
Explain:	 標籤樣式
Last Modify:	lushnis
*/
.tb { margin-top: 10px; padding-left: 5px; line-height: 30px; border-bottom: 1px solid {COMMONBORDER}; }
.tb li { float: left; margin: 0 3px -1px 0; }
.ie6 .tb .a, .ie6 .tb .current { position: relative; }
.tb a { display: block; padding: 0 10px; border: 1px solid {COMMONBORDER}; background: {SPECIALBG}; }
.tb .a a, .tb .current a { border-bottom-color: {WRAPBG}; background: {WRAPBG}; font-weight: 700;}
.tb a:hover { text-decoration: none; }
.tb .y { float: right; margin-right: 0; }
.tb .y a { border: none; background: transparent; }
.tb .o { margin: 1px 4px 0 2px; border: 1px solid #235994; }
.tb .o, .tb .o a { height: 23px; line-height: 23px; background: #06C url({IMGDIR}/pn.png) repeat-x 0 -48px; }
.tb .o a { padding: 0 15px; border: none; font-weight: 700; color: #FFF; }
.ie6 .tb .o a { float: left; }
.tb_h { margin: 0; padding: 0; background-color: {SPECIALBG}; }
.tb_h li { margin-right: 0; }
.tb_h a { border-top: none; border-left: none; }
.tb_h .o { margin-top: 2px; }
.tb_s { margin-top: 0; line-height: 26px; }

/* 表情符號 */
.smilie_tb li { float:left; margin:5px; width:60px; height:40px; background:#fff; border:1px solid #fff; box-shadow:0 1px 2px #999; border-radius:4px; overflow:hidden; }
.smilie_tb li:hover { border:1px solid #999; transition:border 0.2s linear;  }
.smilie_tb a { width:100%; height:100%; border:none; background:#ededed; padding:0; opacity:0.7; }
.smilie_tb a:hover { background:#fff; opacity:1; transition:background 0.2s linear, opacity 0.2s linear; }
.smilie_tb .current { background:#fff; border:1px solid #999; }
.smilie_tb .current a { opacity:1; }

/* 類似menu的Tab */
.tbmu { padding: 8px 10px 8px 0; border-bottom: 1px dashed {COMMONBORDER}; }
.tbmu a { color: {HIGHLIGHTLINK}; }
.tbmu .a { color: {LINK}; font-weight: 700; }
/* tab的強調信息提示 */
.tbms { padding: 10px 10px 10px 26px; border: 1px dashed #FF9A9A; background: url({IMGDIR}/notice.gif) no-repeat 10px 50%; width: 785px; }
.tbms_r { background-image: url({IMGDIR}/data_valid.gif); }
/* 極簡 Tab */
.tbx { margin: 10px 0; }
.tbx span { margin-right: 10px; cursor: pointer; }
.tbx .a { padding: 3px 5px; border: solid #999; border-width: 0 1px 1px 0; background: {COMMONBG} url({IMGDIR}/thead.png) repeat-x 0 -20px; }
.tbx strong { color: {NOTICETEXT}; }
/* 類似相冊側邊切換頁面用的 */
.obn { border-bottom: 1px solid {COMMONBORDER}; }
.obn select { width: 100%; margin-bottom: 5px; }

/* 廣告 */
/* 頁頭廣告 */ .a_h { padding-top: 5px; }
/* 二級導航廣告 */ .a_mu { position:relative; z-index:10; width:1170px; margin:5px auto; /*  border: solid {COMMONBORDER}; border-width: 0 1px 1px; background: {COMMONBG}; */ } 
/* 頁尾廣告 */ .a_f { margin: 5px auto; }
/* 日誌內容廣告 */ .a_b { float: right; margin: 0 0 5px 5px; }
/* 格子廣告 */ .a_t { margin-bottom: 10px; }
.a_t table { width: 100%; }
.a_t td { padding: 4px 15px; border: 1px solid {COMMONBORDER}; }
/* 帖內廣告 */ .a_pr { float: right; overflow: hidden; }
.a_pt, .a_pb { background: url({IMGDIR}/ad.gif) no-repeat 0 50%; margin-bottom: 6px; padding-left: 20px; zoom: 1; }
/* 漂浮廣告 */ .a_fl, .a_fr { float: right; position: fixed; top:42%; z-index: 100; }
.a_fl { left: 0; }
.a_fr { right: 0; text-align: right; }
* html .a_fl, * html .a_fr { position: absolute; top: expression(offsetParent.scrollTop+350); }
/* 對聯廣告 */ .a_cb { top: 20px }
* html .a_cb { top: expression(offsetParent.scrollTop+20); }
/* 文章漂浮廣告 */ .a_af { float:left; margin-right: 10px; margin-bottom: 10px; }
/* 右下角廣告 */ .a_cn { position: fixed; right: 10px; bottom: 10px; z-index: 300; }
* html .a_cn { position: absolute; top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); }
.a_cn .close { text-align: right; }

.a_h, .a_mu, .a_c, .a_p, .a_f, .a_t { text-align: center; }

/* ------------------------------------------------------------------------ 列表樣式 */
/*
.xl	 Text list
.xl1	 1 line list ( wrap text will be hidden );
.xl2	 2 col list
.xld	 list with description ( the HTML tag must be <dl> )
.ml	 Media/Image list
.mls	 Media size: 48*48px
.fl	 Forum list
.tl	 Thread list
.al	 Application list
*/

/* 文本列表 */
.xl li { margin: 2px 0; }
.xl em { float: right; padding-left: 5px; }
.xl em, .xl em a { color: {LIGHTTEXT}; }
.xl label, .xl label a { color: #C00; }
.xl1 li { height: 1.5em; overflow: hidden; }
.xl1_elp { float: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xl2 li { float: left; margin: 2px 0; padding: 0; width: 50%; height: 1.5em; overflow: hidden; }
.xl ol, ol.xl { background: url({IMGDIR}/sortnum.png) no-repeat 0 3px; line-height: 21px; }
.xl ol li, ol.xl li { background: none; padding-left: 20px; }
.xl ol li, ol.xl li { height: 21px; }
.xld dt { padding: 8px 0 5px; font-weight: 700; }
.xld dd { margin-bottom: 8px; }
/* text with thumbnail image ( must with the additional class .cl ) */
.xld .m { float: left; margin: 8px 8px 10px 0; }
.xld .atc { float: right; margin-left: 20px; }
.ie8 .xld .atc { max-width: 86px; }
.xld .atc img { padding: 2px; max-width: 80px; max-height: 80px; border: 1px solid #CCC; background: {WRAPBG}; }
.ie6 .xld .atc img { width: expression(this.width > 80 && this.width>=this.height ? 80 : true); height: expression(this.height > 80 && this.width<=this.height ? 80 : true); }
.xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d { float: right; width: 20px; height: 20px; overflow: hidden; line-height: 100px; background: url({IMGDIR}/op.png) no-repeat 0 -2px; }
.attc a.d { float: left; }
.xld a.d:hover, .xl a.d:hover, .attc a.d:hover, .c a.d:hover, .sinf a.d:hover { background-position: 0 -22px; }
.xld a.b { background-position: 0 -40px; }
.xld a.b:hover { background-position: 0 -60px; }
.xlda dl { padding-left: 75px; }
.xlda .m { display: inline; margin: 8px 0 8px -65px; }
.xlda .avt img { display: block; }
.xlda dd img { max-width: 550px; }
* html .xlda dd img { width: expression(this.width > 550 ? 550 : true); }
.xlda dd a { color: {HIGHLIGHTLINK}; }
.xlda dd .hot { color: {NOTICETEXT}; }

/* 圖片列表 */
.ml {}
.ml li { float: left; padding: 0 5px 5px; text-align: center; overflow: hidden; }
.ml img { display: block; margin: 0 auto; }
.ml p, .ml span { display: block; width: 100%; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ml span, .ml span a { color: {LIGHTTEXT}; }
.mls li { padding: 0 0 5px; width: 66px; }
.mls .avt { display: block; margin: 0 auto; width: 54px; }
.mls img { width: 48px; height: 48px; }
.mls p { margin-top: 5px; }
.mlm li { padding: 0 0 5px; width: 150px; }
.mlm img { width: 120px; height: 120px; }
.mla li { width: 140px; height: 224px; }
.mla1 li { height: 150px; }
.mla .c { margin: 0 auto; width: 136px; height: 150px; background: url({IMGDIR}/gb.gif) no-repeat 0 0; text-align: left; }
.mla .a { background-position: 0 100%; }
.mla .c a { display: block; padding: 14px 4px 3px 8px; width: 120px; height: 120px; overflow: hidden; }
.mla img { max-width: 120px; max-height: 120px; _width: expression(this.width > 120 && this.width>=this.height ? 120 : true); _height: expression(this.height > 120 && this.width<=this.height ? 120 : true); }
.mlp li { width: 140px; height: 140px; }
.mlp .d { padding: 0 0 5px; width: 150px; height: 180px; }
.mlp img { padding: 2px; max-width: 120px; max-height: 120px; border: 1px solid #CCC; background: {WRAPBG}; }
* html .mlp img { width: expression(this.width > 120 && this.width>=this.height ? 120 : true); height: expression(this.height > 120 && this.width<=this.height ? 120 : true); }

/* 用戶頭像列表時，各種狀態圖標。.gm -> 管理員; .gs -> 明星會員 ; .gol -> 在線會員; .god -> 刪除標記 */
.gm, .gs, .gol, .god { position: absolute; overflow: hidden; margin: -3px 0 0 -3px; width: 60px; height: 18px; background: url({IMGDIR}/ol_g.png) no-repeat 0 0; display: block;/* ie6 */ }
.gs { background-position: 0 -18px; }
.gol { background-position: 0 0px; display:inline-block; }
.god { margin: -5px 0px 0px 45px;background: url({IMGDIR}/access_disallow.gif) no-repeat 0 0;}

/* 應用列表*/
.appl ul { margin: 3px 0; }
.appl li { display: block; height: 28px; line-height: 28px; white-space: nowrap; word-wrap: normal; font-size: 14px; text-overflow: ellipsis; overflow: hidden; }
.appl li a { text-decoration: none !important; }
.appl img { margin: 5px 5px -3px 0; }
.appl span { float: right; font-size: 12px; }
.appl span a { color: {LIGHTTEXT}; }
.appl span a:hover { color: {HIGHLIGHTLINK}; }
/* 應用側邊 by Pony */
.myo li { height: auto; line-height: 1.5; }
.myo img { margin-bottom: -1px; }
.myo a { color: {HIGHLIGHTLINK}; }
/* 側邊管理列表 */
.tbn { margin: -6px -10px 0; }
.tbn ul { margin: 0; }
.tbn li { margin: 0 10px; height: 33px; border-bottom: 1px dashed #CCC; }
.tbn li.a { margin: -1px 0 0; padding: 0 10px 0 9px; border-top: 1px solid {COMMONBORDER}; border-bottom-style: solid; background: {WRAPBG}; }
.tbn ul a { display: block; height: 33px; line-height: 33px; }
.tbn .mt { padding: 10px; }

.notice_pm, .notice_mypost, .notice_interactive, .notice_system, .notice_manage, .notice_app, .notice_headline, .notice_xj_event { float: left; width: 18px; height: 18px; background-image: url({IMGDIR}/ico_notice_18.png); margin:8px 5px 0 0;}
.notice_pm { background-position:  0 0;}
.notice_headline { background-position:-18px 0; }
.notice_xj_event { background-position:-36px 0; }
.notice_mypost { background-position:-54px 0; }
.notice_interactive { background-position:-72px 0; }
.notice_system { background-position:-90px 0; }
.notice_manage { background-position:-108px 0; }
.notice_app { background-position:-126px 0; }

/* 系統提醒 */
.new_sms_block { background-color:#f9f9f9; padding:8px; position:relative; border:1px solid #ccc; border-top:1px solid #fff; box-sizing:border-box; overflow:hidden; transition:background-color 0.2s linear.border 0.2s linear; z-index:0; }
.new_sms_block:hover { background-color:#ffffff; border:1px solid #aaa; border-top:1px solid #fff; transition:background-color 0.2s linear.border 0.2s linear; box-shadow:0 0px 2px #aaa; z-index:100; }
.new_sms_block_shield { position:absolute; right:0; top:5px; width:20px; height:20px; overflow:hidden; line-height:100px; background: url(../../static/image/common/op.png) no-repeat 0 -2px; background-position:0 -60px; opacity:0; transition:opacity 0.2s linear; }
.new_sms_block:hover .new_sms_block_shield { opacity:1; transition:opacity 0.2s linear; }
.new_sms_title { padding:5px 24px 5px 8px; box-sizing:border-box; }
.new_sms_txtime { padding:2px 8px; font-size:13px; color:#999; box-sizing:border-box; }
.new_sms_avatar img { float:left; width:36px; height:36px; margin-right:5px; border-radius:2px; }
.new_sms_icon { float:left; width:36px; height:36px; margin-right:5px; border-radius:2px; }
.new_sms_subject { font-size:15px; font-weight:bold; color:#333; line-height:20px; text-align:justify; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; transition:color 0.2s linear; }
.new_sms_block:hover .new_sms_subject { color:#00a8ff; transition:color 0.2s linear; }
.new_sms { padding:5px; overflow:auto; }
.new_sms a { display:block; margin:0; overflow:auto; }
.new_sms_img { float:left; width:180px; border-radius:3px; box-sizing:border-box; opacity:1; transition:opacity 0.2s linear; }
.new_sms_block:hover .new_sms_img { opacity:0.8; transition:opacity 0.2s linear; }
.new_sms_content { font-size:15px; padding:0 8px; line-height:20px; text-align:justify; overflow:hidden; word-break:break-all; }
/* end */

/* 任務 task_table */
.task_table { width:100%; }
.task_table .bbda { border-bottom: 1px solid #ddd; }
.task_list_award { font-weight:bold; color:#ff8e30; }
.task_pbg {height: 10px; background:#ddd; box-shadow:inset 1px 1px 1px #999; border-radius:5px; position:relative; margin:10px 80px 10px 0;  }
.task_pbr { height: 9px; background-color: #50ae2f; box-shadow:0 1px 0 #1c7e00; border-radius:5px; }
.task_xs0 { font-size:12px; font-weight:bold; text-align:right; color:#666; position:absolute; top:-4px; right:-75px; }
.task_th { width:150px !important; }
.task_td { width:auto !important; }
.task_td a { margin:0 5px; color:#00a8ff; font-weight:bold; transition:color 0.2s linear; }
.task_td a:hover { color:#36baff; transition:color 0.2s linear; }
/* end */

/* 按鈕 button */
.button_type { display:inline-block; min-width:60px; margin:8px 0; padding:4px 15px; font-size:14px; font-weight:bold; color:#fff;  border-radius:3px; -webkit-filter:brightness(1); filter:brightness(1); transition:filter 0.2s linear; }
.button_type:hover { -webkit-filter:brightness(1.1); filter:brightness(1.1); transition:filter 0.2s linear; }
.button_type_blue { background:#00a8ff; box-shadow:0 1px 0 #2693cd; }
.button_type_gary { background:#999; box-shadow:0 1px 0 #777; }
.button_type_green { background:#269300; box-shadow:0 1px 0 #136900; }
.button_type_red { background:#f00; box-shadow:0 1px 0 #a30000; }
.want_btn { display:block; margin:0 auto; width:56px; color:#fff; background-color:#f750af; padding:2px; font-size:12px;  text-align:center; border-radius:5px; box-sizing:border-box; cursor:default; }
/* end */



/* 道具 magic */
.mg_img { padding: 10px; width: 76px; height: 76px; background: url({IMGDIR}/magic_imgbg.gif) no-repeat 0 0; }

/*
Name:	 mod_link
Level:	 Global
Dependent:
Sample:	 <ul class="tb cl">
<li class="a"><a href="#">Active Tab Item</a></li>
<li><a href="#">Tab Item</a></li>
</ul>
Explain:	 友情鏈接
Last Modify:	lushnis
*/
.lk img { float: left; margin-right: 5px; margin-bottom: 5px; width: 88px; height: 31px; }
.lk p { color: {MIDTEXT}; }
.lk .m li { clear: left; padding: 0 0 10px 98px; }
.lk .m img { display: inline; margin-top: 4px; margin-top/*\**/: 1px\9; margin-left: -98px; }
.lk .x li { float: left; margin-right: 5px; width: 88px; height: 1.5em; overflow: hidden; }
.lk_logo .lk_content { float: left; }

/* ------------------------------------------------------------------------ 其他特定功能塊 */
/* 簡易編輯器 Tiny Editor */
.tedt { width: 98%; border: 1px solid; border-color: #999 #CCC #CCC #999; }
.tedt .bar { padding: 0 10px 0 0; height: 25px; line-height: 25px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; }
.fpd a { float: left; margin: 2px 5px 0 0; width: 20px; height: 20px; background: url({STATICURL}image/editor/editor.gif) no-repeat; text-indent: -9999px; line-height: 20px; overflow: hidden; }
.fpd a.fbld { background-position: 0 0; }
.fpd a.fclr { background-position: -60px 0; }
.fpd a.fmg { background-position: -160px 0; }
.fpd a.flnk { background-position: -40px -20px; }
.fpd a.fqt { background-position: -140px -20px; }
.fpd a.fcd { background-position: -120px -20px; }
.fpd a.fsml { background-position: -20px -20px; }
.fpd a.fat { background-position: -140px 0; }
.tedt .area { padding: 4px; background: {WRAPBG}; zoom: 1; }
.tedt .pt { width: 100%; margin-right: 0; padding: 0 !important; border: none; background: {WRAPBG} none; }
.tedt .pt:focus { outline: none; -moz-box-shadow: none; }
.m_c .tedt { width: 600px; }

/* 表情 */
.sllt { padding: 10px 5px 5px !important; }
.sllt td { padding: 8px; border: none; cursor: pointer; }
.sllt_p { *float: left; text-align: right; }
.sllt_p a { margin-right: 5px; color: #069; text-decoration: underline; }
.sl_pv { margin-top: 5px; padding: 8px; background: #FAFAFA; border: 1px solid #CCC; box-shadow:0px 0px 2px 0px rgba(5%,5%,10%,0.5);}
.ie6 .slg, .ie7 .slg { width: expression(this.parentNode.offsetWidth); }

/*
Name:	 mod_diy_button
Level:	 Fuction
Explain:	 頁面頭部的 DIY 按鈕
Last Modify:	Pony 1207021442
*/
#diy-tg { float: right; padding: 0 !important; width: 56px; background: url({STATICURL}image/diy/panel-toggle.png) no-repeat 100% 4px; text-indent: -9999px; overflow: hidden; }
#diy-tg_menu { position: absolute; margin: -2px 0 0 -1px; padding: 6px 0; width: 74px; height: 48px; line-height: 24px; background: url({STATICURL}image/diy/panel-toggle-drop.png) no-repeat 0 0; text-align: center; font-size:13px; }
#diy-tg_menu a { float: none !important; /*Phoebe*/color:#000;}
#toptb #diy-tg_menu { margin: -7px 0 0 -17px; }

/*
Name:	 mod_switch_button
Level:	 Fuction
Dependent:	 sslct_menu &#38656;&#35201; class mod_popupmenu
Explain:	 風格/寬窄切換菜單
Last Modify:	Pony 1207021458
*/
#toptb a#sslct, .switchwidth, #toptb a.switchblind { margin-top: 5px; padding: 0 !important; width: 23px; height: 18px !important; background: url({IMGDIR}/switch_style.png) no-repeat 100% 0; text-indent: -9999px; overflow: hidden; }
.switchwidth { background-image: url({IMGDIR}/switch_width.png); }
.switchwidth:hover{ background: url({IMGDIR}/switch_width.png) no-repeat 100% -36px; }
#sslct_menu { padding: 6px 10px 10px; }
.sslct_btn { float: left; margin: 4px 4px 0 0; width: 12px; height: 12px; border: 1px solid {COMMONBORDER}; cursor: pointer; }
.sslct_btn i { float: left; display: inline; margin: 1px; width: 10px; height: 10px; background: #2E80D1; overflow: hidden; font-style: normal; }
#toptb a.switchblind{ width: 10px; background-image: none ; }
/* 彈出菜單、彈出層及彈出窗口 */
.p_pop, .p_pof, .sllt { min-width: 60px; /* border: 1px solid; border-color: {DROPMENUBORDER}; */ {DROPMENUBGCODE}; box-shadow: 0px 2px 8px rgba(0,0,0,0.3); font-size:14px; padding:0; border-radius:8px; overflow:hidden; }

.ie6 .p_pop { width: 100px; }
.p_pof .p_pop { padding: 0; border: none; box-shadow: none; }
.p_pof { width: 300px;}

.p_opt { padding: 10px; }
.p_pop li { display: inline; }
.p_pop a { display: block; margin:0; padding:6px 15px; color:#000; font-size:14px; border-bottom:1px dotted #ddd; white-space:nowrap; transition:color 0.2s linear, background-color 0.2s linear; }
.p_pop li:last-child a { border: none; }
.ie6 .p_pop li { zoom: 1; clear: both; width: 100%; }
.ie6 .p_pop a { position: relative; }
.p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color:#e0f5ff; color:#00a8ff; border-bottom:1px dotted #e0f5ff; text-decoration: none; transition:color 0.2s linear, background-color 0.2s linear; }

.prompt_news, .prompt_follower,.prompt_news_0, .prompt_follower_0, .ignore_notice, .prompt_concern, .prompt_manage, .prompt_interactive, .prompt_app, .prompt_system, .prompt_headline, .prompt_xj_event, .prompt_event, .prompt_mypost { width:18px; height:18px; margin:0 5px 0 0; display:inline-block; vertical-align:middle; background-image:url({IMGDIR}/ico_notice_18.png); background-repeat:no-repeat; }
.prompt_news_0 { background-position:0 0; }
.prompt_news {  background-position:0 -36px; }
.prompt_headline { background-position:-18px 0; }
.prompt_xj_event { background-position:-36px 0; }
.prompt_mypost { background-position:-54px 0; }
.prompt_interactive { background-position:-72px 0; }
.prompt_system { background-position:-90px 0; }
.prompt_manage { background-position:-108px 0; }
.prompt_app { background-position:-126px 0; }
.prompt_follower_0 { background-position:-144px 0; }
.prompt_follower { background-position:-144px -36px; }
.prompt_concern { background-position:-162px 0; }

.ignore_notice { background: url({IMGDIR}/close.gif) no-repeat 0 0; position:absolute; right:0; top:0; width:12px; height:12px; overflow:hidden; }
.p_pop .ignore_noticeli a,.p_pop .ignore_noticeli a:hover,.p_pop .ignore_noticeli a.a { background:none; border-bottom:0; }
.p_pop .notice_interactive, .p_pop .notice_system, .p_pop .notice_manage, .p_pop .notice_app, .p_pop .notice_mypost { margin: 3px 2px 5px 0;}
.ie6 .ignore_notice { display: none; }

/* .blk -> block 內容較為複雜的彈出層使用 .blk 的 class，內部的 a 標籤重新定義 */
.blk a, .inlinelist a { display: inline; padding: 0; border: none; }
.blk a:hover { background: none; color: {LINK}; text-shadow: none; text-decoration: underline; }
.inlinelist { padding: 5px; }
.inlinelist a { float: left; width: 5em; height: 2em; overflow: hidden; text-align: center; line-height: 2em; }
.h_pop { min-width: 120px; border-top: none; }
/* .txt 和 .textarea 屬於舊的命名規範，待整理 by lushnis */.p_opt .txt, .p_opt .txtarea { margin: 5px 0; }

.p_pop .flbc, .p_pof .flbc { margin-right: 8px; margin-top: 4px; }

/* 彈出層 以下 class 都可以分開寫，單獨定義，以便個性化 */
/* 四條邊、四個角的公用樣式 */
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; {FLOATMASKBGCODE}; opacity: 0.2; filter: alpha(opacity=20); }
/* 四個角 */
.t_l, .t_r, .b_l, .b_r { width: 8px !important; height: 8px !important; }
/* 上下兩條邊 */
.t_c, .b_c { height: 8px !important; width:auto !important; }
/* 左右兩條邊 */
.m_l, .m_r { width: 8px !important; }

.mbm { margin-right:0 !important; }
.t_l { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; }
.t_r { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; }
.b_l { -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; }
.b_r { -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; }
.m_c { width:auto !important; {FLOATBGCODE}; }

/* 彈出層內容區 by Pony */
.m_c .tb { margin: 0 0 10px; padding: 0 10px; }
.m_c .c { padding: 0 10px 10px; }
.m_c .o { padding: 8px 10px; height: 26px; text-align: right; border-top: 1px solid #CCC; background: {COMMONBG}; }
/* 分享時會用到 */
.m_c .el { width: 420px; }
.m_c .el li { padding: 0; border: none; }

/* .flb 彈出層header */
.flb { padding: 10px 10px 8px; height: 20px; line-height: 20px; }
.flb em { float: left; font-size: 14px; font-weight: 700; color: {HIGHLIGHTLINK}; }
.flb em a { text-decoration: none; }
.flb .needverify { float: left; margin-left: 8px; padding-left: 13px; width: 45px; height: 21px; line-height: 21px; background: url({IMGDIR}/re_unsolved.gif) no-repeat 0 0; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
.flb .onerror, .flb .onright { padding-left: 20px; height: auto; line-height: 140%; white-space: nowrap; font-size: 12px; font-weight: 400; }
.flb .onerror { background: url({IMGDIR}/check_error.gif) no-repeat 0 50%; }
.flb .onright { background: url({IMGDIR}/check_right.gif) no-repeat 0 50%; color: {MIDTEXT}; }

.flb span { float: right; color: {LIGHTTEXT}; }
.flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: {LINK}; }
.flb span a:hover { color: {LIGHTTEXT}; }
.flbc { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url({IMGDIR}/cls.gif) no-repeat 0 0; cursor: pointer; }
.flbc:hover { background-position: 0 -20px; }

.floatwrap { overflow: auto; overflow-x: hidden; margin-bottom: 10px; height: 280px; }

.f_c { }
.f_c li { list-style: none; }
.f_c hr.l { margin: 0; }
.f_c a { color: {HIGHLIGHTLINK}; }
.f_c .list { margin: 0 auto 10px; width: 570px; border-top: 3px solid {COMMONBORDER}; }
.f_c .list th, .f_c .list td { padding: 5px 2px; height: auto; border-bottom: 1px dashed {COMMONBORDER}; }
.f_c .list .btns th, .f_c .list .btns td { border-bottom: none; }
.f_c .th th, .f_c .th td { padding: 10px 0; }
.f_c .list th { background: none; }

/* 彈窗未開啟時 nofloat */
.nfl { height: auto !important; height: 320px; min-height: 320px; }
.nfl .f_c { margin: 60px auto; padding: 20px; width: 580px; border: 3px solid {COMMONBG}; background: {WRAPBG}; }
.nfl .loginform { height: auto; }
.nfl .clause { width: auto; height: auto; }

/* dropdownbtn 下拉菜單 */
.hasd {}
.hasd input { float: left; width: 121px; }
.hasd input.crl { padding: 0; width: 20px; height: 20px; background: none; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; border-width: 1px 0 1px 1px; }
.hasd .spmediuminput { width: 115px; }
.dpbtn { float: left; overflow: hidden; text-indent: -9999px; width: 21px; height: 21px; border-width: 1px 1px 1px 0; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
.dpbtn:hover { background-position: 100% -23px; }
.hasd label { float: left; }
.tpclg h4 a.dpbtn { float: right; border-width: 1px; }
.tpclg h4 { font-weight: 400; }
.tpclg .pt { margin: 5px 0; width: 212px; overflow: hidden; }
/* 下面兩行為評分時用到的 */
.mark .dt, .mark .tpclg h4 { width: 270px; }
.mark .tpclg .pt { width: 260px; }
#postbox dd.hasd input { width: 99px; margin-right: 0; }

/*彈窗 編輯器 顏色框 colorbox*/
.colorbox{ width: 130px !important; }
.colorbox input { float: left; margin: 2px; padding: 0; width: 12px; height: 12px; border: 0; cursor: pointer; }

/*彈窗 編輯器 分割線選擇 hrbox*/
.hrbox{ width: 500px !important; }
.hrbox input { float: left; margin: 2px; padding: 0; width: 495px; height: 25px; border: 0; cursor: pointer;background: #FFFFFF; }

/*彈窗 編輯器 背景選擇 postbgbox*/
.postbgbox{ width: 325px !important; }
.postbgbox input { float: left; margin: 2px; padding: 0; width: 50px; height: 50px; border: 1px solid; border-color: #F7F7F7 #EFEFEF #EFEFEF #F7F7F7; cursor: pointer;background: #FFFFFF; }

/* 短消息對話框 .pm -> personal_message (window) by Pony */
.pm { overflow: hidden; width: 400px; }
.pm .flb { margin-bottom: 0; padding: 1px 5px 4px; background: #CCC url({IMGDIR}/pm.png) repeat-x 0 -101px; }
* html .pm .flb { padding: 4px 5px 1px; }
.pm .flb em { padding-left: 15px; background: url({IMGDIR}/pm.png) no-repeat 0 -65px; text-shadow: 1px 1px 1px {WRAPBG}; color: {LINK}; font-size: 12px; }
.pm .flbc { background-image: url({IMGDIR}/pm.png); }
.pm_tac { padding: 5px 10px; background: {COMMONBG}; } .pm_chat:hover { color:#00a8ff; } .pm_user { display:inline-block; max-width:275px; margin:0 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align:middle; font-weight:bold; } .pm_user img {  margin-right:4px; vertical-align: middle; } .pm_user:hover { color:#00a8ff; }
.pm .c { padding: 0; background: {COMMONBG}; }
.pmb { position: relative; padding: 20px 20px 0; width: 360px; height: 280px; overflow: auto; overflow-x: hidden; }
.pmb li { position: relative; margin-bottom: 10px; }
.pmt { overflow: hidden; position: absolute; bottom: 0; left: -6px; text-indent: -999px; width: 7px; height: 7px; background: url({IMGDIR}/pm.png) no-repeat -13px -40px; zoom: 1; }
.pmd { float: left; padding: 5px 8px; background: #F0F0F0 url({IMGDIR}/pm-bg1.png) repeat-x; border: 1px solid; border-color: #E7E7E7 #BBB #999 #E7E7E7; word-wrap: break-word; -moz-box-shadow: 2px 2px 4px #DDD; -webkit-box-shadow: 2px 2px 4px #DDD; box-shadow: 2px 2px 4px #DDD; -moz-border-radius: 10px 10px 10px 0; -webkit-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0; }
.pmd, .pmd img { max-width: 292px; }
* html .pmd { width: expression(this.offsetWidth > 292 ? 292+'px':'auto'); }
* html .pmd img { width: expression(this.width > 292 ? 292 : true); }
/* 短消息下的引用和代碼樣式 */
.pmd .quote { overflow: hidden; margin: 0; padding-left: 16px; background: url({IMGDIR}/qa.gif) no-repeat 0 0; color: {MIDTEXT}; }
.pmd .quote blockquote { display: inline; margin: 0; padding-right: 16px; background: url({IMGDIR}/qz.gif) no-repeat 100% 100%; }
.pmd .blockcode { overflow: hidden; margin: 0; padding: 0; background: transparent; color: {MIDTEXT}; }
.pmd .blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; }
* html .pmd .blockcode code { font-family: 'Courier New', serif; }
.pmm .pmt { right: -6px; left: auto; background-position: 0 -47px; }
.pmm .pmd { float: right; background: #FEF5E7 url({IMGDIR}/pm-bg2.png) repeat-x; border-color: #FFC68C #F9D4A7 #F3BB65 #DDC4A9; -moz-box-shadow: -2px 2px 4px #DDD; -webkit-box-shadow: -2px 2px 4px #DDD; box-shadow: -2px 2px 4px #DDD; -moz-border-radius: 10px 10px 0 10px; -webkit-border-radius: 10px 10px 0 10px; border-radius: 10px 10px 0 10px; }
.pmb h4 { text-align: center; }
.pmfm { padding: 0 15px 15px; }
.pmfm .tedt { width: 365px; }
.pmfm .pt { height: 65px; }
.pmfm .pn { float: right; }
.pma a { margin-right: 5px; }

/* 短消息聯繫人列表 by Pony */
.pmo { position: absolute; top: 8px; right: 10px; overflow: hidden; padding-left: 10px; width: 130px; height: 31px; line-height: 24px; line-height /*\**/: 26px\9; background: url({IMGDIR}/pn.png) repeat-x 0 -320px; text-shadow: 1px 1px 1px {WRAPBG}; }
.pmo em { display: block; padding: 3px 5px 4px 0; background: url({IMGDIR}/pn.png) no-repeat 100% -360px; }
.pmo a { overflow: hidden; white-space: nowrap; display: block; padding-right: 10px; background: url({IMGDIR}/pm.png) no-repeat 100% -222px; outline: none; }
.pmo .b { background-position: 100% -278px; }

/* .pmfl -> pm_friend_list (Window) */
.pmfl { position: absolute; top: 35px; right: 10px; z-index: 200; width: 138px; border: solid #CCC; border-width: 0 1px 1px; background: {WRAPBG}; }
.pmfl .s, .pmfl .o { padding: 5px; border-bottom: 1px solid #CCC; background: {COMMONBG}; }
.pmfl .o { border-bottom-color: {WRAPBG}; }
.pmfl .s .px { padding-left: 20px; width: 101px; background: {WRAPBG} url({IMGDIR}/pm.png) no-repeat 0 -160px; }
.pmfl .o .ps { width: 100%; }
.pmfl ul { overflow: auto; overflow-x: hidden; width: 138px; height: 306px; }
.pmfl li { padding: 5px; height: 24px; }
.pmfl .avt { float: left; width: 29px; height: 29px; }
.pmfl .avt img { padding: 0; width: 24px; height: 24px; border: none; }
/* 跳動的頭像樣式 by Pony */
.pmfl .newpm img { margin: 1px 0 0 1px; }
.pmfl p { overflow: hidden; white-space: nowrap; width: 78px; }
/* 當前交談的用戶 */
.pmfl p .a { color: red; }
/* 在線的用戶 */
.pmfl p .ol { color: {LINK}; }
.pmfl strong { color: #000; }

/* 登錄和註冊 */

/*** by Andrew ***/
.rfm1 { margin: 0 auto; width: 330px; /*border-bottom: 1px dotted {COMMONBORDER};*/ }
.rfm1 a { color: {HIGHLIGHTLINK}; }
.rfm1 .rq { color: red; }
.rfm1 .txtcol { text-align: right; }
.rfm1 th, .rfm td { padding: 10px 2px; vertical-align: top; line-height: 24px; }
.rfm1 .tipwide { padding-top: 0; }
.rfm1 th { padding-right: 10px; width: 10em; text-align: right; }
.rfm1 .px { width: 200px; border:1px solid #cccccc; }
.rfm1 .px:focus { border-color: {HIGHLIGHTLINK}; background: #FFF; }
.rfm1 .p_tip { position: absolute; z-index: 2; display: none; width: 270px; background: {WRAPBG}; color: {MIDTEXT}; font-style: normal; }
.rfm1 .p_chk { position: absolute; z-index: 1; width: 270px; color: red; font-weight: 700; font-family: {FONT}; word-wrap: break-word; }
.rfm1 #emailmore { position: absolute; }
.rfm1 .l { margin: 0; }
/****************/

.rfm { margin: 0 auto; width: 760px; border-bottom: 1px dotted {COMMONBORDER}; }
.rfm a { color: {HIGHLIGHTLINK}; }
.rfm .rq {}
.rfm th, .rfm td { padding: 10px 2px; vertical-align: top; line-height: 24px; }
.rfm .tipwide { padding-top: 0; }
.rfm th { padding-right: 10px; width: 10em; text-align: right; }
.rfm .px { width: 220px; }
.rfm .px:focus { border-color: {HIGHLIGHTLINK}; background: #FFF; }
.rfm .p_tip { position: absolute; z-index: 2; display: none; padding-left: 10px; width: 390px; background: {WRAPBG}; color: {MIDTEXT}; font-style: normal; }
.rfm .p_chk { position: absolute; z-index: 1; padding-left: 10px; width: 390px; color: red; font-weight: 700; font-family: {FONT}; }
.rfm #emailmore { position: absolute; }
.p_right { background: url({IMGDIR}/check_right.gif) no-repeat 10px 12px; width: 30px; }
#returnmessage4 { display: none; padding: 10px 0; border-bottom: 1px solid {COMMONBORDER}; background: #FFE; text-align: center; font-weight: 700; }
#returnmessage4.onerror { display: block; }
.rfm .l { margin: 0; }
.blr .c { padding: 0 10px 10px; }
.login_slct a { margin-right: -8px; padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; }
.fwin .rfm, .nfl .f_c .rfm { width: 500px; }
.fwin .rfm th, .fwin .rfm td, .nfl .f_c .rfm th, .nfl .f_c .rfm td { padding: 6px 2px; }
.fwin .loginb button { margin-left: 11.3em; }
.nfl .f_c .loginb button { margin-left: 12em; }

/* Login Button */
.login_btn { display:block; background-image:url({IMGDIR}/login_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; margin:0; padding:10px 24px; color:#fff; font-size:18px; font-weight:bold; text-shadow:0 1px 1px rgba(0,0,0,0.2); cursor:pointer; border-radius:24px; transition:filter 0.2s linear; }
.login_btn:hover { -webkit-filter:brightness(1.1); filter:brightness(1.1); transition:filter 0.2s linear; }

/*
Name:	 mod_passlevel
Level:	 Function
Explain:	 密碼強度檢測
Last Modify:	lushnis
*/
.passlevel { padding-left: 70px; background: url({IMGDIR}/passlevel.png) no-repeat 0 5px; }
.passlevel1 { background-position: 0 -35px; }
.passlevel2 { background-position: 0 -75px; }
.passlevel3 { background-position: 0 -115px; }

.blr { width: 580px; margin: 20px auto 30px; }
.m_c .blr { margin: 0 auto; }
.lgfm { font-size:{FONTSIZE}; font-family:{FONT}; float: left; margin-bottom: 10px; *margin-bottom: -10px; padding: 20px 0; width: 280px; border-right: 1px solid #CCC; }
.rgs { margin-bottom: 10px; }
.lgfm label, .lgfm p, .reginfo { clear: both; overflow: hidden; display: block; margin-bottom: 10px; line-height: 22px; }
/* 自定義的註冊信息 */
.reginfo label { display: inline; }
.reg_c { float: left; width: 200px; }
.lgfm .txt, .lgfm .px { padding: 2px 4px; height: 16px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background-image: none; }
.lgfm .txt, .lgfm .px, .lgfm .pt { width: 170px; }
.lgfm .ftid a, .lgfm .ftid a:hover { height: 20px; background-position: 100% -1px; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; }
.fsb { clear: both; margin-top: 8px; padding: 10px; }
.fsb .z { padding-top: 5px; }
.m_c .fsb { background: {COMMONBG}; border-top: 1px solid #CCC; }
.fsb .pns { margin-right: 8px; }
.lgfm em, .fsb em { float: left; width: 60px; }
.fsb .pnr { *margin-top: 4px; }
.nlf .txt{ width: 230px; }
.brls { overflow: auto; margin-bottom: 10px; width: 470px; height: 240px; }
.sipt { float: none; margin: 0 0 10px; width: 234px; height: 20px; background-color: {WRAPBG}; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; clear: left; }
.sipt a { float: left; width: 54px; border: none; }
.sipt a:hover, .sipt a:focus { border: none; }
.sipt .txt { float: left; width: 154px; border: none; outline: none; background: {WRAPBG}; }
.sltp { float: none; margin: 10px 0; clear: both; }
.sltp a, .sltp a:hover, .sltp a:focus { height: 20px; line-height: 20px; border-color: #EEE; background-color: transparent; background-position: 100% -1px; color: #069 !important; }
.sltp a:hover, .sltp a:focus { background-position: 100% -24px; }
.lpsw label { float: left; padding-left: 4px; width: 61px; line-height: 150%; }
.clck, .sipt .clck { background: {WRAPBG} url({IMGDIR}/clck.gif) no-repeat 98% 50%; }

.lgf { float: left; overflow: visible; margin: 47px 25px 10px 40px; }
.lgf h4 { margin-bottom: 10px; font-weight: 400; font-size: 14px; }
.lgf a { color: {HIGHLIGHTLINK}; }
.minf { margin-top: 23px; }

/*
Name:	 mod_messagelogin
Level:	 Global
Explain:	 showmessage 處的登錄框
Last Modify:	lushnis
*/
#messagelogin { margin-top: 5px; border-top: 1px solid {COMMONBORDER}; }
#messagelogin .flb { padding-left: 0; }
#messagelogin .blr { margin: 0; }
#messagelogin .lgfm  { padding-top: 0; }
#messagelogin .minf { margin-top: 0; }
#messagelogin .fsb { padding: 0; }

/*
Name:	 mod_fast_login
Level:	 Global
Explain:	 頁面頭部的快速登錄
Last Modify:	Pony 11061011
*/
.fastlg { line-height: 24px; }
.fastlg td { padding: 2px 0 2px 4px; }
.fastlg_fm { margin-right: 5px; padding-right: 5px; border-right: 1px solid {COMMONBORDER}; }
#ls_fastloginfield_ctrl { line-height: 20px; border: none; background-color: transparent; background-position: 100% -1px; }
#ls_fastloginfield_ctrl:hover { background-position: 100% -24px; }
.psw_w { padding-left: 5px; }

.fastlg_l { padding-right: 4px !important; border-right: 1px solid {SPECIALBG}; }

/* 打招呼 by Pony */
.poke { margin: 10px 0; }
.poke li { float: left; margin: 0 1% 5px 0; width: 32%; height: 22px; }
.poke img { vertical-align: middle; }

/* 普通數據列表 datatable by michael */
.dt { border-top: 1px solid {COMMONBORDER}; width: 100%; }
.dt th { background: {COMMONBG}; }
.dt td, .dt th { padding: 7px 4px; border-bottom: 1px solid {COMMONBORDER}; }
.dt .c { width: 50px; }

/* 用來展示數據的表格 */
.tdat { width: 100%; border: 1px solid {COMMONBORDER};float:left; margin:10px 0; }
.tdat th, .tdat td { padding: 4px 5px; border: 1px solid {COMMONBORDER};height:20px; }
.tdats .tdat {float: left; width: 32%; border: none; table-layout: fixed; }
.tdats .tfxf {width: 68%; line-height:15px; }
.tdats .tfx {width: 32%; line-height:15px; } .tdats .tfy {width: 36%;  line-height:15px; }

/* ==  um 公告 幫助 message 通用列表  lum -- um list == */
.um { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; clear: left; }
.umh { margin-bottom: 10px; overflow: hidden; }
.umh h2, .umh h3 { clear: left; font-size:  14px; float: left; background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right 6px;  padding-right: 14px; cursor: pointer; }
.schfaq h3 { background: none; cursor: default; }
.umh h3 a { color: {MIDTEXT}; }
.umh h3 span { font-size: 12px; font-weight: 400; color: {MIDTEXT}; }
.umh h2 em, .umh h3 em { margin-left: 8px; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
.umh_act { float: right; }
.umh .umh_cb { display: none; }
.umh .umh_ext { display: block; }
.umn { background: url({IMGDIR}/dash.gif) repeat-x 0 10px; clear: left; }
.umn h3 { background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right -35px; font-size: 14px; }
.umn .umh_cb { display: block; background-color: {WRAPBG}; color: {MIDTEXT}; cursor: pointer; }
.umn .umh_ext { display :none; }
.lum {}
.lum h2 { font-size: 14px; }
.lum ul { padding: 1em 0 1em 2em; margin-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; }
.lum ul li { padding: 0.2em 0; }

/* pgs --> pages & postbutton 分頁、發帖按鈕, pgb -->返回首頁, nxt -->下一頁 */
.pgs {}
.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; }
.pg { float: right; }
.pg, .pgb { line-height: 26px; }
.pg a, .pg strong, .pgb a, .pg label { float: left; display: inline; font-size:13px; font-weight:bold; margin:0 3px; padding: 0 8px; height: 26px; border:1px solid #ddd; background-color: {WRAPBG}; background-repeat: no-repeat; color:#666; overflow: hidden; text-decoration: none; border-radius:5px; transition:background-color 0.2s linear, color 0.2s linear; }
.pg a:hover, .pgb a:hover { background-color:#6dccff; color:#FFF; border:1px solid transparent; transition:background-color 0.2s linear, color 0.2s linear, border 0.2s linear; }
.pg a:last-child { margin-right:0; }
.pg a.nxt, .pgb a { padding: 0 10px; }
.pg a.nxt { padding-right: 25px; border:1px solid #ddd; background-image: url({IMGDIR}/arw_r_g.png); background-position: 90% 50%; transition:background-color 0.2s linear, border 0.2s linear; }
.pg a.nxt:hover { background-color:#6dccff; border:1px solid transparent; background-image: url({IMGDIR}/arw_r_w.png); transition:background-color 0.2s linear, border 0.2s linear; }
.pg a.prev { border:1px solid #ddd;  background-color:#fff; background-image: url({IMGDIR}/arw_l_g.png); background-position: 50% 50%; transition:background-color 0.2s linear, border 0.2s linear; }
.pg a.prev:hover { background-color:#6dccff; border:1px solid transparent; background-image: url({IMGDIR}/arw_l_w.png); transition:background-color 0.2s linear, border 0.2s linear; }
.pg strong { background-color: #00a8ff;color:#FFF; border:1px solid #transparent; }
.pgb a { padding-left: 25px; background-image: url({IMGDIR}/arw_l.gif); background-position: 10px 50%; }
.pg label { cursor: text; }
.ie6 .pg label { padding-top: 3px; height: 23px; }
.pg label .px { padding:0; margin:0 2px; width:25px; height:20px; line-height:16px; text-align:center; border:1px solid #ccc; border-radius:3px; }
#pgt .pg, #pgt .pgb { /*margin-top: 5px;*/ }
/* 用於行動的按鈕 button action */
.bac {margin: 0; padding: 0; width: 70px; height: 30px;line-height: 30px; color: {LINK}; overflow: hidden; text-decoration: none; background: url({IMGDIR}/pg_arw.png) no-repeat 0 0; text-align: center; text-indent: -7px; display: block;}

#psd .bn .mbn input, #postbox input { margin-right: 4px; }
#postbox .mbn, #psd .mbn { height: 1.6em; line-height: 1.6em; }

/* 用於積分獎勵提示等彈出層提示 */
.popupcredit {}
.pc_l, .pc_c, .pc_inner, .pc_r { width: 29px; height: 56px; line-height: 56px; background: url({IMGDIR}/popupcredit_bg.gif) no-repeat 0 0; }
.pc_c { width: 200px; background-position: 0 -56px; background-repeat: repeat-x; }
.pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -112px; }
.pc_inner i { margin-right: 10px; font-size: 12px; font-style: normal; color: {LIGHTLINK}; font-weight: 400; }
.pc_inner span { margin-right: 15px; color: #FFEA97; font-size: 14px; font-weight: 700; }
* html .pc_inner span { display: inline-block; }
.pc_inner span a { color: #FFEA97; text-decoration: underline; }
.pc_inner span em { color: {LIGHTLINK}; font-size: 18px; font-weight: 400; }
.pc_inner span u { font-size: 10px; text-decoration: none; }
.pc_inner span em.desc { color: #930; }
.pc_btn img { opacity: 0.5; }
.pc_btn:hover img { opacity: 1; }
.pc_r { background-position: -30px 0; }

/* 用於文字提示等彈出層提示 */
.popuptext .pc_l,.popuptext .pc_c,.popuptext .pc_inner,.popuptext .pc_r { background: url({IMGDIR}/popuptext_bg.gif) no-repeat 0 0; }
.popuptext .pc_c { width: 200px; background-position: 0 -56px; background-repeat: repeat-x; }
.popuptext .pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -112px; }
.popuptext .pc_r { background-position: -30px 0; }

/* 快速跳轉菜單 */
#fjump_menu { padding: 7px 0 10px 10px; }
#fjump_menu .sch { position: absolute; top: 6px; right: 10px; }
.jump_bdl { overflow: hidden;padding-top:10px; }
.jump_bdl li { float: left; overflow-x: hidden; overflow-y: auto; margin-right: 10px; padding: 5px; width: 178px; height: 300px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; }
.ie6 .jump_bdl li { clear: none !important; float: left !important; width: 178px !important; }
.bdl_title li { float: left; margin-right: 9px; padding: 0 1px; width: 189px; height: 33px; line-height: 23px; font-weight: 700; }
.bdl_title .px { width: 80px; }
.jump_bdl p { overflow: hidden; height: 25px; line-height: 25px; }
.jump_bdl .sub { text-indent: 1em; }
.jump_bdl .child { text-indent: 2em; }
.jump_bdl a { display: block; position: static !important; padding: 0 4px; text-decoration: none; color: {TABLETEXT}; }
.jump_bdl .a a, .jump_bdl .a a:hover { background-color: {SPECIALBG}; }

/* 可用道具列表 by lushnis */
.mgcmn { width: 100px; }
.mgcmn a { padding-left: 25px; line-height: 16px !important; }
.mgcmn img { position: absolute; margin-left: -20px; }

/* 高亮道具用到的 */
.cmen { overflow: hidden; width: 63px; }
.cmen a { overflow: hidden; float:left; width: 20px; height: 20px; }


/* 熱點：站長推薦內容，在頁面右下角彈出 */
.focus { position: fixed; right: 10px; bottom: 0; z-index: 300; overflow: hidden; width: 270px; background: {WRAPBG}; }
* html .focus { position: absolute; top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); }
.fctrl { margin-left: 10px; font-weight: 400; }
.fctrl img { margin-bottom: -4px; }
.fctrl em { display: inline-block; }
.focus .m img { width: 60px; height: 60px; }
.focus dt { padding-top: 0; }

/* 分享的驗證碼（全局） by Pony */
.m_c .sec .secq { display: block; margin: 5px 0 10px; }

/*
Name:	 mod_reason_select
Level:	 Global
Explain:	 類似評分窗口中的評分原因選擇的樣式
Last Modify:	Alice
*/
.reason_slct {}
.reason_slct .reasonselect { height: 4.3em; overflow: scroll !important; overflow-x: auto !important; }
.reason_slct .reasonselect li { white-space: nowrap; }
.reason_slct .pt, .reason_slct .px { width: 22.2em !important; }
.reasonarea { height: 5.8em; }
.reason_slct .reasonselect:hover { height:auto; }

/*
Name:	 mod_filebtn
Level:	 Global
Sample:	 <div class="filebtn">
<input type="file" class="pf cur1" size="1" />
<button type="button" class="pn pnc"><strong>{lang}</strong></button>
</div>
Explain:	 模擬 <input type="file" />，注意不要讓 button 太寬
Last Modify:	Pony
*/
.filebtn { position: relative; margin: 0 auto; width: 60px; overflow: hidden; }
.filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; filter:alpha(opacity=0); }

/* 上傳彈出層 */
.upfile { width: 220px; }
.uploadform { padding: 0 10px; border: 1px dashed {COMMONBORDER}; background: {COMMONBG}; }

/*
Name:	 mod_flashupload
Level:	 Global
Explain:	 Flash 上傳時的處理界面，結構參見 /static/js/fileprogress.js
Last Modify:	Pony 2012022813
*/
.progressWrapper { overflow: hidden; width: 100%; }
.progressContainer { overflow: hidden; margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; }
.message { overflow: hidden; margin: 1em 0; padding: 10px 20px; border: solid 1px #FD9; background-color: #FFC; } /* Message */
.red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Error */
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Current */
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } /* Complete */
.progressName { overflow: hidden; white-space: nowrap; width: 323px; height: 18px; text-align: left; font-weight: 700; color: #555; }
.progressBarInProgress, .progressBarComplete, .progressBarError { clear: both; margin-top: 2px; width: 0; height: 2px; background-color: blue; font-size: 0; }
.progressBarComplete { visibility: hidden; width: 100%; background-color: green; }
.progressBarError { visibility: hidden; width: 100%; background-color: red; }
.progressBarStatus { white-space: nowrap; margin-top: 2px; width: 337px; text-align: left; }
a.progressCancel { display: block; float: right; width: 14px; height: 14px; background: url({IMGDIR}/cancelbutton.gif) no-repeat -14px 0; font-size: 0; }
a.progressCancel:hover { background-position: 0 0; }
.swfupload { vertical-align: top; }

/* ------------------------------------------------------------------------ 拖拽及頁面 DIY */
.frame, .frame-tab { margin-bottom: 10px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; }
.title { padding: 0 10px; height: 32px; font-size: 25px; font-weight: 100; line-height: 25px; overflow: hidden; }
.frame-title, .frametitle, .tab-title { background: {COMMONBG} url({IMGDIR}/title.png) repeat-x /*0 100%*/; }

/* 新的框架結構 */
.frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-3-1-l, .frame-1-3-l { float: left; }
.frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-3-1-r, .frame-1-3-r { float: right; }
.frame-1-1-l, .frame-1-1-r { width: 49.9% }
.frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l { width: 33.3%; }
.frame-2-1-l, .frame-1-2-r { width: 66.6%; }
.frame-3-1-l, .frame-1-3-r { width: 74.9%; }
.frame-3-1-r, .frame-1-3-l { width: 24%; height:auto; /*border-left:1px solid #ccc;*/ }
/* End */

/* X1 之前的框架結構 */
.frame .mn { margin-bottom: 0; }
.frame .sd { min-height: 0; _height: auto; }

.frame-1-1 .col-r { float: right; width: 49.9%; }
.frame-1-1 .col-l { float: left; width: 49.9%; }

.frame-1-2 .mn, .frame-1-2 .col-r, .frame .frame-1-2 .mn, .frame .frame-1-2 .col-r { float: right; width: 66.6%; }
.frame-1-2 .sd, .frame-1-2 .col-l, .frame .frame-1-2 .sd, .frame .frame-1-2 .col-l { float: left; width: 33.3%; }

.frame-2-1 .mn, .frame-2-1 .col-l, .frame .frame-2-1 .mn, .frame .frame-2-1 .col-l { float: left; width: 66.6%; }
.frame-2-1 .sd, .frame-2-1 .col-r, .frame .frame-2-1 .sd, .frame .frame-2-1 .col-r { float: right; width: 33.3%; }

.frame-1-3 .mn, .frame-1-3 .col-r, .frame .frame-1-3 .mn, .frame .frame-1-3 .col-r { float: right; width: 74.9%;}
.frame-1-3 .sd, .frame-1-3 .col-l, .frame .frame-1-3 .sd, .frame .frame-1-3 .col-l { float: left; width: 24.9%;}

.frame-3-1 .mn, .frame-3-1 .col-l, .frame .frame-3-1 .mn, .frame .frame-3-1 .col-l { float: left; width: 74.9%;}
.frame-3-1 .sd, .frame-3-1 .col-r, .frame .frame-3-1 .sd, .frame .frame-3-1 .col-r { float: right; width: 24.9%}

.frame-1-1-1 .col-l { float: left; width: 33.3%; }
.frame-1-1-1 .col-c { float: left; width: 33.3%; }
.frame-1-1-1 .col-r { float: right; width: 33.3%; }

.frame .frame-1-1-1 .col-l, .frame .frame-1-1-1 .col-c, .frame .frame-1-1-1 .col-r { padding: 0; width: 33%; }
.frame .frame-1-1 .col-l, .frame .frame-1-1 .col-r { width: 49.9%; }
/* End */

.frame .title .titletext, .block .title .titletext{ float: left; }
.frame-tab .tab-title .titletext { float: left; margin: 0 10px; }
.tab-title { padding: 0; width: 100% !important; border: none; }
.frame-tab .tb { display:flex; margin:0; padding:0; line-height:30px;  box-sizing:border-box; }
.frame-tab .tb li { margin:0; }
.frame-tab .tb li a { background-color:#ccc; color:#777; margin-right:1px; font-weight:normal; text-align:center; border-top-left-radius:8px; box-shadow:0 -3px 10px -3px rgba(0,0,0,0.2) inset; border-top-right-radius:8px; transition:background-color 0.2s linear, color 0.2s linear; }
* html .frame-tab .tb li a { float: left; }
.frame-tab .tb .a a { background-color:#FFF; color:#00a8ff; border:1px solid #ccc; border-bottom:1px solid #fff; box-shadow:none; transition:background-color 0.2s linear, color 0.2s linear; }
.frame-tab .tb-c { border:1px solid #ccc; border-top:0; border-bottom-left-radius:8px; border-bottom-right-radius:8px; overflow:hidden; box-sizing:border-box; }

.block { margin: 10px 5px 0; }
.frame-1-2 .sd .block, .col-l .block, .frame-2-1 .mn .block, .frame-1-1-1 .col-c .block, .frame-1-3 .sd .block, .frame-3-1 .mn .block { margin-right: 10px; }
.frame-1-2 .mn .block, .col-r .block, .frame-2-1 .sd .block, .frame-1-1-1 .col-c .block, .frame-1-3 .mn .block, .frame-3-1 .sd .block { margin-left: 10px; }
body#space .block { margin: 0 5px 10px; }
.temp {margin:1px;}
/* 重定義 frame */
#ct .frame { margin: 0; border: none; }
.bx { border: none; }
.bx .frame-1-1-1 { background: transparent url({IMGDIR}/vline2.png) repeat-y 320px 0; }
.bx .frame-2-1 { background: transparent url({IMGDIR}/vline.png) repeat-y 645px 0; }

/* 拖動生成的頁面元素 by lushnis */
.drag .block .title { margin-bottom: 0; padding-left: 0; font-size: 14px; font-weight: 700; }

/* 重定義 block */
#ct .sd .block { margin: 0; }

.block .xl1 ul li { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 50%; }
.ie_all .block .xl1 ul li { background-position: 0 6px; }

/* Frame stylies by lushnis */
.xfs { border-top: none; }
.xfs .frame-title, .xfs .frametitle, .xfs .tab-title { border: none; background: transparent url({IMGDIR}/mu.png) repeat-x 0 0; }
.xfs .frame-title, .xfs .frametitle, .xfs .tab-title, .xfs .frame-title a, .xfs .frametitle a, .xfs .tab-title a { color: #FFF !important; }
.xfs .tb li a { height: 32px; border: none !important; }
.xfs .tb .a a { background: transparent url({IMGDIR}/mu.png) no-repeat 50% -165px; }
.xfs_1 { border-color: #2267B5; }
.xfs_1 .frame-title, .xfs_1 .frametitle, .xfs_1 .tab-title  { background-color: #2267B5; background-position: 0 0; }
.xfs_1 .tb .a a { background-position: 50% -66px; }
.xfs_2 { border-color: #A90000; }
.xfs_2 .frame-title, .xfs_2 .frametitle, .xfs_2 .tab-title  { background-color: #A90000; background-position: 0 -99px; }
.xfs_2 .tb .a a { background-position: 50% -165px; }
.xfs_3 { border-color: #006C6C; }
.xfs_3 .frame-title, .xfs_3 .frametitle, .xfs_3 .tab-title  { background-color: #006C6C; background-position: 0 -198px; }
.xfs_3 .tb .a a { background-position: 50% -264px; }
.xfs_4 { border-color: #EC5A00; }
.xfs_4 .frame-title, .xfs_4 .frametitle, .xfs_4 .tab-title  { background-color: #EC5A00; background-position: 0 -297px; }
.xfs_4 .tb .a a { background-position: 50% -363px; }
.xfs_5 { border-color: #6F099E; }
.xfs_5 .frame-title, .xfs_5 .frametitle, .xfs_5 .tab-title  { background-color: #6F099E; background-position: 0 -396px; }
.xfs_5 .tb .a a { background-position: 50% -462px; }
.xfs_nbd { border: none; }
.xfs_nbd .block { margin-top: 0; margin-bottom: 10px; }
.xfs_nbd .col-l .block, .xfs_nbd .frame-1-1-l .block, .xfs_nbd .frame-2-1-l .block, .xfs_nbd .frame-1-2-l .block, .xfs_nbd .frame-3-1-l .block, .xfs_nbd .frame-1-3-l .block, .xfs_nbd .frame-1-1-1-l .block { margin-left: 0; }
.xfs_nbd .sd .block, .xfs_nbd .col-r .block, .xfs_nbd .frame-1-1-r .block, .xfs_nbd .frame-2-1-r .block, .xfs_nbd .frame-1-2-r .block, .xfs_nbd .frame-3-1-r .block, .xfs_nbd .frame-1-3-r .block, .xfs_nbd .frame-1-1-1-r .block { margin-right: 0; }


/* Block stylies by lushnis */
.xbs { background: no-repeat 0 100%; }
.xbs .title { padding-left: 0; padding-right: 10px; background: no-repeat 100% 0; }
.xbs .titletext { float: left; padding-left: 10px; background: no-repeat 0 0; }
.xbs .dxb_bc { padding-bottom: 6px; background: transparent no-repeat 100% 100%; }
.xbs .module, .xbs .portal_block_summary { padding: 10px 10px 4px; border-style: solid; border-width: 0 1px; }
.xbs_1 { border: 1px solid #CCC; }
.xbs_1 .title { padding: 0 10px; height: 31px; border-bottom: 1px solid #CCC; background: url({IMGDIR}/thead.png) repeat-x 0 0; line-height: 31px; }
.xbs_1 .title, .xbs_1 .title a { color: #666 !important; }
.xbs_1 .dxb_bc { padding: 9px 10px; }
.xbs_2 { background-image: url({STATICURL}image/diy/bs_2_ft.png); }
.xbs_2 .title, .xbs_2 .titletext { background-image: url({STATICURL}image/diy/bs_2_hd.png); }
.xbs_2 .title, .xbs_2 .title a { color: #F60 !important; }
.xbs_2 .dxb_bc { background-image: url({STATICURL}image/diy/bs_2_ft_r.png); }
.xbs_2 .module, .xbs_2 .portal_block_summary { border-color: #E0E0E0; }
.xbs_3 { background-image: url({STATICURL}image/diy/bs_3_ft.png); }
.xbs_3 .title, .xbs_3 .titletext { background-image: url({STATICURL}image/diy/bs_3_hd.png); }
.xbs_3 .title, .xbs_3 .title a { color: #FFF !important; }
.xbs_3 .dxb_bc { background-image: url({STATICURL}image/diy/bs_3_ft_r.png); }
.xbs_3 .module, .xbs_3 .portal_block_summary { border-color: #B2B2B2; background-color: #F1F1F1; }
.xbs_4 { background-image: url({STATICURL}image/diy/bs_4_ft.png); }
.xbs_4 .title, .xbs_4 .titletext { background-image: url({STATICURL}image/diy/bs_4_hd.png); }
.xbs_4 .title, .xbs_4 .title a { color: #FFF !important; }
.xbs_4 .dxb_bc { background-image: url({STATICURL}image/diy/bs_4_ft_r.png); }
.xbs_4 .module, .xbs_4 .portal_block_summary { border-color: #B2B2B2; }
.xbs_5 { background-image: url({STATICURL}image/diy/bs_5_ft.png); }
.xbs_5 .title { padding: 0 10px; height: 30px; border: 1px solid; border-color: #F08C3B #F08C3B #DDD; background: url({STATICURL}image/diy/bs_5_hd.png) repeat-x 0 0; line-height: 30px; }
.xbs_5 .title, .xbs_5 .title a { color: #BC4A2D !important; }
.xbs_5 .dxb_bc { padding-bottom: 10px; background-image: url({STATICURL}image/diy/bs_5_ft_r.png); }
.xbs_5 .module, .xbs_5 .portal_block_summary { padding: 10px 10px 0; border-color: #F08C3B; }
.xbs_6 { background-image: url({STATICURL}image/diy/bs_6_ft.png); }
.xbs_6 .title, .xbs_6 .titletext { background-image: url({STATICURL}image/diy/bs_6_hd.png); line-height: 24px; }
.xbs_6 .titletext { height: 32px; }
.xbs_6 .title, .xbs_6 .title a { color: #FFF !important; }
.xbs_6 .dxb_bc { background-image: url({STATICURL}image/diy/bs_6_ft_r.png); }
.xbs_6 .module, .xbs_6 .portal_block_summary { border-color: #4B85A0; }
.xbs_7 { background-image: url({STATICURL}image/diy/bs_7_ft.png); }
.xbs_7 .title, .xbs_7 .titletext { background-image: url({STATICURL}image/diy/bs_7_hd.png); }
.xbs_7 .title, .xbs_7 .title a { color: #444 !important; }
.xbs_7 .dxb_bc { background-image: url({STATICURL}image/diy/bs_7_ft_r.png); }
.xbs_7 .module, .xbs_7 .portal_block_summary { border-color: #E5E5E5; }

.fcs { font-size: 12px; }
.fcs dt, .fcs dd { margin: 0; padding: 0; }
.fcs dt { font-size: 18px; font-weight: 100; }
.fcs dd, .fcs dd a { color: {MIDTEXT}; }

/* 幻燈片 */
.slideblock { position: relative; }
.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000); color: #FFFFFF; overflow: hidden; }
.slidebar li { float:left; margin-right:3px; width:20px; height:20px; line-height:20px; text-align:center; font-size:10px; cursor: pointer; border-radius:3px; }
.slidebar li.on { background: rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF); color: #000; font-weight: 700; }

/* 清除DIY產生的多餘樣式使用的公共樣式 */
.cl_frame_bm { margin: 0 !important; border: 0 !important;}
.cl_block_bm { margin: 0 !important; border: 0 !important;}
.cl_block_bm .dxb_bc { margin: 0 !important;}

/* 側邊調用 */
/* 投票 */
.b_poll dt { padding-left: 20px; background: url({IMGDIR}/pollsmall.gif) no-repeat 0 9px; }
.b_poll dd li { padding: 0 0 4px 20px; }
.b_poll dd li .pc { float: left; margin: 4px 0 0 -20px; }
.b_debate {}
.b_debate dt { padding-left: 20px; background: url({IMGDIR}/debatesmall.gif) no-repeat 0 10px; }
.b_debate .chart { position: relative; margin: 8px auto; padding: 0; width: 279px; height: 78px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 0; }
.b_debate .chart strong { position: absolute; top: 25px; width: 80px; font-size: 14px; text-align: center; }
.b_debate .chart .debater2 { right: 0; }
.b_debate .chart1, .b_debate .chart2 { position: absolute; left: 80px; bottom: 0; width: 40px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 -78px; }
.b_debate .chart2 { left: 159px; background-position: 100% -78px; }
.b_debate p { height: 1.5em; overflow: hidden; }
.b_hstab td { padding: 5px 0; border-bottom: 1px solid {COMMONBORDER}; }


/*
Name:	 mod_tip
Level:	 Global
Explain:	 彈出的氣泡信息，1、2、3、4 分別指氣泡尖角從左上到左小順時針方向的位置
Last Modify:	lushnis
*/
.tip { position: absolute; padding: 10px; max-width: 260px; border: 1px solid #B1B1B1; background: #FEFEE9; }
.tip_1, .tip_2 { margin-top: 8px; }
.tip_3, .tip_4 { margin-top: -8px; }
.tip_horn { position: absolute; width: 11px; height: 6px; overflow: hidden; }
.tip_1 .tip_horn { left: 5px; top: -6px; background: url({IMGDIR}/tip_top.png); }
.tip_2 .tip_horn { right: 5px; top: -6px; background: url({IMGDIR}/tip_top.png); }
.tip_3 .tip_horn { right: 5px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); }
.tip_4 .tip_horn { left: 5px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); }
.tip_js .tip_horn { right: 61px; bottom: -6px; background: url({IMGDIR}/tip_bottom.png); }
.aimg_tip { margin-top: 0; }

/* 推薦商品 by dfox */
em.hot { position: absolute; left: -2px; top: -2px; text-indent: -9999px; overflow: hidden; background: url({IMGDIR}/hot.png) no-repeat 0 0; }

/* 板塊、群組、空間主區域/側邊搜索 by dfox */
.gsh { text-align: center; }
.gsh h1 { margin: 1em 0 0.5em -60px; font-size: 16px; font-weight: 100; }
.gsh .px { width: 272px; }
.gsh .pns .px { margin-right: 3px; width: 190px; }

/* &#65533;&#65533;&#141;c&#65533;&#65533; */
.card { padding: 0; width: 295px !important; border-color: {SPECIALBORDER}; background: #FDFEFF; }
.card .p_opt { padding: 0; }
.card .avt { position: absolute; display: inline; margin-left: -70px; width: 70px; }
.card_mn, .card_info { padding: 10px 10px 10px 80px; }
.card_mn { min-height: 56px; }
.ie6 .card_mn { height: 56px; }
.card_info { border: dashed {COMMONBORDER}; border-width: 1px 0; }
.card_msg { width: 95%; height: 4em; }
.card a { padding: 0; display: inline !important; white-space: normal; border-bottom: none; }
.card a:hover { background-color: transparent !important; color: {TABLETEXT}; text-shadow: none; }
.card .o { clear: both; padding: 5px 10px; }
.card .o a { float: left; margin: 3px 5px 3px 0; padding: 2px 0; width: 5em; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG} url({IMGDIR}/card_btn.png) repeat-x 0 100%; line-height: 14px; text-align: center; }
.ie_all .card .o a { padding: 3px 0 0; }
.card .mgc, .card .f { padding: 0 10px 5px; }
.card .f li { display: block; }
.card_gender_0 { background: #efefef url({IMGDIR}/nosexbg.png) no-repeat bottom right; }
.card_gender_1 { background: #bbebf9 url({IMGDIR}/gentlemanbg.png) no-repeat bottom right; }
.card_gender_2 { background: #fce0df url({IMGDIR}/ladybg.png) no-repeat bottom right; }

/*
Name:	 mod_BIUC
Level:	 Global
Explain:	 模塊中編輯單條數據BIU、顏色選擇器其中 colorwd 要配合 pn 使用（不要合併 colorwd 的 background，因為其他配色會受影響）
Last Modify:	Pony
*/
.ss em { display: block; float: left; margin-right: 2px; padding-left: 7px; width: 16px; line-height: 23px; background: #EEE; cursor: pointer; }
.ss em.a { background: #09F; color: #FFF; }
.dopt a { float: left; margin-right: 3px; width: 21px !important; height: 21px; line-height: 21px; text-align: center; }
.dopt_b, .dopt_i, .dopt_l { border: 1px solid #F1F5FA; outline: none; }
.dopt .cnt { border: 1px solid #999; background-color: {WRAPBG}; }
.colorwd { margin-left: 3px; width: 23px !important; background-color: {MIDTEXT}; background-image: url({IMGDIR}/pn_color.png) !important; background-repeat: no-repeat; background-position: 0 0; }
.colorwd:active { background-position: 0 0; }
.ie6 .colorwd, .ie7 .colorwd { background-position: -1px -1px; }
.ie6 a.colorwd, .ie7 a.colorwd { background-position: 0 0; }
.colorpx { margin: 0 -3px 0 3px; border-right: none; }

/*
DIY圖片幻燈片未加載時隱藏,模塊標識隱藏
*/
.slidebox, .block-name {display: none; }

.imgzoom_title { padding: 10px 0 0; color: #666; }
.imgzoom_exif { position: absolute; left: 10px; bottom: 24px; padding: 0 6px; height: 25px; background: rgba(0,0,0,.6); text-align: left; line-height: 1.5; color: white;  overflow: hidden;}
.imgzoom_exif_hover { height: auto; }
.ie_all .imgzoom_exif, .imgzoom_exif_hover { background: #000; }
.ie6 .imgzoom_exif { bottom: 39px; }

.patch { width: 300px; }
.patch .bm { border-color: #F26C4F; background: #FFF; }
.patch .allfixed { border-color: #6C3; }
.patch .bm_h { border: solid #FFF; border-width: 1px 1px 0; background: #F26C4F; }
.patch .allfixed .bm_h { background: #6C3; }
.patch h2, .patch .bm_h .y { color: #FFF; }
.patch table { table-layout: fixed; }
.patch th, .patch td { padding: 2px; border-bottom: 1px dotted #CDCDCD; }
.patchdate { width: 70px; }
.patchstat { width: 55px; }
.unfixed { color: #F26C4F; }
.plugin { width: 270px; }
.plugin .bm_h { border-color: {COMMONBORDER}; color: {TABLETEXT}; background: {COMMONBG}; }
   
/* 瀑布流佈局 */
#waterfall { position:relative; margin-top:15px; cursor:default; }
.waterfall { display:block; background:#fff; margin:8px; text-align:left; overflow:hidden; border-radius:8px; box-shadow:0 0 8px #aaa; transition:box-shadow 0.2s linear; width:277px; box-sizing:border-box; }
.waterfall:hover { box-shadow:0 0 8px #666; transition:box-shadow 0.2s linear; }
.waterfall .w_cover_box { display:flex; position:relative; overflow:hidden; margin:0; padding:0; }
.waterfall .w_cover { width:100%; height:100%; opacity:1; transform:scale(1); transition:opacity 0.2s linear, transform 0.2s linear; }
.waterfall:hover .w_cover { opacity:0.8; transform:scale(1.05); transition:opacity 0.2s linear, transform 0.2s linear; }
.w_device { position:absolute; bottom:8px; right:5px; background-color:rgba(0,0,0,0.5); color:#fff; border-radius:5px; padding:3px 8px; font-size:12px; box-shadow:0 0 3px rgba(255,255,255,0.5); opacity:0; transition:opacity 0.2s linear; }
.waterfall:hover .w_device { opacity:1; transition:opacity 0.2s linear; }
.waterfall .digest_icon { display:inline; width:auto; }
.w_title_box { position:relative; display:flex; align-items:center; display:block\9; /*ie9 ie10*/ background:#fff; color:#333; font-size:16px; line-height:21px; margin:0; padding:3px 5px; white-space:nowrap; overflow:hidden; word-wrap:normal; transition:color 0.2s linear; }
.waterfall:hover .w_title_box {  color:#00a8ff !important; transition:color 0.2s linear; }
.w_tit_icon { margin-right:3px; }
.w_info { display:flex; justify-content:space-between;  padding:3px 5px; box-sizing:border-box; }
.w_title { width:auto; text-overflow:ellipsis; overflow:hidden; }
.w_data { display:flex; flex-grow:1; align-items:center; color:#666; margin: 0; }
.w_author_box { font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; display:inline-block\9; /*ie9 ie10*/ }
.author_national { font-size:12px; background:#6dccff; font-weight:bold; color:#fff; padding:2px 4px; border-radius:5px; margin-right:3px; cursor:default; }
.waterfall .w_author { color:#666; width:auto; font-size:14px; line-height:16px; text-overflow:ellipsis; overflow:hidden; transition:color 0.2s linear; }
.w_author_box:hover .w_author { color:#33b9ff; transition:color 0.2s linear; }

/* waterfall cite */
.cite_box { justify-content:flex-end; font-size: 14px; text-align:center; float:right\9; /*ie9 ie10*/ }
.cite_icon { position:relative; color:#666; font-weight:bold; margin:0 6px; padding-left:14px; }
.cite_icon::before { display:block; content:""; position:absolute; top:2px; left:0; width:14px; height:14px; background-image:url({IMGDIR}/icon_cite.png); background-repeat:no-repeat; }
.cite_icon:hover::before  { background-position-y:-14px; }
.cite_icon em { background:#fff; padding:0 3px; } 
.cite_reply::before { background-position:-14px 0; }
.cite_reply:hover em  { color:#999; }
.cite_favorites::before { background-position:-28px 0; }
.cite_favorites:hover em { color:#ffa45f; }
.cite_favorites_select em { color:#ffa45f; }
.cite_favorites_select::before { background-position:-28px -14px; }
.cite_heart::before { background-position:-42px 0; }
.cite_heart:hover em { color:#f96fc3; }
.cite_heart_select em { color:#f96fc3; }
.cite_heart_select::before { background-position:-42px -14px; }

/* post_module cite */
.waterfall_cite { color:#666; font-size: 13px; margin: 0; line-height: 20px; text-align:center; padding:5px 10px !important; border:0px; border-top:1px solid #fff; }
.waterfall .auth img { display: inline-block; margin: 0 1px; }
.waterfall_info { color:#666; font-size:13px; padding:0 5px; margin:0; border:1px solid transparent; cursor:default; }
.waterfall_info:hover { background:#fff; border:1px solid #aaa; border-radius:3px; transition:background 0.2s linear,border 0.2s linear; }
.waterfall_info_favorites { color:#f70; font-weight:700; cursor:pointer; }
.waterfall_info_favorites:hover { background:#f70; border:1px solid #f70; border-radius:3px; color:#fff; transition:background 0.2s linear, border 0.2s linear, color 0.2s linear; }
.waterfall_info_heart { color:#f07; font-weight:700; cursor:pointer; }
.waterfall_info_heart:hover { background:#f07; border:1px solid #f07; border-radius:3px; color:#fff;  transition:background 0.2s linear, border 0.2s linear, color 0.2s linear; }
.waterfall_icon { display:inline-block; width:12px; height:12px; overflow:hidden; margin:0 3px 0 0; }
.waterfall_info:hover .waterfall_icon { background-position:0 -12px; }
.waterfall_views { background:url({IMGDIR}/icon_views.png) no-repeat 0 0; }
.waterfall_replies { background:url({IMGDIR}/icon_replies.png) no-repeat 0 0; }
.waterfall_favorites { background:url({IMGDIR}/icon_favorites.png) no-repeat 0 0; }
.waterfall_heart { background:url({IMGDIR}/icon_heart.png) no-repeat 0 0; }

/* viewthread style */
.post_coatent { margin:10px 0; clear:both; }
.postlist_left { float:left; width:880px; background:#fff; box-sizing:border-box; }
.postlist_left_coatent { border:1px solid #ccc; box-shadow:0 0 3px #ddd; border-radius:8px; }
.postlist_left_coatent .pti_content { min-height:auto; margin:-28px 0 6px 62px; }
.postlist_left_coatent .pti_content #threadstamp img { top:-88px; }
.postlist_left_coatent .t_fsz { min-height:auto; }

.postlist_title { padding:10px; border-bottom:1px solid #ddd; overflow:auto; }
.postlist_title .ts { font-size:18px; word-break:break-all; }
.icon_copylink { vertical-align:text-bottom; background:#aaa; border-radius:3px; transition:background 0.2s linear; }
.icon_copylink:hover { background:#36baff; transition:background 0.2s linear; }
.post_count { padding:5px 0 0; font-size:13px; }
.post_vr { display:inline-block; font-size:12px; margin-right:5px; }
.post_vr img { vertical-align:text-bottom; }
.post_vr span:first-child { margin-right:5px; }
.new_reply { background:#fff; border:1px solid #00a8ff; color:#00a8ff; font-size:12px; font-weight:bold; padding:0 8px; border-radius:8px; transition:background 0.2s linear, color 0.2s linear, border 0.2s linear; }
.new_reply:hover { background:#5ec8ff; color:#fff; border:1px solid #5ec8ff; transition:background 0.2s linear, color 0.2s linear, border 0.2s linear; }

.postlist_right { float:right; width:282px; box-sizing:border-box; }
.postlist_right_module { background:#fff; padding:8px; margin-bottom:10px; border:1px solid #ccc; box-shadow:0 0 3px #ddd; border-radius:8px; box-sizing:border-box; overflow:hidden; }

.float_sheets_space { height:116px; }
.float_sheets { position:relative; overflow:auto; clear:both; width:282px; z-index:300; }
.float_sheets_fixed { position:fixed; top:10px; box-shadow:0 0 3px #ccc; }
.float_sheets .post_reply { display:block; margin:0 0 10px; background:#00a8ff; text-align:center; color:#fff; font-size:15px; font-weight:bold; padding:8px; border-radius:5px; transition:background 0.2s linear; }
.float_sheets .post_reply:hover { background:#36baff; transition:background 0.2s linear; }
.float_secondary { width:282px; }

.postlist_right .related_thread { padding:0; }
.float_subject { font-size:17px; font-weight:bold; color:#00a8ff; text-align:center; padding:8px 0; margin:0; }
.related_thread .float_subject {  border-bottom:1px dotted #ccc; }
.related_thread li { background:#fff; transition:background 0.2s linear; }
.related_thread li:hover  { background:#f6f6f6; transition:background 0.2s linear; }
.related_li { display:block; background:url({IMGDIR}/icon_page.png) 4px 10px no-repeat ; margin:0 8px; padding:8px 8px 8px 24px; overflow:hidden; font-size:14px; font-weight:bold; text-align:justify; word-break:break-all; box-sizing: border-box; color:#333; border-bottom:1px dotted #f3f3f3; transition:color 0.2s linear; }
.related_li:hover { color:#00a8ff !important; transition:color 0.2s linear; }

.float_sheets_buttons_li { display:flex; }
.float_sheets_buttons { float:left; margin:0; width:100%; color:#999; text-align:center; font-size:12px; font-weight:bold; box-sizing:border-box; border-right:1px dotted #ccc; width:25%\9\0;; }
.float_sheets_buttons:last-child { border-right:0; }
.float_sheets_buttons .icon_btn { display:block; margin:5px auto; width:16px; height:16px; }
.float_sheets_buttons .icon_post { background:url({IMGDIR}/icon_thread_main.png) no-repeat -16px 0; }
.float_sheets_buttons .icon_rate { background:url({IMGDIR}/icon_thread_main.png) no-repeat -64px 0; }
.float_sheets_buttons .icon_heart { background:url({IMGDIR}/icon_thread_main.png) no-repeat -48px 0; }
.float_sheets_buttons .icon_favorites { background:url({IMGDIR}/icon_thread_main.png) no-repeat -32px 0; }
.sheets_button_post:hover { color:#36baff; }
.sheets_button_rate:hover { color:#79c95e; }
.sheets_button_heart:hover { color:#f96fc3; }
.sheets_button_favorites:hover { color:#ff8e30; }
.float_sheets_buttons:hover .icon_post { background:url({IMGDIR}/icon_thread_main.png) no-repeat -16px -48px; }
.float_sheets_buttons:hover .icon_rate { background:url({IMGDIR}/icon_thread_main.png) no-repeat -64px -48px; }
.float_sheets_buttons:hover .icon_heart { background:url({IMGDIR}/icon_thread_main.png) no-repeat -48px -48px; }
.float_sheets_buttons:hover .icon_favorites { background:url({IMGDIR}/icon_thread_main.png) no-repeat -32px -48px; }

.dotted_line { border-bottom:1px dotted #ccc; }
.poster_customiz { clear:both; width:100%; font-size:13px; font-weight:bold; color:#666; padding-bottom:8px; }
.poster_medal { display:flex; flex-wrap:wrap; padding:5px 0; }
.poster_medal a { display:block; width:35px; height:35px; text-align:center; margin:4px; }
.authi_cards_num { font-size:13px; font-weight:bold; color:#333; padding:5px 0; overflow:hidden; }
.authi_cards_num span { display:block; float:left; width:50%; padding:3px 8px; border-radius:3px; box-sizing:border-box;  cursor:default; transition:background 0.2s linear, color 0.2s linear; }
.authi_cards_num span a { text-decoration:none; }
.authi_cards_num span:hover { background:#dff4ff; border-radius:3px; transition:background 0.2s linear; }
.authi_cards_num span  a:hover { text-decoration:none; color:#2693cd; transition:color 0.2s linear; }
.authi_cards_num span i { float:right; color:#666; }
.person_honor { overflow:auto; }
.author_cards .person_portal { width:100%; margin:5px 0; text-align:center; }
.author_cards .authi_avatar img { width:42px; height:42px; }
.author_cards .person_portal img { width:90%; border-radius:5px; }
.cards_btn { text-align:center; margin:10px 0 5px; }
.cards_btn a { display:inline-block; background:#00a8ff; min-width:100px; margin:0; padding:5px 12px; font-size:13px; font-weight:bold; color:#fff; border-radius:3px; box-sizing:border-box; transition:background 0.2s linear; text-decoration:none; }
.cards_btn a:hover { color:#fff; background:#36baff; transition:background 0.2s linear; text-decoration:none; }

/*2017.3*/
.author_cards .authi_avatar{position:relative;}

/* viewthread_node style */
.authi_avatar img { border-radius:8px; width:54px; height:54px; box-sizing:border-box; }
.authi_p { display:inline; font-weight:bold; line-height:22px; }
.authi_p .post_author { max-width:250px; display:inline-block; }
.authi .bui { width:282px; box-sizing:border-box; }
.authi_info { padding-bottom:8px; font-size:13px; font-weight:bold; }
.post_author, .author_cards .post_author { display:block; max-width:205px; font-weight:bold; font-size:16px; border:none; color:#00a8ff; transition:color 0.2s linear; vertical-align:bottom; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.post_author:hover, .author_cards .post_author:hover { color:#5ec8ff; transition:color 0.2s linear; text-decoration:none; }


/*樓主自回文名稱顯示*/
.return_author {display:inline-block; max-width:250px; font-weight:bold; font-size:16px; border:none; color:#ff6600; transition:color 0.2s linear; vertical-align:bottom; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.return_author:hover { color:#ff9900; transition:color 0.2s linear; text-decoration:none; }

.post_group { color:#999; }
.post_info_data { color:#999; margin-right:15px; }
.thread_show_author { color:#999; transition:color 0.2s linear; }
.thread_show_author:hover { color:#00a8ff; transition:color 0.2s linear; }

.post_raterange { border-radius:3px; color:#fff; font-weight:bold; }
.bg_orange { background:#ff8e30; transition:background 0.2s linear; }
.bg_orange:hover { background:#ffa45f; transition:background 0.2s linear; }
.bg_green { background:#50ae2f; transition:background 0.2s linear; }
.bg_green:hover { background:#79c95e; transition:background 0.2s linear; }
.bg_pink { background:#f750af; transition:background 0.2s linear; }
.bg_pink:hover { background:#f96fc3; transition:background 0.2s linear; }
.bg_purple { background:#a859a9; transition:background 0.2s linear; }
.bg_purple:hover { background:#c188c3; transition:background 0.2s linear; }
.post_ratenange_btn { display:inline-block; margin:0px 3px 0 0; vertical-align:text-bottom; width:16px; height:16px; }
.post_favorites { background:url({IMGDIR}/icon_thread_main.png) no-repeat -32px -16px; }
.post_rate { background:url({IMGDIR}/icon_thread_main.png) no-repeat -64px -16px; }
.post_heart { background:url({IMGDIR}/icon_thread_main.png) no-repeat -48px -16px; }
.post_subtract { background:url({IMGDIR}/icon_thread_main.png) no-repeat -80px -16px; }

.postno_1 { background:#5ec8ff; border:none !important; color:#fff; transition:background 0.2s linear; }
.postno_1:hover { border-color:#fff !important; background:#6dccff; transition:background 0.2s linear; }
.postno_2 { background:#ff6f6f; border:none !important; color:#fff; transition:background 0.2s linear; }
.postno_2:hover { border-color:#fff !important; background:#ff8c8c; transition:background 0.2s linear; }
.postno_3 { background:#ffa45f; border:none !important; color:#fff; transition:background 0.2s linear; }
.postno_3:hover { border-color:#fff !important; background:#ffb67f; transition:background 0.2s linear; }
.postno_4 { background:#79c95e; border:none !important; color:#fff; transition:background 0.2s linear; }
.postno_4:hover { border-color:#fff !important; background:#94d47e; transition:background 0.2s linear; }

.dividers_dotted { display:block; border-bottom:1px solid #ccc; margin:0 10px; }
#postlist .plhin { margin-top:3px; }
#postlist .plhin .plc { padding:0 15px; }
#postlist .plhin .plc .pob { margin:4px 0 4px 62px; }
.post_coatent .pi { margin:0; }
.plc .pi{padding-left:5px;}

/* social share buttons */
.share_social { margin:0 0 20px 0; text-align:center; line-height:32px; }
.share_social a { display:inline-block; width:32px; height:32px; margin:4px 3px; opacity:1; }
.share_social a:hover{ opacity:0.8; }

.share_social2 { margin:0; text-align:left; line-height:29px; }
.share_social2 a { display:inline-block; width:26px; height:26px; margin:0px 0px 0px 4px; opacity:1; vertical-align:top;}
.share_social2 a:hover{ opacity:0.8; }
.share_social2 img { vertical-align:top; margin:0px 3px 0 0; width:26px; height:26px; cursor: pointer;}

.gallery_album_share {  float: right; margin: 25px 40px 0 0; }
.share_count { height:31px; border:1px solid #ccc; padding:0 8px; display:inline-block; vertical-align:top; margin:4px 3px 0 8px; border-radius:5px; font-size:16px; cursor:default; color:#666; }
.share_count:hover { opacity:0.8; border:1px solid #999; }
.share_count img { vertical-align:top; padding-top:5px; margin-right:5px; }

.share_count2 { height:25px; border:1px solid #ccc; padding:0 3px; display:inline-block; vertical-align:top; margin:0px 0px 0 8px; border-radius:5px; font-size:16px; cursor:default; color:#666; }
.share_count2:hover { opacity:0.8; border:1px solid #999; }
.share_count2 img { vertical-align:top;  margin:3px 5px 0px 0px; width:21px; height:20px;}

.sharelist { position:fixed; right:1px !important; bottom:70px; visibility: hidden; }
.sharelist_btn { display:block; float:right; border:0px solid #1a92c5; width:30px; height:24px; margin:0; padding:3px 5px; line-height:6px; text-align:center; color:#787878; border-radius:0px; background: url({IMGDIR}/sharelist.png) no-repeat 0px 0px #2ea7e0;}
.sharelist_btn b { visibility: hidden; }
.sharelist_btn:hover { background: url({IMGDIR}/sharelist.png) no-repeat -43px 0px #3eb5ed; }

.sharelist2 { position:fixed; right:1px; bottom:194px; visibility: hidden; }
.sharelist2_btn { display:block; float:right; border:0px solid #1a92c5; width:40px; height:32px; margin:0; line-height:6px; text-align:center; color:#787878; border-radius:0px; background: url({IMGDIR}/sendmessage.png) no-repeat 0px 0px #2ea7e0;}
.sharelist2_btn b { visibility: hidden; font-weight: normal;}
.sharelist2_btn:hover { background: url({IMGDIR}/sendmessage.png) no-repeat -43px 0px #3eb5ed; border:0px solid #3eb5ed;}

.sharelist2_btn a {  width:40px; height:32px;display: block ;}


.share_bar { display:block; width:auto; height:24px; margin-right:40px; border-bottom:2px solid #2ea7e0; background:#f4f4f4; padding:2px 2px; position:relative;z-index:100; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.share_bar a { float:left; margin:0 !important; padding:0 2px !important; opacity:1; }
.share_bar a:hover { opacity:0.8; }
.share_bar .share_icon { width:24px; height:24px; }

/* 大分頁按鈕 by theo */
.pgbtn { margin: 5px -5px 10px 0; }
.pgbtn a { display: block; height: 40px; line-height: 40px; letter-spacing: 5px; text-align: center; border: 1px solid #DCDCDC; font-size: 14px; outline: none; border-radius: 5px; box-shadow: 0 1px 0 #F5F5F5; }
.pgbtn a:hover { border-color: #BABABA; text-decoration: none; }
.pgbtn a:active { background: #EEE; border-color: #D0D0D0; box-shadow: none; }

#myspace_menu li a, #navs_menu li a { background-repeat: no-repeat; background-position: -200px 0 !important; }

/* Post同意條款 */
#agreement, #agreementInFloat { line-height:20px; }
#agreement a, #agreementInFloat a { color:#00a8ff; }
#agreement input, #agreementInFloat input { margin:12px 5px 0; }
.agree_c1 { width:auto; padding:25px; margin:20px auto; border:1px solid #ccc; text-align:center; }
.agree_c2 { width:auto; padding:25px; margin:auto; font-size:15px; text-align:center; }
.agree_c3 { width:auto; padding:46px 10px; font-size:15px; text-align:center; border:1px solid #ccc; border-radius:3px; }
.agree_c4 { width:600px; padding:40px; font-size:15px; text-align:center;  border-top:1px solid #ccc; }

/*個人頁面用戶標籤*/
.buy_link { color:#333; font-weight:bold; text-decoration:underline; transition:color 0.2s linear; }
.buy_link:hover { color:#00a8ff; text-decoration:underline; transition:color 0.2s linear; }
.home_usertag { display:inline-block; background:#00a8ff; min-width:100px; margin:5px 0; padding:5px 12px; font-size:13px; font-weight:bold; color:#fff; border-radius:3px; box-sizing:border-box; transition:background 0.2s linear; text-decoration:none; }

/* 精華文章登入提醒 */
.view_login { display:flex; flex-wrap:wrap; align-content:center; position:relative; background-color:#fff; width:30%; min-width:500px; height:20%; min-height:240px; margin:auto; padding:20px; border-radius:8px; box-sizing:border-box; box-shadow:0 0 8px rgba(0,0,0,0.5); top:30%\9; /* ie9 ie10*/ margin:0 auto\9; /* ie9 ie10*/ }
.view_login .view_zenny { position:absolute; width:380px; height:380px; top:-100px; right:-120px; background-image:url({IMGDIR}/zenny_happy_jump.png); background-repeat:no-repeat; }
.view_login .view_cont { display:flex; flex-wrap:wrap; align-content:center; align-items:center; }
.view_login .stint_word { width:100%; margin-bottom:8px 0; padding-right:200px; font-size:18px; font-weight:bold; color:#000; cursor:default; }
.stint_word a { margin:0 5px; color:#00a8ff; cursor:pointer; transition:color 0.2s linear; }
.stint_word a:hover { color:#33b9ff; transition:color 0.2s linear; }
.view_login .view_login_btn { display:inline-block; background-color:#00a8ff; margin:8px 8px 8px 0; padding:5px 12px; font-size:15px; color:#fff; text-align:center; border-radius:8px; cursor:pointer; transition:background-color 0.2s linear; }
.view_login .view_login_btn:hover { background-color:#33b9ff; transition:background-color 0.2s linear; }

/*
	Name:			mod_buddy
	Level:			Function
	Explain:		好友列表
*/
	.buddy { margin: 0 -4px 10px -2px; }
		.buddy li { display: inline; float: left; margin: 10px 5px 0; padding: 10px 10px 10px 70px; width: 205px; height:55px; border: 1px solid #F3F3F3; background: #F9F9F9; }
			.ct_vw_mn .buddy li { width: 190px; }
		.buddy h4 { margin-right:5px; }
		.buddy h4 a { display:block; overflow: hidden; word-wrap:normal; white-space: nowrap; text-overflow:ellipsis; }
		.buddy h4 input { float: left; margin-top: 4px; }
		.buddy .avt { position: absolute; margin-left: -60px; }
		.maxh { overflow: hidden; font-size:13px; color:#666; margin-top:1px; }
		.buddy .note { color: green; }
		.addbuddy { padding-left: 20px; background: url({IMGDIR}/addbuddy.gif) no-repeat 0 50%; }

/*
	Name:			mod_buddy_group
	Level:			Function
	Explain:		好友分組
*/
	.buddy_group { margin-top: -5px; }
		.buddy_group li { overflow: hidden; padding: 5px 0; line-height: 20px; border-bottom: 1px dashed {COMMONBORDER}; }
			.buddy_group li.a { font-weight: 700; }
		.buddy_group .b, .buddy_group .o { float: right; width: 20px; height: 20px; overflow: hidden; line-height: 100px; background: url({IMGDIR}/op.png) no-repeat 0 -40px; }
			.buddy_group .b:hover { background-position: 0 -60px; }
		.buddy_group .o { background-position: 0 -80px; }
			.buddy_group .o:hover { background-position: 0 -100px; }

.ntc_body .summary { margin-left: 2em; padding-left: 10px; border-left: 1px solid {COMMONBORDER}; }
	.ntc_body .summary span { color: {LIGHTTEXT}; }
	
/*
	Name:			study_bestanswer
	Level:			plugin
	Explain:		最佳解答
*/	
.ba_block { width: 320px; margin:auto; margin-top:60px; background:url('../../source/plugin/study_bestanswer/images/bestanswer.png') no-repeat right bottom #009eff; border-radius:5px; }
.ba_tr_1 { padding:10px 10px 10px 0; margin:0 10px; }
.ba_tr { padding:10px 10px 10px 0; margin:0 10px; border-top: 1px dotted #fff; width:175px; }
.ba_tr a { color:#ff0; font-size:15px; font-weight:bold;  }
.ba_tr_a:hover { color:#ff0; } 
/** end **/

/*
	Name:			gshop
	Level:			plugin
	Explain:		積分商城(我的 > 物流中心)
*/	
	/*  驗證按鈕 by smile */
		.gshopverif { text-align:right;font-weight:bold;font-size:15px;height:27px; }
		.gshopverif span { line-height:25px; *margin-right:85px; /*for ie7*/}
		.verif_btn_1 { display:block; float:right; color:#555;margin:3px 0 5px 5px;padding:0 8px;border-radius:4px;font-size:13px; background:#fff; border:1px solid #555; font-weight: bold; box-shadow: 0px 1px 0px #999; width: 60px; text-align: center; *position:relative; *top:-26px; /*for ie7*/ }
		.verif_btn_2 { display:block; float:right; color:#f00;margin:3px 0 5px 5px;padding:0 8px;border-radius:4px;font-size:13px; background:#fff; border:1px solid #f00; font-weight: bold; box-shadow: 0px 1px 0px #999; width: 60px; text-align: center; *position:relative; *top:-26px; /*for ie7*/ }
		.verif_btn_1:hover { color:#fff; border:1px solid #00a8ff; background:#00a8ff; }
		.verif_btn_2:hover { color:#fff; border:1px solid #f00; background:#f00; }
	/*  end  */

	/*  收藏商品  */ 
		.goods_list { margin:10px 0; }
		.goods_list ul { display:flex; flex-wrap:wrap; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
		.goods_list .goods_items { display:flex; flex-wrap:wrap; align-items:flex-start; align-content:space-between; position:relative; background-color:#fff; width:25%; padding:12px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; box-sizing:border-box; box-shadow:0 0 0 rgba(0,0,0,0); transition:box-shadow 0.2s linear; }
		.goods_items:hover { box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:100; border-right:1px solid #ccc; border-bottom:1px solid #ccc; transition:box-shadow 0.2s linear; }

		.goods_box { width:100%; }

		.auction_desc { position:absolute;top:5px; right:5px; width:20px; height:20px; background-image:url(../img/description.png); background-repeat:no-repeat; z-index:500; }
		.goods_list_title p{ font-weight:bold; float:left; font-size:26px; color:#00a8ff; margin-right:10px; line-height:15px; *line-height:25px; }
		.goods_list_title span{ font-size:15px; }

		.imgbox { display:block; overflow:hidden; }
		.imgstyle { display:block; background-position:center; background-size:contain; background-repeat:no-repeat; width:250px; height:250px; margin:0; border-radius:8px; transition:transform 0.2s linear; }
		.goods_items:hover .imgstyle { transform:scale(1.03); transition:transform 0.2s linear; }

		.goodsmore{ float:right; margin:10px 0; }
		.goodsmore a { display:block; background-color:#00a8ff; min-width:120px; text-align:center; color:#fff; font-size:15px; padding: 6px 20px; border-radius:8px; transition:background-color 0.2s linear; }
		.goodsmore a:hover { background-color:#33b9ff; transition:background-color 0.2s linear; }
		.goodsinfo { width:100%; margin:4px 0px; }
		.goodstitle { color:#00a8ff; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; word-wrap:normal; }
		.exchange_types { width:100%; color:#333; font-size:13px; font-weight:bold; }
		.goods_exchange { display:flex; position:relative; flex-wrap:wrap; }
		.goods_exchange .exchange_set { display:flex; border:1px solid #ccc; margin:2px 5px 2px 0; border-radius:8px; box-sizing:border-box; cursor:default; }
		.exchange_set .set_value, .goods_data .set_value  { display:flex; margin:3px 4px; align-items:flex-start; }
		.logistic_log .set_value i, .set_value i { margin-left:3px; font-size:12px; font-weight:bold; }
		.set_value .icon_currency { display:inline-block; margin:auto 0; width:14px; height:14px; background-size:14px 14px; }
		.icon_cur_diamond { background-image:url({IMGDIR}/z_diamond_28.png); }
		.icon_cur_pearl { background-image:url({IMGDIR}/z_pearl_28.png); }
		.auction_value { font-size:12px; cursor:default; }
		.auction_value  .set_value i { color:#ff3737; font-size:15px; cursor:default; }
		.bid_times{ color:#999; cursor:default; }
		.bid_user{ color:#00a8ff; font-size:15px; cursor:default; }
		.goods_val_title{ font-size:12px; display:inline-block; width:72px; }

		.goodsbtn { display:block; width:100%; height:32px; margin:0 auto; padding:5px; background-color:#50ae2f; color:#fff; text-align:center; font-size:17px; border-radius:8px; box-sizing:border-box; cursor:pointer; opacity:1; transition:opacity 0.2s linear; }
		.goodsbtn:hover { opacity:0.8; transition:opacity 0.2s linear; }
	
		.collect_del { width:16px; height:16px; position:absolute; top:5px; right:5px; z-index:200; }
		.collect_del:hover { opacity:0.8; filter:alpha(opacity=80); }
	/*  end  */
	
	.gshop_logistic_btn { display:block; float:right; color:#555;margin:5px 0 5px 5px;padding:2px 8px;border-radius:4px;font-size:13px; background:#fff; border:1px solid #555; font-weight: bold; box-shadow: 0px 1px 0px #999; width: 157px; text-align: center; }
	.gshop_logistic_btn:hover { color:#fff; border:1px solid #00a8ff; background:#00a8ff; }

	/* 評價BOX */
	.evaluation_box { border:1px solid #aaa;border-radius:5px; margin:20px 10px; color:#555; box-shadow: 0 0 1px #aaa; }
	.evaluation_box_avatar { width:24px; height:24px; margin:0 10px; border-radius:3px; float:left; }
	.evaluation_box_title { margin:10px; }
	.evaluation_box_title span { margin:0 5px;font-size:13px; }
	.evaluation_box_star { float:right; margin:5px 10px; *position:relative; *top:-22px; }
	.evaluation_box_cont {font-size:13px;margin:0 10px;border-top:1px dotted #ccc; padding:10px; }
	.evaluation_box:hover { border:1px solid #666; }
	/* END */

	/*  table  */
	.logistic_log { font-size:14px; color:#888; border:1px solid #ccc; margin:20px 0; width:100%; box-shadow:0 0 1px #999; word-wrap: break-word; word-break: break-all; border-collapse: separate; }
	.logistic_log:hover { border:1px solid #888; }
	.logistic_log tr { padding:5px; }
	.logistic_log th { padding:5px; text-align:center; border-spacing:1px 5px; background:#eee; border-left:2px solid #fff; border-top:1px dotted #aaa;}
	.logistic_log td { padding:5px; text-align:center; border-spacing:1px 5px; }
	.logistic_log i { font-size:115%; color:#333; margin:0 10px; }
	.logistic_del {float:right;width:16px;height:16px; position:relative; }
	.logistic_del:hover { opacity:0.8; filter:alpha(opacity=80); }
    .logistic_nav li {margin:0 5px}
	/* END */

	/* 標籤樣式 */
	.tag-list{

		margin:5px 0px;
		width:100%;

	}

	.tag-list:after{
	
		content: " ";
		font-size: 0;
		line-height: 0;
		display: block;
		height: 1px;
		margin: -1px 0 0 0;
		clear: both;	
	}

	.tag-list a {
		padding:2px 10px 2px 26px;
		margin:5px 2px;
		position:relative;
		float: left;
		display:block;
		border-radius:5px;
		background:url(../../static/image/common/tag-list-bg.png) 0px -5px no-repeat;
		background-color:#f3f3f3;
		transition: background-color 0.2s linear, color 0.2s linear;
	}

	.tag-list a:hover{
	
		background:url(../../static/image/common/tag-list-bg.png) 0px -35px no-repeat ;
		background-color:#5ec8ff;
		color:#fff;
		transition: background-color 0.2s linear, color 0.2s linear;
	}

	/* END */

	/* 日誌表態區塊樣式 */

	.click-btn-list{
	
		text-align:center;
		padding:15px 0px;
		margin:5px 0px;
	
	}
	.click-btn-list ul{
	
		width:325px;
		height:90px;
		margin:0px auto;
	
	}
	.click-btn-list ul li{
	
		float:left;
		font-size:14px;
		position:relative;
		height:90px;
	
	}

	.click-btn-list ul li a{
	
		background:#e6edf2;
		width:32px;
		height:32px;
		padding:14px;
		border-radius:5px;
		display:block;
		position:relative;
		overflow:hidden;
	
	}

	.click-btn-list ul li a img{
	
		width:32px;
		height:32px;
	
	}

	/*--針對文字過長的顯示做的設定--*/
	.click-btn-list ul li a label{
	
		display:none;
		width:44px;
		height:48px;
		padding:12px 8px 0px 8px;
		background:#666;
		background:rgba(30,30,30,0.5);
		color:#fff;
		position:absolute;
		top:0px;
		left:0px;
		font-size:12px;
	
	}
	.click-btn-list ul li a:hover label{
	
		display:block;
	
	}	

	.click-btn-list ul li .click-times{
	
		width:46px;	
		height:16px;
		border:1px solid #eee;
		border-radius:2px;
		color:#999;
		font-size:12px;
		padding:3px 6px;
		position:absolute;
		top:64px;
		left:0px;
	
	}
	
	#click_div h3{
	
		padding:15px 0px;
		color:#999;
	
	}
	
	#trace_div ul#trace_ul li{
	
		width:54px;
		padding:5px 8px;
	
	}
	#trace_div ul#trace_ul li .avt{
	
		width:54px;
		height:54px;
		position:relative;
	
	}
	#trace_div ul#trace_ul li .avt .small-express-icon{
	
		position:absolute;
		width:16px;
		height:16px;
		top:40px;
		left:40px;
		border-radius:2px;
	
	}
	
	#trace_div ul#trace_ul li .avt .small-express-icon img{
	
		width:16px;
		height:16px;
	
	}
	#trace_div ul#trace_ul li p{

		width:54px;
		height:20px;
		overflow:hidden;
		margin-top:10px;

	}
	/* END */
	/* 修改討論版文章圖片大小限制 */
	#postlist img { max-width:100%; }
	#postlist .t_fsz img { border-radius:8px; }
	
	/* 發送消息 */
	.pm-reciver-list{ height:auto; padding:3px; }

	.pm-reciver-list span{
		display:block;
		padding:3px 5px 7px 24px;
		margin:3px;
		height:14px;
		background:#f2f2f2;
		position:relative;
		float:left;
	}

	.pm-reciver-list span a.x{
	
		width:0px;
		height:24px;
		padding:0px 0px 0px 24px;
		overflow:hidden;
		display:block;
		background:	url(../../static/image/common/close-btn.png);
		position:absolute;
		top:0px;
		left:0px;
		opacity:0.5;
	
	}
	
	.pm-reciver-list span a.x:hover{
	
		opacity:1;
	
	}

	.pm-reciver-list input#username{
	
		clear:both;
		width:100%;
	
	}
	#username_menu{
	
		width:170px;
		background:#fff;
		border:1px solid #ccc;
	
	}
	
	#username_menu ul#friends li{
	
		padding:3px 5px;
	
	}

/** end **/



/* asus-api */
#asus-api-footer.aai-ez .aai-logo { display:none !important; }
/* end */

/* 國籍選單 */
#toptb #region-block_menu a{
	float: none;
	color: #717475;
}
#toptb #region-block_menu li{
	text-align: center;
}
#toptb .region_hover{
	background-color: #FEFEFE;
	color: #717475;
}
#toptb .region {
	background-image: url(../../static/image/common/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
}

/* Google Search */
#scform_tb a.a{
  color: #00a8ff;
  padding: 2px;
  margin-bottom: 2px;
  display: inline-block;
}

.post_opinion {
	display: inline-block;
}
/* pop_message */
.bg_block { display:flex; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:5000; }
.pop_message { position:relative; background-color:#fff; min-width:400px; max-width:800px; min-height:300px; margin:auto; padding:5px; border-radius:8px; box-shadow:0 1px 8px rgba(0,0,0,0.5); box-sizing:border-box; }
.pop_title { position:relative; background:#00a8ff; color:#fff; font-size:15px; padding:8px; border-radius:5px; text-align:left;}
.close_btn { position:absolute; top:6px; right:6px; width:18px; height:18px; background-image:url({IMGDIR}/icon_close.png); 
 background-color:#e0e0e0; border:1px solid #e0e0e0; border-radius:5px; cursor:pointer; transition:background-color 0.2s linear; }
.close_btn:hover { background-position:0 -18px; background-color:#fff; transition:background-color 0.2s linear; }
.pop_message .pop_list { display:block; font-size:13px; width:100%; padding:5px 0; box-sizing:border-box; }
.pop_message .pop_list_li { color:#777; border-bottom:1px dotted #ccc; padding:8px; transition:background-color 0.2s linear;  text-align:left;}
.pop_message .pop_list_li:hover { background-color:#e5f6ff; transition:background-color 0.2s linear; }
.pop_message .pop_list_li:last-child { border:none; }
.page_box {padding:8px 0; border-top:1px solid #ccc; text-align:center; }
.page_btn { display:inline-block; margin:0 10px; padding:4px 8px; border-radius:12px; background-color:#5ec8ff; transition:background-color 0.2s linear; }
.page_btn:hover { background-color:#7ed3ff; transition:background-color 0.2s linear; }
.page_num { display:inline-block; color:#333; font-size:15px; font-weight:bold; cursor:default; }