@charset "utf-8";
/* CSS Document */

/****產業類別分頁、商品分類頁、搜尋結果頁.....等***/

/***可共用***/
.HSpace{
	font-size:0px;
	height: 6px;
	clear:both;
}
.hotBox{
	width:110px;
	height:110px;
	background-color:#e1e1e1;
	overflow: hidden;

	/*非IE的主流瀏覽器識別的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*設置水平居中*/
	text-align:center;

	/* 針對IE的Hack */
	*display: block;
	*font-size: 99px;/*約為外框高度的0.873，110*0.873 約為96*/
	*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
}
.hotBox img {
	/*設置圖片垂直居中*/
	vertical-align:middle;
}


.storeBox{
	width:114px;
	height:114px;
	background-color:#F5F5F5;
	overflow: hidden;

	/*非IE的主流瀏覽器識別的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*設置水平居中*/
	text-align:center;

	/* 針對IE的Hack */
	*display: block;
	*font-size: 100px;/*約為外框高度的0.873，114*0.873 約為100*/
	*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
}
.storeBox img {
	/*設置圖片垂直居中*/
	vertical-align:middle;
}

.sortBox{
	width:23px;
	height:23px;
	background-color:#ffffff;
	overflow: hidden;
	margin-top: 1px;

	/*非IE的主流瀏覽器識別的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*設置水平居中*/
	text-align:center;

	/* 針對IE的Hack */
	*display: block;
	*font-size: 20px;/*約為外框高度的0.873，114*0.873 約為100*/
	*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
}
.sortBox img {
	/*設置圖片垂直居中*/
	vertical-align:middle;
}


.articleMainBox{
	width:190px;
	height:130px;
	background-color:#eeeeee;
	margin-top: 2px;
	margin-left: 2px;
	overflow: hidden;

	/*非IE的主流瀏覽器識別的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*設置水平居中*/
	text-align:center;

	/* 針對IE的Hack */
	*display: block;
	*font-size: 117px;/*約為外框高度的0.873，130*0.873 約為100*/
	*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
}
.articleMainBox img {
	/*設置圖片垂直居中*/
	vertical-align:middle;
}


.articleMainTableBox{
	width:130px;
	height:100px;
	background-color:#eeeeee;
	overflow: hidden;

	/*非IE的主流瀏覽器識別的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*設置水平居中*/
	text-align:center;

	/* 針對IE的Hack */
	*display: block;
	*font-size: 86px;/*約為外框高度的0.873，130*0.873 約為100*/
	*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
}
.articleMainTableBox img {
	/*設置圖片垂直居中*/
	vertical-align:middle;
}

/*************************產業分類頁*************************/

#breadcrumbs{
	text-align:left;
	padding-top: 7px;
}

/**左欄產業類別、熱門商品分類、符合商品分類**/
.categoryTop4{
	background: url(../image/NewIndex/categoryTop.gif) left top no-repeat;
	overflow: auto !important;
	overflow /**/: hidden;
	width:229px;
	padding-bottom: 8px;
}
.categoryTop4 ul{
	margin-left:20px;
	margin-top: 10px;
}
.categoryTop4 li{
	background: url(../image/NewIndex/iconCategory3.gif) left top no-repeat;
	background-position:0px 2px;
	margin-top:10px;
	padding-left: 19px;
	color:#536072;
	letter-spacing: 2px;
	font-size:13px;
}

/**左欄店家推薦**/
.categoryTop5{
	background: url(../image/NewIndex/categoryTop.gif) left top no-repeat;
	overflow: auto !important;
	overflow /**/: hidden;
	width:229px;
	padding-bottom: 8px;
}
.categoryTop5 ul{
	margin-left:20px;
	margin-top: -7px;
	clear:both;
}
.categoryTop5 li{
	background: url(../image/NewIndex/iconCategory4.gif) left top no-repeat;
	background-position:0px 2px;
	margin-top:10px;
	padding-left: 19px;
	color:#536072;
	letter-spacing: 2px;
	font-size:13px;
}

/**左欄熱門名店1-8**/
.categoryTop6{
	background: url(../image/NewIndex/categoryTop.gif) left top no-repeat;
	overflow: auto !important;
	overflow /**/: hidden;
	width:229px;
	padding-bottom: 8px;
}
.categoryTop6 ul{
	margin-left:20px;
	margin-top: 10px;
	clear:both;
}
.categoryTop6 li{
	background: url(../image/NewIndex/iconNumber.gif) left no-repeat;
	margin-top:10px;
	padding-left: 19px;
	color:#536072;
	letter-spacing: 2px;
	font-size:13px;
}
.categoryTop6 .num1{background-position:0px 2px;}
.categoryTop6 .num2{background-position:0px -23px;}
.categoryTop6 .num3{background-position:0px -48px;}
.categoryTop6 .num4{background-position:0px -73px;}
.categoryTop6 .num5{background-position:0px -98px;}
.categoryTop6 .num6{background-position:0px -123px;}
.categoryTop6 .num7{background-position:0px -148px;}
.categoryTop6 .num8{background-position:0px -173px;}

