|
.TreeMenu_0 { padding:0 50px 0 50px;font-size:18px;color:#232323;margin-top:100px; line-height: 2em;
text-align: center; }
.TreeMenu_0 a { color:#232323 }
.TreeMenu_0 a:hover { color:#006b30; }
.TreeNode_1 { border-bottom: 2px solid #cccccc; padding: 20px 0 20px 0;}
.TreeNode_2 { padding-left:0px; }
.TreeNode_3 { padding-left:15px; }
.TreeNode_4 { padding-left:30px; }
.TreeNode_5 { padding-left:45px; }
.TreeNode_6 { padding-left:60px; }
.TreeNode_7 { padding-left:75px; }
.TreeNode_8 { padding-left:90px; }
.TreeNode_9 { padding-left:105px; }
.TreeNode_1 a { padding-left:0px; }
.TreeNode_2 a { padding-left:12px; }
.TreeNode_3 a { padding-left:12px; background:url(/main/themes/ns/css_Default/TreeNode2.gif) no-repeat; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:12px; background:url(/main/themes/ns/css_Default/TreeNode3.gif) no-repeat; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { padding-top:20px; padding-bottom:20px; }
.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 { color:#006b30; }
.TreeMenu_0 .ClassNum { color:#666666; }
.TreeMenu_0 .TreeNode_t { border-bottom: 2px solid #0c9348;padding: 20px 0 20px 0; }
.TreeMenu_0 a.TreeItem_t { color:#ffffff; }
.TreeMenu_0 .ClassDesc { display:block; }
.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 a.TreeItem_t { color:$PrdTreeNodeTC$; }
.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 { background:$PrdTreeNodeImg1$ no-repeat; }
.TreeNode_2 a { background:$PrdTreeNodeImg2$ no-repeat; }
.TreeNode_3 a { background:$PrdTreeNodeImg3$ no-repeat; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { background:$PrdTreeNodeImg4$ no-repeat; }
.TreeNode_1 a { padding-left:$PrdTreeItem1Margin$; }
.TreeNode_2 a { padding-left:$PrdTreeItem2Margin$; }
.TreeNode_3 a { padding-left:$PrdTreeItem3Margin$; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:$PrdTreeItemXMargin$; }
.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$; }
|
| | |
|
%html%
詳細內容
.PrdList { border:1px solid transparent; } /* 務必有這個 border，在 firefox,、ie 才不會有問題。 */
.PrdList .PrdCell {
width: 100%;
background-color: #EEEEEE;
margin-right: 30px;
margin-bottom: 30px;
border: 1px solid #dddddd;
}
@media only screen and (min-width: 769px) {
.PrdList .divCell {width: 45%; overflow:hidden;}
}
body .PrdList .liCell {
text-align: center;
margin-right:30px;
}
.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 { }
.PrdList .PrdCell { width:100%;background-color: #EEEEEE; }
.PrdList .PrdCell a {}
.PrdList .PrdCell a:hover { color:#000000; }
.PrdList .PrdCell .PrdImgM { margin-bottom:8px; }
.PrdList .PrdCell .PrdImgM img { width:100%; }
.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 { padding: 0 10px 10px 10px; 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:140%; margin-top:15px; margin-bottom:4px; color:#222222; text-align: left;}
.PrdList .PrdCell .PrdDesc { line-height: 140%;
margin-bottom: 4px;
color: #666666;
text-align: left;
letter-spacing: 1.2px;
font-size: 14px;
}
.PrdList .PrdCell .PrdPrice {
padding-bottom: 20px;
}
.PrdList .PrdCell .PriceName {font-size: 13px;}
.PrdList .PrdCell .DollarSign { color: #666666;
font-size: 12px;
letter-spacing: 0px;
}
.PrdList .PrdCell .PriceAmt { color:#ff0000; font-weight:bold; }
.PrdList .PrdCell .DollarUnit {}
.PrdList .PrdCell .PrdCtrl { margin-bottom:0px;}
.PrdList .PrdCell .PrdQty {}
.PrdList .PrdCell .PrdBtn { }
.PrdList .PrdCell .PrdExt {display:none;}
/* 預設 */
.PrdList .SaleBtn1 {
display: none;
background-color: #34B2DE;
color: #ffffff;
padding: 4px 5px 5px 5px;
margin: 20px 0 0 0;
white-space: nowrap;
cursor: pointer;
}
.PrdList .cssPrdBtn { display: block; background-color: #34B2DE; color: #ffffff; padding: 4px 5px 5px 5px; white-space: nowrap; cursor: pointer; }
/* 正常 */
.PrdList .SaleBtn2 { display:none; 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 {
display: block;
border: 0px solid #666666;
background: #cccccc;
color: #ff0000;
margin-top: 5px;
white-space: nowrap;
padding: 3px 0;
display:none;
}
/* 競標 */
.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-bottom:$PrdListDivT$; }
.PrdList .divCell { margin-right:$PrdListDivL$; }
當代拼貼藝術
從當代藝術大師的人物畫中尋找靈感，猜一猜我們能以何種與眾不同的風貌再現大師作品？
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060065
釣魚大師錦囊
小時候，釣魚遊戲機玩壞了，好傷心。讓我們動手創作重組釣魚遊戲，變成多彩逗趣親子互助版本，一定很有意思喔！
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060064
動物變裝秀
來一場創造力十足的動物變裝嘉年華吧！一起來為可愛動物們設計造型，服裝顏色款式任你自由搭配！
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060063
好好吃骰子
藝術家楊芳宜運用再生布料，邀請親子一起動手做出千變萬化的食物骰子，以遊戲的方式，讓吃飯變得好玩，孩子聽話把飯吃光光！
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060048
日常回收再生系列-紙杯再生紙
把吃早餐、喝飲料後的紙杯，和丟棄的舊衣架和破掉的絲襪組合在一起，會變成什麼？自己在家就可以玩再生紙體驗，設計有天然種子的再生書籤或小名片架！
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060047
日常回收再生系列-塑膠袋西瓜包
運用回收紙板，用塑膠袋變成的彩色線編織成可用的「環保袋」。簡單的編織，繽紛的色彩配置，編出塑膠袋再生的無限可能！
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060046
日常回收再生系列-迷你敲一竿
運用再生竹料及回收塑膠袋，一同翻轉造型、發揮創意，製作屬於自己的特色球桿。最後一起來打一場迷你球賽，看誰成為VIP！
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060045
日常回收再生系列-塑膠袋彩色盤
運用回收紙盤，將塑膠袋變成的彩色線，編出一圈圈的彩色時光。簡單的重複動作，大膽的嘗試變化，感受色彩的配置與繽紛，編出再生塑膠袋的無限可能。
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060044
拼布刺蝟
運用回收的複合媒材拼貼創作，就可以變成一隻可愛的刺蝟！產品設計師林昇
透過觸感與顏色的混合運用，訓練孩子的手眼協調和色彩認知！
保證金NT$500元
/main/modules/MySpace/PrdInfo.php?sn=crc&prd=1608000060043
| |
| | |
|
| |
