/*=================================================================
                            【購物列表頁】
=================================================================*/
/*--------------------------------------
                 金額/庫存            
/*------------------------------------- */
/*== 金額 ==*/
.shopping_money {
	color: hsla(4, 94%, 72%, 1);
	margin-bottom: .5rem;
	font-size: 1.625rem;
	font-weight: 600;}
.line-through {
	color: #b9b9b9; 
	text-decoration: line-through #b9b9b9;
}
/*== 庫存 ==*/
.shopping_number {
	margin-bottom: .5rem;
	min-height: 25px;}

/*== 庫存/限購 ==*/
.goods_content .shopping_number span:nth-child(1) { margin-right: .5rem; }
.goods_content .shopping_number span:nth-child(2) { margin-left: .5rem; }

/*== 關鍵字搜尋 ==*/
.shopping_filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 1rem auto;}
@media (max-width: 480px) {
	.shopping_filter {
		display: block;
		text-align: left;}
	.shopping_filter form {
		display: contents;}
	.shopping_filter .h5 {
		display: block;}
	.shopping_filter input {
		width: 48%;}
	.shopping_filter select {
		margin-right: .25rem;
		width: 48%;}
	.shopping_filter button {
		margin-top: .5rem;
		width: 100%;
		font-size: 1rem;}
}

@media (max-width: 320px) {
	.shopping_filter input {
		width: 40%;}}


/*=================================================================
                            【購物內頁】
=================================================================*/
.slider-nav figure.img_4by3 img,  
.slider-nav-bottom figure.img_4by3 img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	-webkit-transition: unset;
    transition: unset;
}
.slider-nav figure.img_4by3:hover img {
    -webkit-transform: unset;
	transform: unset;
}
.slider-nav figure.img_4by3:hover img,
.slider-nav-bottom figure.img_4by3:hover img {
    -webkit-transform: scale(1);transform: scale(1);}
.slider-nav .item {
    margin: 0 0 0.2rem 0;
}
.slider-nav-bottom .item {
    margin: 0 0.2rem 0 0;
}
.slider-nav .slick-current img,
.slider-nav-bottom .slick-current img {
	border: 2px solid #ee4d2d;
}
.slider-nav .item figure.img_4by3:hover img,
.slider-nav-bottom .item figure.img_4by3:hover img {
  cursor: pointer;	
  border: 2px solid #ee4d2d;
}

.hr_01 {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px dotted #aaa;
}

.shopping-promotions {
    margin-top: 2rem;
}
.shopping-promotions p{
    line-height: 1.5;
	margin-bottom: 0.5rem;
}

.shopping-promotions-tag {
    border-left: 2px solid #999899;
    padding: 0 8px;
    margin: 0;
    font-size: 14px;
    text-align: left;
}

.shopping-promotions .local-datetime {
    border-bottom: 1px dashed #999;
}
.shopping-promotions-tag span {
    color: #999;
}

.shopping_fees_info {
	margin-top: 3rem;
}
.shopping_fees_info .inner {
    background: #e9efee;
    border: none;
}
.shopping_fees_info .bd {
    margin-bottom: 0px;
    padding: 10px 25px;
}

/*== 標題 ==*/
.shopping_fees_title {
	color: #666;
	position: relative;
	/*margin: 0 auto 3rem;*/
	/*font-size: 1.625rem;*//* 26px */}
.shopping_fees_title:after {
	content: '';
	position: absolute;
	bottom: -.5rem;
	left: 0;
	display: inline-block;
	width: 60%;
	height: 2px;}
.shopping_fees_title:after {
    background-color: hsla(44, 99%, 64%, .7);
}

.shopping_page_bottom .title {
	position: relative;
	margin: 1.5rem auto;
	padding: .5rem;
	text-align: center;}

.shopping_page_bottom .title:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	width: 3.125rem;
	height: 3px;}
	
.shopping_page_bottom .item {
    margin: 0.5rem;
    margin-top: 0;
}
.goods_info .title:after, .shopping_page_bottom .title:after {
    background-color: hsla(44, 99%, 64%, .7);
}

.checkout-label {
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0;
    display: inline-block;
    padding: 6px 9px;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
    line-height: 1.4;
}

.checkout-label span{
    color: #fff;
}
.label-default {
    background-color: #777777;
}


/*== 列表 Collumn 統一置左(例外處理) ==*/
.goods_section .goods/* 購物 */ {
	justify-content: flex-start;}

/*==============================*/
/*             愛心車           */
/*=============================*/
/* 標籤：愛心車 -> 購物 */
/*#cart_shopping tbody tr td:first-child span {
  color: #FFF;
	color: var(--white);}*/
#cart_shopping tbody tr td p span.items-discount-label {
  font-size: 14px;
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
	
#cart_shopping tbody tr:last-child td {
  background-color: #FFF;
	background-color: var(--white);}
#cart_shopping tbody tr:last-child td p {
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
#cart_shopping tbody tr:last-child td span {
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
/* 標籤 */
#cart_shopping tbody tr .tag_01,
#cart_shopping tbody tr .tag_02 { 
  padding: 10px;}
@media (min-width: 768px) and (max-width: 1024px) {
  #cart_shopping tbody tr .tag_01,
  #cart_shopping tbody tr .tag_02 {
    display: inline-block;
    width: 60px;
    height: 40px;}}

