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.hline div.w270{max-width: 264px; position: relative; width: calc(100% - 5px);float:left; margin-right: 5px;}
div.users div.info div{float: left; width: 100%; margin: 2px 0 2px 0;}
div.users div.info div i.fa{font-size: 20px; width:20px;}
div.users div.info div i.fa-check-circle-o,
div.users div.info div label:last-child{display: none;}


div.users h3{font-weight: normal; margin-top:6px;}
div.users h3 sup{color:red;}
div.users h3 span{font-style: italic; color: #737373; }
div.users input[type='text']{border: #c4c4c4 1px solid; border-radius: 3px;padding: 7px;float: left;margin-top: 3px;width: calc(100% - 16px); font-size: 15px; margin-bottom: 2px;}
div.users input[type='text']:hover{border: #858585 1px solid;}
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;font-size: 15px;} 
div.users div.hline textarea:hover{border: #858585 1px solid;}
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 input[type='text'].error{background-color: #fff1ee; border-color: #ff6a31;}

div.wdict ul{
	float: left;
	position: absolute; top: 24px; left: 0px;
	background-color: #f7f7f7; border: #dddddd 1px solid;
	padding: 0px; list-style: none; display: none;
	max-height: 300px; overflow: auto; border-bottom: 0px;
	width: calc(100% - 2px);
}
div.wdict ul li{
	float:left; width: calc(100% - 20px);
	border-bottom: #dddddd 1px solid;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
}
div.wdict ul li.active,
div.wdict ul li:hover{
	background-color: #dddddd;
}
div.wdict div.address_old{
	float: left; width: 100%; 
}
div.wdict div.address_old div{
	float: left; width: calc(100% - 20px); border-bottom: #e7e7e7 1px solid; padding: 5px 10px 5px 10px;
	color: #656565;background-color: #f7f7f7; cursor: pointer;
}
div.wdict div.address_old div i.fa{
	font-size: 22px;
}
div.wdict div.address_old div label:last-child{
	display: none;
}
div.wdict div.address_old div.active,
div.wdict div.address_old div:hover{
	background-color: white; color:black;
}



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%;  height: auto;}

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;
	}
}