|
table.WeTop { width:100%; font-size:14px; background: #eee; border-radius: 5px; margin-bottom:5px; }
table.WeTop td { vertical-align:top; padding:4px; }
table.WeTop .WeSearch { width:1%; }
div.WeTop { font-size:14px; background: #eee; border-radius: 5px; padding: 8px; line-height: 100%; margin-bottom:5px; }
div.WeTop .WeSearch { float:left; }
.WeBlock .tbList > tbody > tr > td.w1 { width:1%; }
.WeBlock .tbList > tbody > .trHeader > td { background:#ccc; text-align:center; border-left:1px solid #ffffff; border-bottom:1px solid #aaa; }
.WeBlock .tbList > tbody > .trHeader > th { background:#ccc; text-align:center; border-left:1px solid #ffffff; border-bottom:1px solid #aaa; }
.WeBlock .tbList > tbody > tr > td { border-left:1px solid #ffffff; border-bottom:1px solid #ccc; }
.WeBlock .tbList > tbody > tr > td:nth-child(0) { border-left:0px; }
.WeBlock .tbList > tbody > .trCell:nth-child(even) { background:transparent; }
.WeBlock .tbList > tbody > .trCell:nth-child(odd) { background:#eee; }
.WeBlock .tbList > tbody > .trCell:hover:nth-child(even) { background:#ddd; }
.WeBlock .tbList > tbody > .trCell:hover:nth-child(odd) { background:#ddd; }
.WeSearch { text-align:left; }
.WeSearch input { font-size:14px; height:17px; padding:1px 3px; margin:1px; vertical-align:middle; line-height:17px; border:1px solid #888888; }
.WeSearch select { font-size:14px; height:21px; padding:1px 3px; margin:1px; vertical-align:middle; border:1px solid #888888; }
.WeSearch .CtrlBtn { height:21px; border:1px solid #888888; }
.WeBtnExt { float:left; text-align:right; }
.WeBtnExt input { font-size:14px; height:17px; padding:1px 3px; margin:1px; vertical-align:middle; line-height:17px; border:1px solid #888888; }
.WeBtnExt select { font-size:14px; height:21px; padding:1px 3px; margin:1px; vertical-align:middle; border:1px solid #888888; }
.WeBtnExt .CtrlBtn { height:21px; border:1px solid #888888; }
.WeCtrl { text-align:right; }
.WeCtrl input { font-size:14px; height:17px; padding:1px 3px; margin:1px; vertical-align:middle; line-height:17px; border:1px solid #888888; }
.WeCtrl select { font-size:14px; height:21px; padding:1px 3px; margin:1px; vertical-align:middle; border:1px solid #888888; }
.WeCtrl .CtrlBtn { height:21px; border:1px solid #888888; }
.WePageCtrl { margin-top:5px; }
.WePageCtrl .divPageCtrl {}
.WePageCtrl .tbPageCtrl {}
.WePageCtrl .CtrlBtn { font-size:11px; border:1px solid #888888; margin:0px; }
.WePageCtrl .PageNum td { border:1px solid #888; width:20px; height:20px; text-align:center; vertical-align:middle; cursor:pointer; }
.WePageCtrl .PageNum .OtherPage { background:#ddd; }
.WePageCtrl .PageNum .ThisPage { font-weight:bold; background:#fff; }
.divImpCSV {}
.divImpCSV input { margin-top:15px; }
.divImpCSV iframe { margin-top:15px; border:1px solid #aaaaaa; width:85%; height:50vh; }
|
|
$PrdImgM$
|
$PrdTitle$
產品系列Product Series $ClassName$
產品序號Part NO. $vdrcode$
$CatDesc$
說明 >Info. >
SPEC
DRAWING
3D
$('.clk_$XmlID$').on('click', function(){ CtrlBtn_click_($XmlID$,this); });
|
|
|
| | |
|
%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$; }
Audio Jack Connector
Audio Jack, HD, Φ3.5mm, 3Pole, 5Pin, Right Angle, DIP, With 1 Switch, C/H=6.50mm, W=12.0mm, L=17.8mm
網路售價:NT$元
ZC6871
Audio Jack Connector 3 Pole
jacuplee1112
/main/modules/MySpace/PrdInfo.php?sn=fit&prd=prdNo-JA1333L-N142-4F
Audio Jack Connector
Audio Jack, Φ3.5mm, 3Pole, 5Pin, Right Angle, DIP, C/H=3.00mm, W=7.2mm, L=13.9mm
網路售價:NT$元
ZC6871
Audio Jack Connector 3 Pole
jacuplee1112
/main/modules/MySpace/PrdInfo.php?sn=fit&prd=prdNo-JA1333E-009
Audio Jack Connector
Audio Jack, HD, Φ3.5mm, 3Pole, 5Pin, Vertical, With 1 Switch, H=17.5mm, W=9.6m, L=10.5mm
網路售價:NT$元
ZC6871
Audio Jack Connector 3 Pole
jacuplee1112
/main/modules/MySpace/PrdInfo.php?sn=fit&prd=prdNo-JA0333L-M142-4H
Audio Jack Connector
Audio Jack, HD, Φ3.5mm, 3Pole, 5Pin, Vertical, With 1 Switch, H=17.5mm, W=9.6m, L=10.5mm
網路售價:NT$元
ZC6871
Audio Jack Connector 3 Pole
jacuplee1112
/main/modules/MySpace/PrdInfo.php?sn=fit&prd=prdNo-JA03333-M142-4H
{"規格一":["選項一"]}
Audio Jack Connector
Audio Jack, HD, Φ3.5mm, 3Pole, 5Pin, Right Angle, DIP, With 1 Switch, C/H=6.50mm, W=12.0mm, L=17.8mm
網路售價:NT$元
ZC6871
Audio Jack Connector 3 Pole
jacuplee1112
/main/modules/MySpace/PrdInfo.php?sn=fit&prd=prdNo-JA1333L-N142-4H
Audio Jack Connector
Audio Jack, Φ3.5mm, 3Pole, 5Pin, Vertical, DIP, With 1 Switch, H=15.5mm, W=13.9m, L=11.0mm
網路售價:NT$元
ZC6871
Audio Jack Connector 3 Pole
jacuplee1112
/main/modules/MySpace/PrdInfo.php?sn=fit&prd=prdNo-JA03333-7D02-4H
Audio Jack Connector
Audio Jack, Φ3.5mm, 4Pole, 5Pin, Right Angle, DIP, C/H=3.0mm, H=6mm, W=7mm,L=14.7mm
網路售價:NT$元
ZC6885
Audio Jack Connector 4 Pole
jacuplee1112
/main/modules/MySpace/PrdInfo.php?sn=fit&prd=prdNo-JA13431-L002-4F
| |
| | |
#PageCtrl { font-family:sө; text-align:center; }
#PageCtrl a { color:#666666; }
#PageCtrl a:hover { color:#ff6622; }
#PageCtrl .PageBtn { margin-left:3px; margin-right:3px; }
#PageCtrl .OtherPage {}
#PageCtrl .ThisPage { color:#000000; font-weight:bold; }
#PageCtrl .RecCount { font-weight:bold; }
|
|
| |