#cart_shopping tbody tr td:nth-child(1) {
  text-align: left;}
#cart_shopping tbody tr td:nth-child(2) {
  text-align: left;}  
@media (max-width: 768px) {
  #cart_shopping tbody tr td:nth-child(1) p {
    text-indent: 0em;}}

#cart_shopping tbody tr:last-child td p {
  font-size: 22px;}
#cart_shopping tbody tr:last-child td span {
  min-width: 120px;}

@media (min-width: 767px) {
  #cart_shopping tbody tr td:nth-child(2),
  #cart_shopping tbody tr td:nth-child(3)  {
    text-align: center;}
  #cart_shopping tbody tr td:nth-child(4),
  #cart_shopping tbody tr td:nth-child(5) {
    text-align: right;}
}

@media (max-width: 767px) {
  #cart_shopping tbody tr td:nth-child(1) {
    padding: 1rem .5rem 1rem 1.5em;;
    text-indent: 0;}
  #cart_shopping tbody tr td:nth-child(1):before {
    display: none;}
  #cart_shopping tbody tr td:nth-child(1) p {
    margin-left: .5rem;}
  /* 運費/總計 */
  #cart_shopping tbody tr:last-child td:before {
    display: none;}
  /* 刪除 */
  #cart_shopping tbody tr td.delete {
    padding: 1rem .5rem;
    text-indent: 0;}
  #cart_shopping tbody tr td.delete:before {
    display: none;}
  #cart_shopping tbody tr td.delete button {
    width: 100%;}}

@media (max-width: 375px) {
  #cart_shopping tbody tr:last-child td p {
    margin-left: 0;}}

@media (max-width: 320px) {
  #cart_shopping tbody tr:last-child td p {
    font-size: 18px;}}
	
.cart_content .shipping {
    display: -ms-flexbox;
    display: flex;
    align-items: baseline;
	text-align: left;
}
@media (min-width: 767px) {	
	.cart_content .shipping_group {
		display: inline-block;
	}
}
.cart_content .shipping_group {
    text-align: left;
}
.cart_content .shipping_group button {
    font-size: 1.125rem;
    border-radius: 0;
    border: 1px solid;
}
.cart_content .shipping_group button {
    border-color: #BBB;
}

.cart_content .shipping {
    margin-top: 16px;
    padding: 16px 0;
    border-top: 1px dotted #ccc;
    background: #fff;
}
.cart_content .pay {
    /*margin-top: 16px;*/
    /*padding: 16px 0;*/
    /*border-top: 1px dotted #ccc;*/
    background: #fff;
}

/*== 運費 ==*/
@media (max-width: 480px){
	.cart_content .shipping .transfees_group {
		display: block;
	}
}
.cart_content .shipping .transfees_group p {
  font-size: 22px;	
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
.cart_content .shipping .transfees_group p.totalprice {
  font-size: 22px;	
}
/*.cart_content .transfees {
    margin-top: 16px;
    padding: 16px 0;
    border-top: 1px dotted #ccc;
    background: #fff;
}

.cart_content .transfees .msg_box {
    padding-left: 10px;
}
.cart_content .right {
    position: relative;
    margin-right: 110px;
}
.right {
    float: right;
}
.cart_content .transfees .msg_box .right p {
    text-align: right;
}
.cart_content .transfees .price {
    margin-left: 6px;
}
.cart_content .transfees .s_parenthesis {
    line-height: 2;
}
.cart_content .transfees .msg_box .right p .s_parenthesis {
    margin-right: 0;
    color: #222;
}*/

.checkout-nav{text-align:center;margin-top:30px;margin-bottom:30px}
.checkout-nav .step{display:inline-block;vertical-align:top;width:240px;max-width:33%;margin-left:-3px;margin-right:-3px;color:black}
.checkout-nav .step span{display:block;padding:0 5px}
.checkout-nav .step .badge{position:relative;background-color:transparent;height:50px;line-height:50px;padding:0}
.checkout-nav .step .badge::before{content:" ";background-color:#CCCCCC;height:2px;width:100%;position:absolute;left:0;top:50%;margin-top:-1px;z-index:0;padding: 0;}
.checkout-nav .step .badge::after{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;border-radius:15px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:" ";background-color:#f3b280;height:30px;width:30px;left:50%;top:50%;position:absolute;z-index:0}
.checkout-nav .step .badge .text{position:absolute;width:100%;z-index:1}
.checkout-nav .step:first-child .badge::before{width:50%;left:50%}
.checkout-nav .step:last-child .badge::before{width:50%;right:50%}
.checkout-nav .step.visited .badge::after,.checkout-nav .step.active .badge::after{background-color:#ee934c}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777777;
    border-radius: 10px;
}
/*==============================*/
/*           購物訂單查詢        */
/*=============================*/

@media (min-width: 767px) {
  #shopping tbody tr td:nth-child(1) {
    text-align: left;
  }
  #shopping tbody tr td:nth-child(4),
  #shopping tbody tr td:nth-child(5) {
    text-align: right;}
}



/*== 總計 ==*/
.orderlist_table #shopping tbody tr:last-child td {
  background-color: #FFF;
	background-color: var(--white);}
.orderlist_table #shopping tbody tr:last-child td p {
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
.orderlist_table #shopping tbody tr:last-child td span {
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}