|
| | |
|
XmlID
$html$
.PrdInfoCont { }
.PrdInfo { line-height:150%; }
.PrdInfo ul { margin:0px; padding:0px; }
.PrdInfo li { float:left; list-style:none; }
.liPrdImg { width:40%; text-align:center; margin-right:10px; }
.liTopRight { width:55%; }
.liPrdInfo { width:100%; }
.liPrdName { float:left; list-style:none; width:100%; text-align:left; display:none; }
/* 商品標題 */
.liPrdTitle { list-style:none; width:100%; text-align:left; font-size:15px; font-weight:bold; color:#444444; }
/* 商品譯名 */
.liPrdTitleE { list-style:none; width:100%; text-align:left; margin-top:5px; }
/* 商品副標題 */
.liPrdSubTitle { list-style:none; width:100%; text-align:left; margin-top:5px; }
/* 商品特性 */
.liPrdIntro { list-style:none; width:100%; text-align:left; }
.liPrdEms { float:left; list-style:none; width:100%; margin-top:5px; text-align:left; border-top:1px dotted #aaaaaa; }
.liPrdEmt { float:left; list-style:none; width:25%; margin-top:5px; text-align:right; padding-right:4px; }
.liPrdEmv { float:left; list-style:none; width:70%; margin-top:5px; text-align:left; }
.liPrdEmc { clear:both; list-style:none; height:0px; margin:0px; padding:0px; }
.liPrdExt { list-style:none; width:100%; text-align:left; }
.liOptSpec { list-style:none; width:100%; text-align:left; margin:0px; padding:0px; }
.liOptSpec ul { margin:0px; padding:0px; }
.liOptSpec li { margin:0px; padding:0px; margin-top:5px; }
.liOptSpec select { border:1px solid #888888; }
.liPrdOptt { float:left; list-style:none; width:20%; margin-top:5px; text-align:right; margin-right:4px; }
.liPrdOptv { float:left; list-style:none; width:75%; margin-top:5px; text-align:left; }
/* 售價資訊 */
.liPrdSale { list-style:none; width:100%; margin:0px; padding:0px; }
.liPrdSale ul { margin:0px; padding:0px; }
.liPrdSale li { margin:0px; padding:0px; }
/* 促銷資訊 */
.liOnSale { list-style:none; width:100%; }
/* 參考價 */
.liPrdPriceHint { text-decoration:line-through; }
/* 網路售價 */
.liPrdPrice { font-weight:bold; color:red; }
/* 物流費 */
.liPrdCarryAmt { color:red; }
/* 免物流費說明 */
.spanPrdCarryOverFree { color:#000000; }
/* 購買按鈕(1) */
.liSaleCtrl { list-style:none; width:100%; margin-top:5px; text-align:center; padding-top:5px; }
/* 購買按鈕(2) */
.liSaleCtrl2 { list-style:none; width:100%; margin-top:10px; margin-bottom:20px; text-align:center; padding-top:5px; }
/* 加購說明 */
.liJaBuy { list-style:none; width:100%; margin-top:5px; padding-top:5px; }
/* 銷售按鈕 */
.btnPrdSale1 { border:1px solid #884444; background:#bb0000; color:#ffffff; }
/* 預購按鈕 */
.btnPrdSale2 { border:1px solid #884444; background:#dd0000; color:#ffffff; }
/* 補貨按鈕 */
.btnPrdSale3 { border:1px solid #116622; background:#228844; color:#ffffff; }
/* 停售按鈕 */
.btnPrdSale4 { border:1px solid #444444; background:#888888; color:#ffffff; }
/* 售完按鈕 */
.btnPrdSale5 { border:1px solid #444444; background:#888888; color:#ffffff; }
.liTitle0 { width:100%; text-align:left; margin-top:20px; }
.liTitle { width:45%; text-align:left; font-weight:bold;
padding-left:20px; padding-top:4px; background:url(/main/wdb2/border/gray2bar.gif) repeat-x; }
/* 商品說明 */
.liPrdDesc { list-style:none; width:100%; margin-top:10px; text-align:left; }
/* 商品說明圖檔 */
.liDescImg { list-style:none; width:100%; margin-top:10px; text-align:center; }
/* 資訊區塊 */
.liPrdMsg { list-style:none; width:100%; margin-top:10px; text-align:left; }
/* 商品規格 */
.liPrdSpec { list-style:none; width:100%; margin-top:10px; text-align:left; }
/* 商品備註 */
.liPrdMemo { list-style:none; width:100%; margin-top:10px; text-align:left; }
.liOptImg { float:left; text-align:center; }
.optImg0 { border:1px solid #aaaaaa; margin-right:2px; cursor:pointer; }
.optImg1 { border:1px solid #222222; margin-right:2px; cursor:pointer; }
.divPrdImg { width:300px; }
.ulImgs { margin:0px; padding:0px; }
.liImgS { float:left; list-style:none; width:auto; margin-right:2px; margin-top:2px; text-align:center; }
.PrdImgB { border:1px solid #dddddd; width:300px; }
.PrdImgS { border:1px solid #dddddd; width:48px; }
$html$
$html$
#ns_Main {
width: 100%;
background-image: url(https://comet.noonspace.com/w58NoonSpace/ifancy/MsgInfo/iFancyShopCardbackground_02.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 100px 40px;
}
.ShopQryTb2 tr th:nth-child(2), .ShopQryTb2 tr td:nth-child(2) {display: none;}
#data_QryOrder .ShopQryTbTitle5 , #data_QryOrder .ShopQryTb5{display:none;}
#data_QryOrder .ShopQryTbTitle6 , #data_QryOrder .ShopQryTb6{display:none;}
#meMsg_QryOrder_MsgPrdList .ShopQryTb2 tbody tr:last-child {display: none;}
#meMsg_QryOrder_MsgPrdList .ShopQryTb2 tbody tr:first-child {display: none;}
.txt_PrdTotalAmt , #meMsg_QryOrder_MsgPrdTotalAmt{font-size:16px;}
tr.QryOrder_Money td, tr.QryOrder_Money th {border-top: 1px #bbb solid;}
.ShopQryTb2 tr td.cssTotal {display: block;}
.divQryOrder .div_block{
width:49%;
vertical-align: top;
display: inline-block;
padding: 20px;
box-sizing: border-box;
}
#oryorder_prdlist{margin-right:1%; background: #fff;}
#oryorder_infromation{margin-left:1%;padding-top: 0;}
.divQryOrder {width:100%; text-align: center;}
.ShopQryTbTitle {
font-size:16px;
padding-bottom:10px;
font-weight:bold;
margin-top: 40px;
}
.ShopQryTbTitle2 , .ShopQryTbTitle1 {margin:0px;}
.ShopQryTb {
width:100%;
font-size:14px;
color:#555555;
}
.ShopQryTbTitle.ShopQryTbTitle2 {border-bottom: 1px #bbb solid;}
#oryorder_infromation .ShopQryTb th {
width:75px;
text-align:left;
font-weight:normal;
white-space:nowrap;
}
.ShopQryTb th{vertical-align:top; padding:10px 0; line-height:150%;color:#555; }
.ShopQryTb td {vertical-align:top; padding:10px 0; line-height:150%;color:#555; }
/*--標題----*/
.titleword{width:150px;text-align:center;}
.ShopQryTbTitle2 table{display:none;}
#oryorder_tittle{margin-bottom: 20px;}
/*--轉帳表格--*/
.cssOrderTotalAmt {font-weight:bold; }
.ShopQryTb2 th {padding:8px;}
.ShopQryTb2 td {padding:8px;}
.cssPayTypeTb11 {width:100%; border:1px solid #888888;background: #fff;}
.cssPayTypeTb11 th {
text-align:center;
white-space:nowrap;
background:#eeeeee;
vertical-align:middle;
padding:5px;
}
.cssPayTypeTb11 td {text-align:center; white-space:nowrap;padding:5px;}
.cssErr {text-align:center; color:red; font-size:14px;}
@media screen and (max-width:820px){
.divQryOrder .div_block{width:100%;}
#ns_Main {padding:50px 40px;}
#oryorder_prdlist{margin-right:0;}
#oryorder_infromation{margin-left:0;padding:40px 0;}
}
@media screen and (max-width:560px){
#ns_Main {padding:50px 0px;}
.titleword{width:100px;}
}
@media screen and (max-width:500px){
#ns_Main {padding:50px 0px;}
table.ShopQryTb.ShopQryTb2 td{display: inline-block;}
table.ShopQryTb.ShopQryTb2 th{display: inline-block;}
table.ShopQryTb.ShopQryTb2 .cssPrdDetail td:nth-child(1){display:none;}
table.ShopQryTb.ShopQryTb2 .cssPrdDetail td:nth-child(2){display:none;}
table.ShopQryTb.ShopQryTb2 .cssPrdDetail td:nth-child(3){width:100%;padding-bottom:0;}
#oryorder_infromation .ShopQryTb th{display:block;width:100%;padding-bottom:0;font-weight: bolder;}
#oryorder_infromation .ShopQryTb td{display:block;width:100%;}
table.cssPayTypeTb11 td, table.cssPayTypeTb11 th {
display: inline-block;
width: 100%;
box-sizing: border-box;
}
table.cssPayTypeTb11 th:first-child {display: none;}
table.cssPayTypeTb11 tr {
width: 50%;
display: inline-block;
}
.cssPayTypeTb11{margin-top: 10px;}
#meMsg_QryOrder_MsgPrdTotalAmt{display: block; float: right;}
tr.QryOrder_Money td, tr.QryOrder_Money th {border-top: 0px #bbb solid;}
tr.QryOrder_Money{border-top: 1px #bbb solid;display:block;}
}
/*-----------------------------燈入頁-----------------------------*/
#formQryOrder #oryorder_tittle , #formQryOrder #oryorder_prdlist {display:none;}
#formQryOrder .ShopQryTbTitle9 , #formQryOrder #oryorder_infromation {display:none;}
#formQryOrder .ShopQryTb9{
width:500px;
margin: 0 auto;
background: #fff;
padding: 45px;
box-sizing: border-box;
}
#formQryOrder .ShopQryTb9{text-align: left;}
#formQryOrder .ShopQryTb9 td input {
background: #F3F3F3;
border: 0px;
height: 35px;
width: 100%;
}
#formQryOrder .ShopQryTb th{
vertical-align: middle;
width: 65px;
}
#formQryOrder .ShopQryTb9 td#meMsg_QryOrder_MsgSubmit input , #formQryOrder .ShopQryTb9 input.txt_LoginQry.txt_{
background: #7a3d5c;
margin-bottom: 20px;
padding: 15px 0px;
color: #fff;
height: auto;
font-size: 16px;
cursor: pointer;
}
#formQryOrder .ShopQryTb9 td.havenomembers{
color:#7a3d5c;
font-size: 18px;
text-align:center;
}
#formQryOrder .ShopQryTb9 .meForm0 td {
padding: 0 5px 0 0;
}
#formQryOrder .ShopQryTb9 .titleword{
width:50px;
}
#formQryOrder .ShopQryTb9 > tr:nth-child(1) td {
padding: 0 0 10px;
}
#formQryOrder .ShopQryTb9 > tr:nth-child(2) td {
padding:0;
}
#formQryOrder .ShopQryTb9 > tr:nth-child(3) td {
padding:5px 0 10px;;
}
#formQryOrder .ShopQryTb9 > tr:nth-child(4) td {
padding:0 0 10px;
}
#formQryOrder .ShopQryTb9 > tr:nth-child(5) td {
padding:0;
}
@media screen and (max-width:600px){
#formQryOrder .ShopQryTb9 {width: 100%;padding:25px;}
#formQryOrder .ShopQryTb9 tr td{display: block;}
#formQryOrder .ShopQryTb9 tr th{display: block;padding-bottom: 0px;}
#formQryOrder .ShopQryTb9 td input {width:100%;}
#formQryOrder .ShopQryTb9 tr:nth-child(4) td:first-child {display: none;}
#formQryOrder .meForm0 td {
margin: 5px 0px;
padding:0;
}
#formQryOrder .ShopQryTb9 tr:nth-child(1) > td:first-child {
display:none;
}
#formQryOrder .ShopQryTb9 tr:nth-child(2) > td:first-child {
display:none;
}
#formQryOrder .ShopQryTb9 tr:nth-child(3) > td:first-child {
display:none;
}
#formQryOrder .ShopQryTb9 tr:nth-child(4) > td:first-child {
display:none;
}
#formQryOrder .ShopQryTb9 tr:nth-child(5) > td:first-child {
display:none;
}
#formQryOrder .ShopQryTb9 tr:nth-child(9) > td:first-child {
display:none;
}
#formQryOrder .ShopQryTb9 tr:nth-child(3) table tr td{display: table-cell;}
#formQryOrder .ShopQryTb9 tr:nth-child(3) table tr td:first-child {display: table-cell;}
#formQryOrder .ShopQryTb9 td.havememberscontent{padding: 0;}
#formQryOrder .ShopQryTb9 tr:nth-child(8) table tr td:first-child {
display: block;
padding-left: 2px;
}
}
| |
| | |
|
| |