h3{
	font-size:15px;
	font-weight:bold;
	color:#3c5567;
	padding-top:10px;
	padding-left:17px;
	float:left;
}
h4{
	padding-top:6px;
	padding-right:17px;
	float:right;
}

/**左欄店家推薦（有小圖）**/
.categoryTop7{
	background: url(../image/NewIndex/categoryTop.gif) left top no-repeat;
	overflow: auto !important;
	overflow /**/: hidden;
	width:229px;
	padding-bottom: 8px;
}
.categoryTop7 li{
	clear:both;
}
.categoryTop7Circle{
	padding: 1px; /*padding: [上面留白值] [右邊留白值] [下面留白值] [左邊留白值] */
	* padding: 0px 1px 1px 1px;/*IE7*/
	margin-bottom: 10px;
	border:1px solid #d4d4d4;
	overflow:visible;
	width: 23px;
	float:left ;
}
* html .categoryTop7Circle{margin-left: 8px;}/**ie6**/
*>.categoryTop7Circle{margin-left: 17px;}/**ie7、firefox**/

/**左欄產業類別、熱門商品分類、符合商品分類**/
.categoryTop8{
	background: url(../image/NewIndex/categoryTop.gif) left top no-repeat;
	overflow: auto !important;
	overflow /**/: hidden;
	width:229px;
	padding-bottom: 8px;
}
.categoryTop8 ul{
	margin-left:17px;
	margin-top: 10px;
}
.categoryTop8 li{
	background: url(../image/NewIndex/iconIndexStore.gif) left top no-repeat;
	background-position:0px 1px;
	margin-top:10px;
	padding-left: 22px;
	color:#536072;
	letter-spacing: 2px;
	font-size:13px;
}




.sortWord{
	float:left;
	font-size:13px;
	color: #5b5b5b;
	margin-top: 6px;
	margin-left: 8px;
}


/****CategoryMain熱門商品***/
#CategoryMain{
	width: 645px;

	float:right;
	

}
#CategoryMainHot ul li{
	width:118px;
	float:left;
	text-align:center;
	padding-top:9px;
	padding-left:9px;
	color:#344156;
	font-size:13px;
	height:200px;

}
#CategoryMainHot ul{
	height: 395px;
}
.CaHotProBarCircle{
	padding: 3px; /*padding: [上面留白值] [右邊留白值] [下面留白值] [左邊留白值] */
	* padding: 2px 3px 4px 3px;/*IE7*/
	margin-bottom: 5px;
	border:1px solid #d4d4d4;
	overflow:visible;

}


.CaHotProIconStore{
	background: url(../image/NewIndex/iconIndexStore.gif) left top no-repeat;
	padding-left: 20px;
	padding-top: 3px;
	font-size:12px;
	text-align:left;
	color:#1098a8;
}
.CaHotProPriceC{
	font-size:12px;
	color:#bc0000;

}
.CaHotProPriceE{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#bc0000;

}
#CategoryMain div.CaHotProIconStore a:link{color:#1098a8;}
#CategoryMain div.CaHotProIconStore a:visited{color:#1098a8;}
#CategoryMain div.CaHotProIconStore a:active{color:#1098a8;}
#CategoryMain div.CaHotProIconStore a:hover{color:#1098a8; text-decoration:underline;}


/****CategoryMain產業類別廣告區***/
#CategoryAD{
	width:645px;
	height:180px;
	clear:both;
	background-color: #639239;
}

/**新進店家**/
/** 2009/06/10 加height:400px; */
#CategoryMainNew ul li{
	width:118px;
	float:left;
	text-align:center;
	padding-top:9px;
	padding-left:9px;
	color:#344156;
	font-size:13px;
	height:300px;


}
.CaNewStoreBarCircle{
	padding: 1px; /*padding: [上面留白值] [右邊留白值] [下面留白值] [左邊留白值] */
	* padding: 0px 1px 2px 1px;/*IE7*/
	margin-bottom: 5px;
	border:1px solid #eaeaea;
	overflow:visible;
}







/************************商品分類頁*******************************/
#sortAll{
	text-align:left;
	margin-top: 13px;
	margin-left: 8px;
}
#sortAll li{
	background: url(../image/NewIndex/iconSort.gif) left top no-repeat;
	text-align:left;
	float:left;
	padding-left: 19px;
	font-size: 13px;
	width: 108px;
	height: 35px;
	color: #6f6f6f;
}
#sortAll li a:link{color:#6f6f6f;}
#sortAll li a:visited{color:#6f6f6f;}
#sortAll li a:active{color:#6f6f6f;}
#sortAll li a:hover{color:#6f6f6f; text-decoration:underline;}




