|
| | |
|
%PrdTitle%
%PrdIntro%
價格
%PrdPriceHint%
NT$
%PrdPrice%
%PrdSpec%
數量
%PrdDesc%
.ljPrdPriceHint { font-size: 14px; float:left; margin-right:15px; text-decoration: line-through; }
.PrdInfo .ljPrdPriceHint .DollarSign { padding-right: 0; }
/*隱藏*/
/*數量*/
.ljQty {
font-size: 14px;
float: left;
margin-right: 12px;
margin-top: 12px;
}
/* 購買數量 */
.PrdInfo .PrdQty { margin-top: 10px; }
#id_Main {
width: 100%;
padding: 20px 0;
margin: 0 auto;
}
.ljPrdInfoCont {
width: 100%;
color: #595757;
}
/* 大圖 */
.PrdInfo .PrdImgB {
width: 100%;
margin: 4px 20px 10px 0px;
display: block;
}
/* 小圖 */
.PrdInfo .divPrdImgS { margin-top:5px; padding-left:10px; display: block; }
.PrdInfo .ulPrdImgS {}
.PrdInfo .ulPrdImgS li { float:left;padding-right: 12px; }
.PrdInfo .liPrdImgS { margin-right:1px; }
.PrdInfo .liPrdImgS img { border:1px solid transparent; }
.ljPrdTitle {
font-size: 20px;
line-height: 38px;
color: #292a2c;
font-weight: bold;
line-height: 150%;
margin-bottom: 33px;
}
.PriceTitle {
font-size: 14px;
display: block;
margin-right: 15px;
float: left;
}
.ljdollar {
float: left;
margin-right: 5px;
color: #000;
font-size: 14px;
}
.quantity {
float: left;
width: 100%;
}
.PrdInfo .ljPrdPrice .DollarSign { display:none; }
.ljPrdPrice { float:left; margin-right:20px; margin-bottom:20px; }
.ljPrdPriceHintAmt { float:left;color:#000; font-size: 22px; text-decoration: line-through; }
.ljPrdIntro { line-height:150%; margin:0px 20px 20px 0px; }
.ljAddtoCar { float:left; color: #000; padding: 12px 0px 12px 0px; margin:20px 2px 20px 0px; width:148px; background-color:#ec6863; font-size:16px; }
.ljAddtoCar a { color: #000; }
.ljAddtoCar a:hover { color: #000000; }
body .ljBuyNow {
width: 100%;
margin: 0px;
display: block;
padding: 0px;
background-color: transparent;
float: left;
clear: both;
margin-top: 37px;
margin-left: -2px;
}
.ljBuyNow span {
width: 60%;
background-color: #002d5e;
color: #fff;
font-size: 20px;
line-height: 28px;
margin-top: 40px;
transition: width 1s;
padding: 10px 0;
-webkit-transition: width 0.5s;
-moz-transition: width 1s;
-o-transition: width 1s;
display: block;
}
.ljBuyNow span:hover {
background-color: #003abd;
width: 80%;
}
.ljVideoHelp{
padding: 3px 0px 3px 0px;
margin: 10px 3px 10px 3px;
background-color: #000;
font-size: 15px;
font-weight: bold;
}
.ljVideoHelp a { color: #00; }
.ljVideoHelp a:hover { color: #ff0000; }
/*特色說明*/
.ljPrdSpecDesc {
margin: 10px 0;
color: #595757;
font-size: 16px;
font-weight: normal;
margin-bottom: 40px;
line-height: 28px;
text-align: justify;
}
.ljPrdDesc {
color: #000;
margin-bottom: 34px;
clear: both;
font-size: 14px;
line-height: 2em;
padding-right: 65px;
text-align: justify;
}
.ljPrdDesc img { max-width:550px;width:100%;padding: 20px 0; }
.PrdInfo .liPrdImgS img { max-width:100px; max-height: 100px; border: 0px solid transparent; margin: 2px 0px 0px 2px; padding: 0px 1px 0px 0px; }
.PrdInfo .liPrdImgS img {
width: 96px;
max-width: 100px;
max-height: 100px;
border: 0px solid transparent;
margin: 4px 2px 20px -1px; }
.PrdInfo .ljPrdPrice .DollarSign { color:#ec6760; font-size:20px; font-weight:bold; }
.PrdInfo .ljPrdPrice .PrdPriceAmt {
color: #101010;
font-size: 36px;
font-weight: bold;
width: 100%;
display: block;
clear: right;
font-weight: 500;
letter-spacing: 0;
}
.PrdInfo .ljPrdPrice .DollarUnit { display:none; }
.PrdInfo .PrdQty .selPrdQty select {
background-color: #eeeeee;
color: #aeaeae !important;
border: 0;
font-size: 16px;
height: 35px;
vertical-align: middle;
margin: 0px;
width: 150px;
}
.ljPrdDesc {
color: #000;
margin-bottom: 34px;
clear: both;
font-size: 14px;
line-height: 2em;
}
.PrdInfo .SaleBtn2 { }
.PrdInfo .PrdExt { 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; 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 .divIconSale { margin-top:5px; }
.PrdInfo .ulIconSale {}
.PrdInfo .liIconSale { margin-right:2px; }
.PrdInfo .liIconSale img {}
/* 商品名稱、商品標題、商品特性 */
.PrdInfo .divPrdNameIntro { text-align:left; border-bottom:1px dotted #aaaaaa; padding-bottom:10px; }
/* 商品名稱 */
.PrdInfo .PrdName { display:none; }
/* 商品標題 */
.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: 450px; }
.PrdInfo .PrdSpec img { width: 100px; }
.PrdInfo .PrdSpec .tablePrdOpts { width:auto; margin-bottom:2px; }
.PrdInfo .tdPrdOptt { padding-top: 10px; padding-right: 0; vertical-align: middle; width: 43px; }
.PrdInfo .tdPrdOptv {}
.PrdInfo .tdPrdOptv select {
background-color: #eeeeee;
color: #aeaeae !important;
border: 0;
font-size: 16px;
height: 35px;
vertical-align: middle;
margin: 10px 0 0;
width: 150px;
}
.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 { }
.PrdInfo .PrdPriceAmt { font-size:50px; font-weight:bold; }
/* 購買資訊 */
.PrdInfo .PrdPriceDesc {}
/* 物流費 */
.PrdInfo .CarryAmt {}
.PrdInfo .CarryAmt .DollarSign { }
.PrdInfo .CarryPriceAmt { font-size:16px; font-weight:bold; }
/* 促銷資訊 */
.PrdInfo .divOnSales {}
/* 購買控制 */
.PrdInfo .PrdCtrl { text-align:center; margin-top:20px; }
/* 購買按鈕 */
.PrdInfo .PrdBtn {}
/* 擴充按鈕 */
.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 .divPrdSpecDesc { 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 .SaleBtn1 { white-space:nowrap; cursor:pointer; }
/* 正常 */
.PrdInfo .SaleBtn2 { white-space:nowrap; cursor:pointer; }
/* 預購 */
.PrdInfo .SaleBtn3 { white-space:nowrap; cursor:pointer; }
/* 郵購 */
.PrdInfo .SaleBtn4 { white-space:nowrap; cursor:pointer; }
/* 補貨 */
.PrdInfo .SaleBtn5 { white-space:nowrap; cursor:pointer; }
/* 停售 */
.PrdInfo .SaleBtn6 { white-space:nowrap; }
/* 售完 */
.PrdInfo .SaleBtn7 { white-space:nowrap; }
/* 競標 */
.PrdInfo .SaleBtn8 { white-space:nowrap; cursor:pointer; }
/* 競標 */
.PrdInfo .SaleBtn9 { white-space:nowrap; cursor:pointer; }
/* 預告 */
.PrdInfo .SaleBtn10 { white-space:nowrap; cursor:pointer; }
/* 下標 */
.PrdInfo .SaleBtn11 { white-space:nowrap; cursor:pointer; }
/* 直購 */
.PrdInfo .SaleBtn12 { 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; }
/* 數量 */
.PrdInfo .selPrdQty { overflow:hidden; background:#ffffff; white-space:nowrap; cursor:pointer; margin-right:2px; }
.PrdInfo .selPrdQty select { border:0px; margin-top:2px; vertical-align:top;padding: 5px 5px 5px 5px;}
/* 段落說明 */
.meMsg_MsgContent {}
.meMsg_MsgContent .meMsg_MsgContentBlk { margin-top:10px; }
.meMsg_MsgContent .meMsg_MsgTitle { font-weight:bold; }
.meMsg_MsgContent .meMsg_MsgImg img { margin-bottom:10px; width: 100%; }
.meMsg_MsgContent .meMsg_MsgImg img.ImgAlignCenterB { margin-top:10px; }
.meMsg_MsgContent .meMsg_MsgImg img.ImgAlignLeft { margin-right:10px; }
.meMsg_MsgContent .meMsg_MsgImg img.ImgAlignRight { margin-left:10px; }
.meMsg_MsgContent .meMsg_MsgImg img.ImgAlignLeftX { margin-right:10px; }
.meMsg_MsgContent .meMsg_MsgImg img.ImgAlignRightX { margin-left:10px; }
.meMsg_MsgContent .meMsg_MsgImg img.ImgAlignLeftY { margin-right:10px; }
.meMsg_MsgContent .meMsg_MsgImg img.ImgAlignRightY { margin-left:10px; }
/* WeCode CSS */
.WeCodeList li { margin-left:20px; list-style-position:outside; list-style:disc; }
/* 購買數量文字 */
span.titPrdQty.txt_.txt_selPrdQty {
display: none;
}
/*自訂css開始-------------------------------------------------------------------------*/
/*標題前的空白*/
/*標題*/
.ljDescription, .ljInstructions, .ljHelp {
background-color: #C5A6CD;
padding: 3px 0px 3px 20px;
margin: 10px 3px 10px 3px;
font-size: 15px;
font-weight: bold;
color: #fff;
}
/*價錢顏色*/
.ljBuyNow {
color: #ffffff;
width: 148px;
background-color: #fff;
font-size: 20px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
}
/*整個內容區*/
.ljBuyNow a:hover {
color: #ffffff;
}
/*購買鈕hover*/
.share {
float: left;
width: 100%;
margin-top: 21px;
}
.fbshare, .lineshare {
display: block;
float: left;
}
.mefbShareBtn {
width: 11%;
float: left;
margin-right: 13px;
}
.mefbShareBtn .pluginButton { border-radius: 0; }
/*自訂css結束-------------------------------------------------------------------------*/
/*=================pc版 開始===================*/
@media (min-width: 700px) {
.ljLeft {
width: 50%;
float: left;
clear: both;
}
.ljRight {
/* padding-left: 30px; */
/* padding-top: 20px; */
width: 48%;
float: right;
position: fixed;
top: 21.5%;
right: 0%;
padding: 0 20px 0 10px;
box-sizing: border-box;
}
}
/*=================pc版 結束===================*/
/*=================手機版 開始===================*/
@media (max-width: 700px) {
#id_Content { padding: 0;}
.ljLeft, .ljRight { width: 100%; }
.ljRight {
padding: 0 ;
}
.ljPrdDesc {
padding-right: 0px;
}
.ljBuyNow a {
padding: 18px 94px;
color: #fff;
background: #78013b;
font-size: 16px;
}
body .ljBuyNow {
width: 100%;
margin: 0px;
display: block;
padding: 0px;
background-color: transparent;
float: left;
clear: both;
margin-top: 37px;
margin-left: 0px;
}
.ljPrdTitle {
clear: both;
}
.ljPrdSpecDesc {
margin: 10px 0;
color: #000;
font-size: 16px;
font-weight: normal;
margin-bottom: 20px;
line-height: 2em;
padding-right: 0px;
}
.buybox {
color: #000;
background-color: #f9f6f4;
padding: 30px 15px 15px 20px;
width: auto;
margin-bottom: 25px;
}
.ljBuyNow span {
width: 100%;
}
/* 補貨 */
.PrdInfo .SaleBtn5 { white-space: unset; cursor:pointer; }
}
/*=================手機版 結束===================*/
.divCartGo { display: none; }
| |
| | |
|
| |
