@charset "UTF-8";.orderStepList svg,button.confirmBtn{transition:all 0.5s ease-out}.order-index .orderItemList{margin-bottom:25px}@media (max-width:400px){.order-finish .orderItemList li>:nth-child(3){width:80px}}.orderStatusList,.orderWrap{width:100%;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px}@media (max-width:480px){.orderStatusList,.orderWrap{padding-top:20px;padding-bottom:20px}}.orderStatusList{display:flex;margin-bottom:40px;text-align:center;border-top:1px solid #313131}@media (max-width:450px){.orderStatusList{flex-direction:column}}@media (min-width:451px){.orderStatusList li{width:calc(100% / 3)}}@media (max-width:450px){.orderStatusList li{width:100%}.orderStatusList li+li{margin-top:20px}}.orderStatusList h2{letter-spacing:1px;margin-bottom:10px}.orderStatusList p{color:#7b797b}.orderStepList{display:flex;justify-content:center;align-items:flex-end;max-width:750px;margin-left:auto;margin-right:auto;margin-bottom:50px}.orderStepList:after,.orderStepList:before{content:"";flex-grow:1;height:1px;margin-left:5px;margin-right:10px;margin-bottom:15px;background-color:#535353}.orderStepList:before{order:1}@media (max-width:450px){.orderStepList:before{order:-1}}.orderStepList:after{order:3}@media (max-width:450px){.orderStepList:after{order:5}}.orderStepList li{display:flex;align-items:center}@media (min-width:641px){.orderStepList li{width:170px}}@media (max-width:450px){.orderStepList li{display:none}}@media (max-width:450px){.orderStepList li.focus{display:flex;margin-left:10px;margin-right:10px}}.orderStepList li.focus svg{fill:#cbcbcb}.orderStepList li.focus .textBox,.orderStepList li.focus h2{color:#cbcbcb}.orderStepList li:first-child svg,.orderStepList li:last-child svg{width:46px;height:60px}@media (max-width:640px){.orderStepList li:first-child svg,.orderStepList li:last-child svg{width:23px;height:30px}}.orderStepList li:first-child{order:0}.orderStepList li:nth-child(2){order:2}.orderStepList li:nth-child(2) svg{width:55px;height:59px}@media (max-width:640px){.orderStepList li:nth-child(2) svg{width:28px;height:30px}}.orderStepList li:last-child{order:4}.orderStepList svg{margin-right:15px;fill:#4d4d4d}.orderStepList .textBox{color:#535353}.orderStepList .step{margin-bottom:5px;text-transform:uppercase}.orderStepList .step span{font-size:23px}.orderStepList h2{letter-spacing:1px}.orderTitle{font-size:19px;color:#cbcbcb}.orderTitle.hasLine{padding-bottom:35px;border-bottom:1px solid #313131}.orderTitle.center{text-align:center}.stepTitleBox{margin-bottom:40px;text-align:center}.stepTitleBox p{margin-top:10px;font-size:13px;color:#7b797b}.orderItemTotalBox{margin-top:7px}.orderItemTotalBox:before{content:"(";margin-right:3px}.orderItemTotalBox:after{content:")";margin-left:3px}.orderItemTotalBox span{margin-left:7px;margin-right:7px}@media (min-width:961px){.orderItemList>li,.orderTitleItemList{padding-left:15px;padding-right:15px}}.orderItemList>li>:first-child,.orderTitleItemList>:first-child{flex-grow:1}@media (max-width:640px){.orderItemList>li>:first-child,.orderTitleItemList>:first-child{width:100%;margin-bottom:20px}}.orderItemList>li>:nth-child(n+2),.orderTitleItemList>:nth-child(n+2){text-align:center}@media (max-width:640px){.orderItemList>li>:nth-child(n+2),.orderTitleItemList>:nth-child(n+2){margin-left:auto}}@media (max-width:400px){.orderItemList>li>:nth-child(n+2),.orderTitleItemList>:nth-child(n+2){margin-right:auto}}.orderItemList>li>:nth-child(2),.orderTitleItemList>:nth-child(2){flex-shrink:0;width:120px}@media (max-width:960px){.orderItemList>li>:nth-child(2),.orderTitleItemList>:nth-child(2){width:80px}}.orderItemList>li>:nth-child(3),.orderTitleItemList>:nth-child(3){flex-shrink:0;width:220px}@media (max-width:960px){.orderItemList>li>:nth-child(3),.orderTitleItemList>:nth-child(3){width:150px}}@media (max-width:400px){.orderItemList>li>:nth-child(3),.orderTitleItemList>:nth-child(3){width:100%;margin-top:20px;margin-bottom:20px}}.orderItemList>li>:nth-child(4),.orderTitleItemList>:nth-child(4){flex-shrink:0;width:145px}@media (max-width:960px){.orderItemList>li>:nth-child(4),.orderTitleItemList>:nth-child(4){width:100px}}@media (max-width:640px){.orderItemList>li>:nth-child(4),.orderTitleItemList>:nth-child(4){margin-right:auto}}@media (max-width:400px){.orderItemList>li>:nth-child(4),.orderTitleItemList>:nth-child(4){margin-left:auto}}.orderItemList>li>:nth-child(5),.orderTitleItemList>:nth-child(5){flex-shrink:0;width:40px}@media (max-width:640px){.orderItemList>li>:nth-child(5),.orderTitleItemList>:nth-child(5){position:absolute;top:10px;right:0;z-index:1}}.orderTitleItemList{display:flex;align-items:center;color:#7b797b;padding-bottom:10px}@media (max-width:960px){.orderTitleItemList{display:none}}.orderTitleItemList div:first-child{letter-spacing:3px}.orderItemList{border-top:1px solid #313131}.orderItemList>li{position:relative;display:flex;align-items:center;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #313131}@media (max-width:640px){.orderItemList>li{flex-wrap:wrap}}.orderItemList .itemBox{display:flex;align-items:center}.orderItemList .imgBox{flex-shrink:0;width:85px;height:85px}.orderItemList .imgBox img{display:block;width:100%;height:100%;object-fit:cover}.orderItemList .textBox{flex-grow:1;padding-left:30px}.orderItemList h3{font-size:19px;margin-bottom:10px}@media (max-width:1180px){.orderItemList h3{font-size:15px}}.orderItemList .quantityBox{justify-content:center}@media (max-width:960px){.orderItemList .finishItemQuantity:before,.orderItemList .subtotalBox:before,.orderItemList .unitPriceBox:before{display:block;margin-bottom:5px;color:#7b797b}}@media (max-width:960px){.orderItemList .finishItemQuantity:before{content:"quantity"}}@media (max-width:960px){.orderItemList .unitPriceBox:before{content:"price"}}@media (max-width:960px){.orderItemList .subtotalBox:before{content:"Subtotal"}}.cartPdInfoList li{display:inline-block;margin-right:10px;margin-top:5px;font-size:13px}.cartPdInfoList,.customNote,.note{margin-top:5px}.deleteItemBox{position:relative;height:30px}.deleteItemBox .deleteCartItemBtn{right:5px}.hrText{margin-bottom:45px;text-align:center;color:#7b797b}.hrText .price:before{content:"NT$"}.sendAndPayBox{display:flex;justify-content:space-between;padding-bottom:80px;border-bottom:1px solid #313131}@media (max-width:1180px){.sendAndPayBox{flex-direction:column;padding-bottom:30px}}.sendAndPayBox .leftBox,.sendAndPayBox .rightBox{background:linear-gradient(to right,#313131,#313131) 0 50px/100% 1px no-repeat}@media (min-width:1181px){.sendAndPayBox .leftBox,.sendAndPayBox .rightBox{width:calc(50% - 34px);padding-left:40px;padding-right:20px}}@media (max-width:1180px){.sendAndPayBox .leftBox,.sendAndPayBox .rightBox{width:100%;max-width:600px;margin-left:auto;margin-right:auto}}.sendAndPayBox .orderTitle{padding-bottom:60px}.sendAndPayBox .leftBox h3{margin-bottom:20px}.sendAndPayBox .leftBox h3~h3:last-of-type{margin-top:30px}@media (max-width:1180px){.sendAndPayBox .rightBox{margin-top:30px}}.sendAndPayBox .rightBox p{position:relative;margin-top:25px;font-size:13px;line-height:1.5;color:#e1b964}@media (max-width:640px){.sendAndPayBox .rightBox p{text-align:right}}.sendAndPayBox .rightBox p:before{content:"";position:absolute;top:-70px;right:-20px;z-index:1;width:calc(100% + 60px);height:1px;background-color:#313131}.sendAndPayBox .inputList{display:flex;flex-wrap:wrap}.sendAndPayBox .inputList>li{margin-right:25px;margin-bottom:20px}.sendAndPayBox .orderAmountList li+li{margin-top:10px}.sendAndPayBox .orderAmountList .total{margin-top:45px}.payTipList li{display:none}.payTipList p{margin-top:20px;font-size:14px;line-height:1.5;color:#535353}.discountBox{display:flex;max-width:400px}.discountBox input{flex-grow:1}.discountBox .confirmBtn{width:145px}.orderPageLinkBox{display:flex;justify-content:center;align-items:center;padding-top:60px}@media (max-width:1180px){.orderPageLinkBox{padding-top:50px}}.orderPageLinkBox a+a{margin-left:20px}.confirmBtn{width:180px;height:50px;line-height:50px;color:#cbcbcb;text-align:center;border:1px solid #7b797b}button.confirmBtn{padding:0}@media (min-width:1181px){.confirmBtn.reverse:hover{background-color:#7b797b}}.confirmBtn:not(.reverse){background-color:#7b797b}@media (min-width:1181px){.confirmBtn:not(.reverse):hover{background-color:#1b1b1b}}.orderAmountList li{display:flex;justify-content:space-between;align-items:center;width:235px}@media (max-width:640px){.orderAmountList li{margin-left:auto}}.orderAmountList h3{letter-spacing:1px}.orderAmountList h3:after{content:":";margin-left:3px;margin-right:3px}.orderAmountList span{font-size:15px}.orderAmountList span:before{content:"NT$"}.orderAmountList .discount span{color:#e1b964}.orderAmountList .discount span:before{content:"-NT$"}.orderAmountList .total{width:270px}.orderAmountList .total span{font-size:24px}.orderInfoBox{display:flex;justify-content:space-between;margin-top:85px}@media (max-width:900px){.orderInfoBox{flex-direction:column}}@media (min-width:1181px){.orderInfoBox .leftBox,.orderInfoBox .rightBox{width:calc(50% - 35px)}}@media (min-width:901px) and (max-width:1180px){.orderInfoBox .leftBox,.orderInfoBox .rightBox{width:calc(50% - 10px)}}@media (max-width:900px){.orderInfoBox .leftBox,.orderInfoBox .rightBox{width:100%}}.orderInfoBox .orderTitle{padding-left:35px;padding-right:35px}.orderInfoBox .orderWrap{padding-left:30px;padding-right:30px}.orderInfoBox .orderWrap.receiver .block-title{margin-bottom:10px}.orderInfoBox .inputList>li:first-child{margin-bottom:30px}.orderInfoBox .inputList>li:first-child a{display:inline-block;padding-top:3px;padding-bottom:3px;border-bottom:1px solid currentColor;color:#7b797b}@media (min-width:1181px){.orderInfoBox .inputList>li:first-child a:hover{color:#cbcbcb}}.orderInfoBox .inputList input{width:100%;margin-top:15px;margin-bottom:20px}.orderInfoBox .addressInfoBox input{margin-top:0;margin-bottom:0}.orderInfoBox .orderTip{margin-bottom:20px}.orderRemarkBox{margin-top:65px}@media (max-width:640px){.orderRemarkBox{margin-top:30px}}.orderRemarkBox h3{margin-bottom:20px;text-align:center}.orderRemarkBox .inputList{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:15px}.orderRemarkBox .inputList>li{margin-bottom:10px;padding-left:12px;padding-right:12px}.orderRemarkBox textarea{width:100%;height:90px}.memberRegisteredBox .orderWrap,.orderCustomerInfoContainer .orderWrap,.orderRemarkBox .orderWrap,.orderTotalBox .orderWrap,.sendAndPayCheckBox .orderWrap{max-width:940px}.invoiceInputList>li{display:none}.invoiceInputList .item{display:flex;align-items:center;margin-bottom:25px}@media (max-width:480px){.invoiceInputList .item{flex-direction:column}}.invoiceInputList input{flex-grow:1}@media (max-width:480px){.invoiceInputList input{width:100%}}@media (min-width:481px){.invoiceInputList input+input{margin-left:30px}}@media (max-width:480px){.invoiceInputList input+input{margin-top:20px}}.invoiceInputList a{display:block;padding-top:3px;padding-bottom:3px;border-bottom:1px solid currentColor;color:#7b797b;margin-left:30px}@media (min-width:1181px){.invoiceInputList a:hover{color:#cbcbcb}}.couponBox .inputList>li{text-align:center}.couponBox .coupon-success{margin-top:10px}.memberRegisteredBox{margin-top:65px}@media (max-width:640px){.memberRegisteredBox{margin-top:30px}}.memberRegisteredBox .inputList{display:flex;flex-wrap:wrap}@media (min-width:481px){.memberRegisteredBox .inputList{margin-left:-15px;margin-right:-15px}}@media (min-width:481px){.memberRegisteredBox .inputList>li{padding-left:15px;padding-right:15px}}.memberRegisteredBox .inputList>li:nth-child(-n+2){width:50%}@media (max-width:480px){.memberRegisteredBox .inputList>li:nth-child(-n+2){width:100%}}.memberRegisteredBox .inputList>li:first-child{margin-bottom:10px}.memberRegisteredBox .inputList>li:last-child{margin-top:10px}.memberRegisteredBox input[type=password]{margin-top:10px;width:100%}.memberRegisteredBox p{margin-top:10px;margin-bottom:10px}.memberRegisteredBox .labelStyle span{padding-top:7px;padding-bottom:7px;background:linear-gradient(to right,currentColor,currentColor) 0 100%/100% 1px no-repeat}.sendAndPayCheckBox{margin-top:25px}.sendAndPayCheckBox .orderWrap{display:flex}@media (max-width:768px){.sendAndPayCheckBox .orderWrap{flex-direction:column}}.sendAndPayCheckBox .orderWrap .leftBox,.sendAndPayCheckBox .orderWrap .rightBox{width:50%}@media (max-width:768px){.sendAndPayCheckBox .orderWrap .leftBox,.sendAndPayCheckBox .orderWrap .rightBox{width:100%;text-align:center}}@media (max-width:768px){.sendAndPayCheckBox .orderWrap .rightBox{margin-top:20px}}.sendAndPayCheckBox h3{display:flex;margin-bottom:15px}@media (max-width:768px){.sendAndPayCheckBox h3{justify-content:center}}.sendAndPayCheckBox h3 span{padding-left:20px;background:linear-gradient(to bottom,currentColor,currentColor) 10px 50%/1px 16px no-repeat}.orderTip{font-size:12px;line-height:1.5;color:#535353}.orderTotalBox{margin-top:85px;border-bottom:1px solid #313131}@media (max-width:640px){.orderTotalBox{margin-top:30px}}.orderTotalBox .orderAmountList{position:relative}.orderTotalBox .orderAmountList li+li{margin-top:15px}@media (min-width:641px){.orderTotalBox .orderAmountList .total{position:absolute;right:0;bottom:0;z-index:1}}.settlementTip{margin-top:55px;text-align:center}.orderCustomerInfoContainer{margin-top:80px}.orderCustomerInfoContainer .orderWrap{display:flex}@media (max-width:680px){.orderCustomerInfoContainer .orderWrap{flex-direction:column}}.orderCustomerInfoList{color:#7b797b}@media (min-width:681px){.orderCustomerInfoList{width:calc(100% / 3)}}@media (max-width:680px){.orderCustomerInfoList{width:100%;text-align:center}.orderCustomerInfoList+.orderCustomerInfoList{margin-top:20px;padding-top:20px;border-top:1px solid #313131}}.orderCustomerInfoList>li+li{margin-top:30px}@media (max-width:680px){.orderCustomerInfoList>li+li{margin-top:20px}}.orderCustomerInfoList h3{margin-bottom:20px;color:#cbcbcb;letter-spacing:1px}@media (max-width:680px){.orderCustomerInfoList h3{margin-bottom:10px}}