%html%

.PrdList { border:1px solid transparent; } /* 務必有這個 border，在 firefox,、ie 才不會有問題。 */ .PrdList .divCell { width:240px; margin-right:5px; margin-bottom:5px; overflow:hidden; } .PrdList .liCell { text-align:center; padding:8px; border:1px solid #dddddd; overflow:hidden; } .PrdList .liCellL {} .PrdList .liCellR {} .PrdList .liCellT {} .PrdList .liCellB {} .PrdList .ColN_1 {} .PrdList .ColN_2 {} .PrdList .ColN_3 {} .PrdList .ColN_4 {} .PrdList .ColN_5 {} .PrdList .ColN_6 {} .PrdList .ColN_7 {} .PrdList .ColN_8 {} .PrdList .PrdListCont { text-align:center; } .PrdList .PrdCell { width:100%; } .PrdList .PrdCell a {} .PrdList .PrdCell a:hover { color:#000000; } .PrdList .PrdCell .PrdImgM { margin-bottom:8px; } .PrdList .PrdCell .PrdImgM img {} .PrdList .ColN_2 .PrdCell .PrdImgM img {} .PrdList .ColN_3 .PrdCell .PrdImgM img {} .PrdList .ColN_4 .PrdCell .PrdImgM img {} .PrdList .ColN_5 .PrdCell .PrdImgM img {} .PrdList .ColN_6 .PrdCell .PrdImgM img {} .PrdList .ColN_7 .PrdCell .PrdImgM img {} .PrdList .ColN_8 .PrdCell .PrdImgM img {} .PrdList .PrdCell .PrdContent { margin-bottom:4px; } .PrdList .ColN_2 .PrdCell .PrdContent {} .PrdList .ColN_3 .PrdCell .PrdContent {} .PrdList .ColN_4 .PrdCell .PrdContent {} .PrdList .ColN_5 .PrdCell .PrdContent {} .PrdList .ColN_6 .PrdCell .PrdContent {} .PrdList .ColN_7 .PrdCell .PrdContent {} .PrdList .ColN_8 .PrdCell .PrdContent {} .PrdList .PrdCell .PrdTitle { line-height:125%; margin-top:4px; margin-bottom:4px; color:#222222; } .PrdList .PrdCell .PrdDesc { line-height:125%; margin-bottom:4px; color:#666666; text-align:left; } .PrdList .PrdCell .PrdPrice { margin-bottom:4px; } .PrdList .PrdCell .PriceName {} .PrdList .PrdCell .DollarSign { color:#ff0000; } .PrdList .PrdCell .PriceAmt { color:#ff0000; font-weight:bold; } .PrdList .PrdCell .DollarUnit {} .PrdList .PrdCell .PrdCtrl { margin-bottom:8px; } .PrdList .PrdCell .PrdQty {} .PrdList .PrdCell .PrdBtn {} .PrdList .PrdCell .PrdExt {} /* 預設 */ .PrdList .SaleBtn1 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 正常 */ .PrdList .SaleBtn2 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 預購 */ .PrdList .SaleBtn3 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 郵購 */ .PrdList .SaleBtn4 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 補貨 */ .PrdList .SaleBtn5 { border:1px solid #006600; background:#008800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 停售 */ .PrdList .SaleBtn6 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } /* 售完 */ .PrdList .SaleBtn7 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } /* 競標 */ .PrdList .SaleBtn8 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 推薦 */ .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; } .PrdList .PrdCell .PrdImgM { display:$PrdListPrdImgMDisp$; } .PrdList .PrdCell .PrdTitle { display:$PrdListPrdTitleDisp$; } .PrdList .PrdCell .PrdDesc { display:$PrdListPrdDescDisp$; } .PrdList .PrdCell .PrdPrice { display:$PrdListPrdPriceDisp$; } .PrdList .PrdCell .PriceName { display:$PrdListPriceNameDisp$; } .PrdList .PrdCell .PrdQty { display:$PrdListPrdQtyDisp$; } .PrdList .PrdCell .PrdBtn { display:$PrdListPrdBtnDisp$; } .PrdList .PrdCell .PrdExt { display:$PrdListPrdExtDisp$; } .PrdList .PrdCell .PrdTitle { font-family:$PrdListTitleFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .PrdCell .PrdDesc { font-family:$PrdListDescFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .PrdCell .PriceName { font-family:$PrdListNameFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .PrdCell .PriceAmt { font-family:$PrdListAmtFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .liCell { padding:$PrdListPadding$; } .PrdList .liCell { border:$PrdListBorder$; } .PrdList .divCell { width:$PrdListDivW$; } .PrdList .liCell { height:$PrdListDivH$; } .PrdList .divCell { border:$PrdListDivB$; } .PrdList .divCell { padding:$PrdListDivP$; } .PrdList .divCell { margin-right:$PrdListDivL$; } .PrdList .divCell { margin-bottom:$PrdListDivT$; }