|
| | |
|
table { margin:0 auto; }
/* 標題 */
.ShopInfoCaption { text-align:left; margin-bottom:4px; font-size:13px; font-weight:bold; color:#666666; }
/* 副標題 */
.ShopInfoCaptionSub { font-weight:normal; }
/* 購物步驟 */
#ShopInfoStep { margin-bottom:10px; }
/* 購物說明 */
#ShopInfoDesc { text-align:left; border:2px solid #aaaaaa; border-radius:4px; padding:4px; }
/* 導引按鈕 */
#ShopInfoBtn { margin-bottom:4px; margin-top:10px; }
/* 高亮度 */
.ShopInfoHighLight { font-weight:bold; color:#ff4411; }
/* 15px */
.Size15 { font-size:15px; vertical-align:middle; }
/* 選擇遞送方式 */
#ShopInfoCaptionGetTyM { border:1px solid #888888; background:#eeeeee; border-radius:4px; padding:4px; }
/* 應付總額 */
#ShopInfoCaptionTotal { border:1px solid #888888; background:#eeeeee; border-radius:4px; padding:4px; }
/* step 相關 */
.StepTable { width:auto; }
.StepTable .StepItem { text-align:center; vertical-align:middle; }
.StepTable .StepArrow { text-align:center; vertical-align:middle; padding-left:4px; padding-right:4px; }
.StepTable .StepItem0 { border:1px solid #888888; background:#eeeeee; padding:4px; border-radius:4px; }
.StepTable .StepItem1 { border:1px solid #888888; background:#e0e0e0; padding:4px; border-radius:4px; }
/* btn 相關 */
.BtnTable { width:100%; border:0px solid transparent; }
.BtnTable td { border:1px solid transparent; }
.BtnTable .BtnLeft { width:20px; }
.BtnTable .BtnRight { width:20px; }
.BtnTable .BtnSpace { width:20px; font-weight:normal; }
.BtnTable .BtnInput { width:40px; text-align:center; vertical-align:middle; cursor:pointer; }
.BtnTable .BtnDesc { text-align:center; vertical-align:middle; font-weight:normal; }
.BtnTable .BtnInput .ShopInfoBtn { cursor:pointer; padding:4px; padding-left:10px; padding-right:10px; margin-left:2px; margin-right:2px; border:1px solid #888888; background:#eeeeee; border-radius:4px; }
.BtnTable .BtnInput .ShopInfoBtn:hover { background:#e0e0e0; }
/* 錯誤訊息 */
#ErrMsg { font-size:13px; font-weight:bold; color:red; text-align:center; margin-bottom:4px; }
/* 購物訊息*/
#ShopMsg { color:#ff0000; }
/* 尚未選購商品 */
.ShopListEmpty { font-size:13px; font-weight:bold; color:red; text-align:center; }
/* 售完 */
.ShopListSoldOut { font-size:13px; font-weight:bold; color:red; text-align:center; }
#ShopList {}
#ShopList0 { font-weight:normal; cursor:pointer; }
#ShopList1 { font-weight:normal; cursor:pointer; }
/* 表格外框 */
.ShopInfoBorder { width:98%; background:#ffffff; border:1px solid #dddddd; margin-bottom:10px; padding-top:2px; padding-bottom:2px; padding-left:2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* 表格 */
.ShopInfoTable { width:100%; color:#333333; }
.ShopInfoTable td { padding:4px; border-right:2px solid #ffffff; }
/* 表格抬頭 */
.ShopInfoTable td.ShopInfoHeader { background:#e0e0e0; }
.ShopInfoTable td.ShopInfoHeader.trGap { display:none; }
.ShopInfoTable td.ShopInfoHeader.hr { display:none; }
/* 表格註腳 */
.ShopInfoTable td.ShopInfoFooter { background:#e0e0e0; }
/* 商品 */
.ShopInfoTable tr.ShopListPrd { background:#ffffff; }
/* 商品名稱 */
.ShopInfoTable .ShopListName { color:#333333; }
/* 規格選項 */
.ShopInfoTable .ShopListSpec { color:#333333; }
/* 優惠資訊 */
.ShopInfoTable .ShopListMsg { color:red; }
/* 小計 */
.ShopInfoTable .ShopListPt { color:red; }
.ShopInfoTable .ShopListAmt { color:red; }
/* 表格 TD */
.ShopInfoTable td.ShopInfoTD { vertical-align:middle; }
/* 表格 HR */
.ShopInfoTable hr.ShopInfoHR { margin:0px; border:0px; }
/* 表格註腳 HR */
.ShopInfoTable hr.ShopInfoFooterHR { margin:0px; border:0px; border-bottom:1px solid #e0e0e0; }
/* 輸入框 */
.ShopInfoTable input { border:1px solid #bbbbbb; background:#eeeeee; vertical-align:middle; }
/* 下拉選單 */
.ShopInfoTable select { border:1px solid #bbbbbb; background:#eeeeee; vertical-align:middle; }
/* 文字框 */
.ShopInfoTable textarea { border:1px solid #bbbbbb; background:#eeeeee; vertical-align:top; width:100%; box-sizing:border-box; width:90%; min-height:50px; }
/* 欄位名稱 */
.ShopInfoTable td.ShopInfoField { width:15%; vertical-align:top; text-align:right; white-space:nowrap; }
/* 欄位焦點 */
.ShopInfoTable td.ShopInfoSpot { width:12px; vertical-align:top; text-align:center; }
/* 欄位內容 */
.ShopInfoTable td.ShopInfoValue { vertical-align:top; text-align:left; line-height:150%; }
/* 數量小計 */
.nobrPrdTotalQty { }
/* 商品小計*/
.nobrPrdTotalAmt { display:none; }
/* 其他 */
.ShopInfoTable .tdtr { display:none; }
.ShopInfoTable .td9 { display:none; }
/* 商品合計 */
.PrdTotalAmt , .PrdTotalPt { font-weight:bold; font-size:18px; color:red; }
/* 物流處理費 */
.GetAmt { font-weight:bold; font-size:18px; color:red; }
/* 優惠折扣 */
.CouponDisAmt { font-weight:bold; font-size:18px; color:red; }
/* 應付總額 */
.OrderTotalAmt { font-weight:bold; font-size:18px; color:red; }
/* 購物條款 */
#ShopNotice { width:100%; height:360px; overflow-x:hidden; overflow-y:auto; text-align:left; }
#ShopNoticeContent { padding:20px; }
/* 完成訂購 */
#ShopFinish { width:100%; text-align:left; border:0px; }
/* 付款資訊 */
#PayInfo { font-size:15px; }
/* 小計 */
.ShopInfoAmt { }
/* 商品合計 */
#idPrdTotalAmt { color:#ff0000; }
/* 帳務手續費 */
#idPayAmt { color:#ff0000; }
/* 物流處理費 */
#idGetAmt { color:#ff0000; }
/* 會員帳戶抵扣 */
#idAccAmt { color:#ff0000; }
/* 應付總額 */
#idOrderTotalAmt, #idOrderTotalAmt2 { color:#ff0000; }
/* 總計 */
.spanOrderTotalAmt , .spanOrderTotalPt { font-size:15px; font-weight:bold; color:red; }
/* 帳戶餘額 */
#idAccInfoDiv { text-align:left; }
/* 物流費 */
.ShopInfoGetAmt { color:#ff0000; font-size:13px; }
/* 付款選項 */
.idPayInfoDiv { text-align:center; }
/* 信用卡按鈕 */
.btnPay21 { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* ATM轉帳按鈕 */
.btnPay11 { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* WebATM轉帳按鈕 */
.btnPay13 { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* 超商付款按鈕 */
.btnPay34 { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* 購物須知說明 */
#idShopNoticeDiv {}
/* 購物須知回上一頁按鈕 */
.btnShopNoticeLast { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* 購物須知不同意按鈕 */
.btnShopNotice0 { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* 購物須知同意按鈕 */
.btnShopNotice1 { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* 訂單確認修改按鈕 */
.btnShopCfmEdit { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* 訂單確認付款按鈕 */
.btnShopCfmPay { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* 訂單確認付款方式 */
.ShopInfoPayName { font-size:15px; font-weight:bold; }
/* 訂單完成說明 */
.idFinishDesc { text-align:left; }
/* 訂單完成訂單資訊 */
.idOrderInfo { text-align:left; }
/* 訂單完成按鈕 */
.btnShopFinish { border:1px solid #d0f0f0; border-right:1px solid #222222; border-bottom:1px solid #222222; background:#e0ffff; color:#222222; }
/* ATM 匯款資訊 */
.tbATMBank { width:100%; border-top:2px solid #888888; border-left:2px solid #888888; }
.tbATMBank th , .tbATMBank td { border-bottom:2px solid #888888; border-right:2px solid #888888; padding:5px; text-align:center; }
.tbATMBank th { background:#ffeedd; }
.tbATMBank td { background:#eeeeee; }
@media all and (max-width:600px) {
/* 行動版設定 */
body #ShopInfoStep { display:none; }
body .ShopInfoCaption { margin:0px; padding:0px; width:100%; margin:0 auto; margin-bottom:10px; }
body .ShopInfoBorder { width:100%; padding:0px; margin:0px; border:0px; box-sizing:border-box; }
body .ShopInfoTable .tdtr { display:table-cell; }
body .ShopInfoTable .td9 { display:table-cell; }
body .ShopInfoTable hr.ShopInfoFooterHR { border-bottom:1px solid #cccccc; }
body .ShopInfoTable td.ShopInfoTD.hr { padding:0px 0px 10px 0px; }
/* 行動版按鈕 */
body #ShopInfoBtn {}
body #ShopInfoBtn .BtnTable td { display:block; width:100%; margin:0px; padding:0px; border:0px; ox-sizing:border-box; margin-bottom:8px; }
body #ShopInfoBtn .BtnTable span.ShopInfoBtn { display:block; width:90%; margin:0 auto; padding:8px 12px 8px 12px; }
body #ShopInfoBtn .BtnTable td.BtnSpace { display:none; }
body #ShopInfoBtn .BtnTable td.BtnLeft { display:none; }
body #ShopInfoBtn .BtnTable td.BtnRight { display:none; }
/* 行動版表格天地 */
body .trShopInfoHeader { display:none; }
body .trShopInfoFooter { float:right; }
body .trShopInfoFooter .ShopInfoFooter { display:list-item; list-style:none; float:left; }
body .trShopInfoFooter .ShopInfoFooter.td1 { display:none; }
body .trShopInfoFooter .ShopInfoFooter.td2 { display:none; }
body .trShopInfoFooter .ShopInfoFooter.td3 { display:none; }
body .trShopInfoFooter .ShopInfoFooter.td4 { display:none; }
body .trShopInfoFooter .ShopInfoFooter.td5 { display:none; }
body .trShopInfoFooter .ShopInfoFooter.td8 { display:none; }
body .trShopInfoFooter .ShopInfoFooter.td9 { display:none; }
body .trShopInfoFooter .ShopInfoFooter.tdtr { display:none; }
/* 行動版表格條列 */
body .ShopListPrd .ShopInfoTD { display:list-item; list-style:none; float:left; }
body .ShopListPrd .ShopInfoTD.tdtr { clear:both; }
body .ShopListPrd .ShopInfoTD.td4 { width:auto; }
body .ShopListPrd .ShopInfoTD.td5 { width:25%; }
body .ShopListPrd .ShopInfoTD.td6 { width:auto; text-align:right; }
body .ShopListPrd .ShopInfoTD.td6 select { padding:0px 10px 0px 10px; }
body .ShopListPrd .ShopInfoTD.td7 { width:25%; }
body .ShopListPrd .ShopInfoTD.td8 { float:right; }
body .ShopListPrd .ShopInfoTD.td8 input { margin:0px; margin-top:-5px; }
/* for ShopLogin */
.tdShopInfoLeft , .tdShopInfoRight { display:block; }
.tbLoginForm > tbody > tr > td { display:block; }
.tbLoginForm .caption { text-align:left; display:block; margin:0px; padding-top:4px; padding-bottom:4px; }
.tbLoginForm .content { text-align:left; display:block; margin:0px; padding-top:4px; padding-bottom:8px; }
.tbLoginForm .content input { max-width:100%; }
.tbLoginForm .tdChkCodeRenew { display:none; }
.tbLoginForm #chkcode { margin:0px; }
/* for ShopOrder */
body .ShopInfoTable td.ShopInfoField { display:block; text-align:left; width:90%; }
body .ShopInfoTable td.ShopInfoSpot { display:none; }
body .ShopInfoTable td.ShopInfoValue { display:block; padding-bottom:20px; }
body .ShopInfoTable input[type=edit] { margin:0px; width:240px; }
body .ShopInfoTable input[type=radio] { padding:0px; margin:0px; border:1px solid #888888; }
body .ShopInfoTable .spanBuyerSex { display:block; }
body .divSameBuyer { text-align:left; }
body .ShopInfoTable .spanRecvSex {}
body .ShopInfoTable .divRecvCity { margin-bottom:5px; }
body .ShopInfoTable .spanInvoCorpID { display:block; }
body .ShopInfoTable .spanInvoName { display:block; }
body .ShopInfoTable .divInvoCity { margin-bottom:5px; }
body .ShopInfoTable .carrymemo { width:90%; height:50px; margin:0px; }
body .spanPrdTotal , body .spanGetTotal , body .spanOrderTotal { display:block; text-align:right; padding-right:20px; }
/* for ShopFinish */
body #ShopInfoPayInfo .BtnTable { margin:0 auto 0 0; }
body #ShopInfoPayInfo .BtnTable .BtnTableTr1 { display:none; }
body #ShopInfoPayInfo .BtnTable .BtnTableTr3 { display:none; }
body #ShopInfoPayInfo .BtnTable td { display:block; padding-left:0px; padding-right:0px; margin:0px; }
}
#ShopInfoStep { display:$ShopInfoStep$; }
.ShopInfoCaption { display:$ShopInfoCaption$; }
#ShopInfoCaption1 { display:$ShopInfoCaption1$; }
#ShopInfoBtn { display:$ShopInfoBtn$; }
.ns.PrdList { text-align:center; }
.ns.PrdList .PrdCell { padding:10px; display:inline-block; border:1px solid #cccccc; border-radius:5px; font-size:14px; background:#ffffff; }
.ns.PrdList .PrdCell .PrdImgM img { max-width:300px; max-height:300px; }
| |
| | |
|
| |
