class=QBtnFix
winWidth>=769


class=topBlk
top3 class=contactBlk
繁中
簡中
top1 class=language
hide
hide
top2 class=memberBlk
.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%; padding-top:5px; padding-bottom:5px; text-align:left; border-top:1px solid transparent; border-bottom:1px solid #cccccc; } .SiteNode_xT, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { line-height:100%; 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_x0, .SiteItem_x1, .SiteItem_x2, .SiteItem_x3, .SiteItem_x4, .SiteItem_x5, .SiteItem_x6, .SiteItem_x7, .SiteItem_x8, .SiteItem_x9 { font-weight:bold; } .SiteNode_0, .SiteNode_x0 { padding-left:10px; } .SiteNode_1, .SiteNode_x1 { padding-left:25px; } .SiteNode_2, .SiteNode_x2 { padding-left:40px; } .SiteNode_3, .SiteNode_x3 { padding-left:55px; } .SiteNode_4, .SiteNode_x4 { padding-left:70px; } .SiteNode_5, .SiteNode_x5 { padding-left:85px; } .SiteNode_6, .SiteNode_x6 { padding-left:100px; } .SiteNode_7, .SiteNode_x7 { padding-left:115px; } .SiteNode_8, .SiteNode_x8 { padding-left:130px; } .SiteNode_9, .SiteNode_x9 { padding-left:145px; } #dataSiteTree.ClickDown .SiteMenu_1 { display: none; } #dataSiteTree.ClickDown .SiteGroup_z .SiteMenu_1 { } #dataSiteTree.ClickDown .hasSubMenu .SiteNode_1 a:after { display:inline-block; content:''; background:url('/main/wdb2/images/arrowD4_25x25.png') no-repeat 0 0; background-size:100%; float:right; width:16px; height:16px; transition: 0.5s ease; } #dataSiteTree.ClickDown .hasSubMenu.SiteGroup_z .SiteNode_1 a:after { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .SiteNode_0 { display:$SiteTreeDisp0$; } .SiteItem_x0, .SiteItem_x1, .SiteItem_x2, .SiteItem_x3, .SiteItem_x4, .SiteItem_x5, .SiteItem_x6, .SiteItem_x7, .SiteItem_x8, .SiteItem_x9 { font-family:$SiteTreeFontO$; color:$color$; font-style:$style$; font-weight:$weight$; } .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { background-image:$SiteTreeBgO$; background-position:$pos$; background-repeat:$repeat$; background-color:$color$; } .SiteItem_0, .SiteItem_1, .SiteItem_2, .SiteItem_3, .SiteItem_4, .SiteItem_5, .SiteItem_6, .SiteItem_7, .SiteItem_8, .SiteItem_9 { font-family:$SiteTreeFont$; color:$color$; font-style:$style$; font-weight:$weight$; } .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9 { background-image:$SiteTreeBg$; background-position:$pos$; background-repeat:$repeat$; background-color:$color$; } .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { padding-top:$SiteTreePadding$; padding-bottom:$SiteTreePadding$; } .SiteNode_B, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { border-top:$SiteTreeLineT$; } .SiteNode_T, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { border-bottom:$SiteTreeLineB$; } #dataSiteTree { border-left:$SiteTreeBorderL$; } #dataSiteTree { border-right:$SiteTreeBorderR$; } #dataSiteTree .SiteNode_0, #dataSiteTree .SiteNode_x0 { padding-left:$SiteTreePaddingL0$; } #dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 { padding-left:$SiteTreePaddingL1$; } #dataSiteTree .SiteNode_2, #dataSiteTree .SiteNode_x2 { padding-left:$SiteTreePaddingL2$; }
hide
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; }
hide
全選All 勾選產品比較或詢問Compare or Ask 多筆詢問Request Info. 產品比較Compare
$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$; }
#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; }
15 :  1   2  :