%PrdImgM%

%PrdTitle%

%PrdDesc%

.prdsort { padding: 0 15px; box-sizing: border-box; } .prdsort .itemMsgAdv{ display: flex; justify-content: flex-end; } .prdsort .itemMsgAdv .meMsg_ItemTitle{ cursor: pointer; } .prdsort .itemMsgAdv .meMsg_ItemTitle.isClick{ font-weight: bolder; } .PrdList { border:1px solid transparent; } /* 務必有這個 border，在 firefox,、ie 才不會有問題。 */ .PrdList .divCell { width:240px; margin-bottom:5px;margin-right:5px;overflow:hidden; } //.PrdList .divCell_1 { margin-right:20px; } //.PrdList .divCell_2 { margin-right:0px; } .PrdList .liCell { text-align:center; padding:0px; border-bottom: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:auto; } .PrdList .PrdCell a {} .PrdList .PrdCell a:hover { color:#000000; } .PrdList .PrdCell .PrdImgM { margin-bottom:8px; text-align: center; } .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 {} .PrdContent .PrdTitle { border-bottom:2px solid #fff; text-align: left; color: #fff; font-size:14px; } body .PrdList .PrdCell .PrdTitle { line-height: 125%; margin-top: 14px; margin-bottom: 14px; color: #999999; text-align: center; font-size: 16px; border: 0; } line-height: 125%; margin-top: 14px; margin-bottom: 4px; color: #999999; font-size: 11px; text-align: center; } .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; } /*=================手機版 開始===================*/ @media (max-width: 480px) { .prdsort { margin-bottom: 30px; padding: 0 6px; } .PrdList .divCell_1 { margin-right: 0px; } .PrdList .divCell { width:140px;margin-right: 40px; } .PrdList .PrdCell .PrdImgM img {width:140px; } } /*=================手機版 結束===================*/ .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$; } .ZC4742 .PrdList .liCell { height:280px; } .PrdList .divCell { border:$PrdListDivB$; } .PrdList .divCell { padding:$PrdListDivP$; } .PrdList .divCell { margin-right:$PrdListDivL$; } .PrdList .divCell { margin-bottom:$PrdListDivT$; }

.PrdRow1 { } .PrdRowN { } .PrdCell1 { } .PrdCellN { } .PrdInfo { margin-bottom:20px; } .PrdImg { text-align:left; vertical-align:top; overflow:hidden; width:150px; height:150px; margin-bottom:6px; } .PrdTitle { margin-bottom:6px; line-height:135%; } .PrdDesc { margin-bottom:6px; line-height:135%; display:none; } .PrdAmt { } .PrdPrice { font-weight:bold; color:#000000; } .iconSale { border:0px; } .iconBuy { margin-left:4px; } #divDescPopup { text-align:left; background:#ffffff; width:200px; height:100px; border:2px solid #882222; padding:6px; }