ul {
   list-style: none;
   margin-bottom: 0;
}

.form-control {
   height: 40px;
   border-radius: 0;
}

.subscribe-section {
   padding: 50px 0;
}

.stepBox {
   display: flex;
   align-items: flex-start;
   margin-bottom: 50px;
}

.stepBox > div {
   flex: 1;
   font-size: 16px;
   text-align: center;
   position: relative;
   color: #333333;
}
.stepBox > div p{
	display: inline-block;
}
.stepBox > div > i {
   position: absolute;
   right: 0;
   top: 0;
   font-size: 20px;
   color: #999999;
}

.stepBox > div.active,
.stepBox > div.active > i {
   color: #FDB813;
}

.cartInfo > p {
   margin-bottom: 0;
}

.cartInfo {
   display: flex;
   padding: 18px;
   font-size: 16px;
}

.cartInfo > .first-column {
   flex: 0 0 60%;
}

.cartInfo > p:not(:first-child) {
   flex: 0 0 13.33%;
   text-align: center;
}

.cartInfo > p:first-child,
.cartInfo > p:nth-child(2) {
   color: #999999;
}

.cartInfo > p:last-child,
.cartInfo> p:nth-child(3) {
   color: #333333;
}

.cartList {
   padding-left: 0;
   border: 1px solid #DDDDDD;
}

.cartList > li {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   padding: 18px ;width: 100%;
   border-bottom: 1px solid #DDDDDD;
}

.cartList > li.soldOut {
  /* background-color: #f3f4f6;*/
}

.cartList > li:last-child {
   border-bottom: none;
}

.cartList > li > .first-column {
   flex: 0 0 60%;padding: 0px 0px 0px 0px;
   display: flex;
   align-items: flex-start;
}
.cartList > li > .columnBox{ font-size:14px;}
.cartList > li > .columnBox:not(:first-child) {
   flex: 0 0 13.33%;
   text-align: center;
}

.cartLabel {
   margin: 0;
   margin-right: 15px;
   cursor: pointer;
}

.cartLabel > input {
   position: relative;
   margin: 0;
   width: 20px;
   height: 20px;
   border: 1px solid #DDDDDD;
   appearance: none;
   color: #fff;
   background-color: #fff;
   -webkit-appearance: none;
}

.cartLabel > input:after {
   content: '';
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   width: 6px;
   height: 15px;
   transform: translate(-50%, -60%) rotate(45deg);
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
}

.cartLabel > input:checked {
   border: 1px solid #FDB813;
   background-color: #FDB813;
   outline: none;
}

.comboTop {
   display: flex;
   margin-bottom: 15px;
}

.comboTop > .imgBox {
   flex: 0 0 80px;
   height: 80px;
}

.comboTop > .imgBox > img {
   width: 100%;
   height: 100%;
}

.comboInfo {
   padding-top: 5px;
   padding-left: 10px;
}

.comboInfo > * {
   margin-bottom: 5px;
}

.comboInfo > *:last-child {
   margin-bottom: 0px;
}

.comboTitle {
   margin-top: 0;
   font-size: 18px;
}

.comboFormat {
   color: #999999;
}

.comboDate {
   color: red;
}

.comboList {
   padding-left: 15px;
   border-left: 2px solid #FDB813;
}

.comboList > li {
   display: flex;
   align-items: center;
   margin-bottom: 12px;   
   width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*border-bottom: 1px solid #eeeeee;*/

}

.comboList > li:last-child {
   margin-bottom: 0;
}

.comboList > li > span {
	/*margin-right: 15px;*/
	font-size: 15px;
	/*display: inline-block;*/
	
}

.comboList > li > .multiply {
   color: #DDDDDD;font-size: 20px;width: 2.5%;
}
.comboList > li >.digital{width: 2.5%;}
.comboList > li >.name{width: 95%;}
.columnBox.fourth-column > button {
   display: block;
   margin: 0 auto 10px;
   padding: 5px 12px;
   background-color: white; font-size:14px;
}

