#content-wrap { position: relative; margin-bottom: 3vw; padding: 3vw 0 89px; }

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

/* order_box */
.order_box { margin-top: 35px; padding: 28px 22px; background: #f8f8f8; }
.order_box h5 { margin: 0 10px 2px; font-weight: 400; font-size: 21px; color: #141414; }
.order_box h5 b { padding: 0 10px 0 0; color: #f90606; }
.order_box h5 font { margin-left: 20px; }
.order_box >div { padding: 5px 10px; background: #fff; border: 1px #eee solid; }
.order_box .input_list { padding: 30px 15px; }

/* orderWrap */
.orderWrap .list { padding: 10px 20px; border-bottom: 1px #dddee4 solid; font-size: 0; }
.orderWrap .list .img { width: 60%; display: inline-block; }
.orderWrap .list .img font { padding: 5px; border: 1px #f2f2f2 solid; 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: 40%; 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 { position: relative; width: 25px; height: 25px; border: 1px #c2c2c2 solid; display: inline-block; }
.orderWrap .list .info p.qBox a:before { position: absolute; width: 15px; height: 1px; background: #4b4b4b; display: block; top: calc((100% - 1px) / 2); left: 5px; content: ""; }
.orderWrap .list .info p.qBox a[data-type="2"]:after { position: absolute; width: 1px; height: 15px; background: #4b4b4b; display: block; top: 5px; left: calc((100% - 1px) / 2); content: ""; }
.orderWrap .list .info p.qBox input { width: 50px; display: inline-block; 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; }

/* formbox */
.formbox { margin: 40px 0; padding: 30px 50px; border: 5px #eee solid; font-size: 0; }
.formbox .col2 { width: 45%; display: inline-block; vertical-align: top; }
.formbox .col2:nth-child(2n) { margin-left: 10%; }
.formbox p { margin: 0 0 20px; font-size: 0; }
.formbox p label { margin-bottom: 3px; display: block; font-size: 18px; color: #141414; }
.formbox p.code font { position: relative; margin-right: 20px; width: 220px; display: inline-block; }
.formbox p.code i { position: absolute; top: calc((100% - 16px) / 2); right: 10px; color: transparent; }
.formbox p.code i.fa-check-circle { color: #35b100; }
.formbox p.code i.fa-times-circle { color: #ec0808; }
.formbox p.code #errtxt { width: auto; font-size: 14px; color: #ec0808; opacity: 0; }

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

/* order_bottom_txt */
.order_bottom_txt { position: absolute; padding: 10px 0; width: 100%; bottom: 0; left: 0; opacity: 0; z-index: 1000; }
.order_bottom_txt.fixed { position: fixed; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / .3); opacity: 1; }
.order_bottom_txt.absolute-bt { opacity: 1; z-index: 998; }
.order_bottom_txt p { margin: 10px 0; width: calc((100% - 50px) / 2); display: inline-block; text-align: left; }
.order_bottom_txt p label { display: inline-block; line-height: 24px; vertical-align: text-top; }
.order_bottom_txt p font { display: inline-block; line-height: 110%; }
.order_bottom_txt p font#totaltxt { margin: 0 0 0 20px; min-width: 110px; font-size: 22px; }
.order_bottom_txt p font#bot_note , .order_bottom_txt p font#bot_note span { display: inline-block; font-weight: 400; line-height: 110%; font-size: 14px; color: #504f4f; vertical-align: text-top; }
.order_bottom_txt p font#bot_note { position: relative; line-height: 24px; }
.order_bottom_txt p font#bot_note span#freetxt { margin-right: 5px; }
.order_bottom_txt p font#bot_note span.numtxt { font-size: 16px; }
.order_bottom_txt p font#bot_note a , .order_bottom_txt p font#bot_note i { display: inline-block; font-size: 13px; vertical-align: initial; color: #f33d3d; }
.order_bottom_txt p font#bot_note b { position: absolute; width: 120px; background: #fff; border: 1px #e8e8e8 solid; border-radius: 4px; box-shadow: 0 0 10px rgb(0 0 0 / .2); font-size: 0; right: 0; bottom: 35px; opacity: 0; }
.order_bottom_txt p font#bot_note b span { overflow: hidden; height: 0; line-height: 170%; }
.order_bottom_txt p font#bot_note b[data-type="2"] { padding: 5px 10px; opacity: 1; }
.order_bottom_txt p font#bot_note b[data-type="2"]:before , .order_bottom_txt p font#bot_note b[data-type="2"]:after { position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #d6d6d6 transparent transparent transparent; display: inline-block; bottom: -10px; left: 20px; content: ""; }
.order_bottom_txt p font#bot_note b[data-type="2"]:after { border-width: 10px 8px 0 8px; border-top-color: #fff; bottom: -9px; }
.order_bottom_txt p font#bot_note b[data-type="2"] span { height: 23px; }
.order_bottom_txt p.send { margin-left: 50px; }
.order_bottom_txt p.send a { padding: 15px 10px; background: #212121; display: block; text-align: center; color: #fff; }

@media screen and (max-width:1280px) {
	.checknum { margin: 0; }
	.order_bottom_txt p { margin: 0; width: calc(100% - 250px); }
	.order_bottom_txt p.send { margin-left: 50px; width: 200px; }
}
@media screen and (min-width:981px) {
	.orderWrap .list .info p { text-align: center; }
	.orderWrap .list .info p.sBox font.pcDisBox { display: none; }
}
@media screen and (max-width:980px) {
	.order_box , .formbox , .order_box .input_list { 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 { width: calc(100% - 124px); }
	.orderWrap .list .img font { position: absolute; padding: 2px; display: block; left: 20px; }
	.orderWrap .list .img font img { width: 60px; height: 60px; }
	.orderWrap .list .img b { margin-left: 0; width: 100%; font-size: 18px; }
	.orderWrap .list .info { width: calc(100% - 124px); 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.sBox , .orderWrap .list .info p.sBox font { line-height: 110%; font-size: 14px; }
	.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; line-height: 120%; font-size: 25px; color: #d23f46; }
	.orderWrap .list .info p.remove { position: absolute; right: 20px; top: 5px; }
	#order .btns { margin: 40px 0 20px; text-align: center; }
	.formbox .col2 , .formbox .col2:nth-child(2n) { margin-left: 0; width: 100%; }
}
@media screen and (max-width:768px) {
	.checknum { margin-bottom: 20px; }
	.order_bottom_txt p , .order_bottom_txt p.send { margin-left: 0; width: 100%; }
	.order_bottom_txt p.send a { margin-top: 5px; }
	.order_bottom_txt.absolute-bt { padding: 10px 0; }
}
@media screen and (max-width:450px) {
	.orderWrap .list { padding: 10px 0 50px; }
	.orderWrap .list .img { margin: auto; width: 100%; text-align: center; }
	.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% - 104px) / 2); }
	#order .btns a , #order .btns a#btnClean { margin: 0 5px; padding: 7px 0; width: calc(50% - 12px); text-align: center; font-size: 14px; }
}