%PrdImgB%
步驟一:
步驟二:
最後步驟:
%PrdName%
%PrdDesc%
商品簡介
%PrdSpecDesc%%ExtInfo%
加入喜好清單
%ContentBlk%
%ImgS%
.inc_msg_PrdInfoLikeList { display: none; }
.PrdInfoCont {}
.PrdInfo { line-height:150%; }
.PrdInfo ul { margin:0px; padding:0px; }
.PrdInfo li { list-style:none; }
/* 表單標題 */
.PrdInfo .tdHeader { text-align:center; background:#bbbbbb; padding:4px; }
/* 欄位標題 */
.PrdInfo .tdCaption { vertical-align:top; text-align:right; width:70px; padding-right:10px; }
/* 欄位內容 */
.PrdInfo .tdContent { text-align:left; }
/* 區塊標題 */
.PrdInfo .divCaption { margin-top:20px; margin-bottom:10px; text-align:left; font-weight:bold; padding-left:20px; padding-top:4px; background:url(/main/wdb2/border/gray2bar.gif) repeat-x; }
/* 金額符號 */
.PrdInfo .DollarSign { padding-right:4px; }
/* 金額單位 */
.PrdInfo .DollarUnit { padding-left:4px; }
/* 商品上方資訊 */
.PrdInfo .PrdTopInfo { width:100%; }
/* 上方 table */
.PrdInfo .PrdTopInfo table { width:100%; }
/* 上方左邊圖檔 td */
.PrdInfo .PrdTopInfo .PrdTopLeft { width:40%; text-align:left; padding-left:20px; }
/* 上方右邊資訊 td */
.PrdInfo .PrdTopInfo .PrdTopRight { border-left:1px solid #dddddd; padding-left:10px; }
/* 大圖 */
.PrdInfo .divPrdImgB { width:320px; }
.PrdInfo .PrdImgB {
border: 1px solid #e6e6e6;
box-sizing: border-box;
}
/* 小圖 */
.PrdInfo .divPrdImgS { margin-top:5px; padding-left:10px; }
.PrdInfo .ulPrdImgS {}
.PrdInfo .ulPrdImgS li { float:left; }
.PrdInfo .liPrdImgS { margin-right:1px; }
.PrdInfo .liPrdImgS img { border:1px solid transparent; }
/* 促銷圖示 */
.PrdInfo .divIconSale { margin-top:5px; }
.PrdInfo .ulIconSale {}
.PrdInfo .liIconSale { margin-right:2px; }
.PrdInfo .liIconSale img {}
/* 商品名稱、商品標題、商品特性 */
.PrdInfo .divPrdNameIntro { text-align:left; border-bottom:0px dotted #aaaaaa; padding-bottom:10px; }
/* 商品名稱 */
.PrdInfo .PrdName { }
/* 商品標題 */
.PrdInfo .PrdTitle { font-size:15px; font-weight:bold; }
/* 商品副標題 */
.PrdInfo .PrdSubTitle { font-size:13px; font-weight:bold; }
/* 商品譯名 */
.PrdInfo .PrdTitleE { font-size:12px; font-weight:bold; }
/* 商品譯名 */
.PrdInfo .PrdTitleE { font-size:12px; font-weight:bold; }
/* 商品特性 */
.PrdInfo .PrdIntro { font-size:12px; color:#666666; border-top:1px dotted #aaaaaa; margin-top:10px; padding-top:10px; display:block;}
/* 商品編號、商品貨號、商品條碼 */
.PrdInfo .divPrdCodes { margin-top:10px; }
.PrdInfo .tablePrdCodes {}
/* 商品編號 */
.PrdInfo .PrdCode {}
/* 商品貨號 */
.PrdInfo .VdrCode {}
/* 商品條碼 */
.PrdInfo .BarCode {}
/* 規格選項 */
.PrdInfo .divOptSpec { margin-top:10px; }
.PrdInfo .tableOptSpec {}
.PrdInfo .PrdSpec { width:250px; }
.PrdInfo .PrdSpec .tablePrdOpts { width:auto; margin-bottom:10px; }
.PrdInfo .tdPrdOptt { padding-right:20px; }
.PrdInfo .tdPrdOptv {}
.PrdInfo .tdPrdOptv select {
border: 1px solid #d2d2d2;
background: none;
border-radius: 0 !important;
-webkit-appearance: button;
}
.PrdInfo .tdPrdOptv .ulOptImg {}
.PrdInfo .tdPrdOptv .liOptImg { float:left; vertical-align:middle; margin-bottom:2px; }
.PrdInfo .tdPrdOptv .optImg0 { border:1px solid #aaaaaa; margin-right:2px; cursor:pointer; }
.PrdInfo .tdPrdOptv .optImg1 { border:1px solid #222222; margin-right:2px; cursor:pointer; }
.c5PrdSpec .tablePrdOpts { margin-bottom: 15px; }
/* 銷售資訊 */
.PrdInfo .divPrdSales { margin-top:10px; }
.PrdInfo .tablePrdSales {}
/* 建議售價 */
.PrdInfo .PrdPriceHint {}
.PrdInfo .PrdPriceHintAmt { text-decoration:line-through; }
/* 網路售價 */
.PrdInfo .PrdPrice {}
.PrdInfo .PrdPrice .DollarSign { color:#aa0000; }
.PrdInfo .PrdPriceAmt { font-size:16px; font-weight:bold; color:#aa0000; }
/* 購買資訊 */
.PrdInfo .PrdPriceDesc {}
/* 物流費 */
.PrdInfo .CarryAmt {}
.PrdInfo .CarryAmt .DollarSign { color:#aa0000; }
.PrdInfo .CarryPriceAmt { font-size:16px; font-weight:bold; color:#aa0000; }
/* 促銷資訊 */
.PrdInfo .divOnSales {}
/* 購買控制 */
.PrdInfo .PrdCtrl { text-align:left; margin-top:20px; }
/* 購買數量 */
.PrdInfo .PrdQty {}
.PrdCtrl .PrdQty1 .titPrdQty { padding-right:15px; }
/* 購買按鈕 */
.PrdInfo .PrdBtn {}
.PrdCtrl .PrdBtn1 { display:block; padding-top:20px; }
/* 擴充按鈕 */
.PrdInfo .PrdExt {}
/* 加購資訊 */
.PrdInfo .divJaBuy {}
/* 商品說明 */
.PrdInfo .divPrdDesc { text-align:left; padding-left:30px; line-height:200%; }
/* 說明圖檔 */
.PrdInfo .divDescImg { text-align:center; margin-top:10px; margin-bottom:10px; }
/* 尺寸規格 */
.PrdInfo .divPrdSpec { text-align:left; padding-left:30px; line-height:200%; }
/* 擴充資訊 */
.PrdInfo .divExtInfo { text-align:left; padding-left:30px; line-height:200%; }
/* 商品備註 */
.PrdInfo .divPrdMemo { text-align:left; padding-left:30px; line-height:200%; }
/* 其他資訊 */
.PrdInfo .divPrdMsg { text-align:left; padding-left:30px; line-height:200%; }
/* 其他資訊商品規格 */
.PrdInfo .PrdSpecDesc { text-align:left; vertical-align:top;}
/* 預設 */
/* 正常 */
.PrdInfo .SaleBtn1 , .PrdInfo .SaleBtn2 {
border:1px solid #000;
background:#fff;
color:#000;
padding:5px 15px;
font-size: 14px;
white-space:nowrap;
cursor:pointer;
}
.PrdInfo .SaleBtn1:hover , .PrdInfo .SaleBtn2:hover {
background: #000;
color:#fff;
}
/* 預購 */
.PrdInfo .SaleBtn3 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 郵購 */
.PrdInfo .SaleBtn4 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 補貨 */
.PrdInfo .SaleBtn5 { border:1px solid #006600; background:#008800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 停售 */
.PrdInfo .SaleBtn6 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; }
/* 售完 */
.PrdInfo .SaleBtn7 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; }
/* 競標 */
.PrdInfo .SaleBtn8 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 競標 */
.PrdInfo .SaleBtn9 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 預告 */
.PrdInfo .SaleBtn10 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 下標 */
.PrdInfo .SaleBtn11 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 直購 */
.PrdInfo .SaleBtn12 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; }
/* 結標 */
.PrdInfo .PrdListExtBtn { margin-left:2px; border:1px solid #998800; background:#aa8800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer;
display:none;
}
/* 紅利兌換 */
.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; }
/* 競標 */
.divPrdBid { width:100%; }
.tablePrBid { width:100%; }
.BidNow {}
.BidNowAmt { font-size:15px; font-weight:bold; color:#cc0000; }
.Bid0 {}
.Bid0Amt {}
.BidNum { padding-left:4px; }
.BidN { padding-left:4px; }
.Bid1 {}
.Bid1Amt { font-size:15px; font-weight:bold; color:#cc0000; }
.BidInc {}
.BidIncAmt {}
.BidFrom {}
.BidEnd {}
/* 課程資訊 */
table.CourseInfo { width:100%; border-top:1px solid #aaaaaa; border-left:1px solid #aaaaaa; }
table.CourseInfo th, table.CourseInfo td { border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa; padding:4px; }
table.CourseInfo th { background:#dddddd; text-align:center; }
table.CourseInfo td.CourseName { vertical-align:middle; text-align:left; }
table.CourseInfo td.TeacherName { vertical-align:middle; text-align:center; white-space:nowrap; }
table.CourseInfo td.CourseDay { vertical-align:middle; text-align:center; white-space:nowrap; }
table.CourseInfo td.CourseTime { vertical-align:middle; text-align:center; white-space:nowrap; }
/* WeCode CSS */
.WeCodeList li { margin-left:20px; list-style-position:outside; list-style:disc; }
.PrdSpec .tdPrdOptt
/* 商品說明自定css start */
.fullHTML {
display: none;
}
.scrollImg {
max-width:700px;
width:400px;
}
.scrollImg .divPrdImgB {
overflow-x:auto;
white-space:nowrap;
width:100%;
}
.divPrdImgB .PrdImgB {
display: inline;
}
.taScrollX{
position: relative;
right: 20px;
}
.tdScrollXL{
left:0;
}
.tdScrollXR{
right:0;
}
.tdScrollXL, .tdScrollXR {
padding-right:10px;
padding-left:10px;
position:absolute;
top:40%;
z-index:20;
background-color:transparent !important;
}
.scrollImg #divScrollX{
white-space:nowrap;
height: 500px;
}
#divScrollX {
overflow:hidden !important;
}
#divScrollX img {
margin-right: 20px;
}
.PrdInfoDetail {
vertical-align:top;
padding-top:10px;
}
.divColumn {
line-height: 150%;
margin-bottom: 15px;
text-align: left;
}
.divColumn .spCaption {
display: inline-block;
width: 70px;
vertical-align:top;
}
.divColumn .spContent {
display: inline-block;
}
.divColumn .PrdPrice {
height: 20px;
}
/* 20150505 新版設定 */
.PrdInfoCont {}
.PrdInfo { line-height:200%; opacity:0}
.c5ScrollImgB { margin-bottom:20px; width:500px; margin-left:auto; margin-right:auto;}
.c5ScrollImgB div { text-align:center; }
.c5ScrollImgB .slick-prev, .c5ScrollImgB .slick-prev:hover, .c5ScrollImgB .slick-prev:focus
{ width:26px; height:51px; background:url(http://comet.noonspace.com/w58NoonSpace/ganghao/MsgInfo/arrowL_25x25.png); }
.c5ScrollImgB .slick-next, .c5ScrollImgB .slick-next:hover, .c5ScrollImgB .slick-next:focus
{ width:26px; height:51px; background:url(http://comet.noonspace.com/w58NoonSpace/ganghao/MsgInfo/arrowR_25x25.png); }
.c5PrdName { margin-bottom:40px; font-weight: 400;
color: #9f005e;
font-size: 20px;
margin-bottom: 25px;
}
.c5TbInfo { display: table-cell; vertical-align:top; padding-right:60px; padding-top: 25px;}
.c5TbInfo > tbody,
.c5TbInfo > tbody > tr {
display: block;
}
.c5TdLeft { display:block; }
.c5TdRight { display:block; border-top: 0px solid black; padding-top: 25px;}
.c5PrdDesc {
margin-bottom: 8px;
color: #666666;
font-weight: 500;
font-size: 16px;
line-height: 195%;
}
.c5PrdSpecDesc { margin-bottom:20px; }
.c5Caption {
float: left;
margin-right: 10px;
font-weight: 300;
}
.c5PrdQtyCaption { float:left; }
.c5PrdPriceHint {
display:none;
font-weight: 400;
}
.c5PrdPrice {
margin: 15px 0 15px;
font-weight: 400;
}
.c5PrdSpec { margin-bottom:20px; }
.c5PrdQty { margin-bottom:20px; }
.c5PrdPrice .DollarSign, .c5PrdPrice .PrdPriceAmt {
color: #333333;
}
.c5PrdSpec .tdPrdOptt { width:70px; padding-right:0px; }
.c5PrdSpec select { margin:0px; }
.c5PrdQty .titPrdQty { display:none; }
.c5PrdQty select { margin:0px; }
.c5PrdIntro { text-align:center; margin-top:10px; padding-top:20px; border-top:1px solid #aaaaaa; }
.c5PrdBtn { float:left; margin-right:20px; }
.c5Ruler { display: none; }
#ns_Content .meMsg_MsgBlk .meMsg_Content { margin-top:0px; }
.c5LeftImg {
display: table-cell;
padding: 0px 60px;
box-sizing: border-box;
}
.c5LeftImg .c5Img1 img{
width:527px;
}
.c5LeftImg .c5Img2 {
display: flex;
justify-content: left;
flex-wrap: wrap;
max-width: 100%;
overflow-x: scroll;
margin-top: 15px;
}
.c5LeftImg .c5Img2::-webkit-scrollbar {
width: 5px;
}
.c5LeftImg .c5Img2 img {
height: 113px;
cursor: pointer;
border: 1px solid #e6e6e6;
margin: 0px 10px 10px 0;
}
.c5LeftImg .c5Img2 img + img {
margin-left: 0px;
}
.ExtInfoCaption {
color: #b3b3b3;
}
.c5Step{
display:none;
vertical-align: top;
//padding: 45px 30px;
box-sizing: border-box;
//width: 182px;
//background-image: url(https://comet.noonspace.com/w58NoonSpace/ifancy/MsgInfo/checkedbg.png);
background-position: center;
}
.c5Step .stepArea{
background-color:#777777;
color:white;
padding: 5px 10px;
display: flex;
}
.c5Step .arrow {
display: block;
position: relative;
background-color: #777777;
width: 50px;
height: 66px;
top: 0;
left: 0;
clip-path: polygon(0% 50%, 100% 0%,100% 100%);
}
.c5Step .arrow:after{
content: '・';
font-size: 18px;
font-weight: 900;
display: block;
position: relative;
color: white;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
.c5Step .stepArea span + span {
margin-left: 30px;
}
.c5ExtInfo {
padding: 20px 0 20px;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
color: #656565;
font-size: 14px;
line-height: 190%;
}
.c5ExtInfo li{
display:inline-block;
}
.c5PrdInfoFave {
cursor: pointer;
margin-bottom: 10px;
color: #666666;
font-weight: 300;
}
.c5RingSize{
margin-bottom: 10px;
}
.c5RingSize .c5PrdSpec{
display:inline-block;
margin-bottom:0;
}
.c5RingSize .tdPrdOptt {
vertical-align: middle;
margin-right: 10px;
font-weight: 300;
}
.c5RingSize select{
width: 160px;
height: 40px;
text-align-last:center;
}
.c5RingSize .RingSizeForm{
vertical-align: top;
margin-top: 8px;
margin-left: 8px;
display: inline-block;
text-decoration: underline;
cursor:pointer;
}
.c5PrdInfoFave .cssPrdInfoFave .faveIcon {
background-size: contain;
background-image: url(https://comet.noonspace.com/w58NoonSpace/ifancy/MsgInfo/HeartIcon_32x32.png);
width: 32px;
height: 32px;
vertical-align: middle;
display: inline-block;
margin-right: 0px;
padding-top: 7px;
}
.c5PrdInfoFave .cssPrdInfoFave1 .faveIcon {
background-image: url(https://comet.noonspace.com/w58NoonSpace/ifancy/MsgInfo/HeartIcon_32x32_0.png);
}
.c5Ctrl {
margin-bottom: 10px;
}
.c5Ctrl .c5AddToCar, .c5Ctrl .c5Buy {
padding: 40px 23px;
font-size: 14px;
background-color: lightblue;
cursor: pointer;
box-sizing: border-box;
display: inline-block;
color: white;
text-align: center;
font-weight: 300;
}
.c5Ctrl .c5AddToCar {
background-color: #c59bc1;
margin-right: 40px;
}
.c5Ctrl .c5Buy{
background-color: #b3b3b3;
padding: 40px 32px;
}
.c5ContentBlk{
padding-top: 50px;
text-align:center;
}
.c5ContentBlk .meMsg_MsgContentBlk{
display:inline-block;
vertical-align:top;
}
.c5ContentBlk img{
max-width:1280px;
width:100%;
}
.slick-prev:before, .slick-next:before{
display:none;
}
@media screen and (max-width:600px){
.c5PrdName { padding:0; }
.c5TdLeft { display:block; width:100%; padding:20px; box-sizing:border-box; border-right:0px; margin-bottom: 30px; }
.c5TdRight { display:block; width:100%; padding:20px; box-sizing:border-box; }
.c5PrdIntro { border-top:1px dashed #aaaaaa; }\
.c5TbInfo { padding: 0;}
.slick-slide img { width:100%; }
}
柔光珍珠母貝四葉草鑽石項鍊
柔光珍珠母貝四葉草鑽石項鍊
商品說明
MOTHER OF PEARL CLOVER DIAMOND BRACELET
商品規格
商品規格
ZC3238338
商品總覽
ifancyjewelry
1160757
2605001160757
0
116
1
正常
100
-2
2
$html$
.PrdListBlkSlick ul.PrdListBlk { margin:0 auto; padding:0px; list-style:none; }
.PrdListBlkSlick ul.PrdListBlk li.PrdCell { text-align:center; overflow:hidden; padding:4px; }
.PrdListBlkSlick ul.PrdListBlk .PrdImg { display:block; margin-bottom:6px; margin-left:auto; margin-right:auto; width:196px; }
.PrdListBlkSlick ul.PrdListBlk .PrdIcon { display:none; }
.PrdListBlkSlick ul.PrdListBlk .PrdContent { display:block; height:60px; overflow-y:hidden; }
.PrdListBlkSlick ul.PrdListBlk .PrdTitle { display:block; }
.PrdListBlkSlick ul.PrdListBlk .PrdDesc { display:block; text-align:left; }
.PrdListBlkSlick ul.PrdListBlk .PrdPrice { display:block; }
.PrdListBlkSlick ul.PrdListBlk .PrdBtn {}
.PrdListBlkSlick ul.PrdListBlk .PrdExt {}
.PrdListBlkSlick ul.PrdListBlk .liLeft {}
.PrdListBlkSlick ul.PrdListBlk .liCenter {}
.PrdListBlkSlick ul.PrdListBlk .liRight {}
.PrdListBlkSlick .slick-prev:before { content:''; }
.PrdListBlkSlick .slick-next:before { content:''; }
.PrdListBlkSlick .slick-prev { width:25px; height:25px; background:url(/main/wdb2/images/arrowL_25x25.gif); opacity:0.7; }
.PrdListBlkSlick .slick-next { width:25px; height:25px; background:url(/main/wdb2/images/arrowR_25x25.gif); opacity:0.7; }
.PrdListBlkSlick .slick-prev:hover { width:25px; height:25px; background:url(/main/wdb2/images/arrowL_25x25.gif); opacity:1; }
.PrdListBlkSlick .slick-next:hover { width:25px; height:25px; background:url(/main/wdb2/images/arrowR_25x25.gif); opacity:1; }
.PrdListBlkSlick ul.PrdListBlk li .divPrdListBlkCell { border:$PrdListBlkBorder$; }
.PrdListBlkSlick ul.PrdListBlk li.PrdCell { padding:$PrdListBlkPadding$; }
.PrdListBlkSlick ul.PrdListBlk .PrdImg { }
.PrdListBlkSlick ul.PrdListBlk .PrdImg { margin-bottom:$PrdListBlkImgMB$; }
.PrdListBlkSlick ul.PrdListBlk .PrdContent { height:$PrdListBlkContH$; }
size chart
