|
|
#MemberMenu { text-align:left; border-top:1px solid #cccccc; line-height:100%; }
#MemberMenu li { list-style:none; border-bottom:1px solid #cccccc; padding-top:4px; padding-bottom:4px; }
#MemberMenu a { display:block; }
#MemberMenu li:hover { background:#eeeeee; }
#MemberMenu { border:$msgMemberMenuBorder$; }
#MemberMenu { border-top:$msgMemberMenuLine$; }
#MemberMenu li { border-bottom:$msgMemberMenuLine$; }
#MemberMenu li { padding-top:$msgMemberMenuHeight$; padding-bottom:$msgMemberMenuHeight$; }
#MemberMenu a { font-family:$msgMemberMenuFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#MemberMenu a:hover { font-family:$msgMemberMenuFontOv$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#MemberMenu li { background:$msgMemberMenuBg$; }
#MemberMenu li:hover { background:$msgMemberMenuBgOv$; }
#MemberMenu li { padding-left:$msgMemberMenuLeft$; }
|
|
.TreeMenu_0 { margin-left:0px; text-align:left; line-height:135%; }
.TreeMenu_0 a { padding-left:4px; color:#444444; }
.TreeMenu_0 a:hover { color:#000000; }
.TreeNode_1 { padding-left:0px; }
.TreeNode_2 { padding-left:0px; }
.TreeNode_3 { padding-left:15px; }
.TreeNode_4 { padding-left:30px; }
.TreeNode_5 { padding-left:45px; }
.TreeNode_6 { padding-left:60px; }
.TreeNode_7 { padding-left:75px; }
.TreeNode_8 { padding-left:90px; }
.TreeNode_9 { padding-left:105px; }
.TreeNode_1 a { padding-left:12px; }
.TreeNode_2 a { padding-left:12px; }
.TreeNode_3 a { padding-left:12px; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:12px; background:url(/main/themes/ns/css_Default/TreeNode3.gif) no-repeat; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { padding-top:2px; padding-bottom:2px; }
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover { background:#dddddd; }
.TreeMenu_0 .ClassNum { color:#666666; }
.TreeMenu_0 .TreeNode_t { background:#aaaaaa; }
.TreeMenu_0 a.TreeItem_t { color:var(--white); }
.TreeMenu_0 .ClassDesc { display:block; }
.TreeMenu_0 { margin-left:$PrdTreeMenu0Margin$; }
.TreeNode_1 { padding-left:$PrdTreeMenu1Margin$; }
.TreeNode_2 { padding-left:$PrdTreeMenu2Margin$; }
.TreeNode_3 { padding-left:$PrdTreeMenu3Margin$; }
.TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { padding-left:$PrdTreeMenuXMargin$; }
.TreeMenu_0 a { font-family:$PrdTreeItemFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 a:hover { color:$PrdTreeNodeHOverC$; }
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover { background:$PrdTreeNodeHOverB$; }
.TreeMenu_0 a.TreeItem_t { color:$PrdTreeNodeTC$; }
.TreeMenu_0 .TreeNode_t { background:$PrdTreeNodeTB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { padding-top:$PrdTreeNodePadding$; padding-bottom:$PrdTreeNodePadding$; }
.TreeMenu_0 { border-bottom:$PrdTreeNodeBorderT$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-top:$PrdTreeNodeBorderT$; }
.TreeMenu_0 { border-top:$PrdTreeNodeBorderB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-bottom:$PrdTreeNodeBorderB$; }
.TreeNode_1 a { }
.TreeNode_2 a { }
.TreeNode_3 a {}
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { background:$PrdTreeNodeImg4$ no-repeat; }
.TreeNode_1 a { }
.TreeNode_2 a { padding-left:$PrdTreeItem2Margin$; }
.TreeNode_3 a { padding-left:$PrdTreeItem3Margin$; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:$PrdTreeItemXMargin$; }
.TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { float:$PrdTreeNode4Float$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3 { clear:both; }
.TreeMenu_0 .ClassName { display:$PrdTreeNodeDispName$; }
.TreeMenu_0 { line-height:$PrdTreeNodeLineHeight$; }
.TreeMenu_0 .ClassNum { display:$PrdTreeNodeDispNum$; }
.TreeMenu_0 .ClassNum { font-family:$PrdTreeNodeFontNum$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassDesc { display:$PrdTreeNodeDispDesc$; }
.TreeMenu_0 .ClassDesc { font-family:$PrdTreeNodeFontDesc$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassImg { display:$PrdTreeNodeDispImg$; }
.TreeMenu_0 .ClassImg img { height:$PrdTreeNodeSizeImg$; }
.TreeMenu_0 .ClassImg img { margin-right:$PrdTreeNodeRightImg$; }
.TreeMenu_0 .ClassImg img { margin-bottom:$PrdTreeNodeBottomImg$; }
|
|
|
||
|
table { margin:0 auto; }
/* 標題 */
.ShopInfoCaption {
text-align: left;
font-weight: 500;
font-size: var(--bigger-font-size);
font-family: var(--chinese-font);
margin-bottom: 12px;
border-bottom: 1px solid var(--grey-lightest);
padding: 4px; /* 補td的padding來同寬 */
padding-bottom: 12px;
color: var(--black);
display: block;
}
/* 副標題 */
.ShopInfoCaptionSub { font-weight:normal; }
/* 購物步驟 */
#ShopInfoStep { margin-bottom:32px; margin-top: 20px }
/* 購物說明 */
#ShopInfoDesc { }
/* 導引按鈕 */
#ShopInfoBtn { margin-bottom:20px; margin-top:20px; }
/* 高亮度 */
/* .ShopInfoHighLight { font-weight:bold; } */
/* 15px */
.Size15 { vertical-align:middle; }
/* 選擇遞送方式 */
#ShopInfoCaptionGetTyM { }
/* 應付總額 */
#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 span {
font-size: var(--big-font-size);
}
/* 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: 20px; 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 { }
/* 錯誤訊息 */
#ErrMsg { font-size:var(--small-font-size); font-weight:bold; color:red; text-align:center; margin-bottom:4px; }
/* 購物訊息*/
#ShopMsg { color:#ff0000; }
/* 尚未選購商品 */
.ShopListEmpty { font-size:var(--smaller-font-size); font-weight:bold; color:red; text-align:center; }
/* 售完 */
.ShopListSoldOut { font-size:var(--smaller-font-size); 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:var(--white); 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 var(--white); }
/* 表格抬頭 */
.ShopInfoTable td.ShopInfoHeader { }
.ShopInfoTable td.ShopInfoHeader.trGap { display:none; }
.ShopInfoTable td.ShopInfoHeader.hr { display:none; }
/* 表格註腳 */
.ShopInfoTable td.ShopInfoFooter { }
/* 商品 */
.ShopInfoTable tr.ShopListPrd { background:var(--white); }
/* 商品名稱 */
.ShopInfoTable .ShopListName { color:#333333; }
.phpShopCart .ShopInfoTable .ShopListName { max-width: 280px; }
/* 規格選項 */
.ShopInfoTable .ShopListSpec { color:#333333; }
/* 優惠資訊 */
.ShopInfoTable .ShopListMsg { color:red; }
/* 小計 */
.ShopInfoTable .ShopListPt { color:red; }
.ShopInfoTable .ShopListAmt { }
/* 表格 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 var(--grey-lightest);
vertical-align: top;
width: 100%;
box-sizing: border-box;
min-height:50px;
resize: vertical;
padding: 12px;
border-radius: 8px;
margin-bottom: 12px;
}
/* 欄位名稱 */
.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; display:none;}
/* 欄位內容 */
.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:var(--big-font-size); color:red; }
/* 物流處理費 */
.GetAmt { font-weight:bold; font-size:var(--big-font-size); color:red; }
/* 優惠折扣 */
.CouponDisAmt { font-weight:bold; font-size:var(--big-font-size); color:red; }
/* 應付總額 */
.OrderTotalAmt { font-weight:bold; font-size:var(--big-font-size); 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:var(--regular-font-size); }
/* 小計 */
.ShopInfoAmt { }
/* 商品合計 */
#idPrdTotalAmt { color:#ff0000; }
/* 帳務手續費 */
#idPayAmt { color:#ff0000; }
/* 物流處理費 */
#idGetAmt { color:#ff0000; }
/* 會員帳戶抵扣 */
#idAccAmt { color:#ff0000; }
/* 應付總額 */
#idOrderTotalAmt, #idOrderTotalAmt2 { color:#ff0000; }
/* 總計 */
.spanOrderTotalAmt , .spanOrderTotalPt { font-size:var(--regular-font-size); font-weight:bold; color:red; }
/* 帳戶餘額 */
#idAccInfoDiv { text-align:left; }
/* 物流費 */
.ShopInfoGetAmt { color:#ff0000; }
/* 付款選項 */
.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:var(--regular-font-size); 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:#C3DFF0; }
.tbATMBank td { }
@media screen and (max-width: 960px) {
body.phpShopOrder .ShopInfoTable td.ShopInfoField {
display:block;
width:100%;
margin:0px;
padding:0px;
border:0px;
margin-bottom:8px;
}
body.phpShopOrder .ShopInfoTable td.ShopInfoValue {
display: block;
}
}
@media all and (max-width:768px) {
/* 行動版設定 */
#ShopInfoStep {}
body .ShopInfoCaption {}
body .ShopInfoBorder { width:100%; padding:0px; margin:0px; border:0px; box-sizing:border-box; }
body .ShopInfoTable .tdtr { }
body .ShopInfoTable .td9 { }
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; box-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 {}
body .trShopInfoFooter { }
body .trShopInfoFooter .ShopInfoFooter { list-style:none; }
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 {}
body .ShopListPrd .ShopInfoTD.tdtr { clear:both; }
body .ShopListPrd .ShopInfoTD.td4 { width:auto; }
body .ShopListPrd .ShopInfoTD.td5 { }
body .ShopListPrd .ShopInfoTD.td6 { width:auto; text-align:right; }
body .ShopListPrd .ShopInfoTD.td6 select {min-width: 45px; padding: 6px;}
body .ShopListPrd .ShopInfoTD.td7 { }
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%; font-weight:700; }
body .ShopInfoTable td.ShopInfoSpot { display:none; }
body .ShopInfoTable td.ShopInfoValue { display:block; }
body .ShopInfoTable input[type=edit] {}
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 {}
/* 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; }
}
購買清單
| |||||||||||||||||||||
|
| ||||||||||||||||||||||
