/*****************************/
/*                           */
/*          演示樣式         */
/*                           */
/*****************************/


/*Space名稱*/
#spacename h1 { font-size: 16px; margin: 0; }
	/*網址*/
	#spacename h2 {
		font-size: 9px;
		font-weight: normal;
		margin: 0; padding: 0; padding-left: 30px;
		border: none; line-height: 14px;
		background: transparent;
	}
	/*複製URL、添加收藏夾*/
	#spacename p { float: left; margin: 0; }
		#spacename a.copyurl, #spacename a.add2fav { display: block; width: 14px; height: 14px; overflow: hidden; background: url(../images/icon_copy.gif) no-repeat 0 2px; float: left; text-indent: -9999px; }
			#spacename a.add2fav { background-image: url(../images/icon_add.gif); }



/*導航*/
#menu { list-style: none; margin: 0; padding: 0; overflow: hidden; display: inline-block; }
	#menu li { display: block; float: left; width: 60px; height: 20px; text-align: center; line-height: 20px; }



/*用戶頭像*/
#photo .faceimg { width: 150px; margin: 0 auto; display: block; border: 1px solid #EEE; }
	#username { margin: 0; font-weight: bold; line-height: 2.5em; text-align: center; }



/*用戶菜單&Space快速導航*/
#action, #guide { list-style: none; margin: 0; padding: 0; overflow: hidden; display: inline-block; line-height: 160%; }
	#action li, #guide li { float: left; }
	.sidearea #action li, .sidearea #guide li { width: 100%; }/*側邊欄中自動調整為單列顯示*/

	#action a, #guide a { margin: 0 0.5em; padding-left: 1.5em; }
		/*帶有Icon的鏈接*/
		a.addfriend { background: url(../images/icon_add_fri.gif) no-repeat 0; }
		a.sendpm { background: url(../images/icon_sendm.gif) no-repeat 0; }
		a.profile { background: url(../images/icon_profile.gif) no-repeat 0; }
		a.message { background: url(../images/icon_bbs.gif) no-repeat 0; }
		a.spacehome { background: url(../images/icon_user.gif) no-repeat 0; }
		a.ctrlpannel { background: url(../images/icon_ctrl.gif) no-repeat 0; }
		a.sitehome { background: url(../images/icon_home.gif) no-repeat 0; }
		a.bbs { background: url(../images/icon_bbs.gif) no-repeat 0; }
		a.post { background: url(../images/icon_edit.gif) no-repeat 0; }


/*日曆*/
#calendar { font-family: Verdana, Arial, Helvetica, sans-serif, "細明體"; font-size: 10px; text-align: center; }
	#calendar .week { font-size: 12px; background: #EEE; }
	#calendar a { font-weight: bold; text-decoration: underline; }
	#calendar .datenav a { font-size: 11px; font-weight: normal; text-decoration: none; }



/*列表*/
.list { list-style: none; line-height: 160%; margin: 0; padding: 0; overflow: hidden; display: inline-block; }
	.list li { float: left; text-indent: 1.5em; overflow: hidden; background: url(../images/icon_list.gif) no-repeat 0.5em; width: 50%; height: 1.6em; }
	.sidearea .list li { width: 100%; }/*側邊欄中自動調整為單列顯示*/



/*搜索*/
#search { margin: 0; }
	#searchkey { width: 9em; }



/*友情鏈接&個人分類*/
#userlink, #itemtype { margin: 0; padding: 0; list-style: none; overflow: hidden; display: inline-block; }
	#userlink li, #itemtype li { float: left; line-height: 35px; height: 35px; white-space: nowrap;
		margin-right: 0.5em; text-indent: 1.5em;
		background: url(../images/icon_list.gif) no-repeat 0.5em;
	}
	/*側邊欄中自動調整為單列顯示*/
	.sidearea #userlink li, .sidearea #itemtype li { line-height: 160%; height: 1.6em; width: 100%; }
		
		/*Logo圖標鏈接*/
		#userlink li.logo { height: auto; background: none; padding: 0; text-align: center; }
		
		/*對個人分類列表的行高進行單獨控制*/
		#itemtype li { line-height: 20px; height: 20px; }




