/*--------------------------------------------------------*/
#cart_main{
width:100%;border:solid 0px #000000;padding:10px;margin-bottom:50px;height:auto;min-height:500px;
}
#cart_list{
width:70%;border:solid 1px #ffffff;margin-left:2%;float:left;
}
#cart_summary{
width:24%;margin-left:2%;float:left;display:table;background-color:#eeeeee;border:solid 1px #cccccc;
}

#pcs_order_info{
width:100% !important;
margin:0 !important;
min-width:initial !important;
max-width:initial !important;

}
/*--------------------------------------------------------*/
#pcs_info{
width:70%;border:solid 1px #ffffff;margin-left:2%;float:left;
}
#pcs_summary{
width:24%;margin-left:2%;float:left;
}
#pcs_summary_box{
position:fixed;
z-index:100;
width:100%;
max-width:280px;
display:table;
background-color:#eeeeee;
border:solid 1px #cccccc;
}

#pcs_user_info{
width:100%;
}
#pcs_user_info input{
	font-size:16px !important;
}

#pcs_cart_list{
width:100%;margin:20px 0 150px 0;
}

#pcs_user_address{
width:100%;
margin-bottom:40px;
}

#pcs_user_shipping_address{
width:100%;
margin-bottom:40px;
}

.pcs_user_address_row{
width:100%;
}
.pcs_user_address_cell_1{
display:inline-block;
width:49%;
margin-bottom:20px;
float:left;
}
.pcs_user_address_cell_2{
display:inline-block;
width:49%;
margin-bottom:20px;
float:right;
}
.pcs_user_address_cell_3{
display:inline-block;
width:100%;
margin-bottom:20px;
}
.pcs_user_address_txt_1{
	display:inline-block;
	width:90% !important;
}
.pcs_user_address_txt_1_conf{
	display:inline-block;
	width:90% !important;
	background-color:#f5f5f5;
}
.pcs_user_address_txt_2{
	display:inline-block;
	width:95% !important;
}
.pcs_user_address_txt_2_conf{
	display:inline-block;
	width:95% !important;
	background-color:#f5f5f5;
}

.pcs_user_address_row_title{
	font-size:20px;
	font-weight:bold;
	border-bottom:solid 1px #000000;
	padding-bottom:10px;
	margin-bottom:20px;
}

.pcs_user_address_row_title span{
	display:inline-block;
	height:25px;
}
.pcs_user_address_row span{
	display:inline-block;
	height:25px;
}


.pcs_btn_confirm{
line-height:25px;
display:block;cursor:pointer;background-color:#ffa500;color:#ffffff;width:calc(90% - 40px);margin:30px auto 30px auto;text-align:center;padding:10px;font-size:18px;
}
.pcs_btn_back{
line-height:25px;
display:block;cursor:pointer;background-color:#888888;color:#ffffff;width:calc(90% - 40px);margin:30px auto 30px auto;text-align:center;padding:10px;font-size:18px;
}

/*--------------------------------------------------------*/
#cart_sum{
width:calc(100% - 15px);color:#000000;text-align:left;padding:5px 5px 15px 5px;background-color:#eeeeee;
}

.cart_sum_title_1{
font-size:18px;
font-weight:bold;
}
.cart_sum_title_2{
font-size:18px;margin-top:25px;
font-weight:bold;
}
.cart_sum_row_11{
font-size:14px;margin-top:10px;
}
.cart_sum_row_12{
font-size:14px;margin-top:15px;
}
.cart_sum_row_21{
font-size:16px;margin-top:3px;width:calc(100% - 10px);text-align:right;padding-right:10px;
}
.cart_sum_row_22{
font-size:16px;margin-top:5px;
}
.cart_sum_row_31{
font-size:18px;margin-top:3px;width:calc(100% - 10px);text-align:right;padding-right:10px;
}
.cart_sum_row_32{
font-size:12px;margin-top:2px;width:calc(100% - 10px);text-align:right;padding-right:10px;
}
.cart_sum_btn_checkout{
display:block;cursor:pointer;background-color:#ffa500;color:#ffffff;width:calc(90% - 40px);margin:30px auto 30px auto;text-align:center;padding:10px;font-size:18px;
}

#cart_sum_order_summary{
	display:inline-block;
	height:33px;
}
#cart_sum_item_subtotal{
	display:inline-block;
	height:25px;
}
#cart_sum_tax{
	display:inline-block;
	height:25px;
}
#cart_sum_shipping_fee{
	display:inline-block;
	height:25px;
}
#cart_sum_order_total{
	display:inline-block;
	height:33px;
}

