/* iweb32-style02
 *
 * Copyright 2016, TANK
 * 2016 / 10 / 19
 */

/* form */
form fieldset p input#TranserPhoneCity, form fieldset p input#TranserPhonePort, form fieldset p select#TransAddress1, form fieldset p select#TransAddress2 { width: 20%; }
form fieldset p input#TranserPhoneMain { width: 44%; }
form fieldset p input#TransAddress3 { width: 54%; }

/* infoBar */
#infoBar { overflow: hidden; margin-top: 30px; margin-bottom: 25px; }
#infoBar p { position: relative; padding: 20px 0; float: left; width: 16.5%; font-size: 18px; text-align: center; border-right: 1px #e6e6e6 solid; border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; }
#infoBar p:nth-child(1) { border-left: 1px #e6e6e6 solid; }
#infoBar p.ation { background: rgb(242 242 242); color: #6f6f6f; }
#infoBar p.ation:before { position: absolute; width: 87%; height: 64%; border: 1px #bdbdbd solid; display: block;  top: 10px; left: 10px; content: ""; }

/* order-list */
#shopping-cart .order-list .list { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #dcdcdc dashed; }
#shopping-cart .order-list .list p { overflow: hidden; float: left; width: 13%; font-family: 'Noto Sans TC'; line-height: 70px; text-align: center; }
#shopping-cart .order-list .list p:first-child { width: 35%; text-align: left; }
#shopping-cart .order_4 .list p:first-child { width: 46%; }
#shopping-cart .order-list .list p label { margin-bottom: 10px; padding: 5px 0; border-bottom: 1px #e6e6e6 solid; display: none; text-align: center; color: #5d5d5d; }
#shopping-cart .order-list .list:first-child p label { width: 100%; display: block; }
#shopping-cart .order-list .list p a { overflow: hidden; height: 90px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#shopping-cart .order-list .list p span { margin-right: 5px; padding: 2px; background: #e22518; display: inline-block; color: #fff; }
#shopping-cart .order-list .list p b { margin-right: 5px; display: inline-block; }
#shopping-cart .order-list .list p b img { height: 70px; }
#shopping-cart .order-list .list p input, #shopping-cart .order-list .list p select { width: 50px; border: 1px #544a3e solid; text-align: center; }
#shopping-cart .order-list .list p select { width: auto; }
#shopping-cart p.clearAll { margin: 30px 0 0; text-align: right; }
#shopping-cart p.clearAll a, #shopping-cart .page a, #shopping-cart .order-list p.finish a, #shopping-cart .box p.tit a {padding: 5px 15px;background: #1c1c1c;display: inline-block;color: #fff;}
#shopping-cart p.clearAll a:first-child { background: #bababa; }
#shopping-cart p.clearAll a i, #shopping-cart .page a i { margin-right: 5px; }

/* orderInfo */
#shopping-cart #orderInfo { margin: 15px 0; padding-left: 70%; }
#shopping-cart #orderInfo p { overflow: hidden; line-height: 25px; text-align: right; font-weight: bold; }
#shopping-cart #orderInfo p strong { float: left; display: inline-block; font-weight: normal; color: #544a3e; }
#shopping-cart #orderInfo p input { width: 50px; border: 1px #544a3e solid; text-align: right; }

/* orderInfo */
#shopping-cart .page,#shopping-cart .join { overflow: hidden; }
#shopping-cart .join { background: url(../../images/02/member/img-line.png) repeat-y center; }
#shopping-cart .page a { float: left; background: #888888; }
#shopping-cart .page a.next { float: right; background: #1c1c1c; }
#shopping-cart h4 {padding: 30px 0 5px;font-weight: bold;font-size: 20px;color: #000000;}
#shopping-cart h4.Box { text-align: center; }
form fieldset input[type="radio"] { margin-right: 10px; width: auto; }
#shopping-cart .order-list .pay { margin-bottom: 20px; }
#shopping-cart .order-list .pay p { margin: 10px 10px 0 0; display: inline-block; }
#shopping-cart p a.searchStore { padding: 5px 10px; background: #84ce29; border-radius: 5px; display: inline-block; color: #fff; }
#shopping-cart ul li { margin: 10px 0; font-size: 16px; }
#shopping-cart ul li strong { width: 140px; display: inline-block; text-align: inherit; }
#shopping-cart ul li input { border: 1px #cdcdcd solid; }
#shopping-cart .order-list p.finish { margin: 10px 0; text-align: center; }
#shopping-cart .order-list p.finish a { background: #35a04e; }
#shopping-cart .box, #shopping-cart .OR { float: left; width: 48%; }
#shopping-cart .box p.tit { margin: 10px 0; font-size: 16px; }
#shopping-cart .OR { width: 4%; }
#shopping-cart .OR p {margin-top: 265px;background: #fffbf2;text-align: center;}

@media screen and (max-width:1024px) {
	#infoBar p.ation:before { width: 84%; }
	#shopping-cart .OR p { background: #f4f4f4; }
}
@media screen and (max-width:768px) {
	#infoBar p { font-size: 14px; }
	#infoBar p.ation:before { width: 78%; }
	#shopping-cart #orderInfo { padding-left: 40%; }
	#shopping-cart .join { background: none; }
	#shopping-cart .box,#shopping-cart .OR { width: 100%; }
	#shopping-cart .OR { margin: 20px 0; border-bottom: 1px #ccc solid; text-align: center; }
	#shopping-cart .OR p { position: relative; margin-top: 0; margin-bottom: -18px; padding: 0 20px; display: inline-block; }
}
@media screen and (max-width:640px) {
	#infoBar { display: none; }
	#shopping-cart .order-list .list p, #shopping-cart .order-list .list p:first-child { float: none; width: 100%; text-align: left; line-height: normal; border-bottom: 1px #6f8479 solid; }
	#shopping-cart .order-list .list p:first-child, #shopping-cart .order-list .list p:last-child { padding-bottom: 10px; border-bottom: 0; }
	#shopping-cart .order-list .list:first-child p label, #shopping-cart .order-list .list p label { margin-bottom: 0; width: 50%; display: inline-block; }
	#shopping-cart .order-list .list p:first-child { text-align: center; }
	#shopping-cart .order-list .list p:first-child label { display: none; }
	#shopping-cart .order-list .list p a { height: auto; }
	#shopping-cart .order-list .list p:last-child a { display: inline-block; vertical-align: inherit; }
	#shopping-cart .order-list .list p b { margin-bottom: 10px; display: block; text-align: center; }
	#shopping-cart .order-list .list p b img { height: auto; }
	form fieldset p select#TransAddress1, form fieldset p select#TransAddress2 { width: 25%; }
	form fieldset p input#TranserPhoneMain, form fieldset p input#TransAddress3 { width: 43%; }
}
@media screen and (max-width:480px) {
	#shopping-cart #orderInfo { padding-left: 0; }
	form fieldset label { width: auto; display: block; text-align: left; }
	#shopping-cart ul li strong { width: auto; display: block; text-align: left; }
}