/*帶有摘要的信息列表*/
.loglist { list-style: none; margin: 0; padding: 0; }
	.loglist li { margin-bottom: 0.5em; }

	/*標題*/
	.itemsubject h4 { height: 20px; line-height: 20px; font-size: 12px; padding-left: 1.3em; margin: 0; background: url(../images/icon_subject.gif) no-repeat 0; }
	/*時間*/
	.itemsubject h4 em { float: right; color: #999; font-style: normal; font-weight: normal; }




/*文章詳細信息*/
.itemmessage { margin: 0; width: 100%; overflow: auto; overflow-y: hidden; line-height: 1.8em; }
	.itemmessage * { line-height: normal; }
		.itemmessage p { line-height: 1.8em !important; margin: 10px 0; }
			.itemmessage p * { line-height: normal !important; }
		.itemmessage a { text-decoration: underline; }
		.itemmessage h5 { margin: 0.3em 0; font-size: 12px; }


/*Tab選項卡*/
.listtab { border-bottom: 2px solid #EEE; margin-bottom: 0.4em; overflow: hidden; display: inline-block; }
	.listtab a { border: 1px solid #EEE; border-bottom: none; float: left; line-height: 22px; margin-left: 5px; padding: 0 1em; }
		.listtab a:hover { text-decoration: none; }
		.listtab a.active { background: #EEE; font-weight: bold; }



/*圖片列表*/
.imagelist { list-style: none; margin: 0; padding: 0; overflow: hidden; display: inline-block; }
	.imagelist li { background: #F9F9F9; float: left; width: 130px; height: 160px; margin: 0.4em 4px 0 4px; text-align: center; }
	.imagelist img { width: 110px; height: 120px; border: 1px solid #FFF; margin-top: 10px; }
		.imagelist a:hover img { border-color: #DDD; }
	.imagelist p { width: 110px; height: 1.8em; line-height: 1.8em; overflow: hidden; margin: 1px auto; }
	.sidearea .imagelist li { float: none; margin: 0.4em auto; } /*側邊欄中自動調整為單列顯示*/



/*商品、文件、書籤列表*/
.itemlist { margin: 0; padding: 0; list-style: none; line-height: 150%; }
	.itemlist li { border-bottom: 1px solid #EEE; }
	.itemlist p { margin: 0.3em 0; height: 1.5em; overflow: hidden; }
		.itemlist p.title { font-weight: bold; }
	.itemlist em { font-style: normal; color: #999; float: right; font-weight: normal; }

	/*文件列表*/
	.filelist li { padding-left: 40px; background: url(../images/file_type.gif) no-repeat 0 0; }
		li.music { background-position: 0 -60px; }
		li.video { background-position: 0 -120px; }
		li.flash { background-position: 0 -180px; }
	
	/*商品列表*/
	.goodslist li { overflow: hidden; display: inline-block; padding-bottom: 0.4em; margin-bottom: 0.4em; }
		.goodsimg { width: 68px; height: 68px; border: 1px solid #EEE; float: left; margin-right: 0.5em; }
		.buy { float: right; }
	
	/*書籤列表*/
	.linkurl { background: url(../images/icon_link.gif) no-repeat left; padding-left: 1em; }
		.linkurl a { text-decoration: underline; }


/*文章附加信息*/
p.iteminfo { line-height: 2em; height: 2em; background: #F9F9F9; margin: 0; padding: 0 0.6em; }
	p.iteminfo span { display: block; float: left; width: 2em; height: 2em; overflow: hidden; text-indent: -9999px; cursor: pointer; background: no-repeat left center; }
		p.iteminfo span.weather, p.iteminfo span.mood { float: right; width: auto; text-indent: 0; cursor: auto; padding-left: 1em; }
		p.iteminfo span.digest { background-image: url(../images/icon_digest.gif); }
		p.iteminfo span.top { background-image: url(../images/icon_top.gif); }
		p.iteminfo span.haveattach { background-image: url(../images/icon_haveattach.gif); }
		p.iteminfo span.noreply { background-image: url(../images/icon_noreply.gif); }
		p.iteminfo span.notpublic { background-image: url(../images/icon_notpublic.gif); }
		p.iteminfo span.viewcredits { background-image: url(../images/icon_viewcredits.gif); text-indent: 18px; width: auto; }


/*詳細信息*/
.itemmessage {
	margin: 1em auto;
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
	padding-bottom: 1em;
	line-height: 1.8em;
}

.itemmessage * {
	line-height: normal;
}
.itemmessage p {
	line-height: 1.8em !important;
	margin: 10px 0;
}
.itemmessage p * {
	line-height: normal !important;
}


.itemmessage ul, .itemmessage ol {
	margin: 0 0 0 3em;
}

.itemmessage li a {
	padding-left: 0;
	background-image: none;
}
.itemmessage a {
	text-decoration: underline;
	/*font-weight: bold;*/
}

a.showflash, a.showvideo {
	background: url(../images/file_flash.gif) no-repeat 0 0;
	padding-left: 1.5em;
	text-decoration: none;
}
a.showvideo {
	background: url(../images/file_video.gif) no-repeat 0 0;
}



/*屬性列表*/
.propertylist { list-style: none; margin: 0; padding: 0; }
	.propertylist li { border-bottom: 1px solid #F2F2F2; padding: 0.3em 0; }


/*自定義字段*/
.addoninfo { border: 1px solid #EEE; background: #F9F9F9; padding: 1em; margin: 1em 0; }
	.addoninfo h5 { font-size: 12px; margin: 0.3em 0; border-bottom: 1px solid #EEE; }


/*TarckBack*/
.tburl { line-height: 1.5em; margin-bottom: 1em; }
	.tburl p { font-weight: bold; margin: 0; }
	.tburl ul { list-style: none; margin: 0; padding: 0; }
		.tburl li { padding-left: 35px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background: transparent; color: #666; width: 90%; cursor: pointer; }
			.tburl li.tbgbk { background: url(../images/icon_tb_gbk.gif) no-repeat left; }
			.tburl li.tbbig5 { background: url(../images/icon_tb_big5.gif) no-repeat left; }
			.tburl li.tbutf8 { background: url(../images/icon_tb_utf8.gif) no-repeat left; }


/*文章底部鏈接*/
.itemactions, .itemlinks { margin: 0; border-top: 1px solid #EEE; padding: 0.3em 0; }
	.itemactions { float: right; }
	.itemlinks { border-top: 1px solid #EEE; }
		.itemactions a { background: url(../images/icon_edit.gif) no-repeat left; padding: 0 0.5em 0 1em; }
		.itemlinks a, .itemlinks em { padding: 0 0.5em; border-right: 1px solid #EEE; font-style: normal; }
			a.addfav { background-image: url(../images/icon_add.gif); }

/*TAG*/
.itemtag { margin: 1em 0; padding: 0.4em 7em 0.4em 3.5em;
	line-height: 1.5em; font-weight: bold; text-indent: -2.4em;
	background: #F9F9F9;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	}
	.itemtag a { font-weight: normal; color: #666; padding-left: 0.5em; }


/*************************************************************/
/***************************************************** 評論 **/
/*************************************************************/


/*評論列表*/
#itemreply { margin: 1em 2em; }
	#itemreply dl { margin: 0 0 1em 5.7em; padding: 0; }
		#itemreply dt { border-bottom: 1px solid #EEE; margin-bottom: 0.5em; padding-top: 0.2em; color: #999; }
			#itemreply dt span.rate { background: #F5F5F5; font-size: 11px; color: red; padding: 0 0.7em 0 0.2em; font-weight: bold; }
				#itemreply dt em { font-size: 11px; font-style: normal; }
			#itemreply dt a.del { float: right; }
		#itemreply dd { margin: 0; padding-bottom: 0.4em; width: 100%; overflow: auto; overflow-y: hidden; padding-bottom: 1em; }
	/*評論者頭像*/
	#itemreply img.signicon { float: left; border: 1px solid #EEE; background: #F9F9F9; padding: 0.3em; width: 48px; height: 48px; }

/*發表評論*/
#itemform { width: 350px; border: 1px solid #EEE; margin: 1em auto; padding: 1em; }
	#itemform h3 { border-bottom: 1px solid #EEE; margin: 0.5em 0; }
	#itemform p { margin: 0.3em 0; }
	#commentmsg { width: 280px; height: 8em; vertical-align: text-top; }
	#btncomment { margin-left: 4em; }


/*圖片顯示頁面*/
.imagebox { border: 1px solid #EEE; height: 200px; line-height: 200px; text-align: center; }


/*文件顯示頁面*/
.mediabox { border: 1px solid #EEE; height: 200px; line-height: 200px; text-align: center; }
	.filedetail .propertylist { overflow: hidden; display: inline-block; }
		.filedetail .propertylist li { float: left; width: 50%; }
		.filedown { overflow: hidden; display: inline-block; }
			.filedown div { float: left; width: 50%; }
			.filedown h5 { font-size: 12px; margin: 0.5em 0; }
				.filedown .propertylist li { width: 100%; }


/*商品顯示頁面*/
.goodspic { width: 200px; height: 200px; float: left; border: 1px solid #EEE; }
.goodsproperty { margin-left: 210px; }
	.goodsproperty .propertylist { overflow: hidden; display: inline-block; }
		.goodsproperty .propertylist li { width: 50%; float: left; }
			.goodsproperty .propertylist li.wide { width: 100%; }
	/*出價記錄*/
	#aplist h5 { margin: 0.5em 0; font-size: 12px; }
		#aplist table { text-align: center; }
		#aplist th { border-bottom: 1px solid #DDD; }
		#aplist td { border-bottom: 1px solid #EEE; }
		#aplist .ontop td { background: #F5F5F5; }


/* 購買按鈕 */
.buybtn { padding: 1em 0; }
	.buybtn a { display: block; text-indent: -9999px; width: 119px; height: 37px; overflow: hidden; background-position: 0 0; margin: auto; background-image: url(../images/btn_buy_b.gif); }
		.buybtn a:hover { background-position: 0 -50px !important; }
		.buybtn a.auction { background-image: url(../images/btn_auction_b.gif); }


/* 收藏按鈕 */
.send2fav { display: block; width: 127px; height: 36px; text-indent: -9999px; margin: 0.3em auto; background: url(../images/btn_collect.gif) no-repeat; overflow: hidden; }


