/* ============================================
显示列表

Usage examples:
<div class="ListContent">
 <div class="ListHead">
   <div class="Name"><b>a</b></div>
   <div class="Caption"><b>b</b></div>
   <div class="Price"><b>c</b></div>
   <div class="Date"><b>d</b></div>
 </div>
 <div class="ListRow">
   <div class="Name">a</div>
   <div class="Caption">b</div>
   <div class="Price">c</div>
   <div class="Date">d</div>
 </div>
</div>
============================================ */
.ListContent {
  clear:both;
  width:100%;
  text-align:center;
}
.ListContent .ListHead {
	background:url(http://image.8591.com.tw/index/public/global/thead_bg.jpg) repeat-x;
	height:18px;
	padding-top:6px;
	color:#000;
}
.ListContent .ListRow:hover {
	background-color:#EFEFEF;
}
.ListContent .ListRow {
	clear:both;
	border-bottom:1px solid #E0E0E0;
	padding:0px 0 10px 0;
	height:36px;
	background-color: #F9F9F9;
}
.ListContent .CDoubleRow {
	background-color:#FFF8EE;
}
.ListContent a:link {
	color:#0000BB;
}
.ListContent a:visited {
color:#3987C6;
}
.ListContent .TopText {	text-align:left;	padding-left:4px; padding-top:3px; font-weight:bold;}
.TopText div a:hover{color:#FF0000;}
.ListContent .BottomText {
	text-align:left;
	margin-top:8px;
	padding-left:4px;
	color:#8B8B8B;
}
.ListContent .Name{ float:left; width:20%;}
.ListContent .Caption{ float:left; width:50%;}
.ListContent .Price { float:left;text-align:right; width:10%; color: #000; }
.ListContent .BrowseNum{ float:left; width:10%;}
.ListContent .Date { float:right; width:10%; color:#171717;}
.ListContent .ListRow .Caption {	margin-right:-360px;	width:100%; }
.ListContent .ListRow .Caption a {
	font-weight: normal;
}
.ListContent .ListRow .Caption div { float:none; margin-right:0px;}
.ListContent .ListRow .Price { padding-top:20px; color:#FF6501;font-weight:bold;}
.ListContent .ListRow .BrowseNum { padding-top:20px;}
.ListContent .ListRow .Date { padding-top:20px;}
.ListContent .BgColorF9 { background-color:#EFEFEF;}
BODY.Buy .BgColor99 { background-color:#7FCAF9;}
/* ============================================
 菜单

 Usage examples:
 <div class="Menu">
	<ul class="MenuItems">
	<li><a href="#"><span>xx</span></a></li>
	</ul>
 </div>
============================================ */
.Menu {
	margin-top:5px;
	float:left;
	width:100%;
	text-align: center;
	background:url(http://image.8591.com.tw/index/public/global/menu_line.jpg) repeat-x left bottom;
}
.BuyMenu {
	background:url(http://image.8591.com.tw/index/public/global/blueline.gif) repeat-x left bottom;
}
.Menu span.RightItem {
	float:right;
	padding-top:2px;
}
.Menu .MenuItems { float:left;}
.Menu .MenuItems LI {
	float: left;
	margin-right: 2px;
	list-style-type: none;
	height:35px;
	width:70px;
}
.Menu .MenuItems A {
	float: left;
	display: block;
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_022.gif) no-repeat left top;
	height:35px;
	width:60px;
}
.Menu .MenuItems A SPAN {
	float: left;
	display: block;
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_222.gif) no-repeat right top;
	padding:13px 0 6px 0pt;
	width:70px;
	font-size: 13px;
	cursor: pointer;
	color: #000000;
	text-align: center;
	font-size:12px;
}
.Menu .MenuItems A:hover {
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_03.gif) no-repeat left top;
	text-decoration:none;
}
.Menu .MenuItems A:link, .Menu .MenuItems A:visited {
	text-decoration: none;
}
.Menu .MenuItems A:hover SPAN {
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_33.gif) no-repeat right top;
}
.Menu .MenuItems LI.Menu1 A SPAN {
	 padding:13px 10px 4px ;
}
.Menu .MenuItems LI.Current a, .Menu .MenuItems LI.Current a:hover{
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_11.gif) no-repeat left top;
}
.Menu .MenuItems LI.Current a SPAN, .Menu .MenuItems LI.Current a:hover span{
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_01.gif) no-repeat right top;
	font-weight:bold;
	color: #FFF;
}
Body.Buy .Menu .MenuItems LI.Current a,Body.Buy	.Menu .MenuItems LI.Current a:hover{
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_111.gif) no-repeat left top;
}
Body.Buy .Menu .MenuItems LI.Current a SPAN, Body.Buy .Menu .MenuItems LI.Current a:hover span{
	background: url(http://image.8591.com.tw/index/public/header/menu/icon_011.gif) no-repeat right top;
	font-weight:bold;
	color: #FFF;
}
/* ============================================
 推荐列表

 Usage examples:
 <ul class="Recomm">
 	<li></li>
 </ul>
============================================ */
ul.Recomm { }
ul.Recomm li {
	float:left;
	width:218px;
}
ul.Recomm li.NoWare {
	background: none;
	height:18px;
}
.H10 {
	clear:both;
	height:10px;
}
/* ============================================
物品交易说明

 Usage examples:
<div class="WareDealDesc">
	<div class="LeftImg"></div>
	<ul>
		<li class="BgMoney">xxx</div>
		<li class="BgTel">xxx</div>
		<li class="BgMobile">xxx</div>
		<li class="BgStatus">xxx</div>
	</ul>
</div>
============================================ */
.WareDealDesc {
	clear:both;
	margin-top:2px;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding-top:8px;
	height: 24px;
	background-color:#FAFAFA;
	margin:0 auto;
}
.WareDealDesc .LeftImg {
	float:left;
	width:10px;
	height:100%;
}
.WareDealDesc li {
	float:left;
	padding-left:20px;
	margin-right: 25px;
}
.BgMoney {
	background:url(http://image.8591.com.tw/index/public/public/safeTag.gif) no-repeat 2px 1px;
}
.BgTel {
	background:url(http://image.8591.com.tw/index/public/public/i_tel.gif) no-repeat left 0px;
}
.BgMobile {
	line-height:16px;
	background:url(http://image.8591.com.tw/index/public/public/i_musicmessage_s.gif) no-repeat 5px 0px;
}
.BgStatus {
	line-height:16px;
	background:url(http://image.8591.com.tw/index/ware/sellList/imgStatus.gif) no-repeat left 0px;
}
.BgAppraise{
	line-height:16px;
	background:url(http://image.8591.com.tw//index/public/grade/star03.gif) no-repeat 5px 2px;
}
/* ============================================
浏览记录

 Usage examples:
 <div class="GoodsHistory"></div>
============================================ */
.GoodsHistory {
	float:left;
	width:230px;
	margin-top:8px;
}
table.HistoryTable {
	margin-top:4px;
	border:1px solid #D9D9D9;
}
.
table.TableMT {
	border-top:1px solid #D9D9D9;
}
.HistoryTable td{
font-size:9pt;
}
/* ============================================
导航条

 Usage examples:
 <div class="NavBar"></div>
============================================ */
.NavBar {
	text-align: left;
	height: 25px;
	font-size:11pt;
}
/* ============================================
显示物品的详细信息

 Usage examples:
 <div class="NavBar"></div>
============================================ */
.WareSummary {
	clear:both;
	height:24px;
	text-align:left;
	padding: 2px;
	font-size:10pt;
}
.WareSummary h3 {
	float:left;
	font-size:10pt;
	height:24px;
}
.WareSummary span.SRight {
	float:right;
	margin-top:4px;
}
.WareSummary div {
	line-height:24px;
	padding-left:4px;
}
.WareSummary .FieldName {
	float:left;
	width:156px;
	background-color:#E3E3E3;
	height:24px;
}
.WareSummary .FieldVal {
	float:left;
	width:300px;
}
.WareSummary .FieldVal h1{
	height:24px;
}
.WareSummary .FieldVal2 {
	float: left;
}
.WareSummary .Progress {
	margin-top:6px;
}
.WareSummary .Progress div {
	padding-left:0px;
}
.SummaryTitle {
	clear:both;
	background-color:#CCCCCC;
	height:26px;
	line-height: 26px;
	color:#00008B;
	margin-top:1px;
	font-size: 11pt;
}
.SummaryCont {
	background-color: #F7F3F7;

	padding-bottom:4px;
	width:100%;
	text-align:left;
	text-indent:4px;
	font-size: 10pt;
}
.BgColor99 {
	background-color:#FFCC99;
}
.BgColorF7 {
	background-color:#F7F3F7;
}
.MTB1 {
	margin: 5px 0;
}
/* ============================================
付款提示

 Usage examples:
 <div id="PayPrompt"></div>
============================================ */
#PayPrompt {
	border: 1px solid #FF9900;
	width: 780px;
	background-color:#FDFAF7;
	text-align: left;
	padding:15px;
	margin: 0 auto;
}
.dealPay{
	color: #E87400;
	font-size: 9pt;
	padding-top:2px;
	padding-left:2px;
	border-top : 1px solid #E87400;
	border-left : 1px solid #E87400;
	border-right : 1px solid #E87400;
	border-bottom : 1px solid #E87400;
}
.dealRemove{
	color: #FF24FF;
	font-size: 9pt;
	padding-top:2px;
	padding-left:2px;
	border-top : 1px solid #FF24FF;
	border-left : 1px solid #FF24FF;
	border-right : 1px solid #FF24FF;
	border-bottom : 1px solid #FF24FF;
}
.dealDram{
	color:#990000;
	font-size: 9pt;
	padding-top:2px;
	padding-left:2px;
	border-top : 1px solid #990000;
	border-left : 1px solid #990000;
	border-right : 1px solid #990000;
	border-bottom : 1px solid #990000;
}
.dealAppraise{
	color: #006699;
	font-size: 9pt;
	padding-top:2px;
	padding-left:2px;
	border-top : 1px solid #006699;
	border-left : 1px solid #006699;
	border-right : 1px solid #006699;
	border-bottom : 1px solid #006699;
}

.dealend{
	color: #3D7E04;
	font-size: 9pt;
	padding-top:2px;
	padding-left:2px;
	border-top : 1px solid #3D7E04;
	border-left : 1px solid #3D7E04;
	border-right : 1px solid #3D7E04;
	border-bottom : 1px solid #3D7E04;
}
.dealcancel{
	color: #ff0000;
	font-size: 9pt;
	padding-top:2px;
	padding-left:2px;
	border:1px #F00 solid;
}
/* ============================================
收?區，出售區首?

 Usage examples:
<div class="WareGuiderBuy"></div>
<div class="WarmTipBox">
	<div class="WarmTip"><h4>xx</h4></div>
	<ul>
		<li></li>
	</ul>
</div>
============================================ */
h2 {
	font-size: 12pt;
	overflow:hidden;
	padding-left:1000px;
	margin-top:4px;
}
h2.BuyTitle {
	background:transparent url(http://image.8591.com.tw/index/ware/public/buyertitle.gif) no-repeat;
	height:52px;
}
h2.SellTitle {
	background:transparent url(http://image.8591.com.tw/index/ware/public/selltitle.gif) no-repeat;
	height:52px;
}
.WarmTipBox {
	border:5px solid #EBEBEB;
	width:696px;
	padding:8px 0;
	margin-left:2px;
	margin-top:10px;
	font-family: Verdana;
	font-size: 10pt;
}
.WareGuiderBuy {
	background:url(http://image.8591.com.tw/index/ware/public/buyer.gif) repeat-x;
	width:709px;
	padding-top:200px;
	text-align:right;
	margin-bottom:20px;
}
.WareGuiderSell {
	background:url(http://image.8591.com.tw/index/ware/public/seller.gif) repeat-x;
	width:709px;
	padding-top:200px;
	text-align:right;
	margin-bottom:20px;
}
.WarmTip {
	position:relative;
	border-bottom:1px solid #F8F8F8;
	width:640px;
	height:20px;
	margin:0 auto;
}
.WarmTip h4 {
	position: absolute;
	top: 3px;
	font-size: 16pt;
	background-color:#fff;
	color:#FE8D4B;
}
.WarmTipBox ul {
	position:relative;
	margin-top:14px;
	margin-left:36px;
}
.WarmTipBox ul li {
	background:url(http://image.8591.com.tw/index/public/global/dian.gif) no-repeat left center;
	padding-left:10px;
	line-height:20px;
	letter-spacing: 0.4pt;
}
.NavTip {
	font-size:11pt;
	margin:12px 0pt 4px 10px;
}
.NavTip .Block {
	float: left;
	width:12px;
	height: 12px;
	overflow: hidden;
	background-color:#F6E800;
	margin:2px 10px 0 0;
}
BODY.Buy .NavTip .Block {
	background-color:#0060FF;
}
table.AskBox {
	margin-top:5px;
	border-bottom: 1px dotted #E87400;
}
table.AskBox td{
	border:0px;
	padding:0px;
}
.AskAndAns { clear: both;}
.AskAndAns span.SLeft {	float:left;}
.AskAndAns span.SRight { float:right; margin-right:4px;}

.remart li{
	float:left;
	margin-right:20px;
	padding-left:20px;
}

#alter126,#alter132{
	padding-bottom:3px;
}
/*========================================
沒有這?商品的提示
==========================================*/
.noRecord{
    padding-top:20px;
    padding-bottom:20px;
    border:1px solid #CCCCCC;
    font-size:9pt;
	padding-left:20px;
	text-align:left;
}
.noRecord span{
    background:url(http://image.8591.com.tw/index/public/global/ring.gif) no-repeat;
    padding-left:35px;
    padding-top:6px;
}
.noRecord ul{
	line-height:25px;
	margin-left:38px;	
}
.searchePrice{
	border-top:1px solid #FE9901;
	height:25px;
	padding-left:5px;	
	padding-top:5px;
	background-color:#FFF8EE;
}