#loading{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.5);text-align: center;display: none;z-index: 1100;}
#loading .lds-facebook {display: inline-block;position: relative;width: 80px;height: 80px;}
#loading .lds-facebook div {display: inline-block;position: absolute;left: 8px;width: 16px;background: #ffffff;animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;}
#loading .lds-facebook div:nth-child(1) {left: 8px;animation-delay: -0.24s;}
#loading .lds-facebook div:nth-child(2) {left: 32px;animation-delay: -0.12s;}
#loading .lds-facebook div:nth-child(3) {left: 56px;animation-delay: 0;}
@keyframes lds-facebook {
  0% {top: 8px;height: 64px;}
  50%, 100% {top: 24px;height: 32px;}
}
[type="radio"]:not(:checked), [type="radio"]:checked {position: static;opacity: 1;pointer-events: auto;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{display: inline-block;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:25%;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 25%;}
.inlineflex{display: inline-flex;align-items: center;flex-wrap: wrap;width:100%;}
.inlineflex.start{align-items: flex-start;}
.cartbg{background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;display: inline-block;overflow: hidden;}
.cartbg.none{display: none;}
.cartbg .closecartbg{position:fixed;left:0;top:0;z-index: 998;width: 100%;height: 100%;}
.cartsection{background:#ffffff;position:fixed;right:0;top:0;z-index: 999999;width: 500px;height: 100%;-webkit-transition: all 0.5s ease-out 0.5s;-moz-transition: all 0.5s ease-out 0.5s;-ms-transition: all 0.5s ease-out 0.5s;-o-transition: all 0.5s ease-out 0.5s;transition: all 0.5s ease-out 0.5s;}
.cartbg.none .cartsection{right:-500px;}
.cartsection .cartbox{position: relative;display: inline-flex;flex-wrap: wrap; width:100%;height:100%;}
.cartsection .cartbox .carttitle{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;display: inline-flex;align-items: center;flex-wrap: wrap; width:100%;height: 8%;padding:15px;-webkit-box-shadow: 0 0 10px #000000;-moz-box-shadow: 0 0 10px #000000;-ms-box-shadow: 0 0 10px #000000;-o-box-shadow: 0 0 10px #000000;box-shadow: 0 0 10px #000000;z-index: 10;}
.cartsection .cartbox .carttitle .text{-ms-flex:0 0 90%;flex:0 0 90%;max-width: 90%;text-align: center;}
.cartsection .cartbox .carttitle .text span{color:#000000;font-weight: bold;font-size: 18px;}
.cartsection .cartbox .carttitle .closebtn{-ms-flex:0 0 10%;flex:0 0 10%;max-width: 10%;position: relative;}
.cartsection .cartbox .carttitle .closebtn .close-button{border:none;cursor:pointer;outline: none;width: 40px;height: 40px;background: transparent;}
.cartsection .cartbox .carttitle .closebtn .close-button:before,
.cartsection .cartbox .carttitle .closebtn .close-button:after{content: '';width: 55%;height: 2px;background: #000000;position: absolute;top: 40%;left: 22%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.cartsection .cartbox .carttitle .closebtn .close-button:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.cartsection .cartbox .carttitle .closebtn .close-button:hover:before,
.cartsection .cartbox .carttitle .closebtn .close-button:hover:after{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.cartsection .cartbox .cartsubtitle{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;height:5%;padding: 12px 15px;}
.cartsection .cartbox .cartsubtitle .subtitlebox{display: inline-flex;align-items: center;flex-wrap: wrap;width: 100%;}
.cartsection .cartbox .cartsubtitle .text{-ms-flex:0 0 80%;flex:0 0 80%;max-width: 80%;}
.cartsection .cartbox .cartsubtitle .text span{color:#000000;font-weight:bold;}
.cartsection .cartbox .cartsubtitle .clearbox{-ms-flex:0 0 20%;flex:0 0 20%;max-width: 20%;text-align: right;}
.cartsection .cartbox .cartsubtitle .clearbox a{color:#000000;font-weight:bold;text-decoration: underline;}
.cartsection .cartbox .cartlistbox{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;height:76%;overflow: auto;z-index: 9;padding:10px;position: relative;}
.cartsection .cartbox .cartlistbox ul{display:inline-flex;align-items: center;flex-wrap:wrap;width: 100%;margin:0;}
.cartsection .cartbox .cartlistbox ul li{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;margin: 10px 0 0;}
.cartsection .cartbox .cartlistbox ul li .insidebox{display:inline-flex;align-items: flex-start;flex-wrap:wrap;width: 100%;padding:0 10px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .imgbox{-ms-flex:0 0 35%;flex:0 0 35%;max-width: 35%;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox{-ms-flex:0 0 65%;flex:0 0 65%;max-width: 65%;padding:0 0 0 10px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox{display: inline-flex;align-items: center;flex-wrap: wrap;width:100%;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .text{-ms-flex:0 0 70%;flex:0 0 70%;max-width: 70%; margin:0 0 10px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .text span{color:#000000;font-size: 16px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .deletebox{-ms-flex:0 0 30%;flex:0 0 30%;max-width: 30%; margin:0 0 10px;text-align: right;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount {-ms-flex:0 0 55%;flex:0 0 55%;max-width: 55%;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox{display: inline-flex;align-items: center;flex-wrap: wrap;width:100%;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .control{-ms-flex:0 0 20%;flex:0 0 20%;max-width: 20%;text-align: center;padding:0 5px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .control a{text-decoration: none;display: inline-block;height: 30px;line-height: 30px;width: 30px;color: #000000;border: 1px solid #000000;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .control a:active{background:#000000;color:#ffffff;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .control a i{font-size: 15px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .input{-ms-flex:0 0 60%;flex:0 0 60%;max-width: 60%;padding:0 5px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .input input{margin:0;height: 30px;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .sym {-ms-flex:0 0 15%;flex:0 0 15%;max-width: 15%;text-align: center;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .sym span{font-size:16px;color:#000000;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .price {-ms-flex:0 0 30%;flex:0 0 30%;max-width: 30%;text-align: right;}
.cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .price span{font-size:16px;color:#000000;}
.cartsection .cartbox .cartlistbox .emptybox{position: absolute;top:30%;left:0; width:100%;text-align: center;}
.cartsection .cartbox .cartlistbox .emptybox .insidebox{display: inline-flex;align-items: center;flex-wrap: wrap;width: 50%;justify-content: center;}
.cartsection .cartbox .cartlistbox .emptybox .imgbox{-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;margin: 0 0 10px;}
.cartsection .cartbox .cartlistbox .emptybox .imgbox img{width:100%;}
.cartsection .cartbox .cartlistbox .emptybox .textbox{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;text-align: center;}
.cartsection .cartbox .cartlistbox .emptybox .textbox span{display: inline-block;width:100%;color:#000000;}
.cartsection .cartbox .cartlistbox .emptybox .textbox .title{font-weight: bold;font-size: 18px;}
.cartsection .cartbox .cartlistbox .emptybox .textbox .intro{font-size: 15px;}
.cartsection .cartbox .checkoutbox{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;height: 11%;z-index: 10;}
.cartsection .cartbox .checkoutbox .deliverybox{display: inline-flex;align-items: center;flex-wrap: wrap;width: 100%;padding:10px 10px;}
.cartsection .cartbox .checkoutbox .deliverybox ul{display: inline-flex;align-items: center;flex-wrap: wrap;width: 100%;margin:0;}
.cartsection .cartbox .checkoutbox .deliverybox ul li{-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;}
.cartsection .cartbox .checkoutbox .deliverybox ul li .inside{display: inline-flex;align-items: center;flex-wrap: wrap;width: 100%;margin:0;}
.cartsection .cartbox .checkoutbox .deliverybox ul li .inside .text span,
.cartsection .cartbox .checkoutbox .deliverybox ul li .inside .num span{font-size:16px;color:#000000;}
.cartsection .cartbox .checkoutbox .deliverybox ul li .inside .text{-ms-flex:0 0 20%;flex:0 0 20%;max-width: 20%;}
.cartsection .cartbox .checkoutbox .deliverybox ul li .inside .num{-ms-flex:0 0 80%;flex:0 0 80%;max-width: 80%;}
.cartsection .cartbox .checkoutbox .btnbox{display: inline-flex;align-items: center;flex-wrap: wrap;width: 100%;padding: 5px 10px;}
.cartsection .cartbox .checkoutbox .btnbox a{background: #000000;color:#ffffff;border:1px solid #000000; padding:3px 12px;display: inline-block;width:100%;text-align: center;border-radius: 3px;line-height: 28px;font-weight: bold;}
.cartsection .cartbox .checkoutbox .btnbox a:active{background:#ffffff;color:#000000;-webkit-box-shadow: 0 0 5px #000 inset;-moz-box-shadow: 0 0 5px #000 inset;-ms-box-shadow: 0 0 5px #000 inset;-o-box-shadow: 0 0 5px #000 inset;box-shadow: 0 0 5px #000 inset;}
@media screen and (max-width: 1600px) {
   .cartsection .cartbox .carttitle{height:8%;}
   .cartsection .cartbox .cartsubtitle{height: 5%;}
   .cartsection .cartbox .cartlistbox{height: 76%;}
   .cartsection .cartbox .checkoutbox{height: 11%;}
}
@media screen and (max-width: 1440px) {
   .cartsection .cartbox .carttitle{height:8%;}
   .cartsection .cartbox .cartsubtitle{height: 5%;}
   .cartsection .cartbox .cartlistbox{height: 75%;}
   .cartsection .cartbox .checkoutbox{height: 12%;}
}
@media screen and (max-width: 1366px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 6%;padding: 10px 15px 0;}
   .cartsection .cartbox .cartlistbox{height:69%;}
   .cartsection .cartbox .checkoutbox{height:18%;}
}
@media screen and (max-width: 1280px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 6%;}
   .cartsection .cartbox .cartlistbox{height:72%;}
   .cartsection .cartbox .checkoutbox{height:15%;}
}
@media screen and (max-width: 1200px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 6%;}
   .cartsection .cartbox .cartlistbox{height:71%;}
   .cartsection .cartbox .checkoutbox{height:16%;}
}
@media screen and (max-width: 1024px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 6%;}
   .cartsection .cartbox .cartlistbox{height:70%;}
   .cartsection .cartbox .checkoutbox{height:17%;}
}
@media screen and (max-width: 768px) {
   .cartsection{width:100%;}
}
@media screen and (max-width: 640px) {
   .cartsection .cartbox .carttitle{height:15%;}
   .cartsection .cartbox .cartsubtitle{height: 8%;}
   .cartsection .cartbox .cartlistbox{height:57%;}
   .cartsection .cartbox .checkoutbox{height:20%;}
   .cartsection .cartbox .cartlistbox ul li{margin:0 0 20px;}
   .cartsection .cartbox .cartlistbox ul li .insidebox .imgbox,
   .cartsection .cartbox .cartlistbox ul li .insidebox .textbox{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;}
   .cartsection .cartbox .cartlistbox ul li .insidebox .textbox{padding:0;}
   .cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .control{-ms-flex:0 0 25%;flex:0 0 25%;max-width: 25%;}
   .cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .control a{height: 25px;line-height: 25px;width: 25px;}
   .cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .control a i{font-size: 14px;}
   .cartsection .cartbox .cartlistbox ul li .insidebox .textbox .textinbox .changeamount .amountbox .input{-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;}
}
@media screen and (max-width: 480px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 5%;}
   .cartsection .cartbox .cartlistbox{height:72%;}
   .cartsection .cartbox .checkoutbox{height:13%;}
}
@media screen and (max-width: 420px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 5%;}
   .cartsection .cartbox .cartlistbox{height:72%;}
   .cartsection .cartbox .checkoutbox{height:13%;}
   .cartsection .cartbox .cartsubtitle .text{-ms-flex:0 0 78%;flex:0 0 78%;max-width: 78%;}
   .cartsection .cartbox .cartsubtitle .clearbox{-ms-flex:0 0 22%;flex:0 0 22%;max-width: 22%;}
}
@media screen and (max-width: 400px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 5%;}
   .cartsection .cartbox .cartlistbox{height:71%;}
   .cartsection .cartbox .checkoutbox{height:14%;}
   .cartsection .cartbox .checkoutbox .deliverybox ul li .inside .text{-ms-flex:0 0 25%;flex:0 0 25%;max-width: 25%;}
   .cartsection .cartbox .checkoutbox .deliverybox ul li .inside .num{-ms-flex:0 0 75%;flex:0 0 75%;max-width: 75%;}
}
@media screen and (max-width: 360px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 5%;}
   .cartsection .cartbox .cartlistbox{height:70%;}
   .cartsection .cartbox .checkoutbox{height:15%;}
}
@media screen and (max-width: 359px) {
   .cartsection .cartbox .carttitle{height:10%;}
   .cartsection .cartbox .cartsubtitle{height: 5%;}
   .cartsection .cartbox .cartlistbox{height:69%;}
   .cartsection .cartbox .checkoutbox{height:16%;}
   .cartsection .cartbox .cartsubtitle .text{-ms-flex:0 0 75%;flex:0 0 75%;max-width: 75%;}
   .cartsection .cartbox .cartsubtitle .clearbox{-ms-flex:0 0 25%;flex:0 0 25%;max-width: 25%;}
}

.swal2-container{z-index: 1060000;}
.recipientformbox .titlebox,
.recipientformbox .listbox{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;}
.recipientformbox .titlebox {margin:0 0 20px;}
.recipientformbox .titlebox span{font-size: 22px;font-weight: bold;}
.recipientformbox .head{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;text-align: center;position: relative;margin: 0 0 10px;}
.recipientformbox .head span{font-size: 22px;color:#000000;font-weight: bold;}
.recipientformbox .head .prevStep {position: absolute;left: 0;top: 0;cursor: pointer;}
.recipientformbox .head .close{position: absolute;right:0;top: 0;cursor: pointer;}
.recipientformbox .head .close a,
.recipientformbox .head .prevStep a{color:#000000;text-decoration: none;}
.recipientformbox .head .close a i,
.recipientformbox .head .prevStep a i{vertical-align: middle;font-size: 16px;}
.recipientformbox .listbox .infolist{display: inline-flex;align-items: center;flex-wrap: wrap;width:100%;margin: 0;}
.recipientformbox .listbox .infolist .info{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;margin:0 0 10px;}
.recipientformbox .listbox .infolist .info.none{display:none;}
.recipientformbox .listbox .infolist .info .insidebox .textbox{-ms-flex:0 0 25%;flex:0 0 25%;max-width: 25%;text-align: left;}
.recipientformbox .listbox .infolist .info .insidebox .textbox span{color:#000000;font-size: 15px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox{-ms-flex:0 0 75%;flex:0 0 75%;max-width: 75%;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox input{color:#000000;margin:0;height: 36px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox input[type="radio"]{height: auto;position: static;opacity: 1;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox select{color:#000000;margin:0;height: 36px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox textarea{display: inline-block;width: 100%;resize: none;height:250px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.radiobox{text-align: left;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.radiobox label{color:#000000;font-size: 15px;margin: 0 0 0 10px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.radiobox .radiolist{display: inline-flex;flex-wrap: wrap;width:100%;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.radiobox .radiolist li{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;margin:0 0 5px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.radiobox .radiolist li:last-child{margin: 0;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist{display: inline-flex;align-items: center;flex-wrap: wrap;width:100%;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li{-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li:nth-child(1){padding: 0 5px 0 0;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li:nth-child(2){padding: 0 2.5px 0 2.5px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li:nth-child(3){padding: 0 0 0 5px;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox .browser-default {display: block;width: 100%;font-size: 15px;font-weight: 400;line-height: 1.5;color: #333333;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0;padding: 6px 12px;-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;font-family: Microsoft JhengHei;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox .browser-default::-webkit-input-placeholder{color: #333333;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox .browser-default::-moz-placeholder{color: #333333;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox .browser-default:-ms-input-placeholder{color: #333333;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox .browser-default::-ms-input-placeholder{color: #333333;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox .browser-default::placeholder {color: #333333;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.datepickerbox{display: inline-flex;align-items: stretch;flex-wrap: wrap;width:100%;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.datepickerbox input{-ms-flex:0 0 85%;flex:0 0 85%;max-width: 85%;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.datepickerbox button{-ms-flex:0 0 15%;flex:0 0 15%;max-width: 15%;background: transparent;color: #9e9e9e;border: none;cursor: pointer;}
.recipientformbox .listbox .infolist .info .insidebox .inputbox.datepickerbox button:active{color: #27d0ca;}
@media screen and (max-width: 767px) {
   .recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:0 0 10px;}
   .recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li:last-child{margin:0;}
   .recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li:nth-child(1),
   .recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li:nth-child(2),
   .recipientformbox .listbox .infolist .info .insidebox .inputbox#twzipcode .twzipcodelist li:nth-child(3){padding: 0;}
}

.swal2-popup.swal2-modal.swal2-show.bg-grey{background: #FDFBF8;}
/* .opencartbox{cursor: pointer;width: 70px;height: 70px;line-height: 50px;border-radius: 50%;position: fixed;right: 1.5%;bottom: 12.5%;border: 3px solid #333333;padding: 10px;text-align: center;background: #ffffff;box-shadow: 0 0 10px #333333;z-index: 9;}
.opencartbox.bottom{bottom: 2%;}
.opencartbox i{color:#333333;font-size: 20px;}*/
.opencartbox{position: relative;}
.opencartbox .itemcount{width:22px;height:22px;line-height: 22px;border-radius: 50%;background:#ff0000;position: absolute;right: 10px;top: -10px;}
.opencartbox .itemcount span{color:#ffffff;font-size: 12px;} 
.chooseGetMealbox{display: inline-block;width:100%;}
.chooseGetMealbox .head{text-align: center;position: relative;margin: 0 0 10px;}
.chooseGetMealbox .head span{font-size: 20px;color:#000000;font-weight: bold;}
.chooseGetMealbox .head .close{position: absolute;right:0;top: 0;cursor: pointer;}
.chooseGetMealbox .head .close a{color:#000000;text-decoration: none;}
.chooseGetMealbox .head .close a i{vertical-align: middle;font-size: 16px;}
.chooseGetMealbox .chooseGetMealList{display: inline-flex;flex-wrap: wrap;align-items: center;width:100%;margin:0;}
.chooseGetMealbox .chooseGetMealList .mealitem{-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;padding:10px;}
.chooseGetMealbox .chooseGetMealList .mealitem .insidebox{cursor:pointer; padding: 20px 10px;background: #ffffff;-webkit-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);-ms-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);-o-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);}
.chooseGetMealbox .chooseGetMealList .mealitem .insidebox .titlebox{display: inline-block;width:100%;margin:0 0 10px;}
.chooseGetMealbox .chooseGetMealList .mealitem .insidebox .titlebox span{font-size: 20px;font-weight: bold;font-family: Microsoft JhengHei;}
.chooseGetMealbox .chooseGetMealList .mealitem .insidebox .iconbox{display: inline-block;width:100%;margin:0 0 10px;}
.chooseGetMealbox .chooseGetMealList .mealitem .insidebox .iconbox svg{width:100px;height: 100px;}
.chooseGetMealbox .chooseGetMealList .mealitem .insidebox .contentbox{display: inline-block;width:100%;}
.chooseGetMealbox .chooseGetMealList .mealitem .insidebox .contentbox span{font-size: 15px;font-family: Microsoft JhengHei;}
.chooseStorebox{display: inline-block;width:100%;}
.chooseStorebox .head{text-align: center;position: relative;margin: 0 0 10px;}
.chooseStorebox .head span{font-size: 20px;color:#000000;font-weight: bold;}
.chooseStorebox .head .close{position: absolute;right:0;top: 0;cursor: pointer;}
.chooseStorebox .head .close a{color:#000000;text-decoration: none;}
.chooseStorebox .chooseStoreList{display: inline-flex;flex-wrap: wrap;align-items: center;width:100%;}
.chooseStorebox .chooseStoreList .storeitem{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;}
.chooseStorebox .chooseStoreList .storeitem .insidebox .checkbox {display: inline-flex;flex-wrap: wrap;align-items: center;width:100%;}
.chooseStorebox .chooseStoreList .storeitem .insidebox .checkbox .radiobox{-ms-flex:0 0 10%;flex:0 0 10%;max-width: 10%;}
.chooseStorebox .chooseStoreList .storeitem .insidebox .checkbox .articlebox{-ms-flex:0 0 90%;flex:0 0 90%;max-width: 90%;text-align: left;}
.chooseStorebox .chooseStoreList .storeitem .insidebox .checkbox .articlebox label{color:#000000;}
.chooseStorebox .chooseStoreList .storeitem .insidebox .checkbox .articlebox span{display: inline-block;width:100%;}
.chooseStorebox .chooseStoreList .storeitem .insidebox .checkbox .articlebox .maintext{font-size: 18px;font-weight: bold;}
.chooseStorebox .chooseStoreList .storeitem .insidebox .checkbox .articlebox .subtext{font-size: 16px;}
.chooseDatebox{display: inline-block;width:100%;}
.chooseDatebox .head{text-align: center;position: relative;margin: 0 0 10px;}
.chooseDatebox .head span{font-size: 20px;color:#000000;font-weight: bold;}
.chooseDatebox .head .prevStep{position: absolute;left:0;top: 0;cursor: pointer;}
.chooseDatebox .head .close{position: absolute;right:0;top: 0;cursor: pointer;}
.chooseDatebox .head .prevStep a,
.chooseDatebox .head .close a{color:#000000;text-decoration: none;font-weight: bold;}
.chooseDatebox .head .prevStep a i,
.chooseDatebox .head .close a i{vertical-align: middle;font-size: 16px;}
.chooseDatebox .datebox{display: inline-flex;flex-wrap: wrap;align-items: center;width:100%;text-align: left;margin: 0 0 20px;}
.chooseDatebox .datebox .title{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;margin:0 0 5px;}
.chooseDatebox .datebox .title span{font-size: 18px;color:#000000;font-weight: bold;}
.chooseDatebox .datebox .content{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;margin:0 0 5px;}
.chooseDatebox .datebox .content ul{display: inline-flex;flex-wrap: wrap;align-items: center;width:100%;margin: 0;}
.chooseDatebox .datebox .content ul li{-ms-flex:0 0 20%;flex:0 0 20%;max-width: 20%;text-align: center;padding: 5px;}
.chooseDatebox .datebox .content ul li .insidebox{cursor: pointer;padding: 5px;border:2px solid transparent;background: #ffffff;-webkit-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);-ms-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);-o-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);}
.chooseDatebox .datebox .content ul li.active .insidebox{border-color:#000000;}
.chooseDatebox .datebox .content ul li .insidebox .week,
.chooseDatebox .datebox .content ul li .insidebox .day{margin:0 0 5px;}
.chooseDatebox .datebox .content ul li .insidebox .week span,
.chooseDatebox .datebox .content ul li .insidebox .month span{font-weight: bold;text-transform:uppercase;}
.chooseDatebox .datebox .content ul li .insidebox .week span,
.chooseDatebox .datebox .content ul li .insidebox .month span{font-size: 14px;}
.chooseDatebox .datebox .content ul li .insidebox .day span{font-size: 24px;}
.chooseDatebox .datebox .content select{display: block;width: 100%;height: 40px;padding: 0.375rem 0.75rem;font-size: 16px;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #251b1b;border-radius: 3px;-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
@media screen and (max-width: 1024px) {
   .chooseGetMealbox .chooseGetMealList .mealitem{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;}
   .chooseGetMealbox .chooseGetMealList .mealitem .insidebox .contentbox span{font-size: 14px;}
}
@media screen and (max-width: 480px) {
   .chooseGetMealbox .chooseGetMealList .mealitem .insidebox{padding: 10px 10px 20px;}
   .chooseGetMealbox .chooseGetMealList .mealitem .insidebox .iconbox svg{width:80px;height:80px;}
}

.productlist li img,
.section-wrapper .sectionbox .meunlist .card .card-image img{cursor: pointer;}

#swal2-content .searchorderbox{display: inline-flex;flex-wrap: wrap;align-items: center;width:100%;}
#swal2-content .searchorderbox .textbox{-ms-flex:0 0 25%;flex:0 0 25%;max-width: 25%;}
#swal2-content .searchorderbox .textbox span{color:#251b1b;}
#swal2-content .searchorderbox .inputbox{-ms-flex:0 0 75%;flex:0 0 75%;max-width: 75%;}
#swal2-content .searchorderbox .inputbox input{color:#251b1b;}
#swal2-content .orderstatusbox{display: inline-block;width:100%;text-align: left;}
#swal2-content .orderstatusbox ul{display: inline-flex;flex-wrap: wrap;align-items: center;width:100%;}
#swal2-content .orderstatusbox ul li{-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;margin:0 0 10px;}
#swal2-content .orderstatusbox .textbox,
#swal2-content .orderstatusbox .inputbox{display: inline-block;width:100%;}
#swal2-content .orderstatusbox .textbox{margin:0 0 5px;}
#swal2-content .orderstatusbox .textbox span{color:#251b1b;font-weight: bold;font-size: 16px;}
#swal2-content .orderstatusbox .inputbox span{color:#251b1b;font-size: 16px;}

/* .scrollsectionbox {cursor: pointer;width: 70px;height: 70px;border-radius: 50%;position: fixed;right: 1.5%;bottom: 12.5%;padding: 0;text-align: center;z-index: 9;}
.scrollsectionbox a{display: inline-block;width:100%;} */