.columnBox.fourth-column > .btn-edit {
   color: #FDB813;
   border: 1px solid #FDB813;
}

.columnBox.fourth-column > .btn-edit.soldOut {
   color: #fff;
   border: 1px solid #999999;
   background-color: #999999;;
}

.columnBox.fourth-column > .btn-remove {
   color: #999999;
   border: 1px solid #999999;
}

.summary {
   display: flex;
   justify-content: space-between;
   padding: 18px 80px 18px 18px;
   border: 1px solid #DDDDDD;
   border-top: none;
   font-size: 16px;
}

.summary .itemTotal,
.summary .itemPrice {
   color: red;
}

/* 寄送資訊 */
.select2-container {
   width: initial !important;
}

.deliverSelect+.select2-container {
   width: 200px !important;
}

.sendInfo {
   margin-top: 50px;
}

.sendInfo .infoRow {
   margin-bottom: 60px;
}

.sendInfo .infoRow:last-child {
   margin-bottom: 0;
}

.infoTitle {
   color: #FDB813;
   font-weight: normal;
   margin-top: 0;
   margin-bottom: 35px; 
}

.infoBody {
   font-size: 16px;
}

.infoBody .mutiColumn {
   display: flex;
   align-items: center;
   margin-bottom: 30px;
}

.infoBody .mutiColumn:last-child {
   margin-bottom: 0;
}

.mutiTitle {
   font-size: 16px;
   flex: 0 0 20%;
}

.mutiBody {
   flex: 1 0 80%;
   display: flex;
   align-items: center;
}

.mutiBody .select2-container  {
   flex: 0 0 250px;
}

.mutiBody .form-control {
   flex: 1;
   margin-left: 20px;
}

.mutiBody textarea.form-control {
   width: 100%;
   height: 100px !important;
   margin-left: 0;
   resize: none;
}

.titleOuter {
   display: flex;
   align-items: center;
   margin-bottom: 35px;
}

.titleOuter > .infoTitle {
   margin-bottom: 0;
} 

.titleOuter > p {
   margin: 0;
   margin-left: 10px;
   color: red;
}

.titleOuter > p > a {
   color: red;
   text-decoration: underline;
}

.titleOuter > label {
   margin-bottom: 0;
   margin-left: 15px;
   font-size: 16px;
}

.titleOuter > label > input {
   width: 18px;
   height: 18px;
   margin-top: -3px;
   vertical-align: middle;
}

.orderBody {
   /*display: flex;*/
   margin-bottom:30PX;
}

.orderBody > .orderBox {
   /*flex: 1;*/ display: flex;
}

.orderBox > .orderRow {
   display: flex;   width:50%;
   align-items: center;
   margin-bottom: 30px;

}

/*.orderBox > .orderRow:last-child {
   margin-bottom: 0;
}*/

.orderRow > .orderTitle {
   flex: 0 0 40%;
   font-size: 16px;
}
.orderBox > .orderRow:nth-child(2n) .orderTitle{ padding-left:20px;}
.orderRow > .orderContent {
   flex: 1 0 60%;
}

.orderRow > .orderContent > .form-control {
  /* width: 250px;*/
}

.orderRow > .orderContent > .select2-container {
  width: 100% !important;
}

.remark,
.address {
  /* margin-top: 30px;*/
}

.twzipcode {
   display: flex;
   justify-content: space-between;
   width: 250px;
}

[name="county"],
[name="district"] {
   border: 1px solid #ccc;
   color: #999999;
   width: 48%;
   height: 40px;
   padding: 8px 10px;
}

[name="zipcode"] {
   display: none;
}

.groupSummary {
   margin-top: 50px;
}

ol a,
ol a:hover {
   color: black;
   text-decoration: none;
   font-weight: bold;
}

.olText {
   transform: translateX(-15px);
   line-height: 30px;
   margin-bottom: 25px;
}

.buttonRegion {
   display: flex;
   justify-content: flex-end;
}

