
.saleOrder hr {
	height:1px;
	width:100%;
	margin:20px auto;
	border:0;
	border-bottom:1px solid #ddd;
}

.saleOrder .terms {
	background:#efeddb;
	padding:20px 30px;
	overflow:hidden;
	margin:25px -19px;
}

.saleOrder .terms .floatLeft {
	width:40%;
	margin-right:10%;
}

.saleOrder .terms .floatLeft b { font-size:28px; display:inline-block; margin-top:7px; }

.saleOrder { padding:20px; margin-bottom:50px; border:1px solid #ddd; border-radius:10px; width:265px; height:280px; display:none; position:absolute; z-index:999; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.3); }
.saleOrder.active { display:block; }
.saleOrder input[type=text], .saleOrder input[type=email], .saleOrder input[type=phone] { width:250px; margin-bottom:10px; border-radius:3px; font-size:13px; border:1px solid #ddd; line-height:35px; padding:0 5px; }


.saleOrder .agree {
	margin-top:15px;
	font-size:11px;
}

.saleOrder .hidden { display:none !important; }

.saleOrder div.success {
	border:1px solid #15710c;
	background:#d8f7d5;
	text-align:center;
	padding:10px;
	margin:10px 0;
	border-radius:5px;
	color:#373e36;
}

.saleOrder label { display:block; }

.saleOrder input[type=submit], .saleOrder button {
	border:0;
	outline:none;
	display:inline-block;
	text-decoration:none;
	font-size: 18px;
	text-align:center;
	padding:10px 30px;

	border-radius: 10px;
	position: relative;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;

	background-image: -webkit-linear-gradient(top, #89cc9d, #48a980);
	background-image: linear-gradient(top, #89cc9d, #48a980);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2), inset 0px -2px 0px 1px rgba(204,198,197,.3);
	color:#fff;
	cursor:pointer;
}

.saleOrder input[type=submit]:hover, .saleOrder button:hover{
	background-image: -webkit-linear-gradient(top, #a0e9b6, #379d72);
	background-image: linear-gradient(top, #a0e9b6, #379d72);
}

.done {
	clear:both;
	float:none;
	text-align:center;
}


.done .orderNum {
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	text-shadow:1px 1px 1px rgba(0,0,0,.1);
	border-radius:10px;
	color:#fff;
	margin:30px auto;
	width:150px;
	font-size:35px;
	padding:20px;
}

.done h1 {
	font-size:30px;
	margin:0;
	padding:0;
	text-align:center;
}

.done .desc_done {
	margin:0;
	font-size:14px;
	text-align:center;
}



.saleProducts {
	overflow:hidden;
	position:relative;
	padding:1px;
	margin-bottom:30px;
	margin-top:10px;
}

.saleProduct {
	overflow:hidden;
	width:32%;
	height:580px;
	float:left;
	position:relative;
	box-shadow:0 10px 7px rgb(0 0 0 / 5%);
	border-left:0;
	border-top:0;
	padding:1%;
	margin-right:1%;
	margin-bottom:1%;
	border-radius:10px;
	background:#fff;
	min-width:240px;
	box-sizing:border-box;
}

.saleProduct .over { position:absolute; padding:20px; background:rgba(0,0,0,.8); color:#000; font-weight:bold; font-size:20px; transform:rotate(-15deg); top:100px; left:10px;}
.saleProduct .title { text-decoration:none; font-size:20px; display:block; }
.saleProduct .title h4 { font-weight:bold !important; margin:0; padding:0; }
.saleProduct .title.sm >* {font-size:16px; line-height:19px;}
.saleProduct .desc { color:#000; font-size:13px; height:35px; }
.saleProduct .imgContainer { display:block; text-align:center; top:120px; display:block; position:absolute; left:0; right:0; overflow:hidden; }
.saleProduct .pic1, .saleProduct .pic2 {
	width:100%;
	height:300px;
	background-repeat:no-repeat;
	background-position:center 0;
	background-size:cover;
	background-color:#f2f2f2;
	position:relative;
	vertical-align:top;
	border-radius:15px;
}

.saleProduct .pic1 span, .saleProduct .pic2 span {
	position:absolute;
	bottom:3px;
	right:5px;
	text-align:right;
	color:#000;
	font-size:11px;
	text-shadow:1px 1px 1px rgba(255,255,255,.5);
	background:rgba(255,255,255,.3);
}

.saleProduct .pic1 {
	background-size:110% auto;
	background-color:#c8ccd5;
	background-position:center center;
}
.saleProduct .pic1 span { background:transparent; }
.saleProduct .imgContainer.two_pics .pic1, .saleProduct .imgContainer.two_pics .pic2 {
	width:60%;
	display:inline-block;
}
.saleProduct .imgContainer.two_pics .pic1 {
	width:33%;
	margin-right:2%;
}
.saleProduct .imgContainer a {display:block; }
.saleProduct .imgContainer img { max-width:100%; max-height:270px; vertical-align:middle; }

.saleProduct .price { display:block; font-size:20px; position:absolute; left:0px; right:0; bottom:0px; padding:15px; }

.saleProduct .price .greenBg { margin:0 0 15px 0; background:transparent; padding:5px; color:#555; box-sizing:content-box; }
.saleProduct .price .qlity { background:#65a500; display:inline-block; color:#fff; padding:3px 10px; font-size:15px; border-radius:5px; margin-right:7px; box-sizing:content-box; }

.saleProduct .price .blackBg { background:#ebebeb; display:inline-block; float:left;  overflow:hidden; border-radius:15px; margin:0 10px; box-sizing:content-box; }
.saleProduct .price .discount { color:#fff; display:inline-block; float:left; clear:left; overflow:hidden; height:55px; padding:10px; width:40px; font-size:28px; font-weight:bold; line-height:28px; background:#d50041; color:#fff; border-radius:15px; box-sizing:content-box; text-align:center; }

.saleProduct .price .priceAmount { display:inline-block; float:left; height:55px; padding:10px 0; margin:0 10px; }
.saleProduct .price .price_discount_yes { font-weight: bold; font-size:22px; margin-top:0px; background:yellow;}
.saleProduct .price .price_unactual_yes { font-weight: normal; text-decoration: line-through; }

.saleProduct .price .saleBuy { background: linear-gradient(149deg, rgba(242,231,0,1) 0%, rgba(228,161,0,1) 100%); color:#000; float:left; text-decoration:none; line-height:71px; padding:0 25px; font-weight:bold; border-radius:15px; }
.saleProduct .price .saleBuy:hover { background:#000; color:#ffff00; }

@media screen and (max-width: 1350px) {
	.saleProduct .price .discount { font-size:24px; line-height:24px; height:45px; }
	.saleProduct .price .priceAmount { font-size:17px; line-height:24px; height:45px; }
	.saleProduct .price .price_discount_yes { font-size:20px; }
	.saleProduct .price .saleBuy { padding:0 15px; line-height:65px; }
}

@media screen and (max-width: 1180px) {
	.saleProduct { width:49%; }
}

@media screen and (max-width: 800px) {
	.saleProduct { width:auto; float:none; margin:15px 0; border-radius:0; border:0; }
}


.booked {
	border:2px solid #fff;
	box-shadow:10px 0 10px rgba(0,0,0,.2);
	left:5px;
	right:5px;
	padding:12px 0;
	background:rgba(0,0,0,.7);
	text-align:center;
	color:#fff;
	font-weight:bold;
	position:absolute;
	z-index:10;
}