/*

Extend CSS file for Discuz! X
(C) Comsenz Inc.
https://www.discuz.vip
Created & Modified by Alice, Monkey, Lushnis, Pony, Dfox & DragonLee.

1. 一些通用模塊的樣式
	1. 公告
	2. 在線會員列表
	3. 類似圈子中邀請好友中的好友列表
	4. 動態列表
	5. 進度條
	6. 廣場以外的引用、代碼樣式
	7. 版主管理(包括2.3、2.4)
	8. 登錄註冊
	9. 標籤
2. 發帖相關樣式
	1. 編輯器中的功能樣式
	2. 主題圖標
	3. 提交表單
	4. 發特殊主題帖
3. 列表樣式
	1. 廣場版塊、圈子分類列表
	2. 房屋列表
	3. 主題列表
4. 帖子內容區域樣式
	1. 結構
	2. 作者、時間、樓層等一些屬性
	3. 帖子正文
		1. 回帖推薦、點評等
		2. 用戶詳細信息
		3. 帖子附件及一些特殊樣式(如鎖定、引用、代碼等)
	4. 特殊帖樣式
	5. 廣場和空間共用的商品、辯論等樣式
	6. 顯示原始圖片彈出層樣式
5. 圈子相關樣式
6. 文章、日誌等頁面樣式
7. 空間相關樣式
8. 門戶相關樣式
10.搜索相關樣式
11.排行榜相關樣式
12.統計相關樣式

* 全局 CSS 樣式參見 common.css
* 以下為模塊 CSS 寫法舉例
* 分類之間空三行，模塊之間空兩行，區塊之間空一行 */

/** group::index **/
	/* 圈子 index 模塊使用的CSS */
/** end **/

/** group::index,forum::index **/
	/* 圈子 index 和 論壇 index 模塊使用的CSS */
/** end **/

/** forum **/
	/* 論壇 所有模塊使用的CSS */
/** end **/



/* ------------------------------------------------------------------------ 一些通用模塊的樣式 */

