|
#id_ColLeft .SiteNode {
padding: 0;
line-height: 170%;
font-size: 16px;
color: #666666;
text-align: left;
border: unset;
}
#id_ColLeft .TreeMenu_0 a {
font-family: 'Noto Sans TC', 'Roboto', 'Open Sans';
font-size: 16px;
color: #666666;
margin-top: 10px;
display: block;
}
#id_ColLeft .TreeMenu {
margin-top: 28%;
}
.ClassMiniSite, .ClassNum { display:none; }
.SiteNode_T, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9 {
line-height:100%; font-size:13px; padding-top:5px; padding-bottom:5px; text-align:left; border-top:1px solid transparent; border-bottom:1px solid #cccccc;
}
.SiteNode_t, .SiteNode_t0, .SiteNode_t1, .SiteNode_t2, .SiteNode_t3, .SiteNode_t4, .SiteNode_t5, .SiteNode_t6, .SiteNode_t7, .SiteNode_t8, .SiteNode_t9 {
line-height:100%; font-size:13px; padding-top:5px; padding-bottom:5px; text-align:left; border-top:1px solid transparent; border-bottom:1px solid #cccccc;
}
.SiteItem_0, .SiteItem_1, .SiteItem_2, .SiteItem_3, .SiteItem_4, .SiteItem_5, .SiteItem_6, .SiteItem_7, .SiteItem_8, .SiteItem_9 {
}
.SiteItem_t0, .SiteItem_t1, .SiteItem_t2, .SiteItem_t3, .SiteItem_t4, .SiteItem_t5, .SiteItem_t6, .SiteItem_t7, .SiteItem_t8, .SiteItem_t9 {
font-weight:bold;
}
.SiteNode_0, .SiteNode_t0 { padding-left:10px; }
.SiteNode_1, .SiteNode_t1 { padding-left:25px; }
.SiteNode_2, .SiteNode_t2 { padding-left:40px; }
.SiteNode_3, .SiteNode_t3 { padding-left:55px; }
.SiteNode_4, .SiteNode_t4 { padding-left:70px; }
.SiteNode_5, .SiteNode_t5 { padding-left:85px; }
.SiteNode_6, .SiteNode_t6 { padding-left:100px; }
.SiteNode_7, .SiteNode_t7 { padding-left:115px; }
.SiteNode_8, .SiteNode_t8 { padding-left:130px; }
.SiteNode_9, .SiteNode_t9 { padding-left:145px; }
.TreeMenu_0 .ClassNum { color:#666666; }
#id_ColLeft .TreeMenu_0 .TreeNode_t a {
color: #664801;
font-weight: bolder;
}
#id_ColLeft .TreeMenu_0 .TreeNode_t::after {
content: ' ';
width: 80%;
height: 2px;
background-color: #664801;
display: block;
opacity: 1;
margin: 5px auto 0 0; display: none;
}
.TreeMenu_0 .ClassDesc { display:block; }
.productPrdTree {
border-top: 2px solid #ffffff;
padding: 10px 0;
}
.productPrdTree .TreeNode_1 a {
padding-left: 0;
}
@media (max-width: 700px) {
#id_ColLeft .TreeMenu_0 a {
margin-top: 0;
text-align: center;
}
}
.TreeMenu_0 a { font-family:$PrdTreeItemFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 a:hover { color:$PrdTreeNodeHOverC$; }
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover { background:$PrdTreeNodeHOverB$; }
.TreeMenu_0 .TreeNode_t { background:$PrdTreeNodeTB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { padding-top:$PrdTreeNodePadding$; padding-bottom:$PrdTreeNodePadding$; }
.TreeMenu_0 { border-bottom:$PrdTreeNodeBorderT$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-top:$PrdTreeNodeBorderT$; }
.TreeMenu_0 { border-top:$PrdTreeNodeBorderB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-bottom:$PrdTreeNodeBorderB$; }
.TreeNode_1 a { }
.TreeNode_2 a { }
.TreeNode_3 a { background:$PrdTreeNodeImg3$ no-repeat; }
.TreeNode_1 a { padding-left:$PrdTreeItem1Margin$; }
.TreeNode_2 a { padding-left:$PrdTreeItem2Margin$; }
.TreeNode_3 a { padding-left:$PrdTreeItem3Margin$; }
.TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { float:$PrdTreeNode4Float$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3 { clear:both; }
.TreeMenu_0 .ClassName { display:$PrdTreeNodeDispName$; }
.TreeMenu_0 { line-height:$PrdTreeNodeLineHeight$; }
.TreeMenu_0 .ClassNum { display:$PrdTreeNodeDispNum$; }
.TreeMenu_0 .ClassNum { font-family:$PrdTreeNodeFontNum$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassDesc { display:$PrdTreeNodeDispDesc$; }
.TreeMenu_0 .ClassDesc { font-family:$PrdTreeNodeFontDesc$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassImg { display:$PrdTreeNodeDispImg$; }
.TreeMenu_0 .ClassImg img { height:$PrdTreeNodeSizeImg$; }
.TreeMenu_0 .ClassImg img { margin-right:$PrdTreeNodeRightImg$; }
.TreeMenu_0 .ClassImg img { margin-bottom:$PrdTreeNodeBottomImg$; }
|
| | |
|
.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$; }
| |
| | |
|
| |
