商城說明版型

.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%; } }

你或許會喜歡

#dataSiteTree.Hori * { box-sizing:border-box; } #dataSiteTree.Hori .SiteNode_0 { display:none; } #dataSiteTree.Hori .ClassNum { display:none; } #dataSiteTree.Hori .SiteGroup_1 { position:relative; float:none; padding: 0px 10px; white-space:nowrap; border-right: 1px solid black;} #dataSiteTree.Hori .SiteGroup_1:nth-child(3) {border-right: 0px solid black;} #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:none; position:absolute; } #dataSiteTree.Hori .SiteGroup_1:hover .SiteMenu_1 {} #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { display:none; content:""; position:absolute; top:0px; left:100%; width:15px; height:15px; opacity:0.5; background:url(/main/wdb2/images/arrowR4_25x25.png) no-repeat; background-size:contain; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); transition:all .2s linear; } #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:hover:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); } #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { border:1px solid #cccccc; background:#ffffff; padding:0px; } #dataSiteTree.Hori .SiteNode_2 { padding:0px; } #dataSiteTree.Hori .SiteNode_2 a { display:block; padding:5px 10px 5px 10px; } #dataSiteTree.Hori .SiteNode_2 a:hover { background:#eeeeee; } #dataSiteTree.Hori .SiteGroup_2 { position:relative; } #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { content:""; position:absolute; top:7px; left:90%; width:15px; height:15px; opacity:0.5; background:url(/main/wdb2/images/arrowR4_25x25.png) no-repeat; background-size:contain; transition:all .2s linear; } #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:hover:after { left:93%; } #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:none; position:absolute; left:100%; top:0px; } #dataSiteTree.Hori .SiteGroup_2:hover { background:#eeeeee; } #dataSiteTree.Hori .SiteGroup_2:hover .SiteMenu_2 { display:block; } #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { border:1px solid #cccccc; background:#ffffff; padding:0px; } #dataSiteTree.Hori .SiteNode_3 { padding:0px; } #dataSiteTree.Hori .SiteNode_3 a { display:block; padding:5px 10px 5px 10px; } #dataSiteTree.Hori .SiteNode_3 a:hover { background:#eeeeee; } /* 左右選單 */ .msgToMenuRight #dataSiteTree.Hori { margin-bottom:20px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 { float:none; white-space:normal; margin:0px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:block; position:relative; border:0px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a { display:block; padding:5px 5px 5px 10px; background:#ffffff; border-bottom:1px solid #cccccc; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a:hover { background:#eeeeee; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { display:none; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { display:none; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:block; position:relative; left:0px; border:0px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_2 .SiteNode_2 a { display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #cccccc; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_3 .SiteNode_3 a { display:block; padding:5px 5px 5px 30px; border-bottom:1px solid #cccccc; } .msgToMenuLeft #dataSiteTree.Hori { margin-bottom:20px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 { float:none; white-space:normal; margin:0px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:block; position:relative; border:0px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a { display:block; padding:5px 5px 5px 10px; background:#ffffff; border-bottom:1px solid #cccccc; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a:hover { background:#eeeeee; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { display:none; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { display:none; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:block; position:relative; left:0px; border:0px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2 .SiteNode_2 a { display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #cccccc; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_3 .SiteNode_3 a { display:block; padding:5px 5px 5px 30px; border-bottom:1px solid #cccccc; } /* 自定義 footer miniSite */ #id_FooterCol .SiteMenu { text-align: center; } #id_FooterCol .SiteGroup_1 { display: inline-block; float: none; } #id_FooterCol .SiteNode_1{ padding:0; border-bottom: 0px solid #cccccc; }