/** forum::index **/
#pt .y { width: 550px; height: 29px; overflow: hidden; }
#chart { margin-bottom: 5px; }
	.chart { color: {LIGHTTEXT}; }
		.chart:before { font-family: dzicon; content: "\f104"; display: inline-block; height: 16px; line-height: 16px; font-size: 18px; color: #4284CE; margin-right: 4px; }
		.chart em { color: {TABLETEXT}; }
/*
	Name:			mod_announcement
	Level:			Function
	Explain:		公告。放置在不同位置時注意調整 #anc, #an li 的高度
	Last Modify:	Pony 1203191111
*/
	#an { margin-bottom: 5px; }
		#an dt { display: none; }
		#an li { float: right; clear: both; width: 526px; text-align: right; }
			#an li span { float: left; width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
			#an li em { float: left; width: 75px; color: {LIGHTTEXT}; }
			#anc, #an li { height: 29px; overflow: hidden; }
			#anc i { font-style: italic; }

/* 在線會員列表 */
	.oll li { float: left; overflow: hidden; white-space: nowrap; width: 19.9%; height: 24px; line-height: 24px; }
		.oll img { vertical-align: middle; }

/* 論壇首頁熱點 by Pony */
	.heat { width: 370px; }
	.heatl { padding-left: 15px; margin-left: 384px; border-left: 1px solid #DDD; }

/* 論壇首頁四格 by Alice */
	#category_grid { padding: 0; border-top:1px solid {COMMONBORDER}; }
		#category_grid table { width:100%;table-layout: fixed; }
			#category_grid td { width: 25%; border-left: 1px solid #CDCDCD; }
			#category_grid td:first-child { border-left: 0; }
		.category_l1, .category_l2, .category_l3, .category_l4 { line-height: 25px; background: #fff; overflow: hidden; }
			.category_l1 { line-height: normal; }
			.slidebox_grid { position: relative; margin: 10px auto; border: 1px #ccc solid; }
			#category_grid h4 { width:100%; height: 30px; line-height: 30px; text-indent:10px; font-size: 12px; cursor: pointer; {TITLEBGCODE}; position:relative; }
		.category_newlist { padding: 10px; }
			.category_newlist li { height: 21px; line-height:21px; overflow: hidden; }
			.category_newlist li::before { display: inline-block; content: ""; width: 6px; height: 6px; background: #BBB; border-radius: 3px; margin: 0 4px 2px 0; }
			#category_grid h4 span { background:transparent; width:1px; height:30px; display:inline-block; position:absolute; left:0; top:0; }
			#category_grid .newimgbox:hover h4 span, #category_grid .subjectbox:hover h4 span, #category_grid .replaybox:hover h4 span, #category_grid .hottiebox:hover h4 span, #category_grid .goodtiebox:hover h4 span { width:6px; transition:width 0.2s ease 0s; overflow:hidden; }
			#category_grid .newimgbox:hover h4 span.tit_newimg { background: #C6D313; } 
			#category_grid .subjectbox:hover h4 span.tit_subject { background: #00A4EB; }
			#category_grid .replaybox:hover h4 span.tit_replay { background: #5CAE2B; }
			#category_grid .hottiebox:hover h4 span.tit_hottie { background: #FF8406; }
			#category_grid .goodtiebox:hover h4 span.tit_goodtie { background: #C6D313; }
/** end **/

/** misc::faq **/
/*
	Explain:		幫助頁面的標題要顯示出來
	Last Modify:	Pony 1203231449
*/
	.ct2_a h1.mt { display: block; }
/** end **/

/** misc::invite,group,forum::viewthread,portal::view,home::space **/
	/* .usl -> 用於類似圈子中邀請好友中的好友列表 by Pony */
		.usl { overflow: scroll; overflow-x: hidden; padding: 5px; width: 580px; height: 280px; }
		.usl2 { width: auto; border: dashed {WRAPBORDERCOLOR}; border-width: 0 1px 1px; }
			.usl li { overflow: hidden; float: left; margin: 3px; width: 134px; height: 64px; }
			.usl a { display: block; padding: 4px; border: 1px solid {WRAPBG}; }
				.usl a:hover { text-decoration: none; border: 1px solid; border-color: #DDD #999 #999 #DDD; background: {COMMONBG}; }
			.usl .avt { float: left; margin-right: 5px; width: 52px; height: 52px; border: 1px solid {COMMONBORDER}; background-color: {WRAPBG}; background-position: 2px 2px; background-repeat: no-repeat; background-size: 48px; background-image: url('../avatar/noavatar.svg'); zoom: 1; }
			.usl .avt.brs > span { display: block; margin: 2px; width: 48px; height: 48px; background-size: 100%; }
			.usl .d { float: left; width: 65px; height: 54px; overflow: hidden; word-wrap: break-word; }
			.usl li.a a, .usl li.a a:hover { border-color: #F90; background-color: #FFF1E1; }
			.usl li.a .avt { position: relative; }
			.usl li.a .avt span { position: absolute; bottom: 2px; left: 2px; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #FFF; }
				.usl li.a .avt span:before { content: "\f128"; font-family: dzicon; color: #F60; font-size: 14px; }
		.usd { padding: 5px 10px 0; border: solid {WRAPBORDERCOLOR}; border-width: 1px 0; background-color: {COMMONBG}; }
		.usd2 { border-width: 1px; border-style: dashed; }
			.usd li { float: left; margin-right: 1%; width: 48%; }
/** end **/


/** home::space,home::spacecp,group::group,misc::ranklist,portal::view,forum::viewthread,group::viewthread,home::medal,misc::tag **/
	/* .el -> feed_list 動態列表 by Pony */
	.e { overflow: hidden; }
		.e .i, .el .i { padding: 6px 10px; border-bottom: 1px dashed {COMMONBORDER}; background: #F7F7F7; }
	.el {}
		.et { margin: 20px 0 10px; }
		.el li { padding: 10px 20px; min-height: 20px; border-bottom: 1px dashed {COMMONBORDER}; }
		.el .t { position: absolute; margin: 1px 0 0 -20px; }
		.el .o { overflow: hidden; float: right; margin: 4px -20px -4px 0; width: 16px; height: 16px; font-size: 16px; line-height: 16px; font-family: dzicon; text-align: center; color: #FF9A9A; }
			/* 外寬改變時 .ie6 .el .o, .ie6 .xlda .el .o 的 margin 值需要更改 */
			.el .o:before { content: "\f149"; }
			.el .o:hover { text-decoration: none; }
			.el .del:before { content: "\f116"; }
		.el .d { padding-top: 10px; color: {MIDTEXT}; }
		.ec .tn { margin: 10px 10px 0 0; cursor: pointer; }
		.ec a .tn { float: left; padding: 2px; max-width: 90px; max-height: 90px; border: 1px solid {COMMONBORDER}; }
		.el .ec .hot { float: right; margin: 10px 0 0 10px; width: 55px; height: 50px; background: linear-gradient(0deg, #B2C0DC 40%, #D8DEEA 40%) no-repeat; border-radius: 3px; }
			.el .ec .hot a { display: block; line-height: 20px; text-align: center; color: #FFF; }
				.el .ec .hot a:hover { text-decoration: none; }
				.el .ec .hot em { display: block; line-height: 30px; font-size: 16px; color: {HIGHLIGHTLINK}; cursor: pointer; }
		.el a { color: {HIGHLIGHTLINK}; }
		/* 有頭像的動態列表 */
		.xlda .el { overflow: hidden; float: left; margin-top: -4px; width: 100%; }
			.xlda .el li { margin-bottom: -4px; padding-top: 14px; }
		#share_preview .h { display: none; }
/** end **/


/** forum::viewthread,group::viewthread,home::task,misc::stat,home::space **/
	/* 進度條 */
		.pbg { height: 16px; border: 1px solid #CCC; background: #EEE; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; }
		.pbr { height: 16px; width: 470px; background-color: #5AAF4A; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; }
		.pbg2 { display: block; height: 10px; width: 130px; margin: 0 auto; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
		.pbr2 { display: block; height: 10px; background: #F155C8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; }

	/* 勳章鏈接hover時不顯示下劃線 by Pony 20110519 */
	.md_ctrl a:hover { text-decoration: none; }
/** end **/

/** forum::forumdisplay,forum::viewthread,group::viewthread **/
#vfastpost{background:#E5EDF2;padding:3px;}
.previewvfastpost{margin:0px 10px 3px 10px;}
.fullvfastpost{margin-top:30px;}
#vfastpost th, #vfastpost td{padding: 0px;}
#vfastpost td{height:38px;}
	#vfastpost #vf_l{width:0;}
	#vfastpost #vf_m{padding-right: 14px;}
	#vfastpost #vf_m input{width: 100%; border: 1px solid #C5D5E2; outline: none; font-size: 14px; height: 28px; padding: 4px;}
	#vfastpost #vf_r{width:0;}
	#vfastpost #vf_b{width:120px;}
		#vfastpost #vf_b button{width: 120px; display: block; height: 38px; overflow: hidden; background: #E4ECF1; margin: 0; padding: 0; border-color: #B1C2CF; color: #7576A1 !important; font-size: 14px; text-shadow: 0 1px #FFF;}
		#vfastpost #vf_b button:hover { background: #C7D7E2; border-color: #7C93A6; }
/** end **/

/** forum::viewthread,group::viewthread **/
.tig_bottom{color:#B1B1B1;display:block;height:8px;top:56px;margin-left:20px;position:absolute;z-index: 99;}
.tig_bottom1{color:#FEFEE9;display:block;height:8px;top:55px;margin-left:20px;position:absolute;z-index:111;}
.vct{font: 12px/1.5 Tahoma;margin:0;}
.container{border:1px solid #B1B1B1;margin-top:8px;margin-right:80px;background-color:#FEFEE9;border-radius: 3px;padding: 5px;width:120px;position:absolute;top:-80px;right:0;}
	/* 點擊加載下一頁按鈕樣式  by Alice */
	.pgbtn a { display: block; margin-bottom: 10px; border: 1px solid rgb(194, 213, 227); border-radius: 3px; text-align: center; }
	.pgbtn a:hover { background: #fff; text-decoration: none; }
	/* 貼子頁開啟半閉左右列表 by Alice */
	.side_btn { position:relative; display:block; }
	.side_btn a { position:absolute; left:-21px; top:-10px; display:block; width:7px; height:38px; overflow:hidden; }
	.side_btn a svg { fill: {MENUBGCOLOR}; }
	.side_btn a.btn_s_close { left:-27px; top:-11px; }
	.side_btn a.btn_s_open { left:-21px; top:-11px; }
#subjecthide { width: 585px; }
/** end **/

/**  forum::forumdisplay,forum::viewthread,group::viewthread,home::space,home::spacecp,home::invite,portal::view,portal::comment,forum::post,group::post **/
	/* 廣場以外的引用、代碼樣式 by Pony */
		.quote { overflow: hidden; margin: 10px 0; padding-left: 16px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3e%3cpath fill='%23ddd' d='M4 2l2 1-2 3h2v4H1V6zM11 2l2 1-2 3h2v4h-5V6z'/%3e%3c/svg%3e") no-repeat 0 0; color: {MIDTEXT}; }
			.quote blockquote { display: inline; margin: 0; padding-right: 16px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3e%3cpath fill='%23ddd' d='M1 7l2 1 3-4V0H1v4h2zM8 7l2 1 3-4V0H8v4h2z'/%3e%3c/svg%3e") no-repeat 100% 100%; }
			.m_c .quote { width: 585px; }
		.blockcode { overflow: hidden; margin: 10px 0; padding: 5px 10px; background: #F7F7F7; color: {MIDTEXT}; }
			.blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; }
/** end **/

/** forum::modcp,misc::stat **/
	/* 版塊管理 */
		.mdcp {}
			.stl { float: left; width: 15%; }
			.str { float: left; overflow: auto; overflow-y: hidden; width: 84%; }
/** end **/

/** misc::tag **/
/* 標籤列表 by Pony */
	.taglist { min-height: 270px; }
		.taglist a { margin-right: 20px; line-height: 30px; white-space: nowrap; }
/** end **/



/* ------------------------------------------------------------------------ 發帖相關樣式 */
/** forum::post,forum::forumdisplay,forum::viewthread,group::post,group::forumdisplay,group::viewthread **/
.ct2_a .mn { float: left; }
.appl { float: right; margin-top: 8px; border: none; background-color: transparent; }
.upf { width: 500px; }

.upnf { white-space: normal; }
.upbk { zoom: 1; }
	.fldt { margin-bottom: 8px; }

.p_pop .flb { position: absolute; right: 10px; top: 18px; }

.fnm { width: 130px !important; }
.fszm { width: 55px !important; line-height: normal; }
.fnm li, .fszm li, .simm li { cursor: pointer; }
.qsv { padding-left: 16px; width: 16px; height: 16px; background: url({IMGDIR}/repquote.gif) no-repeat 50% 50%; cursor: pointer; }

/* 發帖時選擇標籤 by Pony */
	.marked:after { font-family: dzicon; content: "\f128"; color: #F60; margin-left: 2px; }
	#taglistarea a { white-space: nowrap; zoom: 1; }
		#taglistarea .marked { padding-right: 0; font-weight: 700; color: {NOTICETEXT} !important; }
		#taglistarea .marked:after { display: none; }
/** end **/

/** forum::post,group::post **/
#post_extra_tb { position: relative; z-index: 2; }
	#post_extra_tb label { float: left; margin-right: 3px; height: 21px; border: 1px solid {COMMONBORDER}; line-height: 21px; white-space: nowrap; }
		#post_extra_tb label.a { border-bottom-color: {SPECIALBG}; background: {SPECIALBG} none; box-shadow: none; }
			#post_extra_tb label span { float: left; padding: 0 8px 0 8px; line-height: 21px; }
			#post_extra_tb label span:before { display: inline-block; content: ""; width: 6px; height: 6px; background: #BBB; border-radius: 3px; margin: 0 4px 2px 0; }
				#post_extra_tb label.a span:before { background-color: #F60; }

#post_extra_c { position: relative; z-index: 1; }
	#post_extra_c .exfm { margin: -1px 0 0; border: 1px solid {COMMONBORDER}; }

#extra_additional_c label { float:left; width: 16%; }

#draftlist { border-style: solid; border-width: 1px 1px 0; border-color: {WRAPBG}; }
	#draftlist.a { position: relative; z-index: 302; border-color: {DROPMENUBORDER}; {DROPMENUBGCODE} }
	#draftlist_menu { margin-top: -1px; padding: 10px; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; }
/** end **/


/** forum::post,forum::forumdisplay,forum::viewthread,group::post,group::forumdisplay,group::viewthread,portal::portalcp,home::spacecp **/
.p_tbl { height: auto; line-height: 160%; border-bottom: none; }
		.p_tbl table td { height: 28px; line-height: 28px; border-bottom: 1px solid {COMMONBG}; }
			.atnu { width: 16px; }
			/*.attachctrl { width: 40px; }*/
			.atna {}
				.atna p img, .attswf p img { vertical-align: middle; height: 16px; }
				.atna .lighttxt, .attswf .lighttxt { color: {MIDTEXT} !important; }
			.attpr { width: 40px; text-align: center; }
				.attv .px, .attp .px { width: 25px; }
				.attv { width: 100px; }
			.atturl img { height: 20px !important; }
			.attc { width: 20px }
			.atds { width: 80px; text-align: center; }
				.atds .px { width: 60px; }
			.attp { text-align: center; width: 40px; }
			.attach_preview { border: 1px solid {COMMONBORDER}; box-shadow: 0 0 5px rgba(96, 96, 96, 0.3); }
/** end **/


/** forum::post,group::post,portal::portalcp,home::spacecp **/
/* 發帖、日誌、文章時上傳的圖片列表樣式 by Pony 11090615 */
.upfl { margin-top: -1px; height: auto !important; height: 165px; max-height: 300px; overflow: auto; overflow-x: hidden; }
	.upfl a, #imgattachlist a { color: {HIGHLIGHTLINK}; }
	.upfl table td { border-bottom: 1px solid {COMMONBORDER}; height: 30px; line-height: 24px; }
.imgl { margin-bottom: 5px; width: 100%; }
	.imgl td { padding: 8px 0; text-align: center; vertical-align: bottom; }
		.imgl tr:last-child td { border-bottom: none; }
	.imgl img { border: 1px solid {LIGHTTEXT}; max-width: 110px; }

	.imgf .px { width: 106px; padding: 2px; height: 14px; line-height: 14px; }
	.imgdeleted { opacity: 0.3; }

/*
	Name:			mod_opattach
	Level:			Function
	Explain:		發文章時上傳的圖片上的操作區域的樣式
	Last Modify:	Pony 11082416
*/
	.opattach { display: block; position: relative; margin: 0 auto; width: 110px; border: 1px solid #CDCDCD; }
		.opattach:hover { text-decoration: none; }
		.opattach_ctrl { display: none; position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; background: transparent; background: rgba(0, 0, 0, 0.3); }
		.opattach:hover .opattach_ctrl { display: block; }
		.opattach img { border: none; }

/* 重定義日誌和文章的編輯器彈窗 by Pony 11082217 */
.tfm .fwin .t_l, .tfm .fwin .t_c, .tfm .fwin .t_r, .tfm .fwin .m_c, .tfm .fwin .b_l, .tfm .fwin .b_c, .tfm .fwin .b_r { padding: 0; }
.tfm .fwin th { padding: 0; width: auto; }
.tfm .fwin .px { width: auto; }
.tfm .fwin .upfl table td { border-bottom: none; }
/** end **/


/** forum::viewthread,forum::forumdisplay,forum::post,group **/
/* 主題圖標 by michael */
#newspecial_menu { width: 90px; }
	#newspecial_menu li, #sti .wx { display: block; zoom: 1; }
	#newspecial_menu li:before, #sti .wx:before { content: "\f134"; font-family: dzicon; display: inline-block; height: 24px; width: 30px; line-height: 24px; text-align: center; font-size: 20px; color: #FF9C00; vertical-align: middle; }
		#newspecial_menu .poll:before, #sti .poll:before { content: "\f13b"; }
		#newspecial_menu .trade:before, #sti .trade:before { content: "\f13f"; }
		#newspecial_menu .reward:before, #sti .reward:before { content: "\f13c"; }
		#newspecial_menu .activity:before, #sti .activity:before { content: "\f13e"; }
		#newspecial_menu .debate:before, #sti .debate:before { content: "\f13d"; }
		#newspecial_menu a { display: inline-block; padding: 0; height: 24px; line-height: 24px; white-space: normal; vertical-align: middle; }
			#newspecial_menu a:hover { background: none; color: {HIGHLIGHTLINK}; text-shadow: none; text-decoration: underline; }
#sti {}
	#sti .wx { padding-left: 25px; background-position: 0 50%; }
	#sti .tb { margin-top: 0; }
/** end **/


/** forum::modcp,forum::post,group::post,home::spacecp,portal::portalcp **/
/* 提交表單 */
	.exfm { margin: 10px 0; padding: 10px 14px; border: 1px dashed {SPECIALBORDER}; background: {SPECIALBG}; }
		.exfm .pn { height: 22px; font-size: 12px; }
		.exfm .rq { float: right; padding-right: 2px; }
		.exfm table { width: 100%; }
			.exfm table th, .exfm table td { padding: 4px 2px; }
		.mdcp .um { margin-bottom: 0; padding: 10px 5px; }

/* 發特殊主題帖 by dfox */
	.sinf p, .sadd p { padding: 2px 0; height: 30px; line-height: 30px; }
	.sinf .px, .sadd .px { width: 120px; }
	.sinf { float: left; padding-right: 14px; width: 380px; border-right: 1px dashed {WRAPBORDERCOLOR}; }
		.sinf h4 { padding: 6px 0; }
		.sinf textarea { width: 368px; height: 80px; }
		.sinf a.d { margin-top: 8px; }
		.sinf object { vertical-align: middle; }
		.onum { float: left; margin-right: 6px; width: 16px; }
		.oinf { width: 270px !important; }
			.sinf dl, .sadd dl { overflow: hidden; }
			.sinf dl dt, .sadd dl dt { float: left; width: 75px; clear: left; }
			.sinf dl dd, .sadd dl dd { margin-bottom: 10px; overflow: hidden; }
			.sinf dl dd { width: 300px; }
			.sinf span.fb, .sadd span.fb { display: block; float: left; margin-right: 6px; height: 26px; line-height: 26px; white-space: nowrap; }
				.sinf dl dd strong { padding: 0 8px; }
	.sadd { float: left; margin-left: 10px; width: 520px; overflow: hidden; }
		.sadd dl dd { width: 420px; }
		.ct2_a .sadd { width: 360px; }
		.ct2_a .sadd dl dd { width: 260px; }
		.spl em { float: left; margin-right: 9px; height: 20px; line-height: 20px; }
		.spl input[type=radio] { margin: 0 3px 0 0; }
	.spimg { margin: 0 10px 0 0; width: 200px; border: 1px solid #AAA; }
	.spmp { width: 30px; }
	.spmf { width: 300px; }
		.spmf, .spmf3 { overflow: hidden; }
		.spmf label, .spmf3 label{ display: block; padding-top: 5px; }
			.spmf em{ float: left; width: 150px;  }
			.spmf3 em{ float: left; margin-right: 12px; }
				.spmf3 .px { margin: 0 !important; width: 72px; }
/** end **/


/** forum::forumdisplay,forum::viewthread,group::forumdisplay,group::viewthread **/
	/* 開啟快速發帖和推薦表情時的樣式 by Pony */
	#f_pst .bm_c { padding: 20px; }
		#f_pst .tedt { width: auto; }
		.hasfsl { margin-right: 170px; zoom: 1; }

	#f_pst .upfl { height: auto; max-height: 100%; }
		#f_pst .upfl td { padding: 4px 0; }
		#f_pst .atds { width: 100px; }
		#f_pst .px { padding: 2px; }
	/*
		Name:			mod_mobile-type
		Level:			Function
		Explain:		手機發帖的相關樣式
		Author:			Lushnis
		Last Modify:	Pony 1204111343
	*/
	.mobile-type { position: absolute; margin: -5px 0 -85px 103px; width: 58px; height: 80px; background: url({IMGDIR}/mobile-type.png) no-repeat 100% 100%; }
		.mobile-type a { display: block; width: 46px; height: 80px; background: url({IMGDIR}/mobile-type.png) no-repeat 0 0; }
			.mobile-type-2 a { background-position: 0 -80px; }
			.mobile-type-3 a { background-position: 0 -160px; }
			.mobile-type-4 a { background-position: 0 -240px; }
	.mobile-location { padding-left: 20px; background: url({IMGDIR}/mobile-attach-2.png) no-repeat 0 0; }
	/*
		Name:			threadbeginid
		Level:			Function
		Explain:	 	起始動畫或圖片的位置樣式
		Author:			Jane
		Last Modify:	Jane 1210251731
	*/
	#threadbeginid { position: fixed; top: 0px; left: 0px; z-index: 999; }
		#threadbeginid .beginidin { position: absolute; top: 0; right: 0px; z-index: 999; }
		#threadbeginid .beginidimg { background: white; opacity: 0; }
/** end **/



/* ------------------------------------------------------------------------ 廣場版塊、圈子分類等列表樣式 */
/** forum::index,forum::forumdisplay,group::index,group::group,search::group **/
/* 版塊列表 */
.fl {}
	.fl_tb { width: 100%; }
		.fl_tb td { padding: 10px 0; }
		.fl_icn { padding-right: 10px !important; width: 31px; }
		.fl_by { width: 220px; }
			.fl_by div { margin-left: 10px; width: 210px; padding-left: 8px; word-break: keep-all; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
				.fl_by div .xi2 { zoom: 1; }
			.fl_by cite { display: block; }
		.fl_i { width: 150px; text-align: right; }
			.fl_i em { display: block; width: 5em; }
			.fl .i_z { margin-right: 8px; padding-right: 8px; border-right: 1px solid {CONTENTSEPARATE}; }
	.fl_icn_g { float: left; width: 31px; }
	.fl_g { vertical-align: top; }
		.fl_g dl { margin-left: 31px; padding-left: 10px; }
			.fl_g dt { font-weight: 700; }
	.fl_row td { border-top: 1px dashed {COMMONBORDER}; }
	.fl_icn img, .fl_icn svg , .fl_icn_g img, .fl_icn_g svg { vertical-align: middle; }

/* 圈子分類列表 */
	.flt {}
		.flt .flc { width: 294px; }
		.gcop { margin-right: 15px; clear: left; }
		.ghfl dt, .flt dt { font-size: 14px; font-weight: 700; }
			.ghfl dt span, .flt dt span, .flt dd span { font-size: 12px; font-weight: 200; color: {LIGHTTEXT}; }
			.ghfl dd, .flt dd { line-height: 1.8em; }
/** end **/


/** forum::forumdisplay **/
/*
	Name:			mod_board_navigation
	Level:			Function
	Explain:		看貼頁左側的版塊導航。寬度在CSS里沒有默認值，寬度在後台設置
	Last Modify:	Jane
*/
.bdl { float: left; overflow: hidden; border: 1px solid #BDD7E3; background-color: #F5F9FB; }
	.bdl_h { height: 32px; line-height: 22px; }
.bdl .tbn { margin: 10px; }
	/* 分區 */
	.bdl dl { margin: -1px -10px 0; }
		.bdl dt { overflow: hidden; height: 27px; line-height: 27px; border: solid #CCE0EB; border-width: 1px 0; background: #F5F9FB; }
			.bdl dt a { display: block; padding: 0 15px 0 10px; }
				.bdl dt a:hover, .bdl_a a:hover { text-decoration: none; }
	/* 版塊，默認收起 */
	.bdl dd { display: none; }
		.bdl dd a { display: block; margin: 0 3px; padding: 0 7px; height: 26px; line-height: 26px; overflow: hidden; }
	/* 展開的分區 */
	.bdl dl.a { padding-bottom: 4px; background-color: #FFF; }
		.bdl dl.a dt { margin-bottom: 3px; }
		.bdl dl.a dd, .bdl_fav dd { display: block; overflow: hidden; zoom: 1; }
			/* 當前版塊 */
			.bdl dd.bdl_a a { background-color: #F5F9FB; font-weight: 700; color: {HIGHLIGHTLINK}; }

	.previewPost { width: 100%; font-size: 14px; }
	/* 點擊加載下一頁按鈕樣式 */
	#autopbn { display: block; margin-bottom: 10px; border: 1px solid rgb(194, 213, 227); border-radius: 3px; text-align: center; }
	#autopbn:hover { background: #fff; text-decoration: none; }
	/* 上漲和下降圖標樣式 */
	.ico_increase, .ico_fall { font-family: dzicon; display: inline-block; width: 12px; height: 16px; line-height: 16px; transform: scale(1.5); color: #F6271E; margin: 0 8px; text-align: center; }
	.ico_increase:before { content: "\f124"; }
	.ico_fall:before { content: "\f125"; }
	/* 版塊熱帖日曆樣式 */
	#ReTie_review h6 { padding: 0 10px; line-height: 27px; }
	.review_this { padding: 5px 0 10px; }
	.review_this li { float: left; width: 7.5%; text-align: center; }
/*
	Level:			Channel
	Explain:		板塊新帖提醒
	Last Modify:	Max.Cong
*/
	#forumnew{ position: absolute; right: 0; top: 0; z-index: -1; }
	.tl #forumnewshow { background: #FFFAF3; font-size: 12px; text-align: center; }
	.tl #forumnewshow th, .tl #forumnewshow td { padding: 0; border: 0; }
	.tl #forumnewshow th:hover, .tl #forumnewshow td:hover{ background: #FFFFE9; }
	.tl #forumnewshow a { display: block; border-top: 1px solid #F4E4B4; border-bottom: 1px solid #F4E4B4; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
	.tl #forumnewshow a:hover { text-decoration: none; }
	#checknewline tr td, #checknewline tr th { background: #FFFFEB; text-align: center; color: #666; }

	.newthread tr th, .newthread tr td { background: #FFFAF3; }
	.newthread .new em { margin-right: 4px; }
	.newthread .new em, .newthread .new em a { color: #007CD5; font: {FONTSIZE} {FONT}; }
	/*
	.tl .newthread tr:hover th, .tl .newthread tr:hover td{ background-color: transparent; }
	*/

.forumrefresh:hover { text-decoration: none; }
.forumrefresh:after { content: "\f10b"; font-family: dzicon; color: #369; line-height: 14px; font-size: 14px; margin-left: 2px; }
/** end **/


/** forum **/
/*
	Name:			mod_forum_jump
	Level:			Function
	Explain:		快速跳轉菜單
	Last Modify:	Pony 11080915
*/
#fjump_menu { overflow-x: hidden; max-height: 600px; }
	#fjump_menu dl { width: 200px; }
		#fjump_menu dt { font-weight: 700; }
		#fjump_menu dd { text-indent: 1em; }
		#fjump_menu li.a a { background-color: {SPECIALBG}; }
/** end **/



/* ------------------------------------------------------------------------ 主題列表樣式 */
/** forum::forumdisplay,forum::viewthread,forum::modcp,forum::collection,group,home::space,home::task,home::follow,search::forum,search::group,member::groupexpiry,misc::ranklist,misc::stat,misc::tag,forum::guide,portal::block **/
/* fct --> froumatction 板塊功能按鈕 */
	.fct a { float: left; margin-left: 8px; }
	.fa_fav_0:before, .fa_fav:before, .fa_rss:before, .fa_achv:before, .fa_bin:before, .fa_ivt:before { font-family: dzicon; display: inline-block; line-height: 14px; width: 16px; margin-left: 4px; transform: scale(1.5); }
		.fa_fav_0:hover, .fa_fav:hover, .fa_rss:hover, .fa_achv:hover, .fa_bin:hover, .fa_ivt:hover { text-decoration: none; }
		.fa_fav_0:before { content: "\f12d"; color: #BBB; }
		.fa_fav:before { content: "\f12d"; color: #FF9C00; }
		.fa_rss:before { content: "\f10a"; color: #FF9C00; }
		.fa_achv:before { content: "\f135"; }
		.fa_bin:before { content: "\f10c"; color: #AAA; }
		.fa_ivt:before { content: "\f11f"; color: #2B7ACD; }

/* 主題列表相關 */
	/*.tl .th th a { float: left; margin-right: 10px; padding-right: 17px; background: url({IMGDIR}/arw_d2.gif) no-repeat 100% 50%; }*/
	#fh { width: 644px; }
		.mw #fh { width: 100%; }
	#fh .bm { padding-top: 5px; padding-bottom: 0; }
	#nv_group #fh { margin-bottom: 1em; }
		#fh #gh { padding-top: 10px; }
		#fh .h { margin-top: 10px; }
			#fh .h * { float: left; }
			#fh h1 { margin-right: 10px; font-size: 16px; }
			#fh .h .y { float: right; }
			#fh .o a { float: left; margin-right: 10px; }
	#fh.m { padding-top: 0; background-color: {COMMONBG}; }
	.xst { font-family: {THREADTITLEFONT}; font-size: {THREADTITLEFONTSIZE}; }
		.xst i { font-style: italic; }

	/* threadtype 帖子類型 */
	.ttp { margin-bottom: 5px; padding-top: 10px; border-width: 2px 0 0; background: transparent; }
		.ttp li { float: left; padding-bottom: 5px; }
		.ttp a, .ttp strong { float: left; margin-right: 5px; padding: 4px 8px 3px; height: 18px; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; white-space: nowrap; }
			.ttp a:hover { border-color: {HIGHLIGHTLINK}; color: {HIGHLIGHTLINK}; text-decoration: none; }
		.ttp .a a { padding-right: 12px;  padding-left: 12px; border-color: {HIGHLIGHTLINK}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; }
		.ttp .pipe { float: left; margin-right: 10px; padding: 0; width: 2px; height: 27px; background: {SPECIALBORDER}; text-indent: -9999px; }
	/* 版塊有大量主題分類時的展開收起樣式 by Pony */
	.cttp { overflow: hidden; padding-right: 35px; height: 32px; }
		.cttp .unfold, .cttp .fold { float: right; display: inline; margin: 5px -35px 9px 0; padding: 0 0 0 10px; width: 25px; height: 18px; background-color: transparent; color: {HIGHLIGHTLINK}; font-weight: 400; }

	/* tl --> Thread list modify by lushnis */
	.tl .bm_c { padding-top: 0; }
	.tl table { width: 100%; table-layout: fixed; border-collapse: separate; }
		.tl th, .tl td { padding: 5px 0; border-bottom: 1px solid {CONTENTSEPARATE}; }
			.emptb th, .emptb td { padding: 0; border-bottom: none; }
			.tl tr:hover th, .tl tr:hover td { background-color: {COMMONBG}; }
			.tl .threadpre td, .tl .threadpre:hover td { background-color: #FCFCFC; }
			.tl .threadpre .threadpretd { border-left: 1px solid {CONTENTSEPARATE}; border-right: 1px solid {CONTENTSEPARATE}; }
			.tl th .tdpre, .tl td.fn .tdpre { visibility: hidden; display: inline; padding: 0 3px; height: 17px; line-height: 17px; margin-top: 3px; background: #548BF6; color: #FFF; text-align: center; text-decoration: none; border-radius: 2px; }
			.tl th:hover .tdpre, .tl td.fn:hover .tdpre  { visibility: visible; }
			.tl th .tdpre:visited, .tl td.fn .tdpre:visited { color: #FFF; }
			.tbox { display: inline-block; color: #FFF; height: 17px; line-height: 17px; padding: 0 2px; border-radius: 2px; }
			.tl .tbox { vertical-align: middle; }
			.rushrep { background: #904B21; }
			.tl .tdigest { background: #01B0C8; }
			.theatlevel { background-color: #FA5600; background: linear-gradient(90deg,#FA5600,#FC0); font-weight: 700; border-radius: 4px 0 0 4px; text-shadow: 1px 1px 1px #E40; position: relative; margin-right: 5px; }
				.theatlevel:after { display: block; content: ""; width: 5px; height: 17px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='5' height='17'%3e%3cpath fill='%23fc0' d='M0 0h4L0 5h5c0 4-3 8-5 8l5 2-4 2H0'/%3e%3c/svg%3e"); position: absolute; top: 0; right: -5px; }
			.trecic { background: #FF9C00; }
			.tprizes { background: #BCB728; text-indent: 0; }
			.fastpreview { position: relative; }
			.icon_preview { position: absolute; display: block; left: 80px; top: -13px; width: 11px; height: 8px; background: url({IMGDIR}/icon_preview.png); overflow: hidden; }
			a.icon_up { display: block; margin:0 10px; height: 25px; background: #F2F2F2 url({IMGDIR}/arrow_up.png) no-repeat 50% 50%; overflow: hidden; border:1px dashed rgb(194, 213, 227); border-radius: 3px; }
			a.icon_up:hover { background:#FFF url({IMGDIR}/arrow_up_hover.png) no-repeat 50% 50%; }
				.fastpreview td { border-bottom: none!important; }
			.tl th, .tl td.fn { padding-right: 1.5em; zoom: 1; }
				.tl th a:visited, .tl td.fn a:visited { color: {MIDTEXT}; }
				.fromg { visibility: hidden; }
				tr:hover .fromg {visibility: visible;}
			.tl .icn { padding-left: 5px; width: 25px; text-align: left; }
				.tl .icn a:hover { text-decoration: none; }
				.tl .tpin { position: relative; }
				.tl .tpin::before { display: block; position: absolute; width: 18px; text-align: center; color: #FFF; z-index: 10; }
				.tl .tpin1::before { content: "1"; }
				.tl .tpin2::before { content: "2"; }
				.tl .tpin3::before { content: "3"; }
				.tl .tpin4::before { content: "!"; }
				.tl .tpin1 svg { fill: #72B933; }
				.tl .tpin2 svg { fill: #00ABDE; }
				.tl .tpin3 svg { fill: #F90; }
				.tl .tpin4 svg { fill: #F26C4F; }
			.tl .new {}
			.tl .comm {}
			.tl .frm { width: 150px; }
			.tl .o { width: 20px; }
			.tl .num { width: 60px; line-height: 14px; }
			.tl .by { width: 105px; line-height: 14px; }
				.tl cite, .tl .num em { display: block; }
				.tl th em { margin-right: 4px; zoom: 1; }
					.tl th em, .tl th em a { color: #007CD5; }
				.tl td em { font-size: 11px; font-family: Arial, Pmingliu, sans-serif; -webkit-text-size-adjust: none; }
					.tl td em, .tl td em a { color: {LIGHTTEXT}; }
			/*.tl .th th, .tl .th td { padding: 8px 0; background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; }*/
			.tl .ts th, .tl .ts td { padding: 3px 0; border-bottom-color: {COMMONBORDER}; background: {COMMONBG}; }
	.tl .th { margin-top: 1px; padding: 0 10px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; }
		.tl .th table { border: none; }
		.tl .th td, .tl .th th { height: 20px; border: none; vertical-align: baseline; }
	.tl .tf { padding: 3px 0; }
		.tf .showmenu:hover { border-color: {SPECIALBORDER}; }
		
		

	.tl_reply:before { display: inline-block; content: ""; width: 6px; height: 6px; background: #BBB; border-radius: 3px; margin: 0 4px 2px 0; }

	/* recy --> recyclebin 主題列表的回收站主題樣式 by shuaishuai*/
	.recy { text-decoration: line-through; }

	/* 主題分頁 */
	.tps { white-space: nowrap; }
		.tps a { padding: 2px 4px; color: {TABLETEXT}; }
			.tps a:hover { background-color: {COMMONBG}; color: #007CD5; }

/*
	Name:			mod_thread_type_index
	Level:			Function
	Explain:		分類信息檢索
	Last Modify:	Pony 12020309
*/
.tsm { overflow: hidden; margin-bottom: -10px; width: 100%; border-collapse: collapse !important; }
	.tsm th { padding: 5px 0 5px 10px; border: none; vertical-align: top; }
	.tsm td { padding: 5px 10px 5px 0; border: none; vertical-align: top; }
	.tsm tr:hover th, .tsm tr:hover td { background: none !important; }
	.tsm li { float: left; margin-right: 4px; padding: 0 4px; white-space: nowrap; }
	.tsm .a a { color: {TABLETEXT}; font-weight: 700; }
		.tsm .a a:hover { text-decoration: none; }
	.subtsm { margin-top: 5px; padding: 5px; border: 1px dotted {SPECIALBORDER}; }

/*
	Name:			mod_thread_type_search
	Level:			Function
	Explain:		分類信息搜索
	Last Modify:	Pony 11050314
*/
	.mfm .mtm { margin-right: 10px; }
	.mfm span { height: 26px; }
/** end **/


/** forum::forumdisplay,group::forumdisplay,group::my **/
/*
	Name:			mod_thread_type
	Level:			Function
	Explain:		論壇圈子的帖子主題分類分類信息等的篩選樣式
	Author:			lushnis
	Last Modify:	Pony
*/
	.ttp .a a:hover { background: {SPECIALBG} url({IMGDIR}/close-s.png) no-repeat 100% 11px; }
	#ttp_all a:hover { background-image: none !important; }
/** end **/



/* ----------------------------------------------------------------------- 帖子內容區域樣式 */
/** forum::viewthread,group::viewthread **/
.plh { line-height: 46px; }
	.plh .plc { padding-bottom: 0; }

/*
	Name:			mod_viewthread_header
	Level:			Function
	Explain:		看帖頁標題區域
	Last Modify:	Pony 201201181105
*/
	.vwthd { padding-right: 80px !important; }
		.vwthd div.y { display: inline; margin-right: -60px; }
		.ts { display: inline; font: 700 16px 'Microsoft Yahei', 'Hei', Tahoma, 'SimHei', sans-serif; }

#nv_forum #ct { border-color: {SPECIALBORDER}; }

.pattl_c .tip { margin-top: 30px; padding: 5px; width: 88px; }
.pattimg { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; overflow: hidden; }
.pattimg_zoom { position: absolute; display: block; width: 100px; height: 100px; line-height: 300px; overflow: hidden; }
.attl_g, .attl_m { margin-left: 10px; padding-left: 16px; background: url({IMGDIR}/attl_icon.png) no-repeat 0 3px; }
	.attl_m { background-position: -100px 3px; }

/* 默認分類信息 by michael */
	.cgtl { overflow: hidden; }
	.cgtl td, .cgtl th, .cgtl caption { padding: 5px; border-bottom: 1px solid {SPECIALBORDER}; }
	.cgtl caption { background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; font-size: 14px; font-weight: 700; }
	.cgtl th { width: 16%; }

/*
	Name:			mod_cp_pls
	Level:			Function
	Explain:		帖子頁每個樓層用戶信息下方的管理鏈接
	Author:			Pony 12010414
*/
.cp_pls a { float: left; margin-right: 4px; line-height: 1.231; }
#scrollleftinfo { position: fixed; left: auto; top: auto; width: 5px; height: 200px; border-radius: 0 5px 5px 0; background: url({IMGDIR}/sidecontrol.png) no-repeat -9px 0; cursor: pointer; }
#scrollleftinfo.open { width: 9px; background-position: 0 0; }

.img_tit_t .xi1 { color:#444; }
.img_tit_t .ph { font-weight:700; font-size:16px; }
.ph_r_con { padding: 20px 0 0; }
a.thread_mod { height: 19px; line-height: 19px; display: inline-block; color: #444; }
	a.thread_mod:hover { color:#369 !important; text-decoration:none; }
	a.thread_mod span { color:#444; font-weight:700; vertical-align: middle; }
	a.thread_mod:hover span { color:#539BCB !important; }
	a.thread_mod:before { content: "\f11d"; font-family: dzicon; font-size: 24px; vertical-align: middle; margin-right: 4px; }

/*
	Name:			mod_cp_pls
	Level:			Function
	Explain:		貼子大圖樣式
	Author:	Alice 201303281607
*/
#imagelist_nav { background: none repeat scroll 0 0 #DDD; margin-top: 20px; height: 150px; width: 780px; }
	#imagelist_nav .imagelist_album { color: #FFFFFF; font-size: 12px; overflow: hidden; width: 780px; }
	#imagelist_nav .imagelist_album div.left { height: 110px; margin-top: 18px; overflow: hidden; position: relative; width: 730px; float: left; }
	#imagelist_nav .imagelist_album div.left ul { left: 0; position: absolute; z-index: 2; margin: 0 0; }
	#imagelist_nav .imagelist_album div.left li { float: left; height: 110px; text-align: center; margin-top: 5px; list-style: none outside none; }
	#imagelist_nav .imagelist_album a.left, #imagelist_nav .imagelist_album a.right { background: #2F2F2F; color: #DCDCDC; border-radius: 3px; height: 63px; line-height: 63px; text-align: center; width: 20px; }
	#imagelist_nav .imagelist_album a.left { margin: 42px 2px 0 3px; float: left; }
	#imagelist_nav .imagelist_album a.right { margin: 42px 3px 0 2px; float: right; }
	#imagelist_nav .imagelist_album a.left:hover, #imagelist_nav .imagelist_album a.right:hover { background: #474747; }
	#imagelist_nav .imagelist_album a.left::before, #imagelist_nav .imagelist_album a.right::before { display: inline-block; content: ""; border-left: 0; border-top: 6px solid transparent; border-right: 6px solid; border-bottom: 6px solid transparent; }
	#imagelist_nav .imagelist_album a.left::before { border-left: 0; border-right: 6px solid; }
	#imagelist_nav .imagelist_album a.right::before { border-left: 6px solid; border-right: 0; }
	#imagelist_nav .imagelist_album div.left a.mask { background-color:#333; display: block; height: 110px; overflow: hidden; position: absolute; width: 110px; z-index: 1; }
	#imagelist_nav .imagelist_album div.left li div { height: 110px; position: relative; overflow: hidden; cursor: pointer; width: 110px; }
	#imagelist_nav .imagelist_album div.left li div span { background-color: #000000; bottom: 2px; color: #FFFFFF; display: block; font-size: 12px; height: 14px; line-height: 14px; position: absolute; right: 5px; text-align: center; top:86px; padding: 0 6px; }
	.photo_pic { width:780px; }
	.album_side_r { border-left:1px dashed #CDCDCD; }
	.album_side { padding:20px 10px; font-size:12px; }
	.album_side .hm { padding:0 0 10px; }
	.album_info h3 { color:#999; margin:10px 0; }
	.album_side .date { color:#999; }
	.album_info p { text-indent:2em; }
	.tit_author { display:block; }
	.tit_author a { color: #369; font-size:14px; font-weight:700; }
	
/* 作者指向時全部展開 by Alice */
	.authi .none { display:inline-block; }
		.authi .none::before { display: inline-block; margin: 0 5px; content: ""; border-left: 0.4em solid; border-top: 0.4em solid transparent; border-right: 0; border-bottom: 0.4em solid transparent; }
	.authi .show { display:none; }
	.authi:hover .none { display:none; }
	.authi:hover .show { display:inline-block; }
		
/** end **/

/** forum::forumdisplay,group::forumdisplay **/
/* 帖子列表「新窗」、「圖片模式」等按鈕樣式 modified by Pony */
	#atarget, .unchk, .chked { line-height: 16px; color: {HIGHLIGHTLINK}; cursor: pointer; }
	#atarget:before, .unchk:before, .chked:before { font-family: dzicon; display: inline-block; width: 14px; height: 14px; line-height: 14px; font-size: 14px; margin-right: 2px; color: {LIGHTTEXT}; }
		#atarget:before, .unchk:before { content: "\f12e"; }
		#atarget.atarget_1:before, .chked:before { content: "\f12f";}
		.unchk:hover, .chked:hover { text-decoration: none; }

#a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; }
		/* 重定義 tab 標籤樣式分類數字 by alice 13032514 */
		.ttp .num { background:#999; padding:0 5px; margin-left:5px; border-radius:3px; color:#FFF !important; }
		.ttp .a .num { background:#91BDD3; }
		/* 重定義 貼子更多分類標籤 by alice 13032614 */		
		.pop_moremenu li { display:block; border-bottom:1px solid #E5EDF2; line-height:24px; }
		.pop_moremenu a { display:inline; text-decoration:none; border-bottom:0; }
		.pop_moremenu li:last-child { border-bottom:none; }
		.pop_moremenu .pipe { margin:0; }
		.pop_moremenu a.xw1 { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; font-weight:normal; }
/*
	Name:			mod_media_list_thread
	Level:			Global
	depentend:		.ml
	Explain:		圖片模式的帖子列表
	Author:			lushnis
	Last Modify:	Pony 11121511
*/
	.mlt {}
		.mlt li { display: inline; margin: 0 4px 10px; padding-top: 5px; border: 1px solid {SPECIALBG}; border-bottom-color: {SPECIALBORDER}; background: #FFF; text-align: left; }
			.mlt .sum { display: inline-block; padding: 0 5px; height: 16px; line-height: 16px; border-radius: 5px; background: {SPECIALBG}; }
				.mlt .pin { background: #7B3; color: #FFF; }
				.mlt .digest { background: #0BC; color: #FFF; }
			.mlt .c .nopic { display: block; background:{WRAPBG}; cursor: pointer; }
			.mlt img.vm { display: inline; }

			.mlt h3 { height: 30px; line-height: 30px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
			.mlt li .cl { height: 18px; overflow: hidden; }
				.mlt li .c { height: auto !important; }
			.mlt li span { display: inline; color: {TABLETEXT}; }

/*
	Name:			mod_threadlist_last-child
	Level:			Function
	Explain:		帖子列表頁支持 last-child 的瀏覽器不顯示最後一條線
	Last Modify:	Pony
*/
.tl tbody:last-child th, .tl tbody:last-child td { border-bottom: none; }
.tl tbody:last-child .threadpre .threadpretd { border: 1px solid {CONTENTSEPARATE};}
/*
	Name:			closeprev
	Level:			Function
	Explain:		帖子列表頁隱藏置頂帖的按鈕樣式
	Last Modify:	Jane
*/
.closeprev { width: 12px; height: 12px; background: transparent; line-height: 12px; text-align: center; cursor: pointer; overflow: hidden; margin: 5px 5px 0px 5px; }
.closeprev:hover { background: #09C; }
.closeprev:before { content: "\d7"; font-weight: 700; color: #CCC; }
.closeprev:hover:before { color: #FFF;} 
.pcb .jammer { font-size: 10px; color: {WRAPBG}; }
/* 屏蔽提示 */
#hiddenthread { border-top: 1px solid #C2D5E3; border-bottom: 1px solid #C2D5E3; line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; }
#hiddenthread.last { border-top: none; }
#hiddenthread a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
#hiddenthread a:hover { text-decoration: none; }
/** end **/


/** forum::viewthread,group::viewthread,forum::trade,forum::misc **/
#a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; }

.pl {}
	.pl table { table-layout: fixed; width: 100%; }
		.pl .dt { width: 100%; }
	.plm { vertical-align: bottom !important; }
	.plc, .pls { vertical-align: top; }
		.plc { padding: 0 20px; }
		.pls { width: 160px; background: {SPECIALBG}; overflow: hidden; border-right: 1px solid {CONTENTSEPARATE}; }
		.pls .avatar { margin: 10px 15px; }
			.pls .avatar img { padding: 5px; background: #FFF; width: 120px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

			.pls .favatar { background: transparent; height: auto; border-width: 0px; overflow: visible; }

		.pls p, .pls .pil, .pls .o { margin: 5px 10px 5px 20px; }
			.pls p em, .pls dt em { color: {NOTICETEXT}; }
			.pls dd, .pls dt { float: left; overflow: hidden; height: 1.6em; line-height: 1.6em; }
				.pls dt { margin-right: 3px; width: 55px; }
				.pls dd { width: 70px; }
					.pls dd img { margin-top: -2px; max-width: 65px; }
	.ad .pls { background: {CONTENTSEPARATE}; padding: 0; height: 4px; }
	.ad .plc { background: {SPECIALBG}; padding: 0; overflow: hidden; }
	.pl .pnv .pls { background: {SPECIALBG}; border: solid {SPECIALBORDER}; border-width: 0 1px 1px 0; line-height: 16px; }
		.pl .pnv .tns p { font-size: 12px; }
	.pl .pnv .plc { border-bottom: 1px solid {SPECIALBORDER}; }

	.pnh { padding: 11px 20px; }
	.tnv { text-align: center; vertical-align: middle; } /* Threads navigation by lushnis */

	#threadstamp { position: relative; width: 100%; height: 0; overflow: visible; }
		#threadstamp img { position: absolute; top: -20px; right: 170px; }

	#pl_top .ad .pls, #pl_top .ad .plc { height: 1px;overflow: hidden; }
		#pl_top .pls { text-indent: 15px; }

/* 帖子作者、時間、樓層等一些屬性所在區塊 */
	.pi { overflow: hidden; margin-bottom: 10px; padding: 10px 0; height: 16px; border-bottom: 1px dashed {COMMONBORDER}; }
		.pi strong a { float: right; margin-top: -6px; padding: 4px 6px; border: 1px solid {WRAPBG}; font-weight: 400; }
			.pi strong a:hover { border-color: {COMMONBORDER}; }
		.pls .pi { padding-left: 15px; }
		.pi em {}
		.pi .replystick { display: inline-block; background: #F05537; color: #FFF; padding: 0 3px; }
		.warnicon { width: 21px; height: 18px; position: relative; }
			.warnicon:before,.warnicon:after { content: ""; display: block; position: absolute; border: 1px solid #111; border-radius: 3px; width: 10px; height: 14px; }
			.warnicon:before { background: #FAF004; transform: rotate(-30deg); bottom: 1px; left: 3px; }
			.warnicon:after { background: #F72100; right: 0; bottom: 0; }
		.pti {}
			.authicn { cursor: pointer; color: #FF7E00; }
			
/* 貼子掌上論壇彈窗 */
	.code_bg {background: url({IMGDIR}/code_bg.png) no-repeat 0 0; display:inline-block; padding:4px; margin:10px 20px; }

/* 帖子正文區塊 */
	.pcb { clear: left; margin-right: 130px; }
		.pcb h1, .pcb h2 { margin: 8px 0; font-size: 1.17em; }
			.pcb h1 a { font-weight: 400; }
			.pcb h2 em { float: right; font-size: 12px; font-weight: 400; }
			#ph { padding: 17px 0 0; }
				#ph h1 { font-size: 20px; }
			#fj { margin-left: 5px; }
				#fj label, #fj input { margin-right: 4px; padding: 0; height: 16px; line-height: 16px; }
		.pcb .jammer { font-size: 10px; color: {WRAPBG}; }

		.pcb strong { font-weight: 700; }
		.pcb em { color: {MIDTEXT}; }
		.pcb span.t_tag { cursor: pointer; border-bottom: 1px solid red; white-space: nowrap; }
			.pcb span.t_tag:hover { border-bottom: 1px solid {NOTICETEXT}; }
		.pct { padding-bottom: 1em; }
		.t_fsz { min-height: 100px; }
		.t_f, .t_f td { font-size: {MSGFONTSIZE}; }
			.t_f a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.t_f ul { margin-left: 14px; }
			.t_f li { margin-left: 2em; }
			.t_f ul li { list-style-type: disc; }
				ul.litype_1 li { list-style-type: decimal; }
				ul.litype_2 li { list-style-type: lower-alpha; }
				ul.litype_3 li { list-style-type: upper-alpha; }
		.t_f i { font-style: italic; }
		.sign { overflow: hidden; margin-bottom: 10px; padding-top: 16px; border-top: 1px dashed #CCC; line-height: 1.6em; }
			.sign::before { content: "SIGNATURE"; float: left; margin-top: -20px; margin-left: -8px; color: #7FCCE5; transform: scale(0.8); letter-spacing: 2px; }
			.sign * { line-height: normal; }
		.po { border-top: 1px dashed {COMMONBORDER}; }
			.po .y { margin: 8px 0 0 5px; }
			.po p { float: right; }
				.po p a, .po p label { margin-right: 6px; }
		.hin { opacity: 0.2;}
			.plhin:hover .hin { opacity: 1; }
		.pob { line-height: 36px; }
			.pob em { float: left;}
				.pob em a { display: block; float: left; height: 36px; margin-right: 14px; }
				.pob em a:before { font-family: dzicon; display: inline-block; height: 36px; width: 16px; transform: scale(1.3); margin-left: 2px; margin-right: 4px; color: #FF9C00; }
			.cmmnt:before { content: "\f120"; }
			.fastre:before { content: "\f10d"; }
			.followp { background: url({IMGDIR}/rt.png) no-repeat 0 50%; }
			.sharep { background: url({IMGDIR}/oshr.png) no-repeat 0 50%; }
			.req { background: url({IMGDIR}/repquote.gif) no-repeat 0 50%; }
			.editp:before { content: "\f10e"; }
			.appendp:before { content: "\f120"; }
			.psave { background: url({IMGDIR}/pubsave.gif) no-repeat 4px 50%; padding: 3px 10px 3px 25px; border:1px dotted {COMMONBORDER}; margin-left:5px; }
			.push:before { content: "\f10f"; }
			.replyadd:before { content: "\f124"; }
			.replysubtract:before { content: "\f125"; }
		.modact { display: block; height: 32px; text-align: center; padding:30px 0 0; }
			.modact, .modact a { line-height: 32px !important; }
		/* 按鈕 by alice */
		#p_btn { line-height: 24px; padding:3em 0; text-align:center; }
			#p_btn a { display: inline-block; margin-right: 6px; padding-right: 4px; padding-left: 4px; background: #E6EDF2; vertical-align: top; white-space: nowrap; border-radius: 4px; }
				#p_btn a:hover { text-decoration: none; }
				#p_btn i { display: block; padding: 4px; font-style: normal; cursor: pointer; }
					#p_btn img { float: left; margin: 4px 4px 0 0; }
					#p_btn em { float: left; margin-top: 1px; font-size: 14px; }
					#p_btn span { padding-left: 2px; color: {LIGHTTEXT}; }
			.tshare { padding-bottom: 10px; }
				.tshare strong { float: left; margin-right: 10px; }
				#p_btn .tshare a, #p_btn .tshare i { padding: 0; background: none; }
					#p_btn .tshare a { margin-right: 10px; color: {HIGHLIGHTLINK}; }
					#p_btn .tshare a:hover { text-decoration: underline; }
		.rate { margin: 20px 0; font-size: 12px; }
			.rate dt { float: left; padding-top: 7px; width: 80px; text-align: center; }
				.rate dt strong { padding: 12px 8px; height: 46px; font-size: 24px; background: #FFF4DD; }
				.rate dt p { padding-top: 10px; }
					.rate dt strong a, .rate dt strong a em { line-height: 48px; height: 48px; color: {NOTICETEXT}; }
			.rate dd { margin-left: 80px; }
				.rate dd ul li { float: left; overflow: hidden; margin:0 4px; width: 67px; height: 84px; text-align: center; }
				.rate .ratt { border-bottom: 1px dotted {WRAPBORDERCOLOR}; padding: 6px 0; }
				.ratl th, .ratl td, .ratc { overflow: hidden; padding: 5px 2px; height: 24px; line-height: 24px; border-bottom: 1px dashed {WRAPBORDERCOLOR}; white-space: nowrap; }
				.ratl img { height: 24px; width: 24px; vertical-align: middle; }
			.rate_collapse .ratl_l,.rate_collapse .ratc { display: none; }
				.rate_collapse .txt_h { visibility: hidden; }
				.rate .op { padding-right: 16px; background: url({IMGDIR}/arrow_top.gif) no-repeat 100% 50%; }
					.rate_collapse .op { background-image: url({IMGDIR}/arrow_down.gif); }
			.rate i { font-style: normal; }
			.ratl .xw1 .xi1 { background:#FFF4DD; border-radius:3px; padding:2px 3px; }
			
			.icon_ring { background:#FFF4DD; float: left; width:8px; height:8px; margin-right:5px; margin-top: 3px; border:2px solid #F26C4F; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); overflow: hidden; }
			.icon_ring:hover { background:#F26C4F; border:2px solid #FFF; }

/* 回帖推薦 post sticklist by dfox */
	.psth { margin: 2em 0 2em -20px; padding: 5px 45px 5px 20px; width: 240px; background: #FFF4DD; color: {NOTICETEXT}; font-size: 14px; border-radius: 0 14px 14px 0; }
	.tpst .psth { margin-left: -15px; }
	.pstl { clear: left; padding: 0.5em 0;}
		.psta { float: left; width: 120px; line-height:24px; overflow:hidden; }
			.psta img { width: 24px; height: 24px; vertical-align:midden; }
		.psti { margin-left: 120px; line-height:24px; }

/* 點評 by monkeye */
	.f_c .cm { overflow: hidden; }
	.cm .psth { background-color: #FFF4DD; color: {NOTICETEXT}; background-position: 100% 50%; font-size: 12px; }
		.cm .pg { float: none; }
			.cm .pg a, .cm .pg strong { margin: 0 4px 0 0; }
		.cm i { color: #F30; font-style: normal; }
		.cmstar { display: block; margin-top: 5px; width: 100px; height: 16px; cursor: pointer; }
			.cmstarv { padding-right: 2px; }
			.cmm .cmstar { margin-top: 0; }
			.cmstar em { float: left; width: 16px; height: 16px; line-height: 16px; font-size: 16px; text-align: center; overflow: hidden; color: #BBB; }
			.cmstar em:before { font-family: dzicon; content: "\f12d"; }
			.cmstar .itms_0 { width: 10px; text-indent: -9999px; }
			.cmstv_1 .itms_1, .cmstv_2 .itms_1, .cmstv_2 .itms_2, .cmstv_3 .itms_1, .cmstv_3 .itms_2, .cmstv_3 .itms_3, .cmstv_4 .itms_1, .cmstv_4 .itms_2, .cmstv_4 .itms_3, .cmstv_4 .itms_4, .cmstv_5 em { color: #F90; }

/* 屏蔽提示 */
	#hiddenpoststip { line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; }
	#hiddenpoststip a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
	#hiddenpoststip a:hover { text-decoration: none; }

/*
	Name:			mod_viewthread_author
	Level:			Function
	Explain:		第二頁以後顯示主題作者
	Author:			lushnis
	Last Modify:	Pony 11042913
*/
	#tath { padding: 0 10px 0 15px; width: 130px; line-height: 24px; white-space: nowrap; word-break: keep-all; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; }
		#tath img { width: 24px; height: 24px; vertical-align: middle; }

#f_pst .plc { padding: 20px; }
	#f_pst .fpp label { zoom: 1; }
	#f_pst .avatar { margin-top: 15px; }

i.pstatus { display: block; margin-bottom: -30px; font-size: 12px; text-align: center; font-style: normal; line-height: 32px; color: {LIGHTTEXT}; }

/* 用戶詳細信息 */
	.bui { position: absolute; margin: -1px 0 0 -1px; padding: 15px 0 15px 20px; width: 430px !important; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -webkit-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -moz-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; }
		.bui dl { margin: 5px 0 10px; }
			.bui dt { width: 4.5em; }
			.bui dd { margin-right: 10px; width: 75px; }
		.bui .m img { margin-bottom: 12px; width: 120px; }
		.bui .i { width: 290px; }
			.imicn img { vertical-align: middle; margin-right: 8px; }
				.imicn .xi2:hover { text-decoration: none; }
				.imicn .xi2 img { margin-right: 0; }
				.card_gender_0 { background: #efefef }
				.card_gender_1 { background: #bbebf9 }
				.card_gender_2 { background: #fce0df }

	/*
		Name:			mod_user_interaction
		Level:			Function
		Explain:		帖子左側用戶互動操作
		Last Modify:	Pony
	*/
	.pls .o li { background-position: 0 50%; background-repeat: no-repeat; }
	.pls .o li:before { float: left; font-family: dzicon; line-height: 14px; font-size: 16px; color: #7DA0CC; margin-top: 1px; margin-right: 2px; }
		.pls .o .callon:before { content: "\f103"; }
		.pls .o .buddy:before { content: "\f13e"; }
		.pls .o .poke2:before { content: "\f146"; }
		.pls .o .pm2:before { content: "\f119"; }
		.pls .o .addflw:before { content: "\f11e"; }
	/* 帖子左側用戶組升級提示細微調整 Last Modify Pony */
	.pls .tip_4 { margin-left: -5px; }

	/*
		Name:			mod_thread_attr
		Level:			Function
		Explain:		帖子中類似「遊客，如果您要查看本帖隱藏內容請」等地方的樣式
		Last Modify:	Pony 11060209
	*/
	.locked { overflow: hidden; margin: 10px 0; padding: 8px 8px 8px 24px; border: 1px dashed #FF9A9A; background: {WRAPBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; font-size: 12px; zoom: 1; }
		.locked:hover { background-color: #F7F7F7; }
		.locked strong { color: {NOTICETEXT}; }
		.locked a, .attach_nopermission a { color: {HIGHLIGHTLINK}; }
	.attach_nopermission { margin: 10px 0; width: 600px; border: 1px dashed #AAAA92; background: #FFFFEE url({IMGDIR}/attach_nopermission_bg.svg) no-repeat 100% 0; font-size: 12px; }
		.attach_nopermission div { padding: 20px 0 20px 70px; border: 3px solid #FFF; background: url({IMGDIR}/attach_nopermission.svg) no-repeat 15px 15px; }
		.attach_nopermission:hover div { border-color: #DADAB1; }
		.attach_tips { margin-bottom:15px; position: relative; }
		.attach_tips h3 strong { color: #8CA226; font-size:15px; display:block; margin-bottom: 10px; margin-top: -10px; }
			.attach_tips .atips_close { position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; line-height: 12px; text-align: center; cursor: pointer; color: #ccc; font-weight: bold; }
				.attach_tips:hover .atips_close { color: #999; }
				.attach_tips .atips_close:hover { color: #333; }
	.viewpay { overflow: hidden; margin: 0 6px; padding: 1px 0 1px 24px; background: url({IMGDIR}/viewpay.gif) no-repeat 6px 60%; color: {HIGHLIGHTLINK}; font-weight: 700; zoom: 1; }
	.showhide { overflow: hidden; border: 1px dashed #FF9A9A; margin: 8px 0; padding: 10px; zoom: 1; }
		.showhide h4 { margin-bottom: 10px; color: #F66; font-size: 12px; text-align: center; }

	/*
		Name:			mod_thread_code_quote
		Level:			Function
		Explain:		帖子代碼/引用等樣式
		Author:			lushnis
		Last Modify:	Pony 1205241556
	*/
	.pl .quote, .pl .blockcode { margin: 10px 0; padding: 10px 10px 10px 65px; zoom: 1; }
	.pl .quote { padding-bottom: 5px; background: #F9F9F9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='27'%3e%3cpath fill='%23d8e7f2' d='M11 16v10H1V16C1 10 7 1 11 1v5c-2 0-5 6-5 10h5zm16 0v10H17V16c0-6 6-15 10-15v5c-2 0-5 6-5 10h5z'/%3e%3c/svg%3e") no-repeat 20px 6px; }
		.pl .quote blockquote { display: inline-block; margin: 0; padding: 0 65px 5px 0; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='27'%3e%3cpath fill='%23d8e7f2' d='M17 11V1h10v10c0 6-6 15-10 15v-5c2 0 5-6 5-10h-5zM1 11V1h10v10c0 6-6 15-10 15v-5c2 0 5-6 5-10H1z'/%3e%3c/svg%3e") no-repeat 100% 100%; line-height: 1.6; zoom: 1; }

	.pl .blockcode { padding: 10px 0 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; background: #F7F7F7 repeat-y 0 0; background-image: linear-gradient(90deg, #EDEDED, #EDEDED); background-size: 43px; overflow: hidden; }
		.pl .blockcode ol { margin: 0 0 0 10px !important; padding: 0 !important; }
			.pl .blockcode ol li { padding-left: 10px; list-style-type: decimal-leading-zero; font-family: Monaco,Consolas,'Lucida Console','Courier New',serif; font-size: 12px; line-height: 1.8em; }
				.pl .blockcode ol li:hover { background: {WRAPBG}; color: {HIGHLIGHTLINK}; }
		.pl .blockcode em { margin-left: 43px; color: {HIGHLIGHTLINK} !important; font-size: 12px; cursor: pointer; user-select: none; }
		.pl .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; }
			.pl .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; }
			.pl .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; }


/*投票 poll optionvessel by dfox */
	.pcht { margin-bottom: 15px; }
	.polltd { padding: 4px; border: 1px #dfdfdf solid; border-radius: 3px; }
		.polltd .nophoto { border: 1px solid #EEE; height: 130px; line-height: 130px; }
		.polltd a:hover { text-decoration: none; }
		.pcht h4 a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.pcht table { table-layout: fixed; }
		.pcht table td { padding: 4px; vertical-align: top; }
			.pslt { width: 20px; vertical-align: middle !important; }
			.pvt { width: auto; }
				.pvt label { cursor: pointer; }
			.pvts { width: 100px; }
				.pcht table tr.ptl td { padding: 8px 2px; border-bottom: 1px solid {WRAPBORDERCOLOR}; }
		.pcht { width: 600px; }
		.pinf { margin: 15px 0; color: {LIGHTTEXT}; }
			.pinf strong { color: {MIDTEXT}; }
			.pinf a { color: {HIGHLIGHTLINK}; }
		.ptmr { margin: -10px 0 15px; }
		.imgf2 { position: relative; height: 20px; background: #e9e9e9; border-radius: 10px; overflow: hidden; }
		.jdt { display: block; width: 1px; height: 20px; background: #f2a61f; }
		.imgfc { position: absolute; left: 0; top: 0; padding: 0 5%; width: 90%; line-height: 20px; }
	/*
		Name:			mod_voter_list
		Level:			Function
		Explain:		投票者列表樣式
		Last Modify:	Pony
	*/
	.voterlist { width: 495px; height: 195px; overflow: auto; }
		.voterlist .ps { max-width: 495px; }
	.voterl li { padding: 0 5px 5px 0; width: 90px; text-align: left; }

	/*
		Name:			mod_thread_trade_activity
		Level:			Function
		Explain:		spvimg,spi 為活動、商品公用部分
		Author:			dfox
		Last Modify:	Pony 11082511
	*/
	.act {}
		.act .c { line-height: 28px; font-size: 14px; }
		.spvimg { float: left; position: relative; width: 300px; background: #FAFAFA; text-align: center; border: 1px solid {COMMONBORDER}; }
		.spvimg em.hot { width: 120px; height: 102px; background-position: 0 -104px; }
		.spvimg a:hover { text-decoration: none; }
		.spvimg .nophoto { height: 300px; line-height: 300px; }
		.spi { margin-left: 315px;}
			.spi dl { font-size: 14px; }
				.spi dl dt { float: left; padding: 2px 0; width: 80px; height: 1em; }
				.spi dl dd { margin-left: 90px; padding: 2px 0; min-height: 21px; height: auto !important; height: 21px; }
				.spi dl dd em { color: #F30; }
			dl.nums {}
				.spi dl.nums dt { padding-top: 15px; }
				.spi dl.nums dd em { font-size: 26px; }
		.actl { table-layout: fixed; width: 320px; border-top: 3px solid {COMMONBORDER}; }
			.actl th, .actl td { padding: 8px 2px; border-top: 1px dashed {COMMONBORDER}; }
			.actl th { width: 60px; }
		.actfm { height: auto !important; height: 220px; max-height: 220px; overflow-x: hidden; overflow-y: auto; }
		.actl_pop { overflow: auto; max-width: 200px; max-height: 300px; }
			.actl_pop li { display: block; padding: 3px 0; border-bottom: 1px dashed {COMMONBORDER}; }
			/* 重定義彈窗里的鏈接 */
			.actl_pop a { display: inline; position: static; padding: 0; border: none; white-space: normal; }
				.actl_pop a:hover { background: transparent; text-decoration: underline; }

/* 懸賞 by dfox */
	.rwd {}
		.rsld, .rusld { width: 90px; height: 114px; padding-top: 4px; background: #FFF3D9; text-align: center; color: #F30; position: relative; border-radius: 8px; }
		.rsld { background: #EEE; color: {LIGHTTEXT}; }
			.rsld cite, .rusld cite { display: block; margin: 4px auto 6px; height: 30px; font-size: 28px; }
			.rsld em, .rusld em { position: absolute; bottom: 7px; left: 6px; height: 23px; line-height: 23px; text-align: center; width: 78px; color: {LIGHTLINK}; background: #E85500; border-radius: 5px; }
			.rsld em { background: #009DD0; }
		.rwdn { margin-left: 110px; }
	.rwdbst {}

/* 辯論觀點樣式 by michael */
	.pdbt { float: right; margin: -5px 10px 0 0; }

	.pdbts { float: left; overflow: hidden; height: 25px; line-height: 25px; background: #FF6F00; border-radius: 5px; }
		.pdbts a { float: left; margin: 0; height: 25px; line-height: 25px; }
			.pdbts a:hover { text-decoration: none; }
		.pdbts .v { padding: 0 9px; color: {LIGHTLINK}; text-align: center; font-weight: 700; }
		.pdbts .b { padding: 0 10px; margin: 1px; height: 23px; line-height: 23px; background: #FFF; border-radius: 4px; }
	.pdbts_0 { background: #EEE; }
		.pdbts_0 a { padding: 0 36px; text-align: center; }
	.pdbts_2 { background: #00A4D7; }

/* 商品 trade by michael & dfox*/
	.trdc { margin-top: 20px; background: #09C; height: 30px; line-height: 30px; color: {LIGHTLINK}; }
		.trdc a { margin: 0 6px; height: 30px; line-height: 30px; color: {LIGHTLINK}; }
		.trdc em { float: right; padding-right: 6px; line-height: 30px; color: {LIGHTLINK}; }
	.trdb { border-bottom: 1px dashed {WRAPBORDERCOLOR}; }
		.trdb .y * { vertical-align: middle; }
		.trdb .c { clear: both; padding: 10px; font-size:14px; }
			.trdb .c .pattl { border: none !important; }
		.spi h4 { font-size: 18px; font-weight: 700; padding: 4px 2px 8px; }

		.trdl { padding: 10px 0; }
			.trdl .tt { float: left; position: relative; width: 90px; text-align: center; }
				.trdl .tt img { vertical-align: middle; cursor: pointer; }
				.trdl .tt .nophoto { height: 90px; line-height: 90px; border: 1px solid #DDD; }
				.trdl .tt .hot { width: 43px; height: 37px; }
			.ta { margin-left: 100px; overflow: hidden; }
				.ta h4 { padding: 2px; font-size: 14px; font-weight: 700; }
				.ta dl { margin: 0; width: 200px; }
				.ta strong { font-size:16px; color: #F30; }

		.torder .spvimg { width: 90px; }
		.torder .spvimg .nophoto { height: 90px; line-height: 90px; }
		.torder .spi { margin-left: 110px; }
			.torder .spi strong { color: #F30; }

/* 門戶 viewthread 顯示 */
.vw .pcb { margin-right: 0; }
	.vw dd .pcb { width: 640px; }
	.vw dd .rate { padding-left: 0; }
	.vw .pcb table { table-layout: fixed; width: 100%; overflow: hidden; }
		.vw .t_fsz { min-height: 30px; }
	.vw .pstl { margin-bottom: 1.4em; }
		.vw .psth { margin-left: 0; }
	.vw .pdbts { margin-right: 10px; height: 20px; line-height: 20px; background: url({IMGDIR}/pdbtm.gif) no-repeat 0 0; }
		.vw .pdbts a { height: 20px; line-height: 20px; }
		.vw .pdbts .b, .vw .pdbts .b:hover { padding: 0 5px; background: url({IMGDIR}/pdbtm.gif) no-repeat 100% -20px; }
		.vw .pdbts .v { width: 30px; }
	.vw .pdbts_0 { background-position: 0 -80px; }
		.vw .pdbts_0 a { width: 90px; text-align: center; }
	.vw .pdbts_2 { background-position: 0 -40px; }
			.vw .pdbts_2 .b, .vw .pdbts_2 .b:hover { background-position: 100% -60px; }

	.vw .dr .sr_2 h5, .vw .dr h5 { width: 172px; }

#modopt, #modopttmp { margin-left:5px; }
/** end **/

/** forum::forumdisplay,group::forumdisplay **/
.previewPost .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; }
	.previewPost .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; }
	.previewPost .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; }
/** end **/

/** forum::viewthread,group::viewthread,forum::forumdisplay,group::forumdisplay **/
/*
	Name:			mod_visited_t&b
	Level:			Function
	Explain:		返回列表中顯示的訪問過的帖子和版塊
	Last Modify:	Pony
*/
#visitedforums_menu { width: 150px; }
	#visitedforums_menu li { display: block; float: none; }
	#visitedforums_menu td { padding: 5px 10px; vertical-align: top; }
	#visitedforums_menu a { white-space: normal !important; display: inline-block; overflow: hidden; height: 1.5em; }
	#v_forums { width: 120px; }
#v_threads li, #v_forums li { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 7px; }

/* 快速表情 */
#fastsmilies { text-align: right; }
	#fastsmilies table { table-layout: auto; width: 160px; height: 133px; }
	#fastsmilies td { text-align: right; vertical-align: middle; cursor: pointer; }
		#fastsmilies img { vertical-align: middle; }
/** end **/


/** home::space,forum::viewthread,forum::trade **/
/*
	Name:			mod_trade_list
	Level:			Function
	Explain:		帖子以及交易單中的商品列表
	Last Modify:	Pony 11060710
*/
.tradl {}
	.tradl li { padding: 10px; width: 138px; height: 235px; }
		.pg_trade .tradl li { float: none; padding: 10px 0; width: auto; height: 224px; }
	.tradl .u { text-align: left; }
	.tradl h4 { overflow: hidden; height: 38px; font-weight: 400; }
	.tradl .tn { display: block; position: relative; margin: 5px auto; padding: 1px; width: 130px; height: 130px; border: 1px solid {COMMONBORDER}; }
		.tradl .tn em.hot { width: 53px; height: 46px; background-position: 0 -48px; }
		.tradl a:hover { text-decoration: none; }
		.tradl img { max-width: 130px; max-height: 130px; }
		.tradl .nophoto { height: 130px; line-height: 130px; }
		.tradl.trads img { max-width: 90px; max-height: 90px; }
		.tradl.trads .nophoto { width: 90px; height: 90px; line-height: 90px; }
	.tradl .p { font-family: Arial, sans-serif; font-size: 16px; color: {LIGHTTEXT}; }
	.tradl .stat { background: url({IMGDIR}/closed.png); color: {LIGHTLINK}; }
/** end **/


/** forum::viewthread,group::viewthread,home::space **/
/* 辯論 debatesquare by michael & dfox */
	.dtm { padding: 10px 0; text-align: center; font-weight: 700; }
	.ds { margin-top: 1em; line-height: normal; }
		.ds th { width: 60px; vertical-align: bottom; }
		.ds th div { height: 150px; line-height: 150px; text-align: center; font-size: 28px; font-weight: 700; }
		.ds td { vertical-align: bottom; }
			.ds td p{ font-size: 14px; padding: 5px 0 15px; line-height: 20px; text-align: left; }
		.ds .si_1, .ds .si_2 { text-align: center; vertical-align: middle; }
		.ds .sc_1, .ds .sc_2 { width: 62px; }
			.ds .point_chart{ position: relative; width: 60px; height: 150px; background: rgba(128, 128, 128, 0.1); border: 1px solid rgba(64, 64, 64, 0.1); border-radius: 12px 12px 0 0; overflow: hidden; }
			.ds .point { margin: 0 auto; padding: 0 20px 0 10px; text-align: center; font-size: 14px; }
				.ds .si_2 .point { padding: 0 20px; }
					.ds .si_1 .point strong{ color: #F04700; }
					.ds .si_2 .point strong{ color: #0092C5; }
			.ds .chart{ position: absolute; left: 0; bottom: 0; width: 60px; }
				.ds .sc_1 .chart{ background: #F04700; }
				.ds .sc_2 .chart{ background: #0092C5; }
		/* 空間中的辯論列表 by Pony */
		#nv_home .ds table { table-layout: fixed; width: 100%; }
		#nv_home .ds th div, #nv_home .ds .point_chart { height: 120px; line-height: 120px; }
		#nv_home .ds .ph { font-size: 16px; text-align: center; }
	.dr { margin: 2px 0; padding-top: 6px; min-height: 80px; height: auto !important; height: 80px; }
		.dr th { width:50px; }
		.dr td { vertical-align: top; }
		.dr h5 { padding-left:10px; width: 193px; text-align: center; font-size: 14px; font-weight: 400; }
			.dr h5 a { color: #F04700; font-weight: 700; }
			.dr .sr_1 .pn { float: right; margin-right: 5px; min-width: 62px; }
			.dr .sr_2 .pn { margin-left: 5px; min-width: 62px; }
			.dr .sr_2 h5 { float: right; padding: 0 20px 0 0; width: 183px; }
				.dr .sr_2 h5 a { color: #0092C5; }
			.dr .mls { padding-top: 15px; clear: both; }
			.dr .mls li { width: 70px; }

/* 標籤 .ptg */
	.ptg:before { content: "\f14a"; font-family: dzicon; font-size: 16px; line-height: 14px; color: #7DA0CC; }
		.ptg a { color: {HIGHLIGHTLINK}; }
/** end **/


/** forum::viewthread,group::viewthread,forum::trade,portal::view **/
/* 帖子附件 by dfox */
	.pattl { overflow: hidden; padding: 1em 0; width: 100%; font-size: 12px; }
	.tatt, .t_attach_img { padding: 5px; color: {LIGHTTEXT}; font-size: 12px; }
		.tatt { width: 240px; }
		.tatt em { color: {LIGHTTEXT}; }
		.t_attachinsert{ margin:1em 0; font-size: 12px; }
		.t_attachinsert p img{ margin-bottom: -4px; }
	.t_table{ border: 1px solid #E3EDF5; empty-cells: show; border-collapse: collapse; }
		.pl table.t_table { table-layout: auto; }
		.t_table td { padding: 4px; border: 1px solid #E3EDF5; overflow: hidden; overflow-wrap: anywhere; }
	.tattl { float: left; overflow: hidden; padding: 10px 10px 10px 0; width: 45%; height: 64px; }
		.tattl a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.tattl dt { float: left; width: 40px; font-weight: 700; }
		.tattl strong { margin-right: 6px; color: {NOTICETEXT}; font-weight: 400; }
		.tattl dt img { width: 32px; height: 32px; }
		.tattl dd { margin-left: 40px; color: {LIGHTTEXT}; }
	.attnm { height: 18px; margin-bottom: 3px; overflow: hidden; white-space: nowrap; }
		*html .attnm { white-space: normal; }
	.attm { overflow: visible; float: none; width: 100%; height: auto; }
		.attm dt { width: 0; }
		.attm dd { margin-left: 0; }
		.zoom { cursor: pointer; }

	.attp { width: 180px; text-align: left; }
		.tattl .attp { width: 240px; }

	/* 版主瀏覽包含收費附件的帖子，且附件插入到帖子內容中去的時候 by Pony */
	.attprice { padding: 5px; border: 1px dashed #FF9A9A; }
/** end **/

/** forum::viewthread,group::viewthread,forum::trade,portal::view,forum::forumdisplay,home::space **/
	/*
		Name:			mod_zoominner
		Level:			Function
		Explain:		顯示原始圖片彈出層
		Last Modify:	Pony
	*/
	.zoominner { padding: 5px 10px 10px; background: {WRAPBG}; text-align: left; }
		.zoominner p { padding: 8px 0; }
			.zoominner p a { float: left; margin-left: 10px; width: 17px; height: 17px; line-height: 17px; text-align: center; overflow: hidden; color: #999; }
				.zoominner p a:hover { color: #4497CC; text-decoration: none; }
				.zoominner p a:before { font-family: dzicon; content: "\f139"; font-size: 18px; }
				.zoominner p a.imgadjust:before { content: "\f13a"; }
				.zoominner p a.imgclose:before { content: "\f116"; }

.zimg_c { position: relative; }
.zimg_prev, .zimg_next { display: block; position: absolute; width: 80px; height: 100%; background: url({IMGDIR}/pic-prev.png) no-repeat 0 -100px; cursor: pointer; }
.zimg_next { right: 10px; background-image: url({IMGDIR}/pic-next.png); background-position: 100% -100px; }
.zimg_c img { margin: 0 auto; }
.zimg_p strong { display: none; background: #FFF; margin-top: 50px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; }
.zimg_prev:hover strong, .zimg_next:hover strong { display: block; }
/** end **/


/** forum::misc **/
/* 非彈窗時顯示出來的頁面的樣式重定義 */
	.mn .flb { padding-left: 0; }
	.f_c .list { margin-left: 0; }
/** end **/


/** portal::portalcp,portal::view,forum::viewthread,group::viewthread,home::space **/
/* 自動給關鍵詞增加的鏈接的樣式 by Pony */
	.relatedlink, .relatedlink:hover { text-decoration: none !important; color: {TABLETEXT} !important; border-bottom: 1px solid blue; }

/* 模塊標識後面的收藏圖片樣式 by Pony */
	.favmark { margin-bottom: -3px; }
/** end **/


/* ----------------------------------------------------------------------- 圈子相關樣式 by dfox */
/** group::index **/
	#g_focus { width: 320px; }
	#g_commend {}
		#g_commend .xld { float: left; margin-right: 0.3%; width: 24.5%; height: 64px; overflow: hidden; }
		#g_commend dt { padding-bottom: 0; }
	#g_guide { background: url({IMGDIR}/g_guide.svg) no-repeat 10px 18px; }
		#g_guide li { border-bottom: 1px dashed {COMMONBORDER}; }
		#g_guide a, #g_guide label { display: block; padding: 7px 0 7px 40px; height: 36px; }
			#g_guide label { cursor: text; }
		#g_guide strong { display: block; }
	.fl .bm_h { border-bottom: none; background-color: transparent; }

/* 圈子列表 by Pony */
	.fl_icn, .fl_icn_g { width: 48px; }
	.fl_g dl { margin-left: 48px; padding: 0 5px; }
/** end **/

/** group::group **/
#gh { border: 1px solid {COMMONBORDER}; }
	#gh .bm { margin-bottom: 0; }
	#gh .bm_h { background-color: {SPECIALBG}; }
/** end **/

/** group,search::group **/
.gl .flc .icn { float: left; width: 60px; }
.gl .flc dl { margin-left: 60px; }
	.gl .flc dl dt { height: 20px; overflow: hidden; }

	.mls li p { margin: 5px 4px 0; width: 58px; }

.gl .flc .i { margin-top: -14px; width: 127px; }
	.gl .flc .i em, .gl .flc .i span { float: right; width: 55px; color: {LIGHTTEXT}; text-align: right; line-height: 20px; }
	.gl .flc .i em { border-right: 1px solid {COMMONBORDER}; padding-right: 10px; }
		.gl .flc .i p { color: {LINK}; }
		.gl .flc .i span p { font-weight: 700; }

#nv_group .flg dd em { float: left; margin-right: 1em; color: {LIGHTTEXT}; white-space: nowrap; }

#nv_group {}
#create_group_btn { display: block; text-align: center; }
/** end **/


/** group::my **/
/* 設置關注的圈子彈窗 by Pony */
	.attgroup { width: 450px; }
		.attgroup li { float: left; overflow: hidden; margin-right: 5px; width: 145px; white-space: nowrap; }

/* 關注按鈕和所有圈子的按鈕 by Shuaishuai*/
	.groupbtn { float: left; margin: 0 2px; padding: 0 !important; height: 23px; border: 1px solid #C1CFDA !important; background: #EEF0F3 !important; border-radius: 3px; line-height: 23px; text-align: center; cursor: pointer; }
	.groupbtn:hover{ text-decoration: none; }
		.groupbtn span { display: block; padding: 0 7px; }
/** end **/



/* ----------------------------------------------------------------------- 文章、日誌等頁面樣式 */
/** portal::list,home::space **/
.bm_h .addnew { margin-left: 10px; }
	.bm_h .addnew:before { display: inline-block; content: "+"; font-weight: 700; font-size: 18px; line-height: 14px; color: #309D36; margin-right: 2px; }
.bm_h .rss { margin-left: 10px; }
	.bm_h .rss:before { font-family: dzicon; content: "\f10a"; display: inline-block; height: 14px; line-height: 14px; font-size: 16px; color: #ff9132; margin-right: 2px; }
/** end **/


/** forum::viewthread,portal::view,portal::comment,home::space **/
/* Article/Blog View by lushnis */
	.vw {}
		.vw .h { padding-bottom: 15px; border-bottom: 1px solid {COMMONBORDER}; }
			.vw .ph { padding: 15px 0 10px; color: #444; }
		.vw .hot { margin-right: 5px; color: {NOTICETEXT}; }
		.vw .s { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid {COMMONBORDER}; line-height: 2; color: {HIGHLIGHTLINK}; }
			.vw .s strong { font-weight: 400; color: red; }
		.vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 1.8; color: #000; }
			.vw .d i { font-style: italic; }
			.vw .d img { max-width: 620px; }
			.vwtb { table-layout: fixed; width: 100%; height: 300px; }
			.vw .pattl_c .tip { line-height: 1.5; }
			#article_content { vertical-align: top; }
		.vw .d ol, .vw .d ul { margin: 1em 2em; }
			.vw .d ul li { list-style-type: disc; }
			.vw .d .ml, .vw .d .xl { margin: 0; }
				.vw .d .ml li { list-style-type: none; }
		.vw .attach { padding-left: 20px; background: url({IMGDIR}/fach.gif) no-repeat 0 50%; color: {HIGHLIGHTLINK}; }
		.vw .o { margin-top: 15px; padding-top: 5px; border-top: 1px solid {COMMONBORDER}; text-align: right; }
			.vw .o .mgcmn { width: auto; text-align: left; }
		#nv_portal .vw .h, #nv_portal .vw .s, #nv_portal .vw .d, #nv_portal .vw .o, #nv_portal .vw .pren, #nv_forum .vw .h, #nv_forum .vw .s, #nv_forum .vw .d { margin-right: 15px; margin-left: 15px; }
		.pic_h { border-radius:5px; }
		.pic_h .h { border-bottom:1px dashed #CDCDCD; margin-left:0 !important; margin-right:0 !important; padding-left: 15px;padding-right: 15px; }
		.pic_h .d { margin:0 !important; }
		/* albumback by Alice */
		.albumback #ft { border-top:0; color:#FFF; }
		.albumback #pt a,.albumback #ft a,.albumback a.thread_mod span,.albumback .vw .ph,.albumback .album_info p,.albumback .img_tit_t .xi1 { color:#FFF; }
		.albumback .ct2 .bm,.albumback #imagelist_nav { background:#000; }
		.albumback #ct { border-color:#CDCDCD; }
		.albumback a.thread_mod:hover span { color:#539BCB !important; }

/* .atd -> attitude 表態 by Pony */
	.atd { margin: 15px auto; }
		.atd img { margin-bottom: 10px; }
		.atd a { display: block; }
			.atd a:hover { text-decoration: none; }
		.atd td { padding: 10px; text-align: center; vertical-align: bottom; }
			.atd .atdc { position: relative; margin: 0 auto 10px; width: 20px; height: 50px; }
				.atdc div { position: absolute; left: 0; bottom: 0; width: 20px; text-align: left; }
				.atd .ac1 { background: #C30; }
				.atd .ac2 { background: #0C0; }
				.atd .ac3 { background: #F90; }
				.atd .ac4 { background: #06F; }
				.atdc em { position: absolute; margin: -25px 0 0 -5px; width: 30px; font-size: 11px; text-align: center; color: {LIGHTTEXT}; }
/** end **/


/** portal::portalcp,portal::view **/
.pgm { clear: both; padding: 5px 0; }
	.pgm .pg { float: left; }

/* 管理相關文章 */
.bart { position: relative; padding: 10px; width: 640px; }
	.bartl { overflow-y: scroll; padding: 10px; width: 270px; height: 270px; border: 1px solid {COMMONBORDER}; }
		.bartl li { overflow: hidden; width: 250px; height: 20px; }
			.bartl li em { float: left; width: 200px; }
	.barto { position: absolute; top: 190px; left: 315px; height: 30px; }
		.barto .pn * { padding: 0 8px; }
	.bart .chkall { padding-left: 10px; }
	#chkalldiv p { width: 292px; }

/* 管理模塊 */
	.ptblk li { padding: 7px 0; border-bottom: 1px solid {COMMONBORDER}; }
	.ptblk em { margin-right: 30px; }

/* 文章標題顏色、加粗、斜體、下劃線等樣式 by Pony */
.colorwd { margin-right: 3px; }
.dopt input { float: left; }

/* 上一篇/下一篇文章 樣式*/
#nv_portal .vw .pren em { display: block; width: 100%; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/** end **/



/* ----------------------------------------------------------------------- 空間相關樣式 */
/** home::space,misc::ranklist **/
/* .mi --> my_infomation 空間首頁個人信息部分 */
	.mi {}
		.mi th, .mi td { vertical-align: top; }
		.mi th { width: 145px; }
		.mi .avatar a { position: relative; }
			.mi .avatar a:hover { text-decoration: none; }
			.mi .avatar a span { display: none; position: absolute; bottom: 2px; padding: 5px 0; width: 100%; text-align: center; background: transparent; background: rgba(255, 255, 255, 0.5); cursor: pointer; }
				.mi .avatar a:hover span { display: block; }
				.mi .avatar img { padding: 3px; border: 1px solid {COMMONBORDER}; }
		.mifm { position: relative; margin: 10px 0 20px; padding: 5px; width: 370px; background: {COMMONBG}; zoom: 1; }
	.mipm { padding: 5px 0; border: 1px solid {COMMONBORDER}; }
		.mipm li { float: left; padding: 5px 15px; white-space: nowrap; }
		.mi a.o { margin-right: 5px; }
		.mi a.o:before { display: inline-block; font-family: dzicon; width: 14px; height: 14px; line-height: 14px; margin-right: 4px; content: "\f103"; color: #CCC; font-size: 16px; }
	#moodfm {}
		#moodfm textarea { width: 600px; height: 56px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; overflow-y: auto; }
		.mi .moodfm_input { width: 350px; height: 58px; }
			.mi #moodfm textarea { float: left; margin: 0; padding: 3px; width: 552px; height: 50px; outline: none; border: 1px solid {COMMONBORDER}; background: #FFF; border-radius: 4px; }
			.mi #moodfm.hover textarea { border-color: {SPECIALBORDER}; }
		.moodfm_btn { padding-left: 5px; }
			.moodfm_btn button { cursor: pointer; padding: 22px 11px; }
		.moodfm_f { padding: 5px 0 0 3px; }

/*
	Name:			mod_share_form
	Level:			Function
	Explain:		發布分享的表單
	Last Modify:	Pony
*/
	.sfm { margin: 0 0 20px 10px; }
		.sfm .c { width: 442px; }
		.sfm .px { width: 432px; }
		.sfm .pt { width: 432px; height: 67px; }

/* 分享視頻有截圖時 by Pony */
.vdtn { width: 126px; height: 95px; border: 1px solid {COMMONBORDER}; cursor: pointer; }

/* .pic -> picture 查看圖片 by Pony */
	.osld { padding-left: 18px; background: url({IMGDIR}/slide.png) no-repeat 0 50%; }
	.pic {}
		.pic .c { margin-top: 20px; text-align: center; }
			.pic .c img { max-width: 764px; }
		.pic p { margin: 5px 0; }
	.albim_pic_title { padding: 5px; border-top: 1px dashed {COMMONBORDER}; background: {COMMONBG}; }

/* 側邊圖片導航 Media list navigation */
	.mlnv { text-align: center; }
		.mlnv img { margin: 0 5px; padding: 2px; max-width: 100px; max-height: 100px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG};}
			.mlnv img.a { border-color: {NOTICETEXT}; background: #FFEAA8; }
		.mlnv .btn img { padding: 0; border: 0; background: none;  }


/* .sl -> share_list 分享列表 by Pony */
	.sl {}
		.sl li { padding: 10px 0; border-bottom: none; }
		.sl .h { padding: 6px 10px; background: {COMMONBG}; border-bottom: 1px solid {COMMONBORDER}; }

/* .favl -> fav_list 收藏列表 by Pony */
	.favl .o { background: url({IMGDIR}/op.png) no-repeat -4px -2px; }
		.favl .o:hover { background-position: -4px -22px; }

/* .cmt -> comment feed中的評論區域 by Pony */
	.cmt { margin: 10px 24px 0 0; padding: 10px; border: 1px solid #EAEAEA; background: {COMMONBG}; zoom: 1; }
		.cmt form { margin-top: 10px; }
			.cmt input, .cmt button { vertical-align: middle; }
		.cmt .pt { width: 95%; margin: 3px 0; }
		.cmt .tri { margin: 10px 0 -23px; width: 19px; height: 13px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='13'%3e%3cpath fill='%23f5f5f5' stroke='%23e6e6e6' d='M.5 0v12l19-13'/%3e%3c/svg%3e") no-repeat; }
		.cmt .xlda dl { padding-left: 50px; }
		.cmt .xlda .m { margin-left: -50px; }
		.cmt .avt img { width: 36px; height: 36px; }
		.cmt .pg a, .cmt .pg strong { background-color: transparent; }
		.cmt .pg a { border-color: {COMMONBG}; }
			.cmt .pg a:hover { border-color: {WRAPBORDERCOLOR}; }
		/* feed 區域裡的評論 */
		.el .cmt li { padding-right: 0; border-bottom: none; }
		.el .tri { display: none; }
		/* feed 區域中評論的驗證碼 */
		.el .cmt .sec .px { width: 80px !important; }

/* .pll -> poll_list 投票列表 */
	.pll {}
		.pll li { padding: 10px 0; min-height: auto; }
		.pll .h { font-size: 14px; }
			.pll .h span { font-weight: 400; }
		.pll .c { margin: 0 84px 0 74px; }
		.pll ol { margin: 5px 0 0 20px; }
			.pll ol li { list-style-type: decimal; padding: 0; border-bottom: none; }
		.pll .u { overflow: hidden; width: 74px; text-align: center; }
			.pll .u p { white-space: nowrap; }
		.pll .s { display: inline; margin: 5px 10px 0 0; width: 60px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='89'%3e%3cpath fill='%23d8deea' d='M60 0v50c0 5.5-4.5 10-10 10H0V10C0 4.5 4.5 0 10 0z'/%3e%3cpath fill='%23f3f3f3' d='M60 65v19c0 2.75-2.25 5-5 5H0V70c0-2.75 2.25-5 5-5z'/%3e%3cpath fill='%23fe8400' d='M8 75l2.5 2.5L8 80h2l2.5-2.5L10 75z'/%3e%3c/svg%3e") no-repeat 0 0; }
			.pll .s a.joins { margin: 0 0 5px; padding: 12px 0; width: 60px; height: 36px; display: block; overflow: hidden; text-align: center; text-decoration: none; }
				.pll .s a.joins span { display: block; font-size: 16px; font-weight: 700; }
			.pll .s a.go { padding: 0 0 0 17px; width: 43px; height: 24px; line-height: 24px; display:block; }

/* .acl -> activity_list 活動列表 by Pony */
	.acl { width: 100%; table-layout: fixed; }
		.acl h3 { padding: 10px 0; font-size: 14px; }
			.acl h3 span { float: left; margin: 1px 10px 0 0; width: 34px; text-align: center; }
			.acl h3 strong { display: block; background-color: #C00; color: {LIGHTLINK}; font-size: 12px; }
			.acl h3 em { display: block; line-height: 22px; border: solid {COMMONBORDER}; border-width: 0 1px 1px; font-size: 16px; font-weight: 400; }
		.acl td { padding: 10px 3px; border-top: 1px dashed {COMMONBORDER}; vertical-align: top; }
		.acl .type { padding: 10px 3px 10px 0; width: 80px; }
			.acl .type .nophoto { border: 1px solid {COMMONBORDER}; height: 78px; line-height: 78px; }
		.acl .addr { padding-left: 20px; width: 130px; }
		.acl .orgr { width: 74px; }
		.acl .ml li { margin-top: 6px; padding-bottom: 0; }

/* .tlog -> trade_log 交易記錄 by Pony */
	.tlog th, .tlog td { padding: 10px 4px !important; }

/* .rwdl -> reward_list 懸賞列表 by Pony */
	.rwdl {}
		.rwdl li { overflow: hidden; float: left; padding: 15px 10px 15px 100px; width: 290px; height: 92px; }
		.rwdl .uslvd { position: absolute; margin-left: -100px; width: 90px; height: 92px; background: #FFF3D9; border-radius: 8px; }
			.rwdl .uslvd cite { display: block; line-height: 28px; font-size: 28px; margin-top: 10px; text-align: center; color: {NOTICETEXT}; }
			.rwdl .uslvd span { display: block; line-height: 12px; font-size: 12px; }
			.rwdl .uslvd em { position: absolute; bottom: 7px; left: 6px; height: 23px; line-height: 23px; text-align: center; width: 78px; color: {LIGHTLINK}; background: #E85500; border-radius: 5px; }
		.rwdl .slvd { background: #EEE; }
			.rwdl .slvd cite { color: {LIGHTTEXT}; }
			.rwdl .slvd em { background: #009DD0; }
		.rwdl h4 { overflow: hidden; height: 36px; font-weight: 400; }
		.rwdl p { white-space: nowrap; }

/* .facel -> face_list 空間部分的表情 by Pony */
	.facel { padding: 8px; width: 240px; }
		.facel img { margin: 5px; }

/* 提醒的內容中會用到。這裡使用獨立class，以便個性化。若想使提醒內容更醒目，可對summary下的span進行定義 */
	.summary { margin: 10px 0; }
/** end **/


/** home::space,misc::ranklist,home::follow **/
/*
	Name:			mod_pprl
	Level:			Function
	Explain:		空間、廣播等個人資料頁面
	Last Modify:	Pony 1109271712
*/
	#pprl a { color: {HIGHLIGHTLINK}; }
	#pprl li { clear: both; padding: 3px 0 3px 90px; }
		#pprl li em { float: left; margin-left: -90px; width: 85px; white-space: nowrap; overflow: hidden; }
	.pf_l li { float: left; width: 300px; }
		.pf_l em { padding-right: 10px; color: {MIDTEXT}; }
/** end **/


/** home::space,home::spacecp,home::medal,misc::ranklist **/
	/* 空間圖片列表 */
	.mla li, .mlp li { width: 150px; }
/** end **/


/** home::space **/
/* 快速好友查找鏈接按鈕樣式 by ShuaiShuai */
	.sc_display{ display:inline-block; width:36px; text-align:right;}

	#mood_mystatus { width: 410px; word-break: break-all; overflow: hidden; }
	#newprompt { background: url({IMGDIR}/info.gif) no-repeat 12px 50%; }

	.nts { padding-left: 20px; }
		.nts dl { border-bottom: 1px dashed {COMMONBORDER}; }
		.nts .more { border-top: 1px dashed {COMMONBORDER}; padding:10px 0 0 64px; }

/*
	Name:			mod_pm_list
	Level:			Channel
	Explain:		短消息列表
	Last Modify:	Pony
*/
	.pml {}
		.pml dl { padding-left: 75px; padding-right: 10px; }
		.pml .hover { background-color: {SPECIALBG}; }
		.pm_o { display: inline; width: 100px; }
			.pm_o .o { overflow: hidden; float: right; margin-left: 10px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 18px; color: #CCC; }
				.pm_o .o:before { font-family: dzicon; content: "\f148"; }
				.pm_o .o:hover { color: #FF9A9A; }
			.pm_o .p_pop { text-align: left; }
		.pml .newpm { background: {SPECIALBG}; }
		.pml .newpm .newpm_avt { position: absolute; margin: -5px 0 0 46px; width: 12px; height: 12px; font-size: 12px; background: #C00; border-radius: 6px; }
		.pm_c { padding-left: 25px; line-height: 22px; }
			.pm_c .o { float: left; display: inline; margin: 5px 0 0 -25px; }
		.pm_op { padding-left: 75px; }
		.pm_op_r { padding-right: 110px; }
		.pm_o a.o { margin: 2px 5px 0}
/*
	Name:			mod_pm_group
	Level:			Function
	Explain:		短消息群聊
	Last Modify:	Pony
*/
	.pm_g { padding: 10px 15px; border: 1px solid #C2D5E3; background: #F2F7FA; }
		.pm_sd, .pm_b { border: 1px solid #C2D5E3; background: {WRAPBG}; }
			.pm_mn { margin-right: 175px; }
				.pm_mn dl { padding: 0; }
				.pm_mn dd.ptm { margin-top: -1px; padding-top: 0 !important; }
				.pm_mn .tedt { margin-bottom: 5px; width: 591px; }
					.pm_mn .area { height: 70px; }
					.pm_mn .tedt .pt { height: 68px; }
				.pm_mn .avt { display: none; }
			.pm_sd { float: right; width: 160px; height: 425px; }
				.pm_mem_l { overflow-x: hidden; overflow-y: auto; height: 425px; }
					.pm_admin { height: 380px; }
					.pm_mem_l li { overflow: hidden; padding-left: 25px; height: 25px; line-height: 25px; background: url({IMGDIR}/pm_member.png) no-repeat 5px 50%; }
				.pm_add { padding: 10px; }
					.pm_add .px { width: 90px; }
		.pm_b { overflow-x: hidden; overflow-y: auto; padding: 10px; height: 300px; }
			.pm_b img { padding: 2px; max-width: 575px; }
	.syn_signature, .syn_signature_check { background: url({IMGDIR}/connect_post_syn.png) no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; height: 19px; line-height: 64px; opacity: 1; overflow: hidden; vertical-align: -6px; width: 19px; }
	.syn_signature { background-position: 0 -66px }
	.syn_signature_check { background-position: -22px -66px; }
/** end **/


/** home::spacecp **/
/* 空間圖片列表 */
	.mls li { width: 90px; }
/*
	Name:			mod_my_credits_list
	Level:			Function
	Explain:		上傳圖片
	Last Modify:	Pony 11082413
*/
	.up_row { width: 100%; table-layout: fixed; }
		.up_row td { vertical-align: middle; padding: 5px 0; border-bottom: 1px solid {SPECIALBORDER}; }
		.up_row .c { width: 150px; }
			.up_row .c img { width: 120px; }
		.up_row .d { width: 400px; }
		.up_row strong { margin-right: 5px; }
	#creatalbum { padding-top: 1px; border-top: 1px solid {SPECIALBORDER}; }

.doodle { padding-left: 3px; width: 65px; text-align: left; background: url({STATICURL}image/magic/doodle.small.gif) no-repeat 0 50%; }
	.doodle a { padding-left: 2px; }

/*
	Name:			mod_my_credits_list
	Level:			Function
	Explain:		我的積分列表
	Last Modify:	Pony 11061714
*/
	.creditl {}
		.creditl li { float: left; margin-right: 5px; width: 24%; height: 30px; }
		.creditl .cl { clear: both; float: none; width: auto; }
			.creditl li em { font-weight: 700; }
		.creditl u { text-decoration: none; }

/* 訂單狀態 */
	.order-status-0 { color: #444; }
	.order-status-1 { color: green; }
	.order-status-2 { color: #ddd; }
/* 電腦端支付圖標樣式 */
	.channel-select { padding-bottom: 10px; }
	.channel-select input { margin: 5px 8px 0 0; }
	.channel-select img { vertical-align: top; }

/** end **/


/** home::spacecp,home::magic **/
/* 查找好友 .scf --> Search friend */
	.scf h2 { line-height: 2.2; font-weight: 700; font-size: 14px; }
	.scf h2:before { content: "\f101"; font-family: dzicon; line-height: 20px; font-size: 18px; margin-right: 2px; }
/* 用來展示複雜統計數據的表格，目前僅用戶組頁面用到 */
	.tdats { overflow: hidden; zoom: 1; margin: 10px 0; }
		.tdats i { font-size: 14px; }
		.tdats i:before { height: 18px; line-height: 18px; margin-right: 2px; }
		.tdats th, .tdats td { overflow: hidden; padding: 0 5px; height: 26px; border-width: 0 1px 0 0; border-color: {WRAPBG}; white-space: nowrap; }
		.tdats th { height: 40px; font-weight: 700; }
			.tdats .h th { height: 24px; border-top: 1px solid {COMMONBORDER}; border-bottom: 1px solid #E5E5E5; background: linear-gradient(0deg, #efefef, #fcfcfc); color: {MIDTEXT}; zoom: 1; }
		.tdats .tdat { float: left; width: 240px; border: none; table-layout: fixed; }
		.tdats .tfx { width: 300px; }
			.tdats .tfxf { width: 770px; }
			.tfx th, .tfx td { border-width: 0 3px !important; background: #FFF2DF; }
			.tfx .alt, .tfx .alt th, .tfx .alt td { background: #FAEDDA; }
			.tfx .h th { padding: 1px 5px; }
		.tscr { float: left; overflow: hidden; width: 470px; }
			.tscr .tdat th, .tscr .tdat td { width: 470px; }
			.nwp { word-wrap: normal; white-space: nowrap; }
		.tdats .c0 { padding: 0; height: 46px; text-align: center; vertical-align: bottom; background: transparent; }
			.tdats .c0 h4 { line-height: 38px; background-color: #F60; color: {LIGHTLINK}; }
		 	.tdats .c0 h4, .tdats .tb li { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
		.tdats .tb { float: left; margin-top: 8px; padding-left: 0; width: 470px; border-bottom-width: 4px; }
			.tdats .tb li { padding: 0 10px; line-height: 33px; font-weight: 700; color: {LIGHTLINK}; }
			.tdats .c1 { border-color: #158B00; }
				.tdats #c1 { border-color: #158B00; background-color: #158B00; background-position: 0 -40px; }
			.tdats .c2 { border-color: #057373; }
				.tdats #c2 { border-color: #057373; background-color: #057373; background-position: 0 -80px; }
			.tdats .c3 { border-color: #1F57A9; }
				.tdats #c3 { border-color: #1F57A9; background-color: #1F57A9; background-position: 0 -120px; }
			.tdats .c4 { border-color: #1A588D; }
				.tdats #c4 { border-color: #1A588D; background-color: #1A588D; background-position: 0 -160px; }
			.tdats .c1 #c1, .tdats .c2 #c2, .tdats .c3 #c3, .tdats .c4 #c4 { line-height: 35px; }
		.ftb td { width: 12%; }
/** end **/


/** home::space,home::spacecp **/
/*
	Name:			mod_ct_vw
	Level:			Function
	Explain:		日誌、好友列表頁用到的兩欄框架
	Last Modify:	Pony
*/
	.ct_vw {}
		.ct_vw_mn { float: left; width: 70%; }
		.ct_vw_sd { float: right; width: 28%; }

/*
	Name:			mod_buddy
	Level:			Function
	Explain:		好友列表
	Last Modify:	Pony
*/
	.buddy { margin: 0 -4px 10px -2px; }
		.buddy li { overflow: hidden; display: inline; float: left; margin: 10px 5px 0; padding: 10px 10px 10px 70px; width: 175px; height: 58px; border: 1px solid #F3F3F3; background: #F9F9F9; }
			.ct_vw_mn .buddy li { width: 190px; }
		.buddy h4 { overflow: hidden; height: 20px; }
		.buddy .avt { position: absolute; margin-left: -60px; }
		.buddy .maxh { overflow: hidden; height: 20px; }
		.buddy .note { color: green; }
		.addbuddy:before { content: "+"; color: #13751C; font-weight: 700; line-height: 14px; font-size: 18px; margin-right: 4px; }

/*
	Name:			mod_buddy_group
	Level:			Function
	Explain:		好友分組
	Last Modify:	Pony
*/
	.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: 20px; font-size: 16px; text-align: center; font-family: dzicon; color: #CCC; }
			.buddy_group .b:before { content: "\f149"; }
			.buddy_group .o:before { content: "\f10e"; }
			.buddy_group .b:hover { color: #FF9A9A; text-decoration: none; }
			.buddy_group .o:hover { color: #FFB662; text-decoration: none; }

.ntc_body .summary { margin-left: 2em; padding-left: 10px; border-left: 1px solid {COMMONBORDER}; }
	.ntc_body .summary span { color: {LIGHTTEXT}; }

/* .pmform -> 短消息表單非彈窗 by Pony */
	.pmform {}
		.pmform .px { width: 408px; }
		.pmform .tedt { width: 416px; }

/*
	Name:			mod_user_selector
	Level:			Function
	Explain:		用戶名提示選擇效果
	Last Modify:	Pony 11061311
*/
	.un_selector { height: auto; cursor: text; overflow: hidden; }
		.un_selector input { width: 95px; height: 19px; border-width: 0; outline: none; }
			.un_selector #subject { width: 408px; }
		.un_selector span { float: left; margin: 1px 2px 1px 0; width: 100px; height: 19px; line-height: 19px; background: #F7F6ED; color: {HIGHLIGHTLINK}; overflow: hidden; }
			.un_selector em { padding-left: 5px; width: 80px; }
			.un_selector .x { float: right; width: 15px; height: 19px; overflow: hidden; text-align: center; }
				.un_selector .x:before { content: "\d7"; display: inline-block; width: 15px; }
				.un_selector .x:hover { background: {HIGHLIGHTLINK}; color: #F7F6ED; }
		a.appendmb, a.appendmb span { height: 25px; line-height: 25px !important; }
	/* 發短消息時根據輸入顯示出的用戶名列表樣式 */
	.pmfrndl { position: absolute; margin-top: 3px; padding: 4px; width: 120px; border: solid {DROPMENUBORDER}; border-width: 0 1px 1px; background: #FFF; }
		.pmfrndl li { display: inline; }
			.pmfrndl a { display: block; padding: 4px 2px; color: {HIGHLIGHTLINK}; }
				.pmfrndl a:hover { text-decoration: none; }
				.pmfrndl a.a { background: {SPECIALBG}; }
	#showSelectBox_menu { padding: 10px; width: 300px; white-space: nowrap; }
	#selBox { margin: 0 -10px 10px; padding-left: 10px; height: 110px; border: solid {COMMONBORDER}; border-width: 1px 0; overflow-y: auto; }
/** end **/


/** home::task **/
.pbg { position: relative; width: 80%; }
	.pbg .xs0 { position: absolute; top: 0; right: 8px; font-family: PMingLiU, sans-serif; }
.taskbtn { display: inline-block; width: 80px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: 700; color: #FFF; background: #FA0; border-radius: 4px; }
	.taskbtn:hover{text-decoration: none;}
	.taskda{background: #CCC;}
	.taskrw{background: #F50;}
/** end **/


/** home::magic,home::medal **/
/* .mgcl -> Magic list by lushnis */
	.mgcl li { float: left; width: 126px; height: 180px; text-align: center; }
		.mgcl .mg_img { margin: 0 auto 5px; }
			.pg_medal .mgcl img { margin-top: 20px; width: auto; height: auto; }

/* 勳章記錄重定義 by Pony */
	.el li { padding-left: 40px; }
	.el .t { margin: -2px 0 0 -30px; }
		.el .t img { width: 24px; height: 24px; }
/** end **/



/* ------------------------------------------------------------------------ 門戶相關樣式 */



/* ------------------------------------------------------------------------ 搜索相關樣式 */
/** search **/
a { color: #369; }
body { background: none !important; }
	#toptb { padding: 0 15px; border-bottom: 1px solid #EFEFEF; }
#ct { margin: 0 20px; }
#scform { margin: 10px 0;}
	#scform h1 { margin-right: 20px; }
		#scform h1 a img { max-height: 51px; }
	#scform_tb a { float: left; display: inline; margin: 0 15px 0 3px; height: 26px; line-height: 26px; }
		#scform_tb .y a { margin: 0 3px 0 15px; }
		#scform_tb .a  { color: #333; font-weight: 700; position: relative; }
			#scform_tb .a::before { display: block; position: absolute; bottom: 0; left: 10px; left: calc(50% - 4px); content: ""; border-top: 0; border-right: 4px solid transparent; border-bottom: 4px solid {MENUBGCOLOR}; border-left: 4px solid transparent; }
		#scform_srchtxt { padding: 0 8px; width: 465px; background: transparent; outline: none; height: 29px; border: 3px solid {MENUBGCOLOR}; border-radius: 5px 0 0 5px; line-height: 29px; }
		#scform_submit { width: 100px; height: 35px; background: {MENUBGCOLOR}; border: 0; color: #FFF; cursor: pointer; font-size: 18px; border-radius: 0 5px 5px 0; }
			#scform_submit:before { content: "\f101"; font-family: dzicon; }
			#scform_submit strong { display: none; }
			#scform_submit:focus { outline: 0; }
	.sttl { margin: 10px 0; padding: 5px; border-bottom: 1px solid #CCC; background: #F5F5F5; }
	.slst { width: 760px; }
		.slst a { color: #00C; text-decoration: underline; font-weight: 400; }
		.slst a:visited { color: purple; }
			.slst a strong { font-weight: 400; }
			.slst p span { color: #3A8000; }
				.slst p span a, .slst p span a:visited { color: #666; }
		.pbw strong { font-weight: 400; }
			.pbw p { color: #000; }
		.p_pop span { display: none; }
#nv_search #ft.w { margin: 20px; text-align: center; }
.pg { float: none; }
#myspace_menu li a, #navs_menu li a { background-repeat: no-repeat; background-position: -200px 0; }
/** end **/



/* ------------------------------------------------------------------------ 排行榜相關樣式 */
/** misc::ranklist **/
.rankicn { width: 20px; }
.ranks { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; color: #FFF; background: #A0C8EA; border-radius: 8px; }
.ranks_1 { background: #ED741C; } .ranks_2 { background: #F3AC27; } .ranks_3 { background: #F8CB5E; }

/* .rnk1 每行一個區塊 */
.rnk1 {}
	.rnk1 .mlp .d { width: 120px; height: 120px; }
	.rnk1 .mlp img { max-width: 100px; max-height: 75px; }
	.rnk1 .mlp .bigpic { width: 295px; height: 240px; }
		.rnk1 .bigpic img { max-width: 286px; max-height: 200px; }

/* 圖片排名上的序號 */
.picrank { position: absolute; margin: -10px 0 0 -10px !important; }

/* 競價排名 by Pony */
.bid { margin: 2px -4px -2px 2px; zoom: 1; }
.biduser { width: 988px; background: url({IMGDIR}/avatar_blank.gif); }
	.biduser li { float: left; margin: 0 4px 4px 0; }
	.biduser a { display: block; }
		.biduser img { width: 48px; height: 48px; }
	.bidtop { overflow: hidden; width: 100px; height: 100px; background-color: {COMMONBG}; }
		.bidtop img { width: auto; height: 100px; }


/* 重定義 */
.xl2 { background: url({IMGDIR}/vline.png) repeat-y 50% 0; }
	.xl2 li { margin-right: 20px; width: 482px; }
		.xl2 li.xl2_r { margin-right: 0; }

.hasrank dl { padding-left: 110px; }
	.ranknum { position: absolute; margin: 8px 0 0 -100px; }

.el .t {  }
.pll li { padding-left: 20px; }

.acl td { border-top: none; border-bottom: 1px dashed {COMMONBORDER}; }
/** end **/



/* ------------------------------------------------------------------------ 統計相關樣式 */
/** misc::stat **/
.dt a { color: {HIGHLIGHTLINK}; }
.dt th, .dt td { border-right: 1px solid {COMMONBORDER}; }
.dt .stat_subject { border-right: none; }
.dt .stat_num { padding-right: 15px; text-align: right; }
.pbg { float: left; width: 372px; }
.bm_h { padding-left: 0; background: none; border: none; }
/* 重定義 tab 標籤樣式 by Pony 11081614 */
.ttp .a a { padding-left: 8px; padding-right: 8px; }
.ttp li.xw1 { font-weight: 400; }
/** end **/


/** forum::collection,forum::viewthread **/
.clct_list .xld { float: left; margin-bottom: 5px; width: 49.9%; height: 105px; overflow: hidden; }
	.clct_list .xld .m, .clct_list .xld .m a { width: 55px; height: 50px; overflow: hidden; cursor: pointer; }
		.clct_list .xld .m { background: linear-gradient(0deg, #B2C0DC 40%, #D8DEEA 40%) no-repeat 100% 0; border-radius: 3px; }
		.clct_list .xld .m a:hover { text-decoration: none; }
		.clct_list .xld .m strong { display: block; height: 32px; line-height: 32px; }
		.clct_list .xld .m span { display: block; color: #FFF; }
.clct_flw { float: right; margin-top: 5px; height: 25px; line-height: 25px; overflow: hidden; background: #FF6F00; border-radius: 5px; }
.clct_flw i { float: right; padding: 0 9px; text-align: center; color: #FFF; font-style: normal; }
	.clct_flw .u { width: 66px; }
.clct_flw strong { float: right; padding: 0 20px; margin: 1px; line-height: 23px; background: #FFF2E6; border-radius: 4px; }
.clct_flw a { color: #FFF; }
.clct_ratestar { float: left; width: 80px; height:  24px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23ccc' d='M8 12.6l4.9 3-1.3-5.6L16 6.2l-5.7-.5L8 .4 5.8 5.7 0 6.2 4.4 10l-1.3 5.6 4.9-3z'/%3e%3c/svg%3e") repeat-x 0 0; }
	.clct_ratestar .btn { position: absolute; width: 80px; height:  24px; z-index: 2; }
	.clct_ratestar a { float: left; width: 16px; height: 20px; text-indent: -9999px; overflow: hidden; }
	.clct_ratestar .star { position: absolute; width: 0; height:  24px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23f90' d='M8 12.6l4.9 3-1.3-5.6L16 6.2l-5.7-.5L8 .4 5.8 5.7 0 6.2 4.4 10l-1.3 5.6 4.9-3z'/%3e%3c/svg%3e") repeat-x 0 0; z-index: 1; }
		.clct_ratestar .star1 { width: 16px; }
		.clct_ratestar .star2 { width: 32px; }
		.clct_ratestar .star3 { width: 48px; }
		.clct_ratestar .star4 { width: 64px; }
		.clct_ratestar .star5 { width: 80px; }
.tbmu { padding-left: 10px; line-height: 23px; }
/*
	Name:			mod_collection_tag
	Level:			Function
	Sample:			<span class="ctag ctag0">tag</span>
	Explain:		淘帖標籤樣式，從 0 到 2，顏色越來越不醒目
	Last Modify:	Pony 2012022311
*/
.ctag { padding: 1px 3px; font-weight: 400; border-radius: 3px; }
	.ctag0 { background:#F6C5BE; color: #822111; }
	.ctag1 { background:#FEF1D1; color: #AA8831; }
	.ctag2 { background:#EEE; color: #666; }
.ctag_keyword { margin-left:12px;font-weight:normal; }
.ctag_keyword:before { content: "\f14a"; font-family: dzicon; font-size: 14px; line-height: 14px; color: #7DA0CC; margin-right: 4px; }
/** end **/


/** home::follow **/
/* 廣播頭像通用樣式 */
.flw_avt { width: 80px; }
	.flw_avt img { float: left; margin-left: 15px; width: 48px; }
/* 廣播區域樣式 */
.flw_article { margin: 0 0 10px 70px; padding: 5px 10px 15px; border-bottom: 1px solid #DBDBDB; }
	.flw_thread .flw_article { margin-left: 0; }
	.flw_article h2 { font-size: 16px; }
		.flw_article h2 img { vertical-align: middle; }
	.flw_reply { margin-left: 20px; }
.flw_author, .flw_author a { color: #79869E; }
.flw_article .c { font-size: 14px; line-height: 1.8; }
	.flw_article .c img { display: block; margin: 10px 0; max-width: 600px; }
	.flw_article .c .s { display: inline; margin: 0; }
	.unread .flw_article { background-color: #FEFEEE; }
		.unread .flw_article h2 a { color: {HIGHLIGHTLINK}; font-weight: 700; }
.flw_image { margin-bottom: 10px; max-height: 400px; zoom: 1; overflow: hidden; }
	.flw_image li { float: left; width: 120px; max-height: 400px; background: #FFF; }
		.flw_image li img { margin: 0 !important; width: 120px; max-height: 400px; }
	.flw_image_1 { float: left; margin: 0 15px 10px 0; }
		.flw_image_1 img { margin: 0 !important; }
.flw_attach { margin-top: 10px; clear: both; }
	.flw_attach li { width: 300px; margin-bottom: 5px; height: 31px; line-height: 31px; font-size: 12px; border: 1px solid #DBDBDB; border-radius: 3px; background: url({IMGDIR}/flw_attach_bg.png) repeat-x 0 -31px; box-shadow: 0 1px 0 #FFF; }
		.flw_attach a { display: block; padding: 0 10px 0 32px; height: 31px; background: url({IMGDIR}/flw_attach_bg.png) no-repeat 10px 8px; color: #369; }
			.flw_attach a.flw_attach_price { background-image: url({IMGDIR}/viewpay.gif); }
			.flw_attach a:hover { text-decoration: none; background-color: #EDF1F4; }
			.flw_attach strong { float: left; width: 160px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
			.flw_attach span { float: right; width: 90px; color: #999; text-align: right; overflow: hidden; }
.flw_video, .flw_music { margin: 10px 0; }
	.flw_article .flw_video img { display: inline; }
.flw_quote { margin-left: 10px; padding-left: 15px; border-left: 3px solid #B1CCD8; }
.flw_readfull { padding: 3px 5px; border: 1px solid #DDD; border-radius: 3px; background: #FFF; }
	.flw_readfull:hover { border-color: #9EB4C2; text-decoration: none; }
.flw_delete { visibility: hidden; float: right; width: 20px; height: 20px; background: #AAA; overflow: hidden; font-size: 16px; text-align: center; line-height: 20px; border-radius: 2px; }
	.flw_delete:before { content: "\d7"; color: #fff; font-weight: 700; }
	.flw_delete:hover { background: #15AFDB; text-decoration: none; }
	.flw_feed_hover .flw_delete { visibility: visible; }
.flw_loading { margin: 0 0 10px 80px; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; border-radius: 4px; background: #F4F7F9; }
.flw_more { margin: 0 0 10px 80px; }
	.flw_more a { display: block; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; border-radius: 4px; background: #F4F7F9; text-align: center; }
		.flw_more a:hover { border-color: #9EB4C2; text-decoration: none; }

/* 收聽按鈕通用樣式 */
.flw_btn_fo, .flw_btn_unfo { float: right; width: 68px; height: 19px; line-height: 19px; background: #f4f1c4; text-align: center; overflow: hidden; color: #B3AC5C; border: 1px solid; }
	.flw_btn_unfo { background: #EEE; }
	.flw_btn_fo:before { font-family: dzicon; font-size: 16px; margin-right: 4px; content: "\f108"; }
	.flw_uheader .flw_btn_fo, .flw_uheader .flw_btn_unfo, .flw_hd .flw_btn_fo, .flw_hd .flw_btn_unfo { float: left; }

/* 發廣播 */
#fastpostform { width:82%; }
#flw_header { padding: 10px; }
#flw_post_subject { width: 628px; height: 30px; line-height: 30px; border: 1px solid #9EB4C2; border-radius: 4px; background: #FFF; }
#flw_header #subject { margin: 5px; width: 580px; height: 20px; border: none; outline: none; background: transparent; line-height: 20px; }
#flw_checklen { padding-right: 10px; }
	#flw_post_extra .sec { padding: 8px 15px; border: 1px solid #EFEFEF; background: #F9FBFC; border-radius: 4px; }
.tedt { width: auto; border: 1px solid #9EB4C2; border-radius: 4px; overflow: hidden; }
#flw_header .bar { padding-left: 10px; border-top: 1px solid #EFEFEF; border-bottom: none; background: #F9FBFC; border-radius: 0 0 4px 4px; }
#flw_header .area { background: #FFF; border-radius: 4px 4px 0 0; }
	#flw_header .area .pt { height: 4em; }
#flw_header .ftid { margin-left: 5px; }
#fastpostsubmit { margin-right: 0; height: 33px; border: none; }
#flw_header .tb { padding-left: 0; height: 32px; border-bottom: none; line-height: 32px; }
	#flw_header .tb a { padding: 0 15px; border: none; background: transparent none; color: #369; }
		#flw_header .tb .a a { box-shadow: 0 -1px 0 rgba(0,0,0,0.15); border-radius: 4px 4px 0 0; background: #FFF; color: #333; }

.flw_tab { padding-top: 0; border-bottom: none; }

.sd { border-radius: 5px; background: #F4F7F9; }

/* 側邊和主區域頭像及統計信息 */
#flw_avt { padding: 20px; }
	#flw_avt img { margin: 0 auto 10px; border: 6px solid #FFF; }
		.sd #flw_avt img { display: block; }

	.flw_user_info { margin: 10px 0; padding: 10px; box-shadow: 0 1px 0 #FFF, 0 -1px 0 #D7DBDF; border-radius: 5px; background: #E9EEF2; }
		.flw_linktohome { padding: 2px 0 2px 20px; background: url({IMGDIR}/homelink.gif) no-repeat 0 2px; }
	/* 主區域頭像 */
	.flw_uheader { padding-right: 0; padding-left: 0; }

		.flw_stat_mn { margin-left: 20px; width: 490px; }
.pg_follow .sd .bm { border-width: 1px 0 0; border-color: #E8EAEB; background: transparent; }
	.pg_follow .sd .bm_h { padding-left: 20px; border-width: 1px 0 0; border-color: #FFF; background: transparent; }

/* 用戶單頁頂部 */
#flw_header.flw_uheader { padding-top: 20px; border-bottom: 1px solid rgba(0,0,0,0.15); background: #F4F7F9 none !important; }
	.flw_uheader .tb { margin-bottom: -1px; }
	.flw_uheader h1 { font-size: 16px; }
	.flw_uheader .tns { margin-left: -10px; padding: 0; width: 240px; }
		.flw_uheader .tns th, .flw_uheader .tns td { padding-left: 10px; text-align: left; }
	.flw_uheader .o { line-height: 21px; }
	.flw_status_1, .flw_status_2 { padding: 0 10px 0 0; }
		.flw_status_1:before, .flw_status_2:before { font-family: dzicon; line-height: 14px; font-size: 16px; color: #dcdbcc; margin-right: 4px; }
		.flw_status_1:before { content: "\f100"; }
		.flw_status_2:before { content: "\f13e"; }
.flw_specialfo, .flw_specialunfo { float: right; margin-right: 9px; width: 14px; line-height: 21px; font-size: 16px; height: 21px; text-align: center; overflow: hidden; color: #7CBE00; }
	.flw_specialunfo { color: #FF512C; }
	.flw_specialfo:before, .flw_specialunfo:before { content: "\f140"; font-family: dzicon; }
	#specialflag_2_menu { width: 80px; }
	.flw_uheader .flw_linktohome { padding: 0 0 0 20px; background-position: 0 3px; }

/* 回復區域 */
.flw_replybox { margin: -11px 0 20px 70px; padding: 15px 20px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; background: #E9EEF1; }
	.flw_replybox li { padding: 10px 80px 10px 0; border-top: 1px solid #DBE2E6; }
		.flw_replybox li .d { margin-right: 10px; }
	.flw_replybox .px, .flw_autopt { border: 1px solid #CCDBE5; border-radius: 4px; background: #FFF; }
		.flw_autopt { display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding: 0 5px; width: 420px; }
			td.flw_autopt { margin-right: 0; }
			.flw_autopt .pts { padding: 5px; margin: 0 -5px; width: 100%; height: 19px; min-height: 19px; border: 0; }
	.flw_replybox .pnc { width: 77px; height: 33px; border: none; background: transparent url({IMGDIR}/pn_reply.png) no-repeat 0 0; }
		.flw_replybox .pnc span { line-height: 99px; }
		.flw_replybox td table .pnc { background-image: url({IMGDIR}/pn_rt.png); }
	/* 回復並轉播選項 */
	.flw_rert { display: inline-block; padding-right: 5px; width: 95px; text-align: right; }
	.flw_replybox .cnr { position: relative; float: right; overflow: hidden; display: inline; margin: -22px 16px 0 0; width: 11px; height: 7px; background: transparent url({IMGDIR}/flw_cnr_t.png) no-repeat 0 0; }

/* 側邊切換 */
#flw_side_tab { margin: 10px 0; }
	#flw_side_tab li { line-height: 32px; }
	#flw_side_tab a { display: block; height: 32px; padding-left: 20px; background: url({IMGDIR}/flw_side_tab.png) repeat-x 0 0; }
		#flw_side_tab li.a a { background-position: 0 -32px; }
		#flw_side_tab a img { float: left; margin: 8px 10px 0 0; }

/* 側邊用戶列表 */
.flw_side_promote {  }
	.flw_side_promote .xlda dl { margin-bottom: 8px; }
	.flw_side_promote .xlda .m { margin: 0 0 8px -55px; }
	.flw_side_promote .xlda dt { padding-top: 0; }
	.flw_side_promote .flw_btn_fo { float: left; }

/* 類似聽眾頁面的用戶列表 */
.flw_ulist {}
	.flw_ulist li { padding: 10px 0 10px 100px; border-bottom: 1px solid #DBDBDB; }
	.flw_ulist .flw_avt { float: left; margin: 0 0 0 -80px; }
	.flw_ulist .unread { background-color: #FEFEEE; }

.my_flw_stats { width: 120px; }
	.my_flw_stats li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid {COMMONBORDER}; }
		.my_flw_stats .xg1 { padding-right: 10px; }

#flw_bar .fpd { position: relative; zoom: 1; }

/*
	Name:			mod_follow_flashupload
	Level:			Global
	Explain:		重定義 follow 頁面的 Flash 上傳時的處理界面，結構參見 /static/js/fileprogress.js
	Last Modify:	Pony 2012022813
*/
.progressWrapper { overflow: hidden; float: left; width: auto; }
	.progressWrapper table { float: left; margin: 5px 1px 0 0; width: 209px; border:  1px solid #C3DCEA; border-radius: 4px; background: #FFF; }
	.progressWrapper td { border-radius: 4px; }
.attswf p { padding-left: 5px; width: 170px; height: 26px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.attswf p img { width: 16px; height: 16px; }
.attc { padding-top: 3px; width: 20px; }
	.attc .d { background-position-y: 0 !important; }

.progressContainer { overflow: hidden; margin: 5px 0 0; width: 620px; border: 1px dashed #9EB4C2; background-color: transparent; }
.red { border: none; background-color: transparent; color: red; }
/** end **/


/** forum::forumdisplay,group::group **/
#livereplycontentout { position: relative; height: 195px; margin-top: 10px; border: 1px solid #E8F1F7; background: #FFF; overflow-y: auto; }
#livereplycontent { position: absolute; left: 0; bottom: 0; padding: 0 15px; }
#liverefresh { margin-top:10px; height: 30px; line-height: 30px; background-color: #FCF4CD; color: #fff; text-align: center; cursor: pointer; display: none; border:1px dashed #FCE491; color:#F26C4F; }
#livefastcomment { position: relative; height: 34px; margin: 10px 0px 0px 0px; border: 1px solid #E8F1F7;background-color: #FFF; padding:5px 10px; }
	#livereplycontent dl { position: relative; width: 100%; min-height: 45px; line-height: 20px; padding: 10px 0; border-top: 1px #ccc dotted; clear: both; }
	#livereplycontent dl dt { position: absolute; left: 0; top: 10px; width: 40px; height: 40px; border: 1px #ccc solid; padding: 1px; }
	#livereplycontent dl dt img { width: 40px; height: 40px; }
	#livereplycontent dl dd { padding-left: 62px; }
		#livereplycontent dl dd a { color:{HIGHLIGHTLINK}; }
	#livereplycontent dl dd.dateline { position: absolute; top: 10px; right: 0; padding: 0; color: #999; }
#livereplymessage{ width: 100%; line-height:28px; height: 33px; padding: 0px !important; border: none; outline: 0px; background: white none; overflow-y: auto; }
	#livethread { background: #F5F9FB; border-top:2px solid #BDD7E3; }
.livethreadtitle { margin-bottom:5px; }
	.livethreadtitle a { color:{HIGHLIGHTLINK}; font-size: 14px; }
	.livethreadtitle .liveicon { background: #548BF6; padding: 1px 4px; border-radius: 2px; color: #FFF; }
	.livethreadtitle .replynumber { float: right; line-height: 25px; }
		.livethreadtitle .replynumber .xi1 { background:{NOTICETEXT}; padding:0 5px; border-radius: 5px; color: #FFF; font-weight: 700; }
	.livethreadcon { line-height:160%; font-size:14px;}
/** end **/

/** misc::mobile **/
.dzphone { width: 484px; height: 980px; margin-right: 10px; border-radius: 75px; box-shadow: inset #000 0 0 3px 1px; }
.dzphone>div { width: 428px; height: 924px; margin: 8px; border: 20px solid #222; border-radius: 68px; overflow: hidden; }
.dzphone .scrtop { height: 105px; background: #f2f2f2 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='92' height='12'%3e%3cpath d='M15 0h3v12h-3V0zm-5 3h3v9h-3V3zM5 6h3v6H5V6zM0 9h3v3H0V9zm35.8.2C35.1 8.5 34.1 8 33 8s-2.1.4-2.8 1.2L33 12l2.8-2.8zm-8.5-2.9l1.4 1.4c1.1-1.1 2.6-1.8 4.2-1.8s3.2.7 4.2 1.8l1.4-1.4C37.1 4.9 35.1 4 32.8 4c-2 0-4 .9-5.5 2.3zm-2.8-2.8l1.4 1.4C27.7 3.1 30.2 2 33 2s5.3 1.1 7.1 2.9l1.4-1.4C39.3 1.3 36.3 0 33 0s-6.3 1.3-8.5 3.5zM50 2h20v8H50V2zm22 10H48V0h24v12zm-23-1h22V1H49v10zm24-8h2v6h-2V3z'/%3e%3c/svg%3e") no-repeat 100% 18px; border-bottom: 1px solid #e1e1e1; font-family: system-ui; }
#ifm0 { width: 100%; height: 780px; vertical-align: middle; }
.dzphone .time { width: 70px; height: 39px; float: left; text-align: right; padding-top: 13px; padding-right: 25px; font-size: 16px; font-weight: 700; color: #000; }
.dzphone .defect { width: 238px; height: 33px; background: #222; border-radius: 0 0 25px 25px; float: left; }
.dzphone .siteurl { margin: 0 12px; padding: 0 35px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; border-radius: 10px; background: #d8d8d8 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='21'%3e%3cpath d='M17 12.5h-1c0 4.1-3.4 7.5-7.5 7.5S1 16.6 1 12.5 4.4 5 8.5 5c1.1 0 2.2.3 3.1.7L8 9.3v1.4l5.2-5.2L8 .3v1.4l2.6 2.6C9.9 4.1 9.2 4 8.5 4 3.8 4 0 7.8 0 12.5S3.8 21 8.5 21s8.5-3.8 8.5-8.5z'/%3e%3c/svg%3e") no-repeat 100% 10px; color: #000; }
.dzphone .homebar { width: 152px; height: 6px; border-radius: 3px; background: #000; margin-left: 138px; margin-top: 20px; }
/** end **/
