|
.TreeMenu_0 { margin-left:10px; text-align:left; }
.TreeMenu_0 a { color:#333333; }
.TreeMenu_0 a:hover { color:#ff6622; }
.TreeNode_0 { display:none; }
.TreeMenu_1, .TreeMenu_2, .TreeMenu_3, .TreeMenu_4, .TreeMenu_5, .TreeMenu_6, .TreeMenu_7, .TreeMenu_8, .TreeMenu_9 { margin-left:10px; }
.TreeNode_1 { background-repeat:no-repeat; }
.TreeNode_2 { background-repeat:no-repeat; }
.TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { background-repeat:no-repeat; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { padding-left:0px; }
.TreeItem_t { font-weight:bold; color:#000000; }
.ulPrdHistory { padding:0px; }
.ulPrdHistory .liPrdHistory { text-align:center; margin-bottom:20px; }
.ulPrdHistory .liPrdHistory .ListTy0 { display:block; }
.ulPrdHistory .liPrdHistory .ListTyC1 { display:none; }
.ulPrdHistory .liPrdHistory .PrdImg img { width:50%; }
.ulPrdHistory .liPrdHistory .PrdTitle { margin:10px 0px; }
.ulPrdHistory .liPrdHistory .PrdDesc { display:none; }
.ulPrdHistory .liPrdHistory .PrdPrice img { vertical-align:middle; }
|
#divSitePath { text-align:left; }
#divSitePath .SitePathA { }
#divSitePath .SitePathD { font-weight:bold; }
#divSitePath .SitePathA { font-family:$SitePathA$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#divSitePath .SitePathA:hover { font-family:$SitePathM$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#divSitePath .SitePathD { font-family:$SitePathD$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
|
|
#id_ColLeft {
width: 210px;
padding: 5px 15px 15px 1%;
background-color: #ffffff;
margin-left: 20px;
display: block;
}
ul.PrdList { list-style:none; margin:0px; padding:0px; overflow:hidden; }
ul.PrdList .liCell { width:22%; height:280px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; }
ul.PrdList .liCell .ImgWrap { position: relative; }
ul.PrdList .liCell .PrdImg img { width: 100%; }
ul.PrdList .liCell .IconSale { }
ul.PrdList .liCell .IconSale ul { padding:0px; margin:0px; position:absolute; text-align:left; list-style: none; }
ul.PrdList .liCell .IconSale ul.d4 { top:0px; left:0px; }
ul.PrdList .liCell .IconSale ul.lt { top:0px; left:0px; }
ul.PrdList .liCell .IconSale ul.rt { top:0px; right:0px; }
ul.PrdList .liCell .IconSale ul.lb { bottom:0px; left:0px; }
ul.PrdList .liCell .IconSale ul.rb { bottom:0px; right:0px; }
ul.PrdList .liCell .IconSale img { width: 100%; }
ul.PrdList .liCell .PrdTitle { height:25px; line-height:150%; overflow:hidden; width:100%; padding: 5px 0px 0px; }
ul.PrdList .liCell .PrdDesc { display:none; }
ul.PrdList .liCell .PrdPrice img { vertical-align:middle; }
ul.PrdList .liCell .PriceAmt.enExPriceAmt { text-decoration:line-through; }
ul.PrdList .liCell .PriceAmt.enDisPriceAmt { text-decoration:line-through; }
ul.PrdList .liCell .ExPriceAmt { color:#ff0000; }
ul.PrdList .liCell .DisPriceAmt { color:#ff0000; }
.ExPriceAmt.disExPriceAmt { display:none; }
.DisPriceAmt.disDisPriceAmt { display:none; }
.ListTyC1 { display:none; }
body[ListTy='c1'] .ListTy0 { display:none; }
body[ListTy='c1'] .ListTyC1 { display:block; }
body[ListTy='c1'] ul.PrdList .liCell { width:100%; height:auto; float:none; text-align:left; margin:0px 0px 20px 0px; overflow:visible; position:relative; border-bottom: 1px solid #bbb066; padding-bottom: 20px; }
ul.PrdList .liCell .ListTyC1 { }
ul.PrdList .liCell .ListTyC1 .tdPrdImg { width:25%; text-align:center; vertical-align:top; }
ul.PrdList .liCell .ListTyC1 .PrdImg { position:relative; }
ul.PrdList .liCell .ListTyC1 .PrdImg img { max-width:200px; }
ul.PrdList .liCell .ListTyC1 .tdPrdTitle { padding:0px 0px 0px 2%; }
ul.PrdList .liCell .ListTyC1 .PrdTitle { text-align:left; vertical-align:top; font-size:15px; }
ul.PrdList .liCell .ListTyC1 .PrdDesc { display:block; margin:5px 0px; line-height:150%; }
ul.PrdList .liCell .ListTyC1 .tdPrdPrice { text-align:right; vertical-align:bottom; }
@media all and (max-width:1023px) {
ul.PrdList .liCell { width:30%; height:280px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; }
}
@media all and (max-width:767px) {
#id_ColLeft { display:none; }
}
@media all and (max-width:599px) {
.meSitePath { display:none; }
ul.PrdList .liCell { width:47%; height:280px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; }
}
@media all and (max-width:479px) {
ul.PrdList .liCell { width:47%; height:210px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; }
}
/* 預設 */
ul.PrdList .SaleBtn1 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 正常 */
ul.PrdList .SaleBtn2 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 預購 */
ul.PrdList .SaleBtn3 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 郵購 */
ul.PrdList .SaleBtn4 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 補貨 */
ul.PrdList .SaleBtn5 { border:1px solid #006600; background:#008800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 停售 */
ul.PrdList .SaleBtn6 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; }
/* 售完 */
ul.PrdList .SaleBtn7 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; }
/* 競標 */
ul.PrdList .SaleBtn8 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 推薦 */
ul.PrdList .PrdListExtBtn { border:1px solid #998800; background:#aa8800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 紅利兌換 */
.tableExchg { width:100%; }
.tableExchg th , .tableExchg td { padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right:4px; white-space:nowrap; font-weight:normal; color:#444444; border-radius:4px; }
.tableExchg th { text-align:center; background:#dddddd; }
.tableExchg td { text-align:center; }
.tableExchg .tdExchgBtn div { border-radius:4px; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; text-align:center; }
.tableExchg .tdExchgBtn div:hover { background:#ff0000; cursor:pointer; }
.tableExchg .spanExchgPt , .tableExchg .spanExchgAmt { font-weight:bold; color:red; }
/* 喜愛 */
.cssPrdInfoFave { cursor:pointer; color:transparent; width:32px; height:32px; background:url(/main/wdb2/images/HeartIcon_32x32_0.png) no-repeat; background-size:contain; }
.cssPrdInfoFave1 { background:url(/main/wdb2/images/HeartIcon_32x32.png) no-repeat; background-size:contain; }
#PageCtrl {}
#PageCtrl a {}
#PageCtrl a:hover { font-weight:bold; }
#PageCtrl .PageBtn {}
#PageCtrl .OtherPage {}
#PageCtrl .ThisPage { font-weight:bold; }
|
|
| |
.jpg)