/************************商品搜尋總覽頁searchResult*******************************/
#sortBar{
	background-color:#e4eef4;
	margin-top:6px;
	height: 19px;
	clear:both;
	color: #3c5567;
	padding-top: 6px;
}
#sortBarLeft{
	float:left;
	width:313px;
	text-align:left;
	padding-left: 7px;
	color:#3c5567;
}
#sortBarLeft a:link{color:#3c5567;}
#sortBarLeft a:visited{color:#3c5567;}
#sortBarLeft a:active{color:#3c5567;}
#sortBarLeft a:hover{color:#3c5567; text-decoration:underline;}

#sortBarRight{
	float:right;
	width:313px;
	text-align:right;
	padding-right: 7px;
	color:#3c5567;
}
#sortBarRight a:link{color:#3c5567;}
#sortBarRight a:visited{color:#3c5567;}
#sortBarRight a:active{color:#3c5567;}
#sortBarRight a:hover{color:#3c5567; text-decoration:underline;}

.linkBold{font-weight:bold;}



/***圖片顯示***/
#articleMain ul{
	padding-top:15px;
	text-align:left;
}

/* 2009/06/10 加height:200px */
#articleMain li{float: left; height:200px}
#articleMain li:not([id*=""]) {margin-bottom: 7px;}/**firefox**/

.articleMainCircle{
	border:1px solid #d4d4d4;
	background-color: #ffffff;
	margin-left:14px;
}
* html .articleMainCircle{width: 194px; height: 134px;}/**ie6**/
*+html .articleMainCircle{width: 194px; height: 134px; padding-left: 0px; padding-bottom: 0px;}/**ie7**/
.articleMainCircle:not([class*=""]) {padding: 2px;}/**firefox**/

.articleMainCircleName{/**商品名**/
	margin-left: 14px;
	margin-top: 5px;
	width: 196px;
	height: 20px;

}
.articleMainCircleC{/**NT＄**/
	font-size:12px;
	color:#bc0000;
	margin-left: 14px;
	width: 196px;
}
.articleMainCircleN{/**Numbeer**/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#bc0000;
}
.articleMainCircleIconStore{/**店家名**/
	background: url(../image/NewIndex/iconIndexStore.gif) left top no-repeat;
	padding-left: 20px;
	padding-top: 3px;
	font-size:12px;
	text-align:left;
	color:#1098a8;
	margin-left: 14px;
	width: 176px;
}
.articleMainCircleIconStore a:link{color:#1098a8;}
.articleMainCircleIconStore a:visited{color:#1098a8;}
.articleMainCircleIconStore a:active{color:#1098a8;}
.articleMainCircleIconStore a:hover{color:#1098a8; text-decoration:underline;}


/***圖文顯示***/
#articleMainTable{
	width: 645px;
	margin-top:10px;
	text-align:left;
}
.TableTitle{
	background-color:#c8d6eb;
	height: 25px;
	text-align:center;
}
.TableTitle1{
	padding-left: 7px;
	text-align:left;
}
.articleMainTableCircle{
	border:1px solid #d4d4d4;
	background-color: #ffffff;
	width:130px;
	height:100px;
	margin-top: 5px;
	margin-right: 3px;
	padding: 2px;
}
.articleMainTableCircleName{/**商品名**/
	font-size: 15px;
	border-top-color:#ffffff;
	border-top-width: 5px;
	border-top-style: solid;
	background-color:#dbe5f4;
	padding-left: 3px;
	width: 503px;
	height: 27px;
	color: #555555;
}
.articleMainTableCircleInfo{/**商品簡介**/
	padding-left: 3px;
	padding-top: 7px;
	width: 167px;
	color: #555555;
	vertical-align: top;
	line-height: 18px;
	height: 72px;
}
.articleMainTableCirclePrice1{/**商品價錢-建議售價**/
	width: 111px;
	text-align:center;
	vertical-align: top;
	text-decoration: line-through;
}
.articleMainTableCirclePrice2{/**商品價錢-特價**/
	width: 111px;
	text-align:center;
	vertical-align: top;
	font-weight:bold;
	color: #CC3300;
	font-size: 15px;
}
.articleMainTableCircleTime{/**上架時間**/
	width: 111px;
	text-align:center;
	vertical-align: top;
}
.articleMainTableCircleLine{
	height: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	font-size: 0px;
	margin-bottom: 3px;
}






.pageNumber1{
	border-top-color:#666666;
	border-top-width: 1px;
	border-top-style: dashed;
	text-align:left;
	padding-left: 7px;
	padding-top: 7px;
	margin-top: 10px;
}
.pageNumber1R{
	text-align:right;
}
.pageNumber1L{
	float:left;
}

.pageNumber2{
	border-top-color:#999999;
	border-top-width: 1px;
	border-top-style: solid;
	padding-left: 7px;
	padding-top: 7px;
	margin-top: 5px;
}