故宮精品網路商城

迪士尼系列商品

總有令人鍾情的事物

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; } }