.buttonRegion > button:first-child {
   margin-right: 15px;
}

.companyName {
   margin-left: 0 !important;
   flex: 0 0 250px !important;
}

.cartTip {
   padding-left: 15px;
   color: red;
   font-size: 16px;
}










.cart-subscribe2 .cartInfo > p:not(:first-child) {
   flex: 0 0 20%;
}

.cart-subscribe2 .cartList > li > .columnBox:not(:first-child) {
   flex: 0 0 20%;
}

.cart-subscribe2 .mutiBody > div:first-child {
   flex: 0 0 250px;
}

.cart-subscribe2 .mutiBody > div:last-child {
   flex: 1;
   margin-left: 0px;
}

.cart-subscribe2 .termBox {
   padding-left: 12px;
   font-size: 16px;
   margin-bottom: 50px;
}

.cart-subscribe2 .termCheckbox {
   width: 16px;
   height: 16px;
   margin-top: 0;
   transform: translateY(2px);
}
/*checkout_conf*/
/*流程區域*/
.process-region .container{
    height: 40px;
    font-size: 16px;
    margin: 65px auto 20px;
    color: #333333;
    display: flex;
    align-items: center;
}
.process-region .process-box{
    width: calc((100% - 40px) / 3);
    text-align: center;
}
.process-region .process-box.active{
    color: #fdb813;
}
/*流程ICON*/
.process-region .icon-box{
    width: 20px;
    text-align: center;
    color: #999999;
    font-size: 28px;
}
.process-region .icon-box.active{
    color: #fdb813;
}
.process-region .icon-box i{
    transform: translateY(-2.5px);
}

/*======================================================================區塊／訂單區／01-Step訂單區塊======================================================================*/
/*咖啡豆商品*/
.section.order.num-1  .beans_product.wrap-item{
    padding: 20px 0;
}
/*活動商品*/
.section.order.num-1  .promotions_product.wrap-item{
    padding: 20px 0;
}

/*==============================加購商品區==============================*/
/*加購商品*/
.section.order.num-1 .plus-region .product-block{
    width: 60%;
    margin-bottom: 0px;
    padding: 0px 12px;
}

/*==============================訂購收件人資訊==============================*/
.wrap-region .buyerInfo{
	border: none;
	margin-bottom: 50px;
}
.section.order.num-1 .wrap-block .promotions-block {
    padding-left: 15px;
}

/*按鈕區塊*/
.section.order.num-1 .wrap-region .buttonRegion{
	text-align: right;
}
.section.order.num-1 .wrap-region .buttonRegion button{
	margin-left: 30px;
}


