/**********購物車微調************/
.p-cart .topbar, .p-checkout .topbar, .p-payment-return .topbar{
	display:none;
}
.cart-no-show{
	visibility:hidden;
}
.cart-d-none{
	display: none;
}
.logo .cart-title {
  line-height: 1.5em;
  height: 1.5em;
  padding-left: 5px;
  margin-top: 10px;
  word-break: keep-all;
}
.logo .pormotion_logo {
	min-width: 98px;
}
.pre-wrap{
	white-space: pre-wrap;
}
@media (min-width: 1199px){
	.logo .pormotion_logo {
	  min-width: 271px;
	}
	.logo .cart-title {
	  margin-top: 0;
	}
}
.cart-header {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 0;
	line-height: 35px;
}
.main-section{
	margin-top:64px;
}

#form_coupon.bg-border21{
	border-color: var(--color21) !important;
}
.select2-container--default .select2-selection--single{
	-webkit-border-radius: var(--curve4);
    border-radius: var(--curve4);
}
.cart-m-btn {
	padding-top: 9px;
	padding-bottom: 9px;
}
.sec-title2{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:15px;
	margin-bottom: 12px;
}
@media (max-width: 767px) {
	.gray_border.mb-16{
		margin-bottom: 12px !important;
	}
	.more_btn_right {
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 1px;
	}
	.cart_feature ul li a {
		font-size: 14px;
	}
	.cart-total.v2 table tr th, .cart-total.v2 table tr td {
		padding: 8px 0 !important;
	}
	.main-section{
		margin-top: 0px;
	}
	
}
@media (max-width: 576px){
	.field-box input{
	  font-size: .9375rem;
	  padding: 10px 18px !important;
	}
}
.title_span {
	font-size: 16px;
}

.more_btn_right {
	font-weight: 500;
	letter-spacing: 1px;
}
.cart-total.v2 table tr td span:not(.price):not(.order_no):not(.num) {
	color: var(--color3);
}
.font-w-700{
	font-weight:700;
}
.p-cart .brand_title, .p-checkout .brand_title, .p-payment-return .brand_title{
	font-size: 14px;
	line-height: 22px;
	height: 30px;
	padding-top: 2px;
}
.progressbar_w{
	margin-top:20px;
}
.progressbar li{
	line-height: 1.1em;
}
.p-checkout #add_addr .btn02 {
  width: 100%;
  max-width: 180px;
}
@media (max-width: 767px){
	.p-checkout #add_addr .modal-footer.large_padding {
	  padding: 17px 50px 24px;
	  justify-content: center;
	}
	
}
.p-checkout #accordionFourLeft .font18,
.p-payment-return #accordionFourLeft .font18{
	display: unset;
}
@media(max-width:768px){
.p-checkout #accordionFourLeft .font18,
.p-payment-return #accordionFourLeft .font18{
display:flex;
}
}
.p-checkout .accordion #accordionFourLeft .panel .panel-heading a::after,
.p-checkout .accordion #accordionFourLeft .panel .panel-heading a.collapsed::after{
  top: -7px;
  position: relative;
  margin-top: 0;
}
.p-payment-return .accordion #accordionFourLeft .panel .panel-heading a::after,
.p-payment-return .accordion #accordionFourLeft .panel .panel-heading a.collapsed::after {
  top: -17px;
  position: relative;
  margin-top: 0;
}
@media(max-width:768px){
	.p-payment-return .accordion #accordionFourLeft .panel .panel-heading a::after,
.p-payment-return .accordion #accordionFourLeft .panel .panel-heading a.collapsed::after {
  top: -31px;
  position: relative;
  margin-top: 0;
}
}
.p-checkout .accordion #accordionFourLeft .panel-title span,
.p-payment-return .accordion #accordionFourLeft .panel-title span {
  display: unset;
  margin-top: unset;
}