/*--------------------------------------------------------*/
.cart_list_row{
display:table-row;width:100%;font-size:16px;
}
.cart_list_row_empty{
display:table-row;width:100%;font-size:20px;text-align:left;
}
.cart_list_cell_empty{
display:table-cell;width:100%;font-size:20px;text-align:left;padding:20px;
}
.cart_list_cell_img{
width:15%;min-width:100px;display:table-cell;vertical-align:middle;padding:5px;border:solid 1px #cccccc;text-align:center;
}
.cart_list_cell_1{
width:52%;position:relative;display:table-cell;vertical-align:top;border:solid 1px #cccccc;padding:20px;
}
.cart_list_cell_2{
width:calc(100% - 40px);position:absolute;bottom:10px;font-size:10px;text-align:right;
}
.cart_list_cell_3{
width:10%;display:table-cell;vertical-align:middle;border:solid 1px #cccccc;padding:10px;text-align:center;
}
.cart_list_cell_4{
width:18%;display:table-cell;vertical-align:middle;border:solid 1px #cccccc;padding:10px;text-align:center;
}

/* -------------------- loading -------------------- */
.c-loading {
  display: none;
}
.c-loading._active {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20vh;
}
.c-loading div,
.c-loading div:before,
.c-loading div:after {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background-color: rgba(217, 217, 217, 0.5);
  -webkit-animation-name: bounce_circleG;
          animation-name: bounce_circleG;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.c-loading div:before,
.c-loading div:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.c-loading div:before {
  left: -1.5em;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.c-loading div {
  position: relative;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.c-loading div:after {
  left: 1.5em;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

#cart_shipping_area:invalid {
	text-align: center;
	text-align-last: center;
}
#checkout_error {
	margin: 10px;
	color: red;
	text-align: center;
}

@-webkit-keyframes bounce_circleG {
  50% {
    background-color: #474747;
  }
}

@keyframes bounce_circleG {
  50% {
    background-color: #474747;
  }
}

/*--------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1196px) {

	#cart_main{
	width:calc(100% - 20px);border:solid 0px #000000;padding:10px;margin:20px 20px 50px 0;height:auto;min-height:500px;
	padding-left:0px;
	}
	#cart_list{
	width:calc(100% - 20px);border:solid 1px #ffffff;
	}
	#cart_summary{
	width:50%;min-width:300px;display:table;background-color:#eeeeee;margin-top:10px;border:solid 1px #cccccc;float:right;
	}

	#pcs_info{
	width:calc(100% - 20px);border:solid 1px #ffffff;
	float:unset;
	}
	#pcs_summary{
	width:50%;min-width:300px;margin-right:30px;float:right;
	}
	#pcs_summary_box{
	position:unset;
	width:100%;
	min-width:300px;
	max-width:unset;
	display:table;
	background-color:#eeeeee;
	border:solid 1px #cccccc;
	float:unset;
	}

	#pcs_user_info{
	width:100%;
	float:unset;
	}
	#pcs_user_info input{
		font-size:16px !important;
	}

	#pcs_cart_list{
	width:calc(100% - 30px);margin:30px 30px 20px 0;
	float:unset;
	}


}


/*--------------------------------------------------------*/
@media screen and (max-width: 767px) {

	#cart_main{
	width:calc(100% - 10px);border:solid 0px #000000;padding:10px;margin:20px 10px 50px 0;height:auto;min-height:500px;
	padding-left:0px;
	}
	#cart_list{
	width:calc(100% - 10px);border:solid 1px #ffffff;
	}
	#cart_summary{
	width:calc(100% - 10px);display:table;background-color:#eeeeee;margin-top:10px;border:solid 1px #cccccc;
	}

	#pcs_info{
	width:calc(100% - 10px);border:solid 1px #ffffff;
	float:unset;
	}
	#pcs_summary{
	width:50%;min-width:300px;margin-right:10px;float:right;
	}
	#pcs_summary_box{
	position:unset;
	width:100%;
	min-width:300px;
	max-width:unset;
	display:table;
	background-color:#eeeeee;
	border:solid 1px #cccccc;
	float:unset;
	}

	#pcs_user_info{
	width:100%;
	float:unset;
	}
	#pcs_user_info input{
		font-size:16px !important;
	}

	#pcs_cart_list{
	width:calc(100% - 10px);margin:20px 10px 20px 0;
	float:unset;
	}

	.cart_list_row{
	font-size:13px;
	}

	.cart_list_cell_img{
	width:20%;min-width:70px;
	}

	.cart_ship_area select{
		font-size:18px;
	}
}