故宮精品網路商城

熱門：

電子書

故宮x老店

瀏覽記錄

目前沒有瀏覽記錄

價格選擇

首頁 > 設計文具

排序

#id_ColLeft { width: 210px; padding: 5px 15px 15px 1%; background-color: #ffffff; margin-left: 20px; display: block; } ul.PrdList { list-style:none; margin:0px; padding:0px; overflow:hidden; } ul.PrdList .liCell { width:22%; height:280px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; } ul.PrdList .liCell .PrdImg img { width: 100%; } ul.PrdList .liCell .IconSale { position:absolute; top:0px; left:0px; text-align:left; } ul.PrdList .liCell .IconSale ul { padding:0px; margin:0px; } ul.PrdList .liCell .IconSale img { width: 100%; } ul.PrdList .liCell .PrdTitle { height:25px; line-height:150%; overflow:hidden; width:100%; padding: 5px 0px 0px; } ul.PrdList .liCell .PrdDesc { display:none; } ul.PrdList .liCell .PrdPrice img { vertical-align:middle; } ul.PrdList .liCell .PriceAmt.enExPriceAmt { text-decoration:line-through; } ul.PrdList .liCell .PriceAmt.enDisPriceAmt { text-decoration:line-through; } ul.PrdList .liCell .ExPriceAmt { color:#ff0000; } ul.PrdList .liCell .DisPriceAmt { color:#ff0000; } .ExPriceAmt.disExPriceAmt { display:none; } .DisPriceAmt.disDisPriceAmt { display:none; } .ListTyC1 { display:none; } body[ListTy='c1'] .ListTy0 { display:none; } body[ListTy='c1'] .ListTyC1 { display:block; } body[ListTy='c1'] ul.PrdList .liCell { width:100%; height:auto; float:none; text-align:left; margin:0px 0px 20px 0px; overflow:visible; position:relative; border-bottom: 1px solid #bbb066; padding-bottom: 20px; } ul.PrdList .liCell .ListTyC1 { } ul.PrdList .liCell .ListTyC1 .tdPrdImg { width:25%; text-align:center; vertical-align:top; } ul.PrdList .liCell .ListTyC1 .PrdImg { position:relative; } ul.PrdList .liCell .ListTyC1 .PrdImg img { max-width:200px; } ul.PrdList .liCell .ListTyC1 .tdPrdTitle { padding:0px 0px 0px 2%; } ul.PrdList .liCell .ListTyC1 .PrdTitle { text-align:left; vertical-align:top; font-size:15px; } ul.PrdList .liCell .ListTyC1 .PrdDesc { display:block; margin:5px 0px; line-height:150%; } ul.PrdList .liCell .ListTyC1 .tdPrdPrice { text-align:right; vertical-align:bottom; } @media all and (max-width:1023px) { ul.PrdList .liCell { width:30%; height:280px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; } } @media all and (max-width:767px) { #id_ColLeft { display:none; } } @media all and (max-width:599px) { .meSitePath { display:none; } ul.PrdList .liCell { width:47%; height:280px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; } } @media all and (max-width:479px) { ul.PrdList .liCell { width:47%; height:210px; float:left; text-align:center; margin:3px 1.5% 20px 1.5%; overflow:hidden; position:relative; } } /* 預設 */ ul.PrdList .SaleBtn1 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 正常 */ ul.PrdList .SaleBtn2 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 預購 */ ul.PrdList .SaleBtn3 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 郵購 */ ul.PrdList .SaleBtn4 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 補貨 */ ul.PrdList .SaleBtn5 { border:1px solid #006600; background:#008800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 停售 */ ul.PrdList .SaleBtn6 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } /* 售完 */ ul.PrdList .SaleBtn7 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } /* 競標 */ ul.PrdList .SaleBtn8 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 推薦 */ ul.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; }