/*----RWD版購物流程步驟圖///start----*/
#cart_step {
  overflow: hidden;
  margin: 0 auto;
  max-width: 640px;
  width: auto;
}
#cart_step div {
  text-align: center;
  float: left;
  height: auto;
  line-height: 40px;
  font-size: 1.1rem;
  font-weight: bold;
}
#cart_step .cart_step1,
#cart_step .cart_step2,
#cart_step .cart_step3 {
  width: 31%;
  border: 1px solid #999999;
  border-radius: 8px;
}
#cart_step .cart_step1_on,
#cart_step .cart_step2_on,
#cart_step .cart_step3_on {
  width: 31%;
  background-color:  var(--primary);
  color: #ffffff;
  border-radius: 8px;
}
/*標誌三角形*/
.step_arrow{
width: 0;
height: 0;
border-style: solid;
border-width: 16px 0 16px 12px;
border-color: transparent transparent transparent #999999;
margin: 2px 4px;
}

@media (max-width: 767px) {
  #cart_step .cart_step1_on,
  #cart_step .cart_step2_on,
  #cart_step .cart_step3_on {
    width: 50%;
  }
}
/*----RWD版購物流程步驟圖///end----*/


/*RWD版購物車的產品列表 css*/
@media (min-width:768px) {
      #cart_list  th{
      white-space: nowrap;
 }
}
 
    .cart_product_block {
      display: flex;
      flex-wrap: wrap;
    }
/*購物車列表的產品小圖*/
.cart_product_pic{
  width:67px;
/*   float:left; */
/*   border:1px solid #CCC; */
  margin-right:5px;
  margin-top:4px;
  margin-bottom:4px;
}
.cart_product_pic img {
  border: 1px solid #CCC;
 }
/*購物車列表中的產品名稱區塊*/
.cart_product_data{
   min-width: 180px;
  flex: 1;
/*    float:left; */
   margin-top:4px;
   margin-bottom:4px;
   border:0px solid #333333;
   word-break: normal;
}
/*當購物車列表畫面是寬版時，產品名稱會加上這個class*/
.product_title_wide{
   width:560px;
   overflow-x:hidden;
}

/*沒有要調整小圖示的話，請把 background-image 那一行去掉*/
/*現貨商品*/
.cart_product{
   margin-top:2px;
   margin-bottom:5px;
   text-indent:0px;
   background-repeat:no-repeat;
   background-position:left top;
}

/*活動商品*/
.cart_event{
   margin-top:2px;
   margin-bottom:5px;
   text-indent:38px;
   background-image:url(../images/cart_event.gif);
   background-repeat:no-repeat;
   background-position:left top;
}

/*加購商品*/
.cart_add_product{
   text-indent:38px;
   background-image:url(../images/cart_add_product.gif);
   background-repeat:no-repeat;
   background-position:left top;
}


.event_memo small{
  color:#999;
  }
.event_number{
  color:#cc0000;
  }
.event_add_text{
  background:#eee;
  border-radius:8px;
  padding:2px 0px;
  margin-top:2px;
  max-width: max-content;
  text-indent: 5px;
  margin-left: 34px;
}
.event_add_number{
  color:#cc0000;
  font-weight:bold;
}

.event_memo {
    text-indent: 0;
}
.event_add_text {
    text-indent: 0px;/*直接拿掉原本的也可以*/
    margin-left: 0px;/*直接拿掉原本的也可以*/
    padding: 2px 2px;
}

/*購物車贈品*/
.cart_gift {
 text-indent: 38px;
  background-image: url(../images/cart_premiums.gif);
   background-repeat: no-repeat;
    background-position: left top;
}

.event_block_1 {
    background: #EEEEEE;
}

.event_block_2 {
    background: #F8F8F8;
}


/* 購物車產品列表中的全館活動 */
.cart_all_event {
    color:#880015;
}


/* 購物車產品列表中的活動再購買的文字 */
.cart_event_memo {
    color:#880015;
}

.cart_event_memo a:link{
    text-decoration: underline;
}

.cart_event_memo a:visited{
    text-decoration: underline;
}

.cart_event_memo a:hover{
    text-decoration: underline;
}

.cart_event_memo a:active{
    text-decoration: underline;
}

/* 購物車列表中，沒有任優惠活動的商品*/
.cart_no_event_memo {
    color:#ed1c24;
}

.eflocker_data_selected {
    background-color:#AAA;
}



/*---購物車列表組合商品明細隱藏與展開---*/
.group_good_list {
  display: none;
  background: #f3f3f3;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    margin-right: auto;
}

.group_good_list,
.group_good_btn {
  margin-left: 8px;
}

.group_good_btn {
  align-self: flex-start;
  padding: 3px 7px;
}

.group_good_list ul {
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.group_good_list ul li {
  list-style-type: none;
}

.group_good_list a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
  display: inline-block;
}

.group_good_list li span,
.group_good_list li strong {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}

.group_good_list li span:first-child {
  font-weight: bold;
}

.group_good_list_size {
  padding-left: 8px;
}

@media (max-width: 767px) {

  .group_good_list,
  .group_good_btn {
      margin-left: 0px;
  }

  .group_good_list li {
      border-bottom: 1px dotted #ccc;
      padding-top: 5px;
      padding-bottom: 5px;
  }

  .group_good_list_size {
      padding-left: 0px;

  }

  .group_good_list a {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 140px;
      display: inline-block;
  }

}

@media (max-width: 420px) {
  .group_good_list_size {
      /*規格尺寸隱藏*/
      max-width: 175px;
      text-overflow: ellipsis;
  }
}

/*---購物車列表組合商品明細隱藏與展開結束---*/

/*----購物流程-RWD版本購物優惠券、購物金(紅利)使用///strat ----*/
.member_money_all{
  width:80%;
  margin:0 auto;
  border-radius:5px;
  border:1px solid #ccc;
  background:#eee;
  padding:0px;
}

.cart_block_member_money{
  border-bottom:1px dashed #ccc;
  overflow:hidden;
  padding:5px 5px;
  }
  .cart_block_member_money:nth-last-child(1){
border-bottom:0px dashed #ccc;
	 }

.member_money_title{
  position: relative;
  display:table;
  float:left;
   padding: 1px 5px;
  font-size:1.1rem;
  line-height: 28px;
  border-radius:5px;
  margin-right:15px;
    background:var(--primary);
    color:#fff;
    min-width: 86px;
    text-align: center;
}
.member_money_subtitle{
    font-weight: bold;
}

/*箭頭右*/
.member_money_title .arrow_r_int{
  width:0px;
  height:0px;
  border-width:8px;
  border-style:solid;
  border-color:transparent transparent transparent var(--primary);
  position:absolute;
  top:20%;
  right:-16px;
}
/*紅利數字、會員專區-紅利點數頁面-目前可用紅利點數的文字*/
.member_money{
  color:#e60449;
  }

 /*購物金(紅利)標題*/ 
.member_money_title_bold{
  font-weight:bold;
  }
  /*購物流程-RWD版本-購物金或紅利折抵*/
.member_money_main{
  float:left;
  min-width:150px;
  line-height:1.2;
  width: 80%;
  }
  /*勾選使用購物金(紅利)欄*/
.member_money_main input[type="checkbox"]{
	margin-top:0px;
	}
/*輸入優惠券代碼欄*/
.member_money_main .input{
  margin:0 5px 5px 5px;
}

@media (max-width: 767px){
.member_money_all{
  width:100%;
  }
.member_money_main .input{
  display:block;
  }
 .member_money_main{
  width: 100%;
  }

}
/*----購物流程-RWD版本購物優惠券、購物金使用///end----*/