|
%PrdName%
%PrdIntro%
%PrdDesc%
%txt_PrdSpecCaption%
%PrdSpec%
%txt_PrdPriceCaption%
%PrdPrice%
%OnSales%
%PrdCtrl%
%JaBuy%
%ImgS%
%MsgPrdMemo%
.divA{
width: 100px;
text-align:left;
}
.divB{
max-width:700px;
}
.divB .divPrdImgB {
overflow-x:auto;
white-space:nowrap;
width:100%;
}
.divPrdImgB .PrdImgB {
display: inline;
}
.divCF{
padding: 0 5%;
display: flex;
}
.divC{
width: 50%;
word-break:break-all;
}
.divD{
}
.divE{
padding-bottom: 20px;
}
.divF{
width: 50%;
padding-left: 30px;
box-sizing: border-box;
}
.divG {
border: 2px solid #797168;
border-radius: 5px;
background-color: #d8d8d8;
padding: 25px 30px 5px;
box-sizing: border-box;
margin-bottom: 35px;
width: 100%;
}
.divTopTable {
margin-bottom:60px;
}
.tdScrollXL, .tdScrollXR {
padding-right:10px;
padding-left:10px;
background-color:transparent !important;
}
#divScrollX {
overflow:hidden !important;
}
.divColumn {
line-height: 150%;
margin-bottom: 15px;
text-align: left;
}
.divColumn .spCaption {
display: inline-block;
width: 70px;
}
.divColumn .spContent {
display: inline-block;
width: 22%;
}
.divColumn .PrdPrice {
border-right: 1px solid black;
height: 20px;
padding-bottom: 10px;
padding-top: 10px;
}
/**/
.PrdInfo .divPrdContent {
padding: 0 5%;
}
.PrdInfo .divPrdContent > div {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
border-bottom: 1px solid;
}
.PrdInfo .divPrdContent .meMsg_MsgContentBlk > div{
display: flex;
flex-flow: row-reverse;
}
.PrdInfo .divPrdContent .meMsg_MsgContentBlk{ width:30%; margin-bottom: 10px;}
.PrdInfo .divPrdContent .meMsg_MsgContentBlk .meMsg_Content{
padding-right: 15px;
box-sizing: border-box;
}
.PrdInfo .divPrdContent .meMsg_MsgContentBlk_1{
width:100%;
margin-bottom: 10px;
border-bottom: 1px solid;
padding-bottom: 15px;
}
.PrdInfo .divPrdContent .meMsg_MsgContentBlk_1 > div{ display: block;}
@media screen and (max-width:995px){
.divF{padding:0px;}
.PrdInfo .divE .PrdCtrlBtn {
display: block;
margin: 20px auto;
}
.divColumn .PrdPrice{border: 0px;}
.divColumn {
text-align: left;
width: 100%;
}
.PrdInfo .divE .PrdCtrlBtn { text-align: center; }
}
@media screen and (max-width:850px){
.PrdInfo .divPrdContent .meMsg_MsgContentBlk{ width:50%;}
.PrdInfo .divPrdContent .meMsg_MsgContentBlk_1{ width:100%;}
}
@media screen and (max-width:767px){
.divCF{flex-wrap: wrap;}
.divC{width: 100%;}
.divD{width: 100%;}
.divF{display:flex; width:100%; margin-top: 20px; align-items: center;flex-wrap: wrap;}
.PrdInfo .divE .PrdCtrlBtn{margin:0; display:inline-block;}
.divColumn .PrdPrice{border-right: 1px solid black;}
#id_ColLeft {
width:0px;
display:none;
}
}
@media screen and (max-width:767px){
.PrdInfo .divPrdContent .meMsg_MsgContentBlk{ width:100%;}
}
@media screen and (max-width:520px){
.PrdInfo .divE .PrdCtrlBtn {
display: block;
margin: 20px auto;
}
.divColumn .PrdPrice{border: 0px;}
.divF{justify-content: center;}
}
@media screen and (max-width:500px){
.PrdInfo .divE .PrdCtrlBtn {
display: block;
margin: 20px auto;
}
.divA, .divB{
text-align:center;
display:block;
width: 100%;
padding-left:0px;
padding-right:0px;
max-width:480px;
}
#divScrollX img{
width:300px;
display:block;
margin:0 auto;
}
.tdScrollXL, .tdScrollXR{display:none;}
}
.PrdInfoCont {}
.PrdInfo { line-height:150%; max-width:800px;margin:0 auto;width:100%;}
.PrdInfo ul { margin:0px; padding:0px; }
.PrdInfo li { list-style:none; }
/* 表單標題 */
.PrdInfo .tdHeader { text-align:center; background:#bbbbbb; padding:4px; }
/* 欄位標題 */
.PrdInfo .tdCaption { vertical-align:middle; 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; }
/* 金額符號 */
.PrdInfo .DollarSign { padding-right:4px; }
/* 金額單位 */
.PrdInfo .DollarUnit { padding-left:4px; }
/* 商品上方資訊 */
.PrdInfo .PrdTopInfo { width:100%; }
/* 上方 table */
.PrdInfo .PrdTopInfo table { width:100%; }
.PrdInfo .PrdTopInfo .divA {display: none;}
/* 上方左邊圖檔 td */
.PrdInfo .PrdTopInfo .PrdTopLeft { text-align:left; width:200px; }
/* 大圖 */
.PrdInfo .divPrdImgB { }
.PrdInfo .PrdImgB { width:300px; border:1px solid transparent; }
/* 小圖 */
.PrdInfo .divPrdImgS { margin-top:5px; }
.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 solid #cccccc; border-top:0px solid #000; }
/* 商品名稱 */
.PrdInfo .PrdName {
font-family:"微軟正黑體",Verdana;
font-size:28px;
line-height: 100%;
color: #b15c00;
font-weight: bold;
margin-bottom: 30px;
}
/* 商品標題 */
.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:18px;
color:#484848;
display:block;
line-height: 150%;
margin-bottom: 10px;
}
.PrdInfo .PrdDesc {
line-height: 150%;
color: #000;
word-break: break-word;
text-align: justify;
}
user agent stylesheet
div
/* 商品編號、商品貨號、商品條碼 */
.PrdInfo .divPrdCodes { margin-top:10px; }
.PrdInfo .tablePrdCodes {}
/* 商品編號 */
.PrdInfo .PrdCode {}
/* 商品貨號 */
.PrdInfo .VdrCode {}
/* 商品條碼 */
.PrdInfo .BarCode {}
/* 規格選項 */
.PrdInfo .divOptSpec { margin-top:10px; }
.PrdInfo .tableOptSpec {}
.PrdInfo .PrdSpec { width:100px; }
.PrdInfo .PrdSpec .tablePrdOpts { width:auto; margin-bottom:2px; padding-bottom:15px; }
.PrdInfo .tdPrdOptt { padding-right:4px; }
.PrdInfo .tdPrdOptv {}
.PrdInfo .PrdCtrlAmt select , .PrdInfo .PrdSpec select {
padding: 5px;
padding-right: 15px;
background:url("https://sun.noonspace.com/w28NoonSpace/wistariateahouse/MsgInfo/selarr.png") no-repeat scroll right center #ebebeb;
border: solid 0px #eee;
border-radius:5px;
height: 30px;
position: relative;
-webkit-appearance:none;
-moz-appearance:none;
cursor:pointer;
text-indent:0.01px;
text-overflow:'';
font-family:"微軟正黑體";
}
.PrdInfo .PrdSpec select{
padding-right: 25px;
}
.PrdInfo .PrdCtrlAmt select:hover , .PrdInfo .PrdSpec select:hover {
}
body {background-color:#fff; font-family:"微軟正黑體";}
.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 .tablePrdSales .PrdPrice { border-right:solid 1px #000; }
.PrdInfo .tablePrdSales tr { height:40px;}
.PrdInfo .divPrdSales .tdCaption{ width:80px; vertical-align:middle;}
.PrdInfo .divPrdSales .tdContent{ width:120px; vertical-align:middle;}
.PrdInfo .divE .PrdCtrlBtn{ width:190px; padding-bottom:10px;}
/* 建議售價 */
.PrdInfo .PrdPriceHint {}
.PrdInfo .PrdPriceHintAmt { text-decoration:line-through; }
/* 網路售價 */
.PrdInfo .PrdPrice { font-family:"微軟正黑體"; }
.PrdInfo .PrdPrice .DollarSign { color:#000000; }
.PrdInfo .PrdPriceAmt { font-size:16px; }
/* 購買資訊 */
.PrdInfo .PrdPriceDesc {}
/* 物流費 */
.PrdInfo .CarryAmt {}
.PrdInfo .CarryAmt .DollarSign { color:#aa0000; }
.PrdInfo .CarryPriceAmt { font-size:16px; font-weight:bold; color:#aa0000; }
/* 促銷資訊 */
.PrdInfo .divOnSales {}
/* 購買控制 */
.PrdInfo .PrdCtrl { margin-top:20px;margin-left:15px; }
/* 購買數量 */
.PrdInfo .PrdQty {}
/* 購買按鈕 */
.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 .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: 50px 10% 20px; line-height:200%; color: #4e4e4e;}
/* 其他資訊 */
.PrdInfo .divPrdMsg { text-align:left; padding-left:30px; line-height:200%; }
/* 預設 */
.PrdInfo .SaleBtn1 {
font-weight:bold;
padding:10px;
height: 30px;
width: 128px;
background-color: #000;
color: #fff;
border: 0;
line-height: 30px;
zoom: 1;
vertical-align: middle;
cursor:pointer;
}
/* 正常 */
.PrdInfo .SaleBtn2 {
cursor:pointer; padding:4px;
padding: 10px 20px;
border:0px solid #ff8811;
background-color:#756c63;
border-radius:4px;
color:#fff;
margin-top: -5px;
margin:10px;
font-size:16px;
font-family:"微軟正黑體";
}
.PrdInfo .SaleBtn2:hover{
background-color: #ec3d3f;
}
/* 預購 */
.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 { font-weight:bold;padding:10px;height: 30px; width: 128px; background-color: #ff0000; color: #fff; border: 0; line-height: 30px; zoom: 1; vertical-align: middle;cursor:pointer; }
/* 數量 */
#PrdInfo .selPrdQty {
overflow:hidden;
white-space:nowrap;
cursor:pointer;
margin: 0 12px 0 12px;
}
#PrdInfo .selPrdQty select {
padding: 5px 0 5px 12px;
background-color:#e0f8f0;
border: solid 1px #515151;
height: 25px;
position: relative;
width: 50px;
margin-top: -5px;
-webkit-appearance:none;
-moz-appearance:none;
cursor:pointer;
text-indent:0.01px;
text-overflow:'';
}
/* 紅利兌換 */
.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 {}
/* WeCode CSS */
.WeCodeList li { margin-left:20px; list-style-position:outside; list-style:disc; }
/* Responsive */
@media screen and (max-width:767px) {
#id_ColLeft { width:70px; }
#id_ColRight { width:0px; }
}
@media screen and (max-width:480px) {
#id_ColLeft { width:100%; display:block; text-align:center; }
#id_Content { width:100%; display:block; padding-left:0px; padding-right:0px; }
}
/* Responsive */
|
|
神遇 - 書寫的滄桑與喜悅
神遇 - 書寫的滄桑與喜悅
|
ZC361670
商品
shop
1173
2010000637953
0
1839
1
正常
20
20
0
| |
