﻿@charset "UTF-8";.order-info-box{margin:30px 0;width:400px;padding:0;text-align:left;display:inline-block;}@media only screen and (max-width:578px){.order-info-box{width:100%;max-width:400px;}}.order-info-box h3{font-size:1.1em;font-weight:bold;border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:10px;}.order-info-box ul li{margin-bottom:5px;text-align:right;padding:8px 10px;}.order-info-box ul li span{display:inline-block;width:100px;}.order-info-box ul li span.ntname{width:auto;}.order-info-box ul li:last-child{background:#4cb673;color:#fff;}.order-info-box p{font-size:1.2em;color:#f00;text-align:center;margin-top:20px;}.order-info-box .btns-group{margin-top:30px;}.order-info-box .btns-group::after{display:block;clear:both;content:"";}.order-info-box .btns-group a{float:left;width:48%;margin:0 1%;border-radius:3px;text-align:center;display:inline-block;padding:15px 12px;background:#398af3;color:#fff;}.order-info-box .btns-group a:hover{opacity:.8;}.shopping-cart{text-align:center;width:300px;margin:70px auto 0;}.shopping-cart .shopping-cart_empty{margin-bottom:20px;}.shopping-cart .shopping-cart_empty i{font-size:5em;color:#dcdcdc;}.shopping-cart .shopping-cart_empty p{margin-top:40px;color:#8f8f8f;}.shopping-cart a{display:inline-block;background:#353535;color:#fff;padding:12px 50px;border-radius:10px;}em{font-style:normal;line-height:1.3;}.input50{width:50px;text-align:center;border-radius:5px;padding:3px;border:1px solid #c2c2c2;outline:0;font-size:.9em;margin-top:0;vertical-align:middle;}.nw300{width:90%;height:35px;padding:5px;font-size:1em;border-radius:3px;border:1px solid #c2c2c2;outline-color:#ff6a00;}.ShopCart{color:#db4d6d;font-size:1.5em;margin:30px 0;line-height:1.8em;}@media only screen and (max-width:578px){.ShopCart{font-size:1.2em;}}.total_center{width:50%;margin:0 auto;}@media only screen and (max-width:1034px){.total_center{width:100%;}}.total_center dt{width:200px;float:left;text-align:right;padding:5px 0;}@media only screen and (max-width:1034px){.total_center dt{width:50%;}}.total_center dd{margin-left:280px;padding:5px 0;}.total_center dd .delete_red{color:#bb3b23;}@media only screen and (max-width:1034px){.total_center dd{width:50%;margin-left:0;padding-left:20px;float:left;}}.ProductCmenu{margin:30px 0;}.ProductCmenu li a{padding:6px 12px;display:inline-block;border:1px solid #666;border-radius:5px;color:#666;}.ProductCmenu li a:hover,.ProductCmenu li .nactive{color:#d0104c;border:1px solid #d0104c;opacity:.8;}#ProductMain .tooltip{border:1px solid #c2c2c2;padding:3px;border-radius:5px;}#ProductMain .tooltip .top{width:250px;height:250px;}#ProductMain .tooltip .productName{padding:15px 0;text-align:center;font-size:1.2em;margin-bottom:15px;}#ProductMain .tooltip .down{font-size:1.1em;padding:0 10px;}.addcar{background:#db4d6d;color:#fff;border-radius:5px;padding:5px 10px;}.ProductClass h1{font-size:1.2em;font-weight:500;margin-bottom:20px;}.Cshop{padding:3px 4px;}.Cshop>div{margin-bottom:10px;}.Cshop h2{text-align:center;letter-spacing:2px;border-bottom:1px solid #e07cf9;padding-bottom:5px;}.Cshop li{padding:10px 3px;text-align:left;}.Cshop li a{color:#bb62cb;display:block;}.shopmode{width:100%;background:#fff;}.shopmode .shop{border-radius:5px;width:100%;margin:0 auto;border:1px solid #ffc165;}.shopmode .dd{padding:10px 0;float:left;width:20%;text-align:center;color:#ff495e;}@media only screen and (max-width:1100px){.shopmode .dd{padding:8px 5px;float:left;width:100%;text-align:left;background-color:rgba(255,193,101,.7);color:#000;opacity:.7;}}.shopmode .dt{padding:10px 0;float:left;width:80%;}@media only screen and (max-width:1100px){.shopmode .dt{padding:8px 5px;float:left;width:100%;}}.shopline::after{display:block;clear:both;content:"";}.shopline_Mobile{display:none;text-align:center;}@media only screen and (max-width:768px){.shopline_Mobile{display:block;margin:30px 0;}}.sectionBag{border-radius:3px;margin-bottom:30px;}.sectionBag .title{padding:10px 15px;font-size:1.2em;font-weight:500;background:#fafafa;border-bottom:1px solid #e6e6e6;}.sectionBag .title p.total{margin:0 0 10px;font-size:1.2em;font-weight:bold;}.sectionBag .GroupPCE{font-size:1.5em;color:#bb3b23;}.sectionBag .TDR{text-decoration:line-through;}.sectionBag .HTDR{display:none;}.sectionBag .set-body{padding:20px;}@media only screen and (max-width:767px){.sectionBag .set-body{padding:20px 0;}}.sectionBag .set-body input[type=text],.sectionBag .set-body textarea,.sectionBag .set-body input[type=password],.sectionBag .set-body input[type=tel]{border:1px solid #d8d8d8;}.sectionBag .set-body .nol{color:#f10000;line-height:1.5;}.sectionBag .set-body.max-h{max-height:500px;overflow-y:auto;}.sectionBag .set-body .litotal{padding:15px 10px;color:#fff;}.sectionBag .set-body .litotal::after{display:block;clear:both;content:"";}.sectionBag .set-body .litotal span{float:left;font-weight:bold;}.sectionBag .set-body .litotal span.NTD{position:relative;width:150px;text-align:right;}.sectionBag .set-body .litotal span.NTD:before{position:absolute;top:0;left:0;content:"NT$";margin-right:50px;}.sectionBag .set-body .litotal .mon{float:right;}.sectionBag .set-body .delete_red{border-top:1px solid #383838;}.sectionBag .set-body .delete_red span{color:#f10000;}.sectionBag .set-body .body-item{margin-bottom:30px;}.sectionBag .set-body .body-item:last-child{margin-bottom:0;}.sectionBag .set-body .body-item .sub-hd{margin-bottom:20px;font-weight:bold;color:#353535;}@media only screen and (max-width:768px){.sectionBag .set-body .body-item .flow{display:none;}}.sectionBag .set-body .items{margin-bottom:25px;color:#825a29;}.sectionBag .set-body .items h3{margin-bottom:8px;color:#625245;font-weight:500;letter-spacing:1px;}.sectionBag .set-body .items .TchgA{margin-bottom:10px;}.sectionBag .set-other{margin-bottom:20px;display:flex;align-items:center;}.sectionBag .set-other label{vertical-align:middle;}.sectionBag .set-other input{width:100px;background:#fff;color:#000;border:1px solid #d8d8d8;margin:10px 5px;text-align:center;}.sectionBag .set-other .bonus_info{display:inline-block;}.sectionBag .set-other .useBonus{padding-left:10px;line-height:1.5;}.sectionBag .set-other .btn-use{background:#b4541d;color:#fff;width:130px;text-align:center;padding:11px 12px;border-radius:4px;margin:0 5px;vertical-align:middle;}.sectionBag .set-other .btn-use:after{font-family:"Font Awesome 5 Free";content:"";color:#fff;font-weight:900;margin-right:1px;width:20px;display:inline-block;margin-left:10px;}@media only screen and (max-width:768px){.sectionBag .set-other{flex-wrap:wrap;}}@media only screen and (max-width:600px){.sectionBag .set-other>a{flex-basis:100%;}}@media only screen and (max-width:578px){.sectionBag .set-other>label,.sectionBag .set-other input{margin:10px 0;}.sectionBag .set-other>a,.sectionBag .set-other .bonus_info{flex-basis:100%;}}.sectionBag input.noEdit{background:#ebebeb!important;}.sectionBag .list-end-Total{text-align:right;padding:10px;border-top:2px solid #353535;}.sectionBag .list-end-Total .litotal{padding:10px;text-align:right;}.sectionBag .list-end-Total .litotal span{width:150px;display:inline-block;}.sectionBag .list-end-Total .litotal span.NTD{position:relative;width:100px;text-align:right;}.sectionBag .list-end-Total .litotal span.NTD:before{position:absolute;top:0;left:0;content:"NT$";margin-right:50px;}.sectionBag .list-end-Total .litotal .le-l{width:150px;text-align:left;}.sectionBag .list-end-Total .litotal.SUM-RED{color:#f82700;font-weight:bold;}.sectionBag .clickcollapse{position:relative;cursor:pointer;}.sectionBag .clickcollapse:after{font-family:"Font Awesome 5 Free";content:"";color:#353535;font-weight:900;margin-right:1px;width:20px;display:inline-block;position:absolute;right:20px;top:10px;font-size:1.1em;}@media only screen and (max-width:992px){.sectionBag .clickcollapse:after{content:"";}}.sectionBag .clickcollapse.is-active:after{content:"";}@media only screen and (max-width:992px){.sectionBag .clickcollapse.is-active:after{content:"";}}.sectionBag .collapses{display:block;}.sectionBag .collapses .delivery-list h2{margin:20px 0 10px;}.sectionBag .collapses .delivery-list .order-info-box{margin:0;}.sectionBag .collapses .delivery-list .order-info-box li .ntname{font-weight:500;}.sectionBag .collapses .delivery-list .order-info-box li:last-child{background:none;color:#f00;}.sectionBag .shop-lists{padding:0;}.sectionBag .order-info .form-group{color:#353535;margin-bottom:20px;padding:0 15px;}.sectionBag .order-info .form-group span.imp:after{content:"必填";color:#fff;background:#ff5050;font-size:.8em;padding:3px 5px;display:inline-block;margin-left:10px;border-radius:5px;}.sectionBag .order-info .form-group input[type=text],.sectionBag .order-info .form-group textarea,.sectionBag .order-info .form-group input[type=password],.sectionBag .order-info .form-group input[type=tel]{font-size:.95em;padding:8px;border-radius:0;}.sectionBag .order-info .form-group input[type=text].noEdit,.sectionBag .order-info .form-group textarea.noEdit,.sectionBag .order-info .form-group input[type=password].noEdit,.sectionBag .order-info .form-group input[type=tel].noEdit{background:#e6e6e6;cursor:not-allowed;color:#626262;box-shadow:none;border:1px solid #efefef!important;}@media only screen and (max-width:768px){.sectionBag .shop-i-odd{padding-left:95px!important;margin-top:-60px;}.sectionBag .shop-i-odd .RtlPCE{margin-bottom:10px;}.sectionBag .shop-i-odd .RtlPCE:before{content:"單價：NT$";margin-right:10px;}.sectionBag .shop-i-odd .item-info-dropdown{margin-bottom:10px;}.sectionBag .shop-i-odd .item-info-pq:before{content:"數量：";margin-right:10px;}.sectionBag .shop-i-odd .item-info-del:after{color:#f66100;content:"刪除";margin-left:5px;display:inline-block;vertical-align:sub;}}@media only screen and (max-width:478px){.sectionBag .shop-i-odd{margin-top:0;}.sectionBag .shop-i-odd .RtlPCE{margin-bottom:10px;}.sectionBag .shop-i-odd .item-info-dropdown{margin-bottom:10px;}.sectionBag .shop-i-odd .item-info-subtotal{margin-bottom:10px;}.sectionBag .shop-i-odd .item-info-del{text-align:right;}}.sectionBag .item-info{border-bottom:1px dashed #d8d8d8;color:#000;}.sectionBag .item-info:last-child{border:0;}.sectionBag .item-info::after{display:block;clear:both;content:"";}.sectionBag .item-info img{margin-right:5px;float:left;width:75px;height:75px;}.sectionBag .item-info a{width:100%;display:inline-block;text-align:center;}.sectionBag .item-info a>img{float:none;}.sectionBag .item-info>div{padding:15px;}.sectionBag .item-info .mydrop{position:relative;}.sectionBag .item-info .mydrop .selectdrop{font-size:1.1em;padding:6px 8px;border:0;outline:0;text-indent:.01px;text-overflow:"";color:#969696;text-align:left;box-shadow:0 0 1px 1px #d9d9d9;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;}.sectionBag .item-info .mydrop:after{font-family:"Font Awesome 5 Free";content:"";color:#969696;font-weight:900;margin-right:1px;width:20px;display:inline-block;position:absolute;z-index:0;right:8px;top:4px;top:50%;transform:translateY(-50%);pointer-events:none!important;}.shop-Bag{width:100%;margin:0 auto;}.shop-Bag::after{display:block;clear:both;content:"";}@media only screen and (max-width:992px){.shop-item>div[class*=col-]{padding:0;}}.productright{width:300px;height:300px;float:left;text-align:center;}.productright h1{font-size:1.4em;margin-bottom:50px;}.twzipcode{display:flex;justify-content:space-between;}.twzipcode .mydrop{border-radius:0;display:block;float:none;width:46.5%;margin:10px 0 0 0;}.productleft{line-height:130%;font-size:1.2em;display:inline-block;width:47.9%;float:left;margin:20px 0 0 60px;height:300px;}.link{margin:40px 0;}.link a{color:#d0104c;border:1px solid #cb4042;margin:2px 5px;padding:5px 8px;border-radius:5px;}.notice{padding:20px 12px 10px;}.notice .titleName{margin-bottom:10px;}.notice p{white-space:pre-line;word-break:break-word;line-height:150%;}.orderd-list{margin-top:40px;margin-bottom:30px;display:flex;justify-content:space-between;}@media only screen and (max-width:992px){.orderd-list{display:block;}}.orderd-list .ptitle{text-align:left;}@media only screen and (max-width:768px){.orderd-list .ptitle{margin:10px 0;}}.orderd-list .orders_left{width:46%;}@media only screen and (max-width:992px){.orderd-list .orders_left{width:100%;margin-bottom:30px;}}.orderd-list .orders_right{width:46%;}@media only screen and (max-width:992px){.orderd-list .orders_right{width:100%;margin-bottom:30px;}}.orderd-list .orders_right .atm-btn{border:1px solid #2460dc;color:#2460dc;display:inline-block;padding:8px 12px;border-radius:3px;margin-top:10px;}.orderd-list .receive>p{position:relative;padding-left:100px;}.orderd-list .receive>p:before{content:attr(data-title);position:absolute;left:0;top:5px;}#orderdet{margin:0 auto 0;line-height:150%;color:#353535;}#orderdet .OD3Q{text-align:center;font-size:1.2em;margin-bottom:30px;}.AreaContent{color:#353535;}.AreaContent .litotal{padding:5px 15px;}.AreaContent .litotal>span{width:100px;}.ptitle{margin:30px 0 10px 0;padding:3px 0;font-size:1.2em;color:#cb4042;text-align:left;}.ptitle:first-child{margin-top:0;}.pt-orders{color:#ff7d81;}.receive p{padding:5px 0;line-height:150%;}.lip{border-bottom:1px dashed #c2c2c2;width:100%;padding:5px 0;}@media only screen and (max-width:1100px){.lip{border:0;}}.lip .leftp{width:100%;line-height:1.5;font-size:1.1em;color:#fff;}@media only screen and (max-width:1100px){.lip .leftp{text-align:center;}}.lip .rightp{width:100%;line-height:1.5;}.lip .rightp .col-3{width:33.3%;float:left;text-align:left;vertical-align:middle;color:#f2f2f2;}@media only screen and (max-width:1100px){.lip .rightp .col-3{width:100%;float:none;padding:4px 0;text-align:left;border-bottom:1px dashed #c2c2c2;}}.lip .rightp .col-4{width:25%;float:left;text-align:right;vertical-align:middle;padding-top:4px;}@media only screen and (max-width:1100px){.lip .rightp .col-4{width:100%;float:none;padding:4px 0;text-align:left;border-bottom:1px dashed #c2c2c2;}}.lip .rightp .col-4>span{width:88px;display:inline-block;}.lip .rightp .col-4 a{color:#fff;padding:3px 7px;}@media only screen and (max-width:1100px){.lip .rightp .col-4 a{display:block;text-align:center;}}.lip .leftp,.lip .rightp{float:left;padding-top:5px;}@media only screen and (max-width:1100px){.lip .leftp,.lip .rightp{width:100%;float:none;}}.flow{text-align:center;margin-bottom:40px;}.deletea{border-top:1px dashed #bb3b23;color:#bb3b23;}.delete_red{color:#bb3b23;}.shopbt{background:#62bd34;padding:5px 22px;}.reshop{background:#c2c2c2;padding:5px 22px;}.update{background:#f00;padding:14px 22px;border-radius:4px;border:2px solid #f00;box-shadow:inset 0 0 0 4px white;font-size:1.3em;color:#fff;}.update:hover{box-shadow:none;}.recieveData{width:90%;margin:0 auto;}.shop-List{width:100%;padding-bottom:10px;}.shop-List .mem{width:90%;border:1px solid #383838;padding:10px;margin:0 auto 10px;color:#000;}.shop-List .borstyle{border:1px solid #c2c2c2;border-radius:10px;}.shop-List .login{width:60%;margin:20px auto 10px;}.shop-List .login em{margin-right:5px;}.shop-List .label{margin:30px auto 10px;padding-left:30px;}.opctionSend input[type=radio]{display:none;}.opctionSend input[type=radio]+label{width:50%;display:inline-block;color:#666;cursor:pointer;float:left;padding:10px 0;text-align:center;border:1px solid #62bd34;}.opctionSend input[type=radio]:checked+label{width:50%;display:inline-block;background:#62bd34;color:#fff;}.SubmitSend{margin:20px 0 0;text-align:center;display:block;}.SubmitSend a{letter-spacing:2px;width:180px;display:inline-block;padding:15px 18px;margin:0 10px;font-size:1.1em;background:#fff;color:#000;border-radius:5px;}.SubmitSend a:hover{opacity:.9;}.SubmitSend a.back{background:#383838;color:#fff;}.SubmitSend a.back:after{content:"";margin:0;}@media only screen and (max-width:483px){.SubmitSend a{padding:10px 0;margin:5px 0;width:100%;}}.SubmitSend .shopbt{display:inline-block;color:#fff;background:#c9a063;}.Step{color:#cb4042;display:inline-block;padding:7px 12px;border-radius:0 5px 5px 0;margin-bottom:20px;position:relative;font-size:1.1em;}.Step :before{position:absolute;left:0;top:6px;content:"";width:0;height:0;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #cb4042;}.S1{background:#bb9bc8;color:#fff;}.S2{background:#eaaab3;color:#fff;margin-top:20px;}.S3{background:#c7beb0;color:#fff;margin-top:20px;}.S4{background:#80cece;color:#fff;margin-top:20px;}.button{background:#62bd34;color:#fff;border-radius:5px;padding:5px 12px;}.SUM-RED{color:#f00;font-weight:700;}.none{display:none;}.css-table{font-size:1.1em;width:100%;background-color:#fff;border-collapse:collapse;margin:20px auto;display:table;}.css-table .thead{border-bottom:2px solid #c2c2c2;display:table-header-group;}.css-table .tbody{display:table-row-group;}.css-table .td,.css-table .th{display:table-cell;padding:5px;}.css-table .th{color:#313131;border:#c2c2c2 1px solid;text-align:center;}.css-table .tr{display:table-row;}.css-table .td{color:#313131;border-bottom:#c2c2c2 1px dashed;}.css-table .td a{color:#313131;}.memdata .la{display:inline-block;padding:10px 0 10px 20px;width:150px;}.memdata p{display:inline-block;}.md{border-bottom:1px dashed #c2c2c2;padding:10px 0;}.md :first-child{border-top:1px dashed #c2c2c2;}.nwauto{width:60%;height:25px;padding:5px;font-size:1em;border-radius:3px;border:1px solid #c2c2c2;}.nwauto-1-2{width:25%;height:30px;padding:5px;font-size:1em;border-radius:3px;border:1px solid #c2c2c2;}.bonus_txt{margin-left:7px;}