div.box-data h1.red{ color:red;}

div.users,
div.users h3,
div.users div.info,
div.users div.hline{float: left;width: 100%; margin: 0 0 6px 0;}
div.users div.info{max-width: 520px;}
div.users div.info div{float: left; width: 100%; margin-bottom: 6px;font-size: 120%; border-bottom: #e3e3e3 1px solid; line-height: 160%;}
div.users div.info div i.fa{float: left; width: 30px; margin-top: 5px;}
div.users div.info div span{float: left;}

div.users h3{font-weight: normal; margin-top:6px;}
div.users h3 sup{color:red;}
div.users input[type='text']{border: #c4c4c4 1px solid; border-radius: 3px;padding: 7px;float: left;margin-top: 3px;width: calc(100% - 16px); max-width: 250px;font-size: 15px; margin-bottom: 2px;}
div.users input[name='fullname']{margin-right: 5px;}
div.users input[type='text']:hover{border: #858585 1px solid;}
div.users input[name='address']{max-width: 520px;}
div.users div.hline textarea{ float: left; border: #c4c4c4 1px solid; padding: 7px;	cursor: text; border-radius: 3px; font-family: Arial; font-size: 13px; width: calc(100% - 16px); margin-top:3px;max-width: 520px;font-size: 15px;} 
div.users div.hline textarea:hover{border: #858585 1px solid;}
div.users input[type='text'].error{background-color: #fff1ee; border-color: #ff6a31;}
div.users button{float: left;cursor: pointer; background-color: #d34836; border: #be3c29 1px solid; color: white; padding: 6px 10px 6px 10px; border-radius: 3px; font-size:18px; margin-top:3px;}
div.users button:hover{background-color: #156f50; border-color: #0e4b36;}
div.users div.address{position: relative; max-width: 525px;border: #c4c4c4 1px solid;border-radius: 3px; padding: 4px; font-size: 15px; width: calc(100% - 10px);}
div.users div.address span{float: left; color: #6f6f6f; height: 28px; line-height: 28px; cursor: pointer;}
div.users div.error{border-color: red;}
div.users div.address span label{float: left; margin-right: 4px; color: black;}
div.users div.address i.fa{float:right; margin-top: 2px; font-size: 25px; cursor: pointer;}
div.users div.province{position: absolute; top: 36px; left: -1px; z-index: 1; background-color: white; width: 100%; border:#d6d6d6 1px solid;display: none; box-shadow: 1px 1px 1px gray}
div.users ul,
div.users ul li{float: left; margin: 0px; padding:0px;list-style: none;}
div.users ul{max-height: 450px; overflow: auto;width: 100%;}
div.users ul li{padding: 6px; border-bottom: #d6d6d6 1px solid; width: calc(100% - 12px);}
div.users ul li:hover{background-color: #f7f7f7;cursor: pointer;}

ul.orders,
ul.orders li{	float: left; margin: 0px; padding: 0px; list-style: none; width: 100%;}
ul.orders li{padding: 10px 0 10px 0; border-bottom: #e9e9e9 1px solid;}
ul.orders li a.img{float: left; width: 150px;border: #eeeeee 1px solid; padding: 2px; overflow: hidden; text-align: center;}
ul.orders li a.img img{width: 100%; float:left;}

ul.orders li div.info{float: left; width: calc(100% - 176px); margin-left: 20px;}
ul.orders li h3{float:left;width:100%; margin: 0;font-weight: normal;}

ul.orders div.info div{float: left;width:100%; margin: 6px 0 6px 0;}

ul.orders div.quantity label{float: left;border: #cacaca 1px solid; background-color: #f3f3f3;width: 30px;text-align: center;height:30px;line-height: 30px;font-size:25px; cursor: pointer; color:#969696;}
ul.orders div.quantity input{float:left;border:none; border-top: #cacaca 1px solid;border-bottom: #cacaca 1px solid;width:60px;text-align: center;height: 28px;font-size:15px;}
ul.orders div.quantity label:hover{background-color: #e2e2e2; border-color: #d5d5d5;}

ul.orders div.quantity span{ cursor: pointer; background-color: #f0f0f0;padding:3px 10px 3px 10px;border: #d2d2d2 1px solid; float: left; margin-right: 10px;}
ul.orders div.quantity span i{font-size:21px;}
ul.orders div.quantity span:hover{background-color: #fcd21b;border-color: #dcb203;}

ul.orders div.price span{font-size: 16px;}
ul.orders div.price span.sale{ font-size: 160%; margin-top: -2px;}
ul.orders div.price span i.fa{font-size: 16px;}
ul.orders div.price span.total{float: right; font-size: 160%; font-weight: bold; margin: 0px;}
ul.orders div.price span.total em{font-style: normal; color: #6c6c6c; font-weight: normal; font-size: 70%;}

ul.orders div.price span.off{
	display: none;
}

ul.orders li#totalPrice{text-align: right; font-size: 16px;}
ul.orders li#totalPrice span{font-weight: bold; color: red; font-size: 150%;}

div.line-btn{float: left;width:100%;margin:20px 0 20px 0;}
div.line-btn button{font-size:18px; text-decoration: none;padding: 10px 20px 10px 20px; cursor: pointer;}
div.line-btn button[name='checkout']{float: right;	background-color: #d34836; border: #be3c29 1px solid;color: white;}
div.line-btn button[name='remove']{float: left;background-color: #b5b5b5; border: #a5a5a5 1px solid;}
div.line-btn button:hover{background-color: #156f50; border-color: #0e4b36; color:white;}

div.line-btn span{float:left; font-size: 20px; font-weight: bold;color: #1a8e67; line-height: 200%;}

@media screen and (max-width:900px){
	div.line-btn{
		position: fixed; bottom:0px; background-color: rgba(0,0,0,0.8); z-index: 999;
		padding: 10px 0 10px 0; margin:0px; width: 100%; left: 0px; border-top: #bababa 1px solid;
	}
}
@media screen and (max-width:600px){
	ul.orders li a.img{
		width: 120px;
	}
	ul.orders li div.info{
		margin-left: 10px;
		width: calc(100% - 136px);
	}
	
}
@media screen and (max-width:400px){
	ul.orders li div.info{
		width: 100%; margin: 10px 0 0 0 ;
	}
	div.line-btn button{
		padding: 10px;
	}
}