|
.PrdList { border:1px solid transparent; } /* 務必有這個 border，在 firefox,、ie 才不會有問題。 */
.PrdList .divCell { width:33.3333%; padding-bottom:50px; overflow:hidden; box-sizing: border-box; border-top: 1px solid #EEE;}
.PrdList .divCell_1{border-top:0px;}
.PrdList .divCell_2{border-top:0px;}
.PrdList .divCell_3{border-top:0px;}
.PrdList .liCell { text-align:center; padding:8px; overflow:hidden; }
.PrdList .liCellL {}
.PrdList .liCellR {}
.PrdList .liCellT {}
.PrdList .liCellB {}
.PrdList .ColN_1 {}
.PrdList .ColN_2 {}
.PrdList .ColN_3 {width: 240px;margin: 0 auto;box-sizing: border-box;}
.PrdList .ColN_4 {}
.PrdList .ColN_5 {}
.PrdList .ColN_6 {}
.PrdList .ColN_7 {}
.PrdList .ColN_8 {}
.PrdList .PrdListCont { text-align:center; color: #000;}
.PrdList .PrdCell { width:100%; }
.PrdList .PrdCell a {}
.PrdList .PrdCell a:hover { color:#000000; }
.PrdList .PrdCell .IconSale {display: block;}
.PrdList .PrdCell .IconSale .ulIconSale{
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.PrdList .PrdCell .IconSale .ulIconSale li {
display: inline-block;
width: 25%;
margin-bottom: 10px;
}
.PrdList .PrdCell .PrdImgM { margin-bottom:0px; }
.PrdList .PrdCell .PrdImgM img {}
.PrdList .ColN_2 .PrdCell .PrdImgM img {}
.PrdList .ColN_3 .PrdCell .PrdImgM img {max-width:100%;}
.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 { height: 45px; margin-bottom:10px; }
.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 {}
.PrdPrice {
display: block;
}
.PrdList .PrdCell .PrdTitle {
line-height: 125%;
margin-top: 4px;
margin-bottom: 4px;
color: #222222;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.PrdList .PrdCell .PrdDesc { display:none;line-height:125%; margin-bottom:4px; color:#666666; text-align:left; }
.PrdList .PrdCell .PrdPrice { margin-bottom:4px; }
.PrdList .PrdCell .PriceName {display: none;}
.PrdList .PrdCell .DollarSign { color:#000; }
.PrdList .PrdCell .PriceAmt { color:#ff0000; font-weight:bold; }
.PrdList .PrdCell .DollarUnit {display: none}
.PrdList .PrdCell .PrdCtrl { margin-bottom:8px;display: block; }
.PrdList .PrdCell .PrdQty {}
.PrdList .PrdCell .PrdBtn {}
.PrdList .PrdCell .PrdExt {display: none;}
/* 預設 */
.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; }
/*自訂CSS*/
#maskTemplate{
display: none;
}
.mask{
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: none;
background-image:url(http://sun.noonspace.com/w28NoonSpace/infanlab/MsgInfo/w40bg.png);
}
.mask .title{
display:none;
text-align: center;
font-size: 13px;
color: #000;
border-bottom: solid 1px #000;
width: 80%;
margin: 0 auto;
}
.mask .price{
display:none;
text-align: center;
width: 80%;
margin: 0 auto;
padding: 0px;
color:#ff0000;
}
.mask .pricehint {
text-align: center;
width: 80%;
margin: 0 auto;
padding-top: 5px;
text-decoration:line-through;
}
.mask .btn {
text-align: center;
margin: 0 auto;
border:1px solid #aaaaaa; border-radius:4px;
background:rgba(255,255,255,0.6);
width:100px;
}
.mask .btn1 { height:140px; }
.mask .btn3 { height:75px; }
.mask .PriceName { display:none; }
.mask .PriceHintName { display:none; }
#infoDiv {
position : absolute;
width : 800px;
height : 500px;
z-index : 101;
background-color : #fff;
padding : 0px;
display : none;
opacity : 1;
}
#infoClose {
position : absolute;
cursor : pointer;
width : 30px;
height : 30px;
right : 0px;
top : -30px;
z-index : 102;
}
#infoClose:hover{
color:#e62;
}
#modalBg {
position : fixed;
background-image : url(http://sun.noonspace.com/w28NoonSpace/infanlab/MsgInfo/w40bg.png);
background-repeat : repeat;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
z-index : 100;
display: none;
}
.PrdPriceHint { display: none; }
/* popup window */
#MySpace .iWinBorder { box-shadow:0px 0px 2px #eeeeee; border:0px; border-radius:0px; }
#MySpace .iWinCaption { background:#ffffff; color:#000000; }
#MySpace .iWinBtnClose { color:#000000; }
/* popup info */
.iWinContent .PrdImgM {float:left; margin:10px; margin-right:20px; }
.iWinContent .PrdContent { padding-top:20px; padding-right:20px; }
.iWinContent .PrdTitle { margin-bottom:10px; }
.iWinContent .PrdDesc { margin-bottom:20px; }
.iWinContent .PrdPriceHint { margin-bottom:15px; text-decoration:line-through; display: block; }
.iWinContent .PrdPrice { margin-bottom:15px; }
.iWinContent .PrdPrice .DollarSign { color:#aa0000; }
.iWinContent .PrdPrice .PriceAmt { color:#aa0000; font-weight:bold; }
.iWinContent .PrdDetail {
padding:5px 8%;
background-color: #002d5e;
color: #fff;
font-size: 20px;
line-height: 28px;
transition: width 1s;
-webkit-transition: padding 0.5s;
-moz-transition: padding 1s;
-o-transition: padding 1s;
}
.iWinContent .PrdDetail:hover{
background-color: #003abd;
padding:5px 12%;
}
.iWinContent .PrdCtrl { display:none; }
.iWinContent .PrdQty { display:block; margin-bottom:15px; }
.iWinContent .PrdQty .spanPrdQty { }
.iWinContent .PriceName { padding-right:20px; }
.iWinContent .PrdExt { display:none; }
.PrdList .PrdDetail{display: none;}
@media (max-width: 1000px) {
.PrdList .divCell {width:50%;}
.PrdList .divCell_3{border-top:1px solid #EEE;}
}
@media (max-width: 490px) {
.PrdList .divCell {width:100%;}
.PrdList .divCell_2{border-top:1px solid #EEE;}
}
.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$; }
| |
