/* 隱藏數字輸入框的箭頭（Webkit瀏覽器） */
 input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
 /* 隱藏數字輸入框的箭頭（Firefox） */

input[type="number"] {  -moz-appearance: textfield;}

.input-group .input-group-text { background-color: #fff; border: none;}


.normal-font-style400, .cart-onlineShop-box .cart-onlineShop-item > p, .member-account-main > span, .account-order-item .order-content .order-content-priceStatus > p, .account-order-item .order-content .order-pay-status > p, .member-point-item .point-value > p, .section-shop-steps .shop-steps-card h3 span, .cart-total-product, .same-profile-check > label, .offers-shipping-left .form-check > span, .offers-shipping-left .form-check .form-check-label, .offers-shipping-left .input-group span, .offers-shipping-left .input-group input, .offers-shipping-left .form-select, .pickup-item > span, .offers-shipping-right tr td, .shop-dobble-check label, .order-information-main .order-information tbody tr th, .order-information-main .order-table td, .login-content-main > span, .login-content-main > .contact-us-item label, .section-login-page .section-login-btns .login-btn-item > span, .section-login-page .section-login-btns > a, .section-login-page .outside-login-btns > span, .section-login-page .outside-login-btns .outside-login-item, .signUp-main > h2, .shop-guide-section p, .siteMap-item > ul > li > ul > li > a, .langbox a, .search-model > .input-group-text, .shop-cart-model .shop-cart-content .cart-model-txt p, .shop-cart-model .cart-model-title > p {
font-weight: 400; letter-spacing: 0.05em;}

/*login start*/
.section-login-content { padding-bottom: 5rem;}
.login-content-main { width: 33.4375%; margin: auto; min-width: 300px; padding: 48px 32px; background-color: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.login-content-main > h2 { font-size: 40px; color: #3c6d06;}
.login-content-main > h2::after {content: "";  display: block;  width: 100%; margin: 2rem 0;  border-top: 5px dotted #707070; }
.login-content-main > span { font-size: 1.125rem; color: #707070; line-height: 1.5; display: block; margin-bottom: 2rem; }
.login-content-main > .contact-us-item labe{ font-size: 18px; margin-bottom: 0.8rem; }
.login-content-main > .contact-us-item input { background-color: #ebebeb; height: 53px; }
.section-login-page {  position: relative; z-index: 1;}
.section-login-page::before { content: "";  display: block; width: 100%; height: 94%;  border-radius: 300px 300px 0 0; background-color: #f2f2f2; position: absolute; bottom: 0; left: 0;  z-index: -1;}
.section-login-btns{ margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #000;}
.section-login-btns .login-btn-item  { width: 100%; font-size: 15px; color: #000; padding: 18px 0; border-radius: 50px; position: relative;}
.section-login-btns .login-btn-item { font-size: 20px; margin-top: 1rem; }
.section-login-btns .login-btn-item:nth-child(1) { background-color: #fddb85; position: relative;  z-index: 1;}
.section-login-btns .login-btn-item::before {  content: ""; display: block; width: 0;  height: 100%;border: 0px solid #e9ef9e;  border-radius: 50px;  background-color: #eaef9eb6; position: absolute;z-index: -1; top: 0; left: 0; transition: 0.3s ease-in;  }
.section-login-btns .login-btn-item:hover::before { width: 100%;}
.section-login-btns .login-btn-item:nth-child(2) { background-color: #fff; border: 1px solid #000;  }
.section-login-btns .login-btn-item > span { font-size: 18px; color: #000; }
.section-login-btns > a { margin: 1rem auto;  font-size: 18px; line-height: 1.2;  color:#f18201; border-bottom: 1px solid ; text-decoration: none;     }
.outside-login-btns > span { text-align: center; font-size: 18px; color: #707070;  margin-bottom: 2rem;}
.outside-login-btns .outside-login-item { width: 100%; font-size: 15px; color: #000; padding: 18px 0; border-radius: 50px;}
.outside-login-btns .outside-login-item .login-item-pic { width: 30px; margin-right: 20px;}
.outside-login-btns .outside-login-item .login-item-pic img {  width: 100%; vertical-align: top;}
.outside-login-btns .outside-login-item + .outside-login-item { margin-top: 1rem;}
.outside-login-btns .outside-login-item:nth-of-type(1) { background-color: #68b82b; color: #fff;}
.outside-login-btns .outside-login-item:nth-of-type(2) { border: 1px solid #000; background-color: #fff;}
    
@media (max-width: 992px) {
.section-login-content {  padding-bottom: 3rem; padding-top: 0; }
.login-content-main {  width: 82.60869%; margin: auto;  padding: 20px;}
.login-content-main h2 { font-size: 25px;}
.login-content-main::after {   margin: 24px 0;  }
.login-content-main > span  {  font-size: 15px; margin-bottom: 24px; }
.login-content-main> .contact-us-item label { font-size: 15px;  }
.login-content-main> .contact-us-item input {  background-color: #ebebeb; height: 43px; }

.section-login-page::before {  height: 97%; border-radius: 100px 100px 0 0; }
.section-login-btns {  margin-bottom: 0rem; padding-bottom: 1rem;}
.section-login-btns .login-btn-item  { width: 100%; font-size: 15px;  padding: 14px 0;}
.section-login-btns .login-btn-item  > span { ont-size: 15px;  }
.section-login-btns .login-btn-item  > a { font-size: 15px; margin: auto; margin-top: 1em;  }

.outside-login-btns > span { font-size: 15px;  margin-bottom: 24px; margin-top: 0.55em; }
.outside-login-btns .outside-login-item { font-size: 15px; padding: 16px 0; ;}
.outside-login-btns .outside-login-item .login-item-pic{ width: 21px; argin-right: 10px;  }
}


@media (max-width:320px) {
.login-content-main {  width: 100%; max-width:280px; margin:auto -10px;  padding: 20px;}
}
/*login end*/
.index-public-title { padding-top: 43px;}
.index-public-title h1,.index-public-title h2 { text-align: center;}
.index-public-title h1 > span, .index-public-title h2 > span { font-weight: 500; font-size: 50px; color: #fff; padding: 9px 20px; background-color:#fe9e00; border-radius: 100px;}
.index-public-title > span { font-size: 96px; font-weight: 700; color: #000000; text-align: center; margin-top: 28px; display: block; padding-bottom: 4rem;}
@media (max-width: 992px) {
.index-public-title h1 > span, .index-public-title h2 > span { font-size: 25px; padding: 9px 15px;  }	
.index-public-title > span { font-size: 32px; padding-bottom: 0; letter-spacing: 0px;}
	
}
/*signUp-main*/
.signUp-main { width: 45%; margin: auto; padding-bottom: 80px;}
.signUp-main > h2 { font-size: 18px; text-align: center; color: #000;  margin-bottom: 4rem; }

.section-signPage-top { position: relative; z-index: 1;}
.section-signPage-top::before { content: "";  display: block; width: 100%; height: 75%;  border-radius: 300px 300px 0 0;  background-color: #f2f2f2; position: absolute;  bottom: 0; left: 0;  z-index: -1;}

.section-signPage-content { background-color: #f2f2f2;}
.signUp-box .sign-item { width: 43.75%; text-decoration: none;}
.signUp-box .sign-item > span { font-size: 18px;  padding: 0.53em 1.5555em; border-radius: 50px; color: #fff;  display: block; width: fit-content;  margin: auto; background: linear-gradient( 0deg, rgba(218, 226, 74, 1) 45%, rgba(171, 205, 3, 1) 100% ); }
.signUp-box .sign-item:first-child .signUp-item-pic {
  background-size: cover;
  background-image: url(../images/consumer.png);
}
.signUp-box .sign-item:first-child .signUp-item-pic:hover {
  background-image: url(../images/consumer-hover.png);
}
.signUp-box .sign-item:nth-child(2) .signUp-item-pic {
  background-image: url(../images/company.png);
  background-size: cover;
}
.signUp-box .sign-item:nth-child(2) .signUp-item-pic:hover {
  background-image: url(../images/company-hover.png);
}

.signUp-item-pic {  width: 100%; padding-bottom: 100%; margin-bottom: 1rem;  }

.signUp-profile-main { width: 49.375%;  margin: auto; padding-bottom: 80px;}
.signUp-profile-main h2{ font-size: 40px;  }
.signUp-profile-main h2::after {  content: "";  margin: 30px 0;  display: block; border-top: 5px dotted #707070; }

.shop-guide-section { padding-top: 64px;}
.shop-guide-section h2{ font-size: 20px; color: #000;  line-height: 1.6; margin-bottom: 1em;}
.shop-guide-section p{font-size: 18px; color: #000; line-height: 1.6;}
.shop-guide-section span {line-height: 1.6; color: red;  }
.shop-guide-section ul li{ position: relative; padding-left: 20px;}
.shop-guide-section ul li::before { content: "•"; position: absolute; top: 0.3em; left: 0; font-size: 20px;  color:#000;  }

@media (max-width: 992px) {
.signUp-main { width: 82.6086%; padding: 48px 0 46px;}
.signUp-main  > h2 { font-size: 15px; margin-bottom: 3rem; }
.section-signPage-top {  position: relative; z-index: 1;}
.section-signPage-top::before { content: "";  display: block;  width: 100%; height: 75%; border-radius: 300px 300px 0 0; background-color: #f2f2f2; position: absolute;  bottom: 0;  left: 0;  z-index: -1;    }
.section-signPage-content { background-color: #f2f2f2;}
.signUp-box .sign-item { width: 48.53801%; text-decoration: none;}
.signUp-box .sign-item > span { font-size: 15px;  }
.signUp-item-pic {  width: 100%; padding-bottom: 100%; margin-bottom: 1rem;  }
.signUp-profile-main {  width: 82.6086%; padding: 48px 0 46px;}
.signUp-profile-main h2 {  font-size: 25px;  }
.shop-guide-section  h2, .shop-guide-section p { font-size: 15px;  }
.shop-guide-section { padding-top: 48px;  }
}

 

.section-member-account{padding-bottom: 80px;}

/*member-account start*/
.member-account-main { margin-bottom: 80px;}
.member-account-main > h1 { font-size: 40px; color: #3c6d06;}
.member-account-main > h1::after {  content: "";  margin: 30px 0px;width: 100%; height: 2px; background-color: #eee; display: block;   }
.member-account-main  h3 { font-size: 24px; font-weight: 500; letter-spacing: 0.05em; color: #000; margin-bottom: 30px;}
.member-account-main > h3 > span {  font-size: 18px;  margin-left: 1rem; background-color: #fddb85; padding: 0.5555em 1.6666em;  border-radius: 50px;}
.member-account-main > p {font-size: 18px; margin-bottom: 0.75em;color: #000;   }
.member-account-main p > span {  font-size: 16px;  line-height: 1.4; color: #707070; }
.member-account-order h3 { font-size: 40px; color: #000;}
.member-account-order {  width: 95.5%;}

.account-order-item { text-decoration: none; display: flex; flex-direction: column; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.account-order-item + .account-order-item { margin-top: 2rem; }
.order-item-title { padding: 0.5em 3rem; background-color: #fddb85;}
.order-item-title > h4 { font-size: 20px; font-weight: 700; color: #000; }

.order-content {  padding: 16px 48px; background-color: #fff;}
.order-content-pic { width: 114px; margin-right: 15%; flex-shrink: 0;}
.order-content-pic img {  width: 100%; vertical-align: middle; }

.order-content-priceStatus { margin-right: 25%;}
.order-content-priceStatus > p {  font-size: 18px;   color: #000; line-height: 1.8;}
.order-content-priceStatus > p > span{  padding: 6px 16px;  border-radius: 50px; background-color: #e9ef9e; }
.order-pay-status > p { font-size: 18px; color: #000;  line-height: 1.8; }
.payOrder-concat-box { width: 100%;  display: flex; align-items: center;}
.member-account-order { margin-bottom: 60px;}
.member-account-order > h3 { font-size: 2.083333vw; margin-bottom: 0.8em; color: #000; }
 
@media (max-width: 1500px) {
.account-order-item .order-content .order-pay-status > p { font-size: 14px;}
.account-order-item .order-content .order-content-priceStatus > p {  font-size: 14px;}
.account-order-item .order-content { padding: 16px 20px;  background-color: #fff;}
.account-order-item .order-content .order-content-pic { width: 114px;  margin-right: 8%;  flex-shrink: 0;}
}

@media (max-width: 992px) {
.member-account-main { width: 100%; margin: 30px auto;}
.member-account-main > h1 { font-size: 24px;}
.member-account-main h3 { font-size: 20px;  margin-bottom: 30px;}
.member-account-main h3 > span { font-size: 15px;  margin-left: 1rem;  background-color: #fddb85;  padding: 0.6666em 1.266666em;  border-radius: 50px;  }
.member-account-main > p { font-size: 18px; margin-bottom: 0.75em; color: #000; }
.member-account-main > span { font-size: 16px; line-height: 1.4; color: #707070;  }
.member-account-order h3 {  font-size: 25px;color: #000;margin-bottom: 0.8em;  }
.member-account-order { margin-bottom: 0px;}
.account-order-item  .order-item-title { padding: 12px 16px;}
.account-order-item  .order-item-title > h4 { font-size: 16px; }
.order-content {  padding: 24px 14px;}
.order-content-pic { width: 62px; margin-right: 17px; align-self: flex-start;  }
.order-content-priceStatus { width: 100%;  margin-right: 0%;}
.order-content-priceStatus  > p { font-size: 15px;  line-height: 2;}
.order-content-priceStatus  > span { padding: 6px 12px;  }
.order-pay-status {  width: 100%; }
.order-pay-status > p { font-size: 15px; line-height: 1.6; }
.payOrder-concat-box { width: 100%; display: flex; flex-direction: column; align-items: center;  }
.member-account-order { width: 100%;}
}
/*member-account end*/

/*member-point start*/
.member-point-title { padding: 10px 48px;  background-color: #fe9e00;}
.member-point-title .point-title-item > p { font-size: 20px; color: #000;}
.member-point-title .point-title-item:nth-child(1) { width: 47.9289%; }
.member-point-title .point-title-item:nth-child(2) { width: 31.9526%;  }
.member-point-title .point-title-item:nth-child(3) { width: 17%;  }
.member-point-item { padding: 14px 48px; background-color: #ffffff; border-bottom: 1px solid #b6b6b6;}
.member-point-item .point-value > p { font-size: 1rem; color: #000; }
.member-point-item .point-value:nth-child(1) { width: 47.9289%; }
.member-point-item .point-value:nth-child(2) {  width: 31.9526%; }
.member-point-item .point-value:nth-child(3) { width: 17%; }
 
@media (max-width: 992px) {
.member-point-title { padding: 12px 33px 12px 16px;}
.member-point-title .point-title-item > p { font-size: 16px; }
.member-point-title .point-title-item:nth-child(1),.member-point-title .point-title-item:nth-child(2),.member-point-title .point-title-item:nth-child(3) { width: 33.333%; }
.member-point-item { padding: 12px 33px 12px 16px;}
.member-point-item .point-value > p {font-size: 0.875rem; line-height: 1.4; }
.member-point-item .point-value:nth-child(1) { padding-right: 1em; }
.member-point-item .point-value:nth-child(1),.member-point-item .point-value:nth-child(2),.member-point-item .point-value:nth-child(3) { width: 33.333%; }
}
/*member-point end*/
 
.update-main { width: 85.48241%;}
.member-update-btns > button { padding: 0.8em 4.1em; border-radius: 50px; margin-bottom: 10px;}
.member-update-btns > button .shop-card-arrow{ width: 22px; transform: translateY(-5px); margin-left: 16px;}
.member-update-btns > button .shop-card-arrow img {  width: 100%; vertical-align: middle;  }    
.member-update-btns > button:first-child{ border: 1px solid #000000; background-color: #fff;  }
.member-update-btns > button:nth-child(2){ background-color: #fe9e00; position: relative; z-index: 1; justify-content: center;}
.member-update-btns > button:nth-child(2)::before{ content: ""; border: 0px solid #e9ef9e; display: block; width: 0; height: 100%; border-radius: 50px; background-color: #eaef9eb6; position: absolute; top: 0; left: 0; transition: 0.3s ease-in-out; z-index: -1;}
.member-update-btns > button:nth-child(2):hover::before {  width: 100%;  }
.member-update-btns > button > span { font-size: 1.042vw; font-weight: 500; letter-spacing: 0.05em; color:#000; }
.update-btn-item { width: 48%;  border-radius: 50px; font-size: 20px;}
@media (max-width: 1360px) {
.update-btn-item { font-size: 15px; }
}
@media (max-width: 922px) {
.update-main { width: 100%; padding-bottom: 0px; }
.update-btn-item {  width: 100%; font-size: 16px; }
.member-update-btns > button { padding: 18px 0;}
.member-update-btns > button .shop-card-arrow { width: 22px; transform: translateY(-5px);  margin-left: 16px;}
.member-update-btns > button .shop-card-arrow img { width: 100%; vertical-align: middle;  }
.member-update-btns > button:first-child { border: 1px solid #000000; background-color: #fff; order: 1; }
.member-update-btns > button:nth-child(2) { background-color: #fe9e00; position: relative; z-index: 1; justify-content: center;}
.member-update-btns > button::before { content: "";  border: 0px solid #e9ef9e; display: block; width: 0; height: 100%; border-radius: 50px; background-color: #eaef9eb6; position: absolute; top: 0; left: 0; transition: 0.3s ease-in-out; z-index: -1; }
.member-update-btns > button:hover::before { width: 100%; } 
.member-update-btns > button span { font-size: 1.042vw; font-weight: 500; letter-spacing: 0.05em; color: #000000;  }
}
@media (max-width: 1360px) {
.member-update-btns > button .shop-card-arrow { width: 15px; transform: translateY(-4px); margin-left: 16px;  }
}
/*.update contact-us*/
.contact-us-title-w {  font-size: 18px; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; color: #000;}
.contact-us-top { padding-bottom: 80px;}
.contact-us-main { width: 49.375%; margin: auto;}
.contact-us-form { padding-bottom: 60px;}
.contact-us-form > h3 { font-size: 1.125rem; margin-bottom: 1rem;  line-height: 1.6; font-weight: 700;  }
.contact-us-form > p { margin-bottom: 2rem; font-weight: 700; }
.contact-us-form > p span { color: red; }
.contact-us-item > label {  font-weight: 700;  margin-bottom: 0.5rem;}
.contact-us-item > label span { color: red;  }
.contact-us-item  input,.contact-us-item select{ width: 100%; height: 53px;  background-color:#fdfef3; }
.contact-us-item textarea{ width: 100%;  background-color:#fdfef3;  }

@media (max-width: 992px) {
.contact-us-top { padding-bottom: 48px; }
.contact-us-main {  width: 82.608695%;}
.contact-us-form { padding-bottom: 48px;}
.contact-us-form > h3 { margin-bottom: 3rem;  margin-top: 3rem;}
.contact-us-title-w > p { margin-bottom: 3rem;}
.contact-us-title-w  > p span { color: red;  }
.contact-us-title-w { font-size: 15px;  }
 .contact-us-title-w, .contact-us-form > h3, .contact-us-form > p, .contact-us-form .contact-us-item > label { font-size: 15px;  font-weight: 400; }
}

/*shop-ask-cart*/
.inquiry-cart-main { width: 100%; margin: auto;}
.inquiry-cart-shop { margin-bottom: 64px;}
 
.contact-us-title-w, .contact-us-form .contact-us-item > label, .contact-us-form > p, .contact-us-form > h3 { font-size: 18px;  letter-spacing: 0.05em; line-height: 1.2;  color: #000;}
.cart-shop-title { width: 100%; padding: 0.5em 0; background-color: #dae24a; padding-left: 48px;}
.shop-title-item > p {  font-weight: 500; font-size: 20px; letter-spacing: 0.05em; color: #000; text-align: center; padding: 0.6em 0;}
.shop-title-item:first-child { width: 53.6%;}
.shop-title-item > p{  text-align: start;  }
.shop-title-item:nth-child(2) { width: 20%; text-align: center;  }
.shop-title-item:nth-child(3) { width: 15%; text-align: center;  }
.shop-title-item:last-child {  width: 10%; text-align: center;  }
 
/*shopCart-step01*/
.cart-shopOnline-title { width: 100%; padding: 0.5em 0; background-color: #dae24a; padding-left: 48px;}
.cart-shopOnline-title .onlineShop-title-item > p {  font-weight: 500; font-size: 20px; letter-spacing: 0.05em; color: #000;  text-align: center; padding: 0.6em 0;}

.cart-shopOnline-title .onlineShop-title-item:first-child > p { text-align: start;}
.cart-shopOnline-title .onlineShop-title-item:first-child {width: 33.6%;}
     
.onlineShop-title-item:nth-child(2) { width: 20%; text-align: center;}
.onlineShop-title-item:nth-child(3) { width: 20%; text-align: center;}
.onlineShop-title-item:nth-child(4) { width: 15%; text-align: center;}
.onlineShop-title-item:last-child { width: 10%; text-align: center;}
 

.cart-shop-box { width: 100%; padding: 1.5rem 3rem 1.5rem 3.5rem; background-color: #f9fbe6; position: relative;}
.cart-shop-box + .cart-shop-box::before { content: ""; display: block; width: 92%; margin: auto;  border-top: 1px solid #b6b6b6; position: absolute; top: 0; left: 0;  right: 0;   }
.cart-shop-pic { width: 114px;}
 .cart-shop-pic img { width: 100%;  }
.cart-shop-item { width: 100%; display: flex; align-items: center;}
 .cart-shop-box .cart-shop-item {  width: 100%; display: flex; align-items: center;}


.cart-shop-box .cart-shop-item:first-child {width: 53.6%;}
.cart-shop-box .cart-shop-item:first-child span { margin-left: 3rem; line-height: 1.3;}
.cart-shop-box .cart-shop-item:nth-child(2) {  width: 20%;}
.cart-shop-box .cart-shop-item:nth-child(2) > select { width: 80%;  margin: auto; height: 38px;  font-size: 16px !important;  }
 
.cart-shop-box .cart-shop-item:nth-child(3) { width: 18%;}
.cart-shop-box .cart-shop-item:nth-child(3) .input-group { width: 75%; margin: auto; transform: translateX(-10%); border: solid 1px #cfd5db; }
.cart-shop-box .cart-shop-item:nth-child(3) .input-group input{  border:none; }


  .cart-shop-box .cart-shop-item:last-child { width: 5%;}


.cart-onlineShop-box { width: 100%; padding: 1.5rem 3rem 1.5rem 3.5rem;  background-color: #f9fbe6; position: relative;}
.cart-onlineShop-box + .cart-onlineShop-box::before {  content: ""; display: block; width: 92%;  margin: auto;  border-top: 1px solid #b6b6b6; position: absolute; top: 0; left: 0; right: 0;}

.cart-onlineShop-box .cart-onlineShop-pic {  width: 114px;}
.cart-onlineShop-box .cart-onlineShop-pic  img { width: 100%;  } 
.cart-onlineShop-box .cart-onlineShop-item { width: 100%; display: flex; align-items: center;}
.cart-onlineShop-item  > p { font-size: 18px; color: #000; }

.cart-onlineShop-box .cart-onlineShop-item:first-child { width: 37%;}
.cart-onlineShop-box .cart-onlineShop-item:first-child span { margin-left: 3rem;  line-height: 1.3;}  
 .cart-onlineShop-box .cart-onlineShop-item:nth-child(2) { width: 20%; display: flex;}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(2) p { text-align: center; width: fit-content; margin: auto; transform: translateX(-1.5em); display: flex;   }
 
.cart-onlineShop-box .cart-onlineShop-item:nth-child(3) { width: 20%;}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(3) .input-group { width: 75%; margin: auto; transform: translateX(-10%); border: solid 1px #cfd5db;}




.cart-onlineShop-box .cart-onlineShop-item:nth-child(4) { width: 18%; display: flex;}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(4) p { text-align: center; width: fit-content; margin: auto; transform: translateX(-1.5em); display: flex;  align-items: center;    }
.cart-onlineShop-box .cart-onlineShop-item:last-child { width: 5%; }
.input-group .form-control {text-align: center; border: none;}



.cart-shop-del { width: 24px; height: 24px; position: relative; background-image:url( "../images/icon/delete-Default.png");  background-size: cover; background-repeat: no-repeat;}
.cart-shop-del:hover { background-image:url( "../images/icon/delete-hover.png"); }


 @media (max-width: 992px) {
    .cart-onlineShop-box .cart-onlineShop-item:nth-child(3) .input-group {
        width: 100%;
        margin: auto;
        transform: translateX(0%);
        border-radius: 38px;
    }
}


/* 用文字*/
.cart-shop-item-txt { font-size: 18px; font-weight: 400; letter-spacing: 0.05em; color: #000; border-radius: 0px;}
@media (max-width: 1500px) {
.cart-shop-title { background-color: #dae24a; padding-left: 48px;}
.shop-title-item > p { font-size: 20px; }
.shop-title-item:first-child { width: 48%;}
.shop-title-item > p { text-align: start;  }

.shop-title-item:nth-child(2) { width: 20%; text-align: center; }
.shop-title-item:nth-child(3) { width: 18%; text-align: center;  }
.shop-title-item::last-child { width: 10%; text-align: center;  }

.cart-shop-box { padding: 1.5rem 1rem 1.5rem 3.5rem;}
.cart-shop-box + .cart-shop-box::before { width: 92%; }
.cart-shop-pic { width: 114px;}
.cart-shop-pic img { width: 100%;  }
.cart-shop-item {}
.cart-shop-item:first-child { width: 48%; }
.cart-shop-item:nth-child(2) { width: 25%;}
.cart-shop-item:nth-child(2) > select { width: 80%; font-size: 14px !important;  }

.cart-shop-item:nth-child(3) { width: 18%;}
.cart-shop-item:nth-child(3).input-group { width: 100%; transform: translateX(-10%);  }
.cart-shop-item:last-child { width: 5%; }
.cart-shopOnline-title .onlineShop-title-item:first-child { width: 31%;  }
}



@media (max-width: 1350px) {
  .cart-shop-box .cart-shop-item:nth-child(3) .input-group { width: 100%; }
  .cart-onlineShop-box .cart-onlineShop-item:nth-child(3) .input-group { width: 100%; }
  .cart-onlineShop-box .cart-onlineShop-item:first-child span {margin-left: 1rem;  line-height: 1.3;  }
 }



@media (max-width: 992px) {
.inquiry-cart-main {  width: 96%; }
.inquiry-cart-shop {  margin: 48px 0;  }
.cart-shop-title { width: 100%; padding: 0.5em 0; padding-left: 1em;}
.shop-title-item  > p { font-size: 16px; padding: 0.6em 0; }
 
.cart-shopOnline-title { width: 100%; padding: 0.5em 0; padding-left: 1em;}
.onlineShop-title-item  > p { font-size: 16px;  padding: 0.6em 0;       }


/*  //詢價車*/
.cart-shop-box { padding: 24px 16px; flex-wrap: wrap;}
.cart-shop-box .cart-shop-pic{ width: 93px; flex-shrink: 0; }
.cart-shop-box .cart-shop-item {  border-radius: 0px;}
.cart-shop-box .cart-shop-item > label { margin-right: 8px; flex-shrink: 0; font-size: 15px; font-weight: 400;  letter-spacing: 0.05em;  color: #000;  }
	
 
.cart-shop-box .cart-shop-item + .cart-shop-item{  margin-top: 8px; }

.cart-shop-box .cart-shop-item:first-child {  width: 79%;  }

.cart-shop-box .cart-shop-item span {   }
 .cart-shop-box .cart-shop-item:nth-child(2) { width: 100%;}
.cart-shop-box .cart-shop-item:nth-child(2) select { width: 100%; margin: auto;  }
.cart-shop-box .cart-shop-item:nth-child(3) {  width: 100%; }
 .cart-shop-box .cart-shop-item:nth-child(3) .input-group { width: 100%; margin: auto; transform: translateX(0%);  }
.cart-shop-box .cart-shop-item:last-child { width: 5%;  }

/*  //購物車*/
 	
.cart-onlineShop-box { padding: 24px 16px; flex-wrap: wrap;}
.cart-onlineShop-pic { width: 93px; flex-shrink: 0;  }
.cart-onlineShop-box .cart-onlineShop-item { border-radius: 0px;}
.cart-onlineShop-box .cart-onlineShop-item > label { margin-right: 8px;  flex-shrink: 0; font-size: 15px;  font-weight: 400; letter-spacing: 0.05em; color: #000; }
.cart-onlineShop-box .cart-onlineShop-item  + .cart-onlineShop-item { margin-top: 11px;  }
.cart-onlineShop-box .cart-onlineShop-item:first-child {  width: 79%;}


.cart-onlineShop-box .cart-onlineShop-item:nth-child(2) { width: 100%;}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(2) p { font-size: 13px;  margin: 0; transform: translateX(0);}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(2) span {  margin-right: 12px;  }

.cart-onlineShop-box .cart-onlineShop-item:nth-child(3) {  width: 100%;}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(3).input-group { width: 100%; margin: auto; transform: translateX(0%); border-radius: 38px; }
 
	
	
.cart-onlineShop-box .cart-onlineShop-item:nth-child(4) { width: 100%;}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(4) p { font-size: 13px;  margin: 0; transform: translateX(0);}
.cart-onlineShop-box .cart-onlineShop-item:nth-child(4) span { margin-right: 12px;  }

.cart-onlineShop-box .cart-onlineShop-item:last-child { width: 5%; }
.cart-onlineShop-box .cart-onlineShop-item:last-child .cart-shop-item-txt { font-size: 18px; font-weight: 400; letter-spacing: 0.05em; color: #000; }
.cart-shop-del { width: 16px; height: 16px; position: absolute;  right: 36px; top: 26%; }
/*  //共用文字*/
.cart-shop-item-txt { font-size: 15px; }
}


 
.shop-card-btns button { padding: 0.97em 0em; min-width: 190px;  border-radius: 50px; margin-bottom: 10px; width: 12.96875vw;}
.shop-card-btns button span{font-size: 1.125rem; font-weight: 700;}

.shop-card-btns button:first-child { margin-right: 20px;  }
.shop-card-btns button:first-child { border: 1px solid #000000; background-color: #fff;  }
.shop-card-btns button:nth-child(2) { background-color: #dae24a;position: relative; z-index: 1; justify-content: center;}
.shop-card-btns button::before { content: ""; border: 0px solid #e9ef9e;display: block; width: 0; height: 100%;border-radius: 50px; background-color: #eaef9eb6; position: absolute; top: 0; left: 0; transition: 0.3s ease-in-out; z-index: -1; }
 .shop-card-btns button:hover::before { width: 100%; }
@media (max-width: 992px) {
.shop-card-btns { justify-content: space-between;}
.shop-card-btns > button { width: calc(100%/2 - 8px);min-width: 100px; padding: 1em 0; border-radius: 50px;}
.shop-card-btns > button:first-child { padding: 1em 0em;  margin-right: 0; }
  }

 
/*shopstep*/
 .section-steps-page { padding-bottom: 80px;}
 
 .section-shop-steps { width: 55%; margin: auto; display: flex; align-items: center; justify-content: space-between;margin-bottom: 64px;}
.section-shop-steps .shop-steps-card .shop-steps-pic { width: 8.17708vw; min-width: 120px; margin-bottom: 2rem;}
.section-shop-steps .shop-steps-card h3 { font-size: 32px; font-weight: 700; text-align: center;  margin-bottom: 0.5em;}
.section-shop-steps .shop-steps-card h3 span {  font-size: 18px;}
.cart-total-product { font-size: 16px; color: #707070;  margin-top: 2em; display: block;}

.inquiry-cart-main  h1,.inquiry-cart-main h2 { font-size: 40px; color: #3c6d06;}
.inquiry-cart-main  h1:after, .inquiry-cart-main  h2:after  {  content: ""; display: block; width: 100%; border-top: 5px dotted #707070;  margin: 0.8em 0 1em; }

.same-profile-check > label {  font-size: 18px; color: #000; }
.same-profile-check > input {  margin-left: 0.8em; border: 2px solid #000; }

.offers-shipping-left  h4 {width: fit-content;  margin-bottom: 1em; font-size: 18px; color: #fff; padding: 0.555em 1.5555em;  border-radius: 50px; background: linear-gradient( 0deg, rgba(218, 226, 74, 1) 45%, rgba(171, 205, 3, 1) 100% );}
.offers-shipping-left .form-check {align-items: center;  margin-bottom: 1em;}
.offers-shipping-left .input-group span { font-size: 18px; color: #000; padding: 0.6em 2.7em;}
.offers-shipping-left .form-check-input:checked ~ .two-check > .box { display: block;  }
.offers-shipping-left .form-check .form-check-label { font-size: 18px; color: #000; margin-left: 1em; line-height: 1.2;}
.offers-shipping-left .input-group {  width: 82%; border: none;}
.offers-shipping-left .input-group input { background: #ebebeb; color: #707070; font-size: 18px;} 
.offers-shipping-left .input-group .input-group-text { background-color: #dae24a;}

.pickup-item { width: 100%; display: none;}
.pickup-item > span { font-size: 16px; color: #707070; line-height: 1.6;  }

.form-check-input[type=radio] { width: 20px; height: 20px; transform: translateY(-1px); border: 2px solid #000; box-sizing: border-box;}
.form-check-input:checked { background-color: #000; border-color: #000;}
.form-check-input:focus { box-shadow: none; border-color: #000;}



.offers-shipping-right { width: 71.2962%; margin-top: auto;}
.offers-shipping-right tr { display: flex; justify-content: space-between;}
.offers-shipping-right tr:last-child { border-top: 1px solid #b6b6b6; padding-top: 1em;}
.offers-shipping-right  td:first-child { color: #3c6d06; }
.offers-shipping-right tr td{font-size: 18px; font-weight: 700;  margin-bottom:5px;}

.offers-shipping-btns {  width: 74.21383%; margin-left: auto;}

.shop-dobble-check {  margin-top: 7%;}
.shop-dobble-check label {   font-size: 18px; color: #000; margin-left: 0.7em; }
 
.bill-type-item {  width: 100%;  padding-top: 26px;}

/*shopCart-step03*/
  .order-information {  width: 100%; background-color: #fff;}
.order-information-main  h3 { font-size: 40px; color: #000; margin-bottom: 0.8em;}

 .order-information-main .order-information tbody { font-size: 18px; color: #000; border: 1px solid #b6b6b6; text-indent: 1.5em; line-height: 1.4;}
.order-information-main .order-information tbody tr th { width: 19%; padding: 18px 0; background-color: #f4f7ce; border: 1px solid #b6b6b6;}
.order-information-main .order-information tbody tr td { width: 81%;  padding: 18px 0; border: 1px solid #b6b6b6;}

.order-information-main .order-table { width: 100%; border-collapse: collapse; margin: 20px 0;  min-width: 1200px;}
.order-information-main .order-table tbody {  background-color: #fff;}

 .order-information-main .order-table th { background-color: #dae24a; text-align: left; font-size: 20px; color: #000;}
 .order-information-main .order-table th, .order-information-main .order-table td { padding: 12px;}
 
.order-information-main .order-table tbody th, .order-information-main .order-table tbody td { border: 1px solid #ddd;}

.order-information-main .order-table .product-description { text-align: left;}
.order-information-main .order-table .product-description-pic { width: 114px; display: inline-block;}
.order-information-main .order-table .product-description-pic  img { width: 100%; vertical-align: middle; }
 .order-information-main .order-table .text-right { text-align: right;}
.order-box::-webkit-scrollbar { display: none;}

.know-more-btn { padding: 1.1em 3.2em; background-color: #dae24a; border-radius: 50px; width: -moz-fit-content; width: fit-content; margin-top: auto; position: relative;  z-index: 1;}
.know-more-btn span { font-size: 1.042vw; font-weight: 500; letter-spacing: 0.05em; color:#000; margin-right: 16px;}
@media (max-width: 992px) {
.section-shop-steps { width: 100%; margin-bottom: 48px; margin-top: 43px;}
.section-shop-steps .shop-steps-card{ margin: auto}	
.section-shop-steps .shop-steps-card .shop-steps-pic{ width: 80px; min-width: 80px; margin-bottom: 1rem;}
.section-shop-steps .shop-steps-card h3 { font-size: 18px;}
.section-shop-steps .shop-steps-card h3 span { font-size: 13px;  }
.shop-steps-top .inquiry-cart-main h1, .shop-steps-top .inquiry-cart-main h2  { font-size: 25px  }	
.offers-shipping-left h4 { font-size: 15px;}	
.offers-shipping-left .form-check .form-check-label { font-size: 15px; margin-left: 0.2em;}
.offers-shipping-left .input-group { width: 100%; border: none; }	
.offers-shipping-right { margin-top: 40px; width: 100%;}	
.pickup-item  > span { font-size: 13px; }	
 .offers-shipping-btns{ width: 100%;}
	
}


 


 
/*	
 
  

 
  
     
 
	.form-check { margin-bottom: 1em;}
  	.form-check > span {
        font-size: 15px;
        margin-top: 1em;
        text-indent: 0;
        line-height: 1.4;
      }
      .form-check-label {
        font-size: 15px;
        margin-left: 0.2em;
      }
  
    .input-group {
      width: 100%;
		border: none;}
     .input-group span {
        font-size: 15px;
        padding: 14px 24px;
      }
     .input-group input {
        font-size: 15px;
      }
    }
    .form-select {
      font-size: 15px;
      height: 43px;
    }
 

 
 
.offers-shipping-right tr td{  margin-top: 40px; width: 100%;  font-size: 15px;  margin-bottom: 1em;}
    
  .offers-shipping-btns {  width: 100%; }
  .section-steps-page { padding-bottom: 48px; }
  .shop-dobble-check {
    margin-top: 0%;
	  margin-bottom: 1.6em;}
  .shop-dobble-check label {
      font-size: 15px;
      color: #000;
      margin-left: 0;
    }
 
  .same-profile-check > label {
      font-size: 15px;
    }
  .same-profile-check  input {
      margin-left: 0.8em;
      border: 2px solid #000;
      transform: translateY(-3px);
    }
 
  .offers-shipping-left {
    margin-bottom: 0px;
  }

  .order-information-main   h3 {
      font-size: 25px;
    }
    .order-information  tbody {
        font-size: 15px;
		text-indent: 0;}
    .order-information  tbody tr   th {
            width: 44%;
            padding: 1rem;
          }
    .order-information  tbody tr   td {
            width: 56%;
            padding: 1rem;
          }
      
.order-table { margin: 16px 0;}
.order-table th, .order-tabletd { padding: 12px;  }
.order-table th { font-size: 16px; }
.order-table th td { font-size: 15px; }
.order-table .product-description-pic { width: 93px;  }*/
 
/* 隱藏原本的 checkbox */
#showPasswordCheckbox {
  /* 這三行是標準做法，用來隱藏元素但仍保留其可存取性 */
  width: 16px;
  height: 16px;
}