/*====apply pay button====*/
#btnApple {
    transform: translateY(12px);
}
/*checkout_conf end*/
.m_spti{float: left; color:#999;display:none;}
@media screen and (max-width: 768px) {
.stepBox > div p{
	display:block;
}
.m_spti{float: left; color:#999;display:block;}
.cartList > li {   
    /* display: flex;flex-wrap: wrap;
   flex-direction:column;*/
}
.comboBox{flex-basis: 100%;}

.columnBox.fourth-column > button {
   display: block;
   margin: 0 2% 10px 0;
   padding: 10px 12px;width:48%;
}
.columnBox.fourth-column > button.btn-remove { margin: 0 0 10px 2%;}
.cartList > li > .first-column {
   flex: 0 0 100%;
   display: flex;
   align-items: flex-start;/*background: silver;*/
}

.cartList > li > .columnBox:not(:first-child) {
   flex: 0 0 50%;
   text-align: right;
}
.cartList > li > .columnBox.fourth-column{  display: flex;flex: 0 0 100%; margin:auto}

.cart-subscribe2 .cartList > li > .columnBox:not(:first-child) {
   flex: 0 0 50%; text-align: right;
}
.cartList > li > .columnBox:last-child {
   flex: 0 0 100%;
   text-align: center;
}
.cartList > li > .second-column{

	text-align: right;padding:20px 10px 20px 18px;
}
.cartList > li > .third-column{
	text-align: right;
 padding:20px 18px 20px 10px;

}
.infoBody .mutiColumn {
   display: flex;
 align-items: start;
   margin-bottom: 30px;
}
.orderRow > .orderTitle,.mutiTitle {
   flex: 0 0 90px;
   font-size: 16px;
}

.mutiBody {
   flex: 1;
   display: flex;
   align-items: center;flex-wrap: wrap;
}

.mutiBody .select2-container  {
   flex: 0 0 250px; flex: 0 0 100%;margin-bottom:10px;
}

.mutiBody .form-control {
   flex: 10;flex: 0 0 100%;
   margin-left: 0px;
}
.orderRow > .orderContent > .form-control {
   width: 100%;
}

.orderRow > .orderContent > .select2-container {
   width: 100% !important;
}
.deliverSelect+.select2-container {
   width: 100% !important;
}

.mutiBody textarea.form-control {
   width: 100%;
   height: 100px !important;
   margin-left: 0;
   resize: none;
}
.mutiBody .twzipcode {
   display: flex;
   justify-content: space-between;
   width: 100%;
}
.orderBox > .orderRow:last-child {
   margin-bottom: 30px;
}
.summary { padding:18px;}
.itemBox.w60,.section.order.num-1 .plus-region .product-block{width: 100%;}
.itemBox.w14,.itemBox.w55{width: 30%;}
.itemBox.w13,.itemBox.w32{
	width: 35%;
	text-align: right;padding-left:10px;
}
.section.order.num-1 .wrap-region .buttonRegion button{
	margin-left: 0px;
}
.twzipcode {margin-bottom:10px;}
}
/*==============================checkout_fin==============================*/
/*成功區域*/
.result{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;height: auto;
    /*position: absolute;
    top: 50%;
    transform: translateY(-60%);*/
	padding:50px 0px;

}
/*圖*/
.result .img-box{
    width: 280px;
    margin-right: 50px;
}
.result .img-box img{
    width: 100%;
    height: auto;
}
/*文字區*/
.result .text-region{
    width: 280px;
    text-align: center;
}
.result .text-region .text-box{
    font-size: 24px;
    color: #fdb813;
    margin-bottom: 35px;
}
.result .text-region .sub-box{
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 35px;
    color: #333333;
}
.result .button-region{
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #333333;
}
.result .button-region button{
    width: 180px;
    height: 40px;
}

/*==============================失敗區域==============================*/
.result.failed{
    display: none;
}


/*==============================Media==============================*/
.comboBottom{width: 100%; padding:0px 0px 0px 35px;}
.cart-subscribe2 .comboBottom{width: 100%; padding:0px 0px 0px 0px;}
@media (max-width:1024px) {
.comboList > li > .multiply {width: 3%;}
.comboList > li > .digital{width: 3%;}
.comboList > li > .name{width: 94%;}
}
@media (max-width:768px) {
.comboBottom{width: 100%; padding:0px ;}
.comboList > li > .multiply {width: 4%;}
.comboList > li > .digital{width: 4%;}
.comboList > li > .name{width: 92%;}
}
@media (max-width:680px) {
/*成功區域*/
.result{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: static;
	top: 50%;
	transform: translateY(-0%);
	margin-bottom:50px;

}
.result .img-box{
    width: 80%;
    margin-right: 0px;
	padding:30px;
}
.result .text-region{
    width: 100%;
    text-align: center;
}
.infoTitle {
font-size: 18px;
}
.orderBody > .orderBox {display: flex;flex-direction:  column  ;}
.orderBox > .orderRow {display: flex;   width:100%;}
.twzipcode {margin-bottom:10px;}
.orderBox > .orderRow:nth-child(2n) .orderTitle{ padding-left:0px;}
.comboList > li > .multiply {width: 5%;}
.comboList > li > .digital{width: 5%;}
.comboList > li > .name{width: 90%;}
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1400px) {}
/*==============================checkout_fin end==============================*/