|
| | |
|
#id_Content {
padding-top: 120px;
}
/* 購物車標題 */
.ShopInfoCaption {
color:#000000;
font-size: 14px;
padding-top:15px;
margin-top:20px;
margin-bottom:20px;
padding-bottom:5px;
margin-left:40px;
text-align: left;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #737373;
}
/* 副標題 */
.ShopInfoCaptionSub { font-weight:normal; color:#000;}
/* 購物步驟 */
#ShopInfoStep { margin-bottom:10px; background-image: url(/main/uploads/iumbrella/template/us_Store6/linebg.png);}
/* 購物說明 */
#ShopInfoDesc { text-align:left; border:2px solid #aaaaaa; padding:4px; border-radius:0px; }
/* 導引按鈕 */
#ShopInfoBtn { margin-bottom:4px; margin-top:10px; width:100%;
text-align: center;}
/* 高亮度 */
.ShopInfoHighLight {
font-weight:bold;
color:#000;
list-style-type: none;
}
/* 15px */
.Size15 { font-size:15px; vertical-align:middle; }
/* 選擇遞送方式 */
#ShopInfoCaptionGetTyM { border:1px solid #ff8811; background:#ffeeaa; border-radius:0px; padding:4px; }
/* 應付總額 */
#ShopInfoCaptionTotal { border:0px solid #ff8811; background:#eeeeee; border-radius:0px; padding:6px 0 6px 10px;; }
/* 購物車step程序 */
.StepTable .StepTable{
margin-top: 30px;width:auto;
}
.StepTable .StepArrow{
display:none;
}
.StepTable .StepItem1{
margin-right: 10px;
margin-left: 10px;
font-size: 12px;
background-color: #fff;
color:#ca0d0d;
text-align: center;
}
.StepTable .StepItem0{
margin-right: 30px;
margin-left: 30px;
font-size: 12px;
background-color: #fff;
background-repeat: no-repeat;
color:#333333;
text-align: center;
}
.StepTable .StepItem{
}
/* btn 相關 */
/* 購物清單下方按鈕 */
.BtnTable { width:100%; border:1px solid transparent; }
.BtnTable tr td { border: solid 2px #ffffff;
margin-left:40px;
margin-top: 10px;
padding:10px;}
Table .BtnLeft { width:20px; }
.BtnTable .BtnRight { width:20px; }
.BtnTable .BtnSpace { width:20px; font-weight:normal; }
.BtnTable .BtnInput { width:40px; text-align:center; vertical-align:middle;}
.BtnTable .BtnDesc { text-align:center; vertical-align:middle; font-weight:normal; }
/* btn 付款方式按鈕 */
.BtnTable .BtnInput span{
cursor:pointer; padding:4px; padding: 8px 12px 8px 12px;
border:0px solid #ff8811;
background-color: #000;
border-radius:0px;
color:#fff;
margin-top: -5px;
margin:10px;
}
.BtnTable .BtnInput span:hover{
background-color: #0084ff;
color:#fff;
}
/* 會員登入 */
#userid ,#userpw{
color:#333;
padding: 2px 0 2px 12px;
border: solid 1px #ccc;
height: 23px;
position: relative;
background-color: #fff;
margin-top: -5px;
-webkit-appearance:none;
-moz-appearance:none;
cursor:text;
}
/* 驗證碼 */
#chkcode{
font-size:14px;
padding: 7px 12px 7px 12px;
margin-top: -5px;
margin:10px;
border:0px solid #000; background:#f1f1f1; vertical-align:middle;
}
/* 錯誤訊息 */
#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:90%;
background:#ffffff;
border-bottom:1px solid #e0e0e0;
color:#555;
margin-bottom:10px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
/* 表格 */
.ShopInfoTable { width:100%; color:#333333; }
.ShopInfoTable td { padding:4px; border-right:2px solid #ffffff; }
/* 表格抬頭 */
.ShopInfoTable td.ShopInfoHeader { border-bottom:1px solid #e0e0e0;color:#555; }
/* 表格註腳 */
.ShopInfoTable td.ShopInfoFooter { color:#000 }
/* 商品 */
.ShopInfoTable tr.ShopListPrd { background:#ffffff; }
/* 商品名稱 */
.ShopInfoTable .ShopListName { color:#000; }
/* 規格選項 */
.ShopInfoTable .ShopListSpec { color:#333333; }
/* 優惠資訊 */
.ShopInfoTable .ShopListMsg { color:#ff0000; }
/* 小計 */
.ShopInfoTable .ShopListPt { color:#ff0000; }
.ShopInfoTable .ShopListAmt { color:#ff0000; }
/* 表格 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:0px solid #e0e0e0; }
/* 輸入框 */
.ShopInfoTable input {
font-size:14px;
padding: 7px 12px 7px 12px;
margin-top: -5px;
margin:10px;
border:0px solid #000; background:#f1f1f1; vertical-align:middle;
}
/* 下拉選單 */
.ShopInfoTable select {
padding: 5px 20px 5px 12px;
background:url("/main/uploads/jc/template/us_UserTemplate1/selarr.png");
border: solid 1px #515151;
height: 25px;
position: relative;
margin-top: -5px;
-webkit-appearance:none;
-moz-appearance:none;
cursor:pointer;
background-position: right;
background-repeat: no-repeat;
}
/* 文字框 */
.ShopInfoTable textarea {
font-size:14px;
padding: 7px 12px 7px 12px;
margin-top: -5px;
margin:10px;
border:0px solid #000; background:#f1f1f1; vertical-align:middle;
}
/* 欄位名稱 */
.ShopInfoTable td.ShopInfoField { width:15%; vertical-align:top; text-align:right; }
/* 欄位焦點 */
.ShopInfoTable td.ShopInfoSpot { width:12px; vertical-align:top; text-align:center; }
/* 欄位內容 */
.ShopInfoTable td.ShopInfoValue { text-align:left; line-height:150%; }
/* 輸入欄 */
/* 商品合計 */
.PrdTotalAmt , .PrdTotalPt { font-weight:bold; font-size:18px; color:red; }
/* 物流處理費 */
.GetAmt { 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 #ccc; border-left:0px solid #ff8811; }
.tbATMBank th , .tbATMBank td { border-bottom:2px solid #ccc; border-right:0px solid #ff8811; padding:8px; text-align:center; }
.tbATMBank th { background:#eeb8b9; }
.tbATMBank td { background:#ffffff; }
#ShopInfoStep { display:$ShopInfoStep$; }
.ShopInfoCaption { display:$ShopInfoCaption$; }
#ShopInfoCaption1 { display:$ShopInfoCaption1$; }
#ShopInfoBtn { display:$ShopInfoBtn$; }
| |
| | |
|
| |