.p-cart .checkmark{
	position: unset;
}
/***Cart Selection***/
/* The container */
.container_checkradio {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 18px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark_cart {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_checkradio:hover input ~ .checkmark_cart {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkradio input:checked ~ .checkmark_cart {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_cart:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkradio input:checked ~ .checkmark_cart:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkradio .checkmark_cart:after {
  left: 7px;
  top: 4px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/**購物車頁面 運費顯示相關**/
.fare-block{
    border-radius: 4px;
    padding:10px 16px;
    color:#ffffff;
    background-color: #3a6bd4;
    font-size: 14px;
    max-width:450px;
}
.fare-header{
    display: flex;
    
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}
.fare-header h3{
    margin-bottom:0;
    color:#ffffff;
}
.fare-body ul{
    list-style: decimal;
    padding-left:18px;
    margin:0;
}
.fare-body ul li{
    line-height: 24px;
    border-bottom:1px solid #A7B6E2;
    padding-bottom: 10px;
    padding-top: 10px;
}
.fare-body ul li:last-child{
    border-bottom:0;
}
.fare-body ul li .flex-layout{
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}

/**拆購物車新增**/
.cart-shipping-counter-group {
    border: 1px solid var(--color23);
    padding: 10px;
}
.cart-shipping-group-header {
    
    padding: 0 10px;
}
.cart-shipping-group-header:not(first) {
     margin-top: 10px;
}
.cart-shipping-counter-group {
    
    padding: 0 10px;
}
.cart-shipping-counter-summary {
    
    padding: 0 10px;
}
/*
.cart-shipping-group-body .cart-shipping-counter-group:not(first-child) {
    margin-top: 1em;
}*/
.cart-shipping-group-body .cart-shipping-counter-group {
    margin: 0.4em 0;
}
.cart-shipping-group-body .cart-shipping-counter-group .cart-item:first-child {
    margin-top: 12px;
}
.cart-shipping-group-body .gray_border {
    margin-left: 2em;
}
.cart-item .cvs-icon{
	height: 1em;
}
.pickup-layout{
	display:flex;
	align-items:center;
	gap:5px;
	font-weight:700;
	color: var(--color2);
}

:hover input ~ .checkmark.checkbox ,
.p-cart .checkmark {
    border: 2px solid var(--color3);
}
.templayer-label{
	    align-items: center;
    
    padding: 2px;
    color: white;
    font-weight: 500;
}

@media (max-width: 480px) {
	.cart-shipping-group-header .cart-header{
		font-size: 1.4rem;
	}
	.cart-shipping-group-header .cart-header-shipping{
		font-size: 1rem;
		padding-top:0 !important;
		margin-top:5px;
	}
	.shipping-summary{
		font-size: 14px;
	}
}


.shipping-templayer-label {
    padding: 0 5px;
    color: white;
    font-weight: 500;
    line-height: 20px;
    font-size: 0.8rem;
    background-color: var(--color18);
}

.shipping-templayer-label.sm-52,
.shipping-templayer-label.sm-62,
.shipping-templayer-label.sm-92{

    background-color: var(--color18);
}
.shipping-templayer-label.sm-53,
.shipping-templayer-label.sm-63,
.shipping-templayer-label.sm-93{

    background-color: var(--color19);
}
/**結帳頁拆購物車新增**/
.checkout-cart-detail {
    background-color: white;
    border: 1px solid var(--color3);
}
.p-checkout .cart-header{
	font-weight: 500;
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 22px;
}

.p-checkout .product_height .cart-shipping-group-header .row,
.p-checkout .product_height .cart-shipping-counter-group .row,
.p-checkout .product_height .row.shipping-summary {
    margin-bottom: 6px;
}

.p-checkout .cart-shipping-counter-group {
    border-bottom: 0px solid var(--color3);
    border-top: 1px solid var(--color3);
    padding: 10px 10px 0;
    border-left: 0;
    border-right: 0;
}
.p-checkout .cart-shipping-group-body{
	border-bottom: 1px solid var(--color3);
}
.product-hint{
	background-color: #FF8A50;
	color: #000000;
	width: fit-content;
    padding: 0 5px;
}
.p-cart .visitor-title{
	color: #000000;
}
.p-cart .swal2-footer {
    border-top: 0;
    flex-flow: wrap;
}
.p-cart .swal2-footer a{
    text-decoration: underline;
    color: #3d3d3d;
}
.p-cart .visitor-confirmV2.swal2-confirm, .p-cart .visitor-confirmV2.swal2-confirm:hover{
    background-color: rgb(255,255,255) !important;
    border-color: rgb(231,75,52) !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: rgb(231,75,52) !important;
    background-image: unset !important;
}

.p-cart .visitor-confirm.swal2-confirm, .p-cart .visitor-confirm.swal2-confirm:hover{
	background-color: rgb(231,75,52) !important;
	background-image: unset !important;
}
.p-cart .swal2-cancel.visitor-cancel, .p-cart .swal2-cancel.visitor-cancel:hover {
    color: #3d3d3d;
    background-color: #c6c6c6 !important;
    background-image: unset !important;
}
.p-checkout .voucher_card, .p-cart .voucher_card {
    background-color: var(--color29);
    padding: 6px;
    width: 75%;
    border-radius: 5px;
}

.p-checkout .s_coupon_type,
.p-checkout .s_coupon_info .event_name,
.p-checkout .s_coupon_info .coupon_name,
.p-cart .s_coupon_type,
.p-cart .s_coupon_info .event_name,
.p-cart .s_coupon_info .coupon_name {
	color: #3d3d3d;
}
.p-checkout .s_coupon_text, .p-cart .s_coupon_text{
	background-color: #ededed;
    color: #666;
    padding: 2px 5px;
    font-size: 12px;
}
.s_coupon_div .product-quanty .input-group > span button {
    height: 24px;
    width: 24px;
    font-size: 1.5rem;
    border-radius: 0;
    border: 0;
    color: var(--color4);
}
.s_coupon_div .voucher-chk{
	display: flex;
	align-items: center;
}
.s_coupon_div .voucher-desc{
	display: flex;
    flex-direction: column;
}
.s_coupon_div .product-quanty{
	border: 1px solid var(--color23);
}
.s_coupon_div .product-quanty .input-group > .input-group-prepend {
	border-right: 1px solid var(--color23);
}
.s_coupon_div .product-quanty .input-group > .input-group-append {
	border-left: 1px solid var(--color23);
}
.s_coupon_div .product-quanty .input-group > input {
    padding: 3px;
    width: 2rem;
    height: 1rem;
    color: var(--color24);
    font-size: 0.8em;
}
.s_coupon_div .voucher-qty{
	display: flex;
	align-items: center;
	padding-left: 2px;
    padding-right: 0px;
    width: 25%;
}

.s_coupon_div span.checkmark2.checkbox {
    border: 1px solid var(--color4);
    /*background: var(--color4);*/
    border-radius: 0;
    width: 18px;
    height: 18px;
}
.s_coupon_div .checkbox-voucher:checked ~ span.checkmark2.checkbox {
	background: var(--color4);
}
.s_coupon_div span.checkmark2.checkbox:after {
    left: 5px;
    top: 2px;
    width: 7px;
    height: 10px;
    border: solid var(--color5);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.s_coupon_info {
	    padding-bottom: 5px;
	    font-size: 14px;
	}
@media (max-width: 1199px) and (min-width: 992px){
	
	.s_coupon_div .voucher_card  {
		width: 100%;
	}
	.s_coupon_div .voucher-qty{
		width: auto;
	}
}
@media (max-width: 375px){
	
	.s_coupon_div .voucher_card  {
		width: 100%;
	}
	.s_coupon_div .voucher-qty{
		width: auto;
	}
}
.product-quanty .input-group{
	align-items:center;
}

.checkout-btn{
	font-size: larger;
    width: 100%;
}
@media (max-width: 991px) {
	.checkout-ban {
	    position: fixed;
	    z-index: 1;
	    bottom: 0;
	    left: 0;
	    height: 5em;
        display: flex;
        align-items: center;
        justify-content: center;
        
        background: var(--header_main_bg_color, #ffffff);
	    
	    -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
	    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
    }
    .checkout-btn {
     	width: 696px;
    }
}
@media (max-width: 767px) {
    .checkout-btn {
       width: 676px;
    }
}
@media (max-width: 699px) {
    .checkout-btn {
        width: fit-content;
        padding-left: 2em;
        padding-right: 2em;
    }
}
/* @media (max-width: 576px) {
    .checkout-btn {
        width: calc(100% - 2.5rem);
    }
} */


#cvs_form_name{
	scroll-margin-top: 160px;
}