|
$html$
#ns_Header{
margin-bottom: 0;
}
#ns_Main{
padding-top: 0;
max-width: none;
}
#id_ContentTop .meMsg_MsgTitleBlk {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 440px;
padding: 0;
border: 0px solid #cccccc;
color: #fff;
// margin-bottom: 60px;
font-size: 30px;
position: relative;
}
#id_ContentTop .meMsg_MsgTitleBlk img {
width: auto;
padding: 15px 30px;
border-radius: 45px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.6);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#id_ContentTop .meMsg_MsgTitleBlk a { color: #fff; }
/*.prdBlock { margin-bottom: 115px; }*/
/*.prdBlock .meMsg_MsgTitleBlk .meMsg_MsgTitle {
width: 100%;
text-align: center;
font-size: 24px;
letter-spacing: normal;
line-height: 130%;
display: inline-block;
}*/
.prdBlock .meMsg_MsgTitleBlk a:hover {
font-weight: normal;
}
.prdBlock .meMsg_MsgTitleBlk .meMsg_Content {
width: 100%;
text-align: center;
font-size: 18px;
font-weight: bolder;
}
.prdBlock .meMsg_MsgBlk .meMsg_MsgTitle {
font-size: 16px;
color: #545454;
font-weight: normal;
letter-spacing: 0;
text-align: center;
display: block;
margin-bottom: 3px;
margin-top: 20px;
}
.prdBlock .meMsg_MsgBlk .meMsg_MsgSubTitle {
color: #545454;
font-size: 20px;
font-weight: bold;
display: block;
text-align: center;
margin-bottom: 50px;
}
.prdBlock .meMsg_MsgImg img {
border: 0px;
width: 100%;
}
.prdBlock .inc_msg_PrdListBlk {
margin-top: 20px;
}
.MsgPrdCell {
width: 240px;
}
.PrdListBlkD4 ul.PrdListBlk { margin:0px; padding:0px; list-style:none; }
.PrdListBlkD4 ul.PrdListBlk li.PrdCell { text-align:center; overflow-y:hidden; display:inline-block; padding:4px; }
.PrdListBlkD4 ul.PrdListBlk .PrdImg { object-fit: cover; width: 100%; height: 100%; }
.PrdListBlkD4 ul.PrdListBlk .PrdIcon { display:none; }
.PrdListBlkD4 ul.PrdListBlk .PrdContent { display:block; overflow-y:hidden; }
.PrdListBlkD4 ul.PrdListBlk .PrdTitle { height: 45px; display: block; color: #565656; font-size: 14px; margin-top: 15px; margin-bottom: 0px; }
.PrdListBlkD4 ul.PrdListBlk .PrdDesc { display: none; text-align:left; }
.PrdListBlkD4 ul.PrdListBlk .PrdPrice { display:block; margin-bottom: 5px; }
.PrdListBlkD4 ul.PrdListBlk .PrdBtn {}
.PrdListBlkD4 ul.PrdListBlk .PrdExt {}
.PrdListBlkD4 ul.PrdListBlk .liLeft {}
.PrdListBlkD4 ul.PrdListBlk .liCenter {}
.PrdListBlkD4 ul.PrdListBlk .liRight {}
.PrdListBlkD4 ul.PrdListBlk li.PrdCell .MsgPrdImgURL {
width: 240px;
height: 240px;
overflow: hidden;
display: block;
margin-bottom: 6px;
}
/*加入購物車按鈕*/
input[type="button"] {
padding: 5px 20px;
color: #000;
background-color: #fff;
margin: 10px 0;
border: 1px solid #000;
font-weight: normal;
font-size: 14px;
cursor: pointer;
transition: all .25s linear 0s;
}
input[type="button"]:hover {
color: #ffffff;
background-color: #000;
}
/*左欄之 PrdListBlk */
#id_ColLeft .mePrdListBlk { width:100%;}
#id_ColLeft .meMsg_MsgContentBlk{
margin-top: 20px;
}
#id_ColLeft .MsgPrdImgURL,#id_ColLeft .MsgPrdPrice{
display: none;
}
#id_ColLeft .PrdListBlkD4 ul.PrdListBlk .PrdTitle{
font-size: 16px;
text-align: left;
height: auto;
}
#id_ColLeft .PrdListBlkD4 ul.PrdListBlk li.PrdCell{
display: block;
padding: 4px 0;
}
@media (max-width: 600px) {
#ns_Main { padding: 0; }
.PrdListBlkD4 ul.PrdListBlk .PrdTitle { height: auto; }
.PrdListBlkD4 ul.PrdListBlk li.PrdCell { float: none; }
.prdBlock .meMsg_MsgTitleBlk .meMsg_MsgTitle { display: block;
padding: 130px 0px 40px;
}
/*左欄之 PrdListBlk */
#id_ColLeft .meMsg_MsgBlk .meMsg_MsgTitle{
display: block;
text-align: center;
}
#id_ColLeft .meMsg_MsgContentBlk {
margin: 15px 0 30px;
}
#id_ColLeft .MsgPrdCell{
width: auto;
}
#id_ColLeft .PrdListBlkD4 ul.PrdListBlk .PrdTitle{
text-align: left;
margin: 0;
font-size: 14px;
padding: 0 30px;
}
}
.PrdListBlkD4 ul.PrdListBlk li.PrdCell { border:$PrdListBlkBorder$; }
.PrdListBlkD4 ul.PrdListBlk li.PrdCell { padding:$PrdListBlkPadding$; }
.PrdListBlkD4 ul.PrdListBlk .PrdImg { width:$PrdListBlkImgW$; }
.PrdListBlkD4 ul.PrdListBlk .PrdImg { margin-bottom:$PrdListBlkImgMB$; }
.PrdListBlkD4 ul.PrdListBlk .PrdContent { height:$PrdListBlkContH$; }
|
| | |
|
%PrdName%
|
%PrdDesc%
成 分
%PrdSpecDesc%
單 價
$%PrdPriceHintAmt% $%PrdPrice%
%PrdSpec%
購買數量
|
%PrdMemo%
|
%PrdIntro%
%ImgS%
%PrdDescImg%
/*英文*/
.PrdEng { font-size: 12px; word-break: break-word;}
.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; display:none; }
/* 金額單位 */
.PrdInfo .DollarUnit { padding-left:4px; display:none; }
/* 商品上方資訊 */
.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 { width:300px; border:1px solid transparent; }
/* 小圖 */
.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:2px; }
.PrdInfo .tdPrdOptt { padding-right:20px; }
.PrdInfo .tdPrdOptv {}
.PrdInfo .tdPrdOptv select { border:1px solid #888888; }
.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; }
/* 銷售資訊 */
.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:150%; display:none; }
.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 { font-size:18px; font-weight: bold; margin-bottom:20px; padding: 0 12%; }
.c5TbInfo { width:100%; margin-bottom:20px; padding: 0 12%;}
.c5TdLeft { width:50%; padding-right:20px; border-right:1px solid #aaaaaa; }
.c5TdRight { width:50%; padding-left:20px; }
.c5PrdDesc { margin-bottom:20px; }
.c5PrdSpecDesc { margin-bottom:20px; }
.c5PrdPriceCaption { float:left; width:70px; }
.c5PrdQtyCaption { float:left; }
.c5PrdPrice { margin-bottom:20px; }
.c5PrdSpec { margin-bottom:20px; }
.c5PrdQty { margin-bottom:20px; }
.c5PrdPrice .DollarSign, .c5PrdPrice .PrdPriceAmt { color:#aa0000; font-size:15px; }
.c5PrdSpec .tdPrdOptt { width:70px; padding-right:0px; }
.c5PrdSpec select { margin:0px; }
.c5PrdQty .titPrdQty { display:none; }
.c5PrdQty select { margin:0px; }
.c5PrdIntro { text-align: left; 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; }
/* 剛好 prd 版型*/
#ns_Main{
max-width: none;
}
#id_ColLeft{
padding-left: 43px;
width: 300px;
}
#id_Content{
padding-right: 43px;
}
/* Prd新增內容 剛好的配版*/
.PrdContent .divPrdDesc{
display:none;
}
.PrdContent .meMsg_MsgTitle{
padding: 15px 12%;
display: block;
}
.PrdContent img{
max-width:76%;
padding: 15px 0;
}
.PrdContent .meMsg_Content{
padding: 15px 12%;
margin-top: 0;
}
.slick-next:before, .slick-prev:before{
display:none;
}
.PrdInfo img{
max-height: 520px;
}
.PrdInfo .showPrice{
color: #aa0000;
font-weight:bold;
}
@media screen and (max-width:600px){
#id_ColLeft{padding-left: 0; width:100%;}
#id_Content {padding-right:0;}
.c5PrdName { font-size:17px; margin-bottom:0px; padding: 0 10px; }
.c5TdLeft { display:block; width:100%; padding:20px 10px; box-sizing:border-box; border-right:0px; margin-bottom: 30px; }
.c5TdRight { display:block; width:100%; padding:20px 10px; box-sizing:border-box; border-top:1px dashed #aaaaaa; }
.c5PrdIntro { border-top:1px dashed #aaaaaa; }
.c5TbInfo { padding: 0;}
.PrdInfo img { max-height: none; }
.slick-slide img { max-width:250px; width: 100%; display: unset !important; }
.PrdContent .meMsg_MsgTitle { padding: 15px 10px; }
.PrdContent .meMsg_Content { padding: 15px 7px;}
.PrdContent img { max-width: 96%; }
}
| |
| | |
|
| |
size chart