/* numtxt */
.numtxt { font-family: 'Noto Sans SC', sans-serif; }

/* order */
#order { margin-top: 35px; padding: 28px 22px; background: #f8f8f8; }
#order >div { padding: 5px 10px; background: #fff; border: 1px #eee solid; }

/* orderWrap */
.orderWrap .list { padding: 10px 20px; border-bottom: 1px #dddee4 solid; font-size: 0; }
.orderWrap .list .img { width: 40%; display: inline-block; }
.orderWrap .list .img a { display: block; }
.orderWrap .list .img font { display: inline-block; }
.orderWrap .list .img font img { width: 70px; height: 70px; object-fit: cover; }
.orderWrap .list .img b { margin-left: 10px; width: calc(100% - 92px); height: 27px; display: -webkit-inline-box; font-weight: normal; font-size: 16px; color: #000; -webkit-line-clamp: 1; }
.orderWrap .list .info { width: 60%; display: inline-block; font-size: 0; }
.orderWrap .list .info p { width: calc((100% - 25px) / 3); display: inline-block; }
.orderWrap .list .info p.qBox { font-size: 0; }
.orderWrap .list .info p.qBox a , .orderWrap .list .info p.qBox input { padding: 2px 5px; border: 1px #e1e1e1 solid; display: inline-block; color: #000; vertical-align: middle; }
.orderWrap .list .info p.qBox a { padding: 2px 7px; background: #f9f9f9; }
.orderWrap .list .info p.qBox input { width: 30px; border-width: 1px 0; text-align: center; }
.orderWrap .list .info p.remove { width: 25px; }
.orderWrap .list .info p.remove a { color: #7f7f7f; }

.orderWrap .list.title { padding: 15px 20px; border-color: #949494; }

/* btns */
.orderbtns { margin: 40px 60px 20px; text-align: right; font-size: 0; }
.orderbtns a { margin: 0 20px 0 0; padding: 7px 30px; display: inline-block; border: 1px #c0c0c0 solid; color: #504f4f; }
.orderbtns a#btnClean { margin: 0; background: #504f4f; border-color: #504f4f; color: #fff; }

/* orderTotal */
#orderTotal { padding: 40px 0 20px; }
#orderTotal p { margin: 10px; text-align: right; font-size: 0; }
#orderTotal p font { width: 80px; display: inline-block; color: #7b7b7b; }
#orderTotal p span { width: 200px; display: inline-block; text-align: right; font-size: 20px; }
#orderTotal p#price3 span { font-weight: bold; color: #d32b33; }

@media screen and (min-width:981px) {
	.orderWrap .list .info p { text-align: center; }
}
@media screen and (max-width:980px) {
	#order { padding: 18px 12px; }
	.orderWrap .list.title { display: none; }
	.orderWrap .list { position: relative; padding-left: 110px; }
	.orderWrap .list .img , .orderWrap .list .info p , .orderWrap .list .info p:first-child { width: auto; display: block; }
	.orderWrap .list .img font { position: absolute; display: block; left: 20px; }
	.orderWrap .list .img font img { width: 60px; height: 60px; }
	.orderWrap .list .img b { margin-left: 0; width: calc(100% - 90px); }
	.orderWrap .list .info { width: calc(100% - 90px); display: block; font-size: 20px; }
	.orderWrap .list .info p:first-child font , .orderWrap .list .info p:first-child b { font-size: 12px; color: #696868; }
	.orderWrap .list .info p.qBox { position: absolute; right: 20px; bottom: 10px; }
	.orderWrap .list .info p.pBox { display: none; }
	.orderWrap .list .info p.tBox { font-weight: bold; font-size: 20px; color: #cb141d; }
	.orderWrap .list .info p.remove { position: absolute; right: 20px; top: 5px; }
	.orderbtns { margin: 40px 0 20px; text-align: center; }
}
@media screen and (max-width:500px) {
	#orderTotal p span { width: calc(100% - 80px); }
}
@media screen and (max-width:450px) {
	.orderWrap .list { padding: 10px 0 50px; }
	.orderWrap .list .img font { position: relative; margin: 10px; border: 0; text-align: center; left: 0; }
	.orderWrap .list .img font img { width: 150px; height: 150px; }
	.orderWrap .list .img b { width: 100%; text-align: center; } 
	.orderWrap .list .info { width: 100%; }
	.orderWrap .list .info p { text-align: center; }
	.orderWrap .list .info p.qBox { right: calc((100% - 140px) / 2); }
	.orderWrap .list .info p.qBox a , .orderWrap .list .info p.qBox a.limit { padding: 2px 10px; border-radius: 0; }
	.orderWrap .list .info p.qBox input { width: 70px; }
	.orderbtns a , .orderbtns a#btnClean { margin: 0 5px; padding: 7px 0; width: calc(50% - 12px); text-align: center; font-size: 14px; }
}