@charset "utf-8";
/* totalbox */
.totalbox {
	background: #fff;
	border-style: solid;
	border-color: #e1e1e1;
	border-width: 1px;
	padding: 15px 10px;
	overflow: hidden;
}
/* 單項 */
.totalbox__item{
	margin-bottom: 8px;
	overflow: hidden;
}
/* 單項-中文 */
.totalbox__field {
	float: left;
}
.totalbox__qty {
	text-align: right;
}
.totalbox__qty .totalbox__field {
	float: none;
}
/* 右側項目 */
.totalbox__data{
	float: right;
	font-weight: 600;
}
.totalbox__data-qty {
	font-weight: normal;
}
.totalbox__subtotal-num span:before,
.totalbox__shipping-num span:before,
.total__discount-cost span:before,
.total__discount-global-cost span:before{
	content: "$";
}

/* 產品數-數字 */
.totalbox__qty-num {
	display: inline-block;
	margin: 0 5px;
}
.totalbox__subtotal,
.totalbox__shipping,
.totalbox__discount {
}
.totalbox__field:after {
	/* content: "："; */
	/* display: inline-block; */
	margin: -4px 0 0;
	vertical-align: middle;
}

/* 折扣 */
.totalbox__discount {

}
/* 折價計算 */
.totalbox__discount-free {
}

.totalbox__discount-free:before,
.totalbox__discount-free:after {
	display: inline-block;
	vertical-align: baseline;
}
/* 折價計算-前綴 */
.totalbox__discount-free:before {
	content: "(";
}
/* 折價計算-後綴 */
.totalbox__discount-free:after {
	content: ")";
}
/* 總共*/
.totalbox__total {
	margin: 0;
	padding: 0px;
}
/* 總共-數值*/
.totalbox__total-num {
	font-size: 22px;
	margin-top: -4px;
}
/* 總共-數值-前綴*/
.totalbox__total-num:before {
	content: "NT$";
	display: inline-block;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: middle;
}
/* 滿千免運費 */
.totalbox__field-tips{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding: 4px 4px;
	font-size: 13px;
	line-height: 13px;
	position: relative;
	margin-right: 7px;
	display: none;
}
/* (再買 xx 元免運費) */
.totalbox__field-buy-tips{
}
/* 運費提示 */
.totalbox__shipping-tips{

}
@media screen and (min-width: 768px) {
	/* totalbox */
	.totalbox {
		text-align: right;
		border-bottom-width: 0;
		padding: 20px 10px;
	}
	/* 單項-中文 */
	.totalbox__field {
		float: none;
		display: inline-block;
		vertical-align: bottom;
	}
	/* 右側項目 */
	.totalbox__data{
		float: none;
		width: 120px;
		display: inline-block;
		vertical-align: bottom;
	}
	/* 共計產品數-餵出 */
	.totalbox__qty .totalbox__data{
		width: auto;
	}
	/* 共計產品數-餵出 */
	.totalbox__data .text-secondary{
		margin: 0 5px;
	}
	/* 總共-餵出 */
	.totalbox__total .totalbox__data{
		width: auto;
	}
	/* 總計再買xx免運 */
	.totalbox__field-tips{
		display: inline-block;
	}
	.text-freight{
		padding-right: 30px;
	}
	.totalbox--collapse{
		text-align: left;
	}
	.totalbox--collapse .totalbox__qty,
	.totalbox--collapse .totalbox__shipping,
	.totalbox--collapse .totalbox__discount,
	.totalbox--collapse .totalbox__discount-global{
		display: inline-block;
		margin: 0;
		padding: 0 12px;
		vertical-align: bottom;
		position: relative;
	}
	.totalbox--collapse .totalbox__qty:after,
	.totalbox--collapse .totalbox__shipping:after,
	.totalbox--collapse .totalbox__discount:after,
	.totalbox--collapse .totalbox__discount-global:after{
		content: '';
		height: 13px;
		width: 1px;
		background-color: #787878;
		position: absolute;
		right: 0;
		top: 7px;
	}
	.totalbox--collapse .totalbox__data{
		width: auto;
	}
	.totalbox--collapse .totalbox__data span{
		margin: 0;
	}
	.totalbox__data span.text-secondary{
		margin: 0 5px;
	}
	/* 產品數 */
	.totalbox--collapse .totalbox__qty{
		padding-left: 0;
	}
	/* 小計 */
	.totalbox--collapse .totalbox__subtotal{
		display: none;
	}
	/* 總共 */
	.totalbox--collapse .totalbox__total{
		padding: 0 12px;
		margin: 0;
		display: inline-block;
		float: none;
		vertical-align: bottom;	}

	/* 運費提示 */
	.totalbox--collapse .totalbox__shipping-tips{
		display: none;
	}
	.totalbox--collapse .totalbox__field2:after{
			content: "：";
			display:inline-block;
			vertical-align: bottom;
	}
	.totalbox--collapse .totalbox__field-tips,
	.totalbox--collapse .totalbox__field-buy-tips{
		display: none;
	}
}