/*popup_giohang*/
.popup_giohang {
	overflow-x: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	overflow-y: auto;
	background: rgba(181, 181, 181, 0.72);
}

	.popup_giohang .popup_giohang_content {
		margin: 0;
		position: relative;
		z-index: 20;
		overflow-y: visible;
		width: 800px;
		margin: 60px auto 0;
		background: #fff;
		box-shadow: 0 5px 15px rgba(0,0,0,.5);
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 6px;
        margin-top:10%;
	}
	.popup_giohang a.close {
		background: url(/images/close-button1.png) no-repeat;
		width: 31px;
		height: 31px;
		z-index: 2;
		position: absolute;
		top: -13px;
		right: -12px;
		opacity: .7;
	}

		.popup_giohang a.close:hover {
			opacity: 1;
		}

	.popup_giohang .title {
		line-height: 40px;
		height: 40px;
		font-weight: bold;
		padding-left: 45px;
		font-size: larger;
		background: url(/images/icon_cart.png) no-repeat 15px 9px;
	}
    .thong_baotrong{
        padding: 10px;
    }
    .thong_baotrong a{
        color: #0026ff;
        font-weight:bold;
    }
	.popup_giohang .content {
	background: #fff;
	padding-bottom: 5px;
	border-bottom: none;
	}

		.popup_giohang .content ul {
			list-style: none;
            padding-left:0px;
		}

			.popup_giohang .content ul li {
			}

				.popup_giohang .content ul li.li_title {
					background: #ebebeb;
					line-height: 30px;
					height: 30px;
					text-transform: uppercase;
					font-weight: bold;
				}

				.popup_giohang .content ul li .tensp {
					width: 365px;
					position: relative;
					float: left;
				}

				.popup_giohang .content ul li .giatien {
					width: 150px;
					text-align: right;
					float: left;
				}

				.popup_giohang .content ul li .sl {
					width: 120px;
					text-align: right;
					float: left;
				}

				.popup_giohang .content ul li .thanhtien {
					width: 144px;
					text-align: right;
					float: left;
				}

				.popup_giohang .content ul li div {
					padding: 0 15px;
				}

				.popup_giohang .content ul li.li_item {
					padding: 15px 0;
					border-bottom: 1px solid #eee;
				}

					.popup_giohang .content ul li.li_item .tensp a.del {
						position: absolute;
						width: 19px;
						height: 19px;
						top: -10px;
						left: 6px;
						background: url(/images/btndel.png) no-repeat 0 0;
					}

						.popup_giohang .content ul li.li_item .tensp a.del:hover {
						}

					.popup_giohang .content ul li.li_item .tensp a.sp {
					}

						.popup_giohang .content ul li.li_item .tensp a.sp img {
							width: 84px;
							height: 84px;
							float: left;
							margin-right: 15px;
						}

						.popup_giohang .content ul li.li_item .tensp a.sp span {
							display: block;
							margin-top: 10px;
							font-weight: bold;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							overflow: hidden;
							display: -webkit-box;
						}

						.popup_giohang .content ul li.li_item .tensp a.sp:hover span {
						}

					.popup_giohang .content ul li.li_item .giatien {
						padding-top: 4px;
					}

						.popup_giohang .content ul li.li_item .giatien .giaban {
							display: block;
							font-weight: bold;
						}

						.popup_giohang .content ul li.li_item .giatien .giathitruong {
							display: block;
							color: #777;
							text-decoration: line-through;
						}

						.popup_giohang .content ul li.li_item .giatien .saleoff {
							display: block;
							color: #ca2027;
						}

					.popup_giohang .content ul li.li_item .sl {
					}

						.popup_giohang .content ul li.li_item .sl input {
							width: 63px;
							text-align: center;
						}

							.popup_giohang .content ul li.li_item .sl input::-webkit-inner-spin-button,
							.popup_giohang .content ul li.li_item .sl input::-webkit-outer-spin-button {
								opacity: 1;
							}

					.popup_giohang .content ul li.li_item .thanhtien {
						font-weight: bold;
					}

				.popup_giohang .content ul li.li_foot {
					list-style: none;
				}

				.popup_giohang .content ul li.li_foot {
					text-align: right;
					position: relative;
					padding: 10px 15px 5px;
					border-top: 1px solid #eee;
				}

					.popup_giohang .content ul li.li_foot a.a_tieptucmua {
						color: #333;
						text-decoration: underline;
						position: absolute;
						left: 15px;
						top: 70px;
						transition: .5s;
						font-weight: bold;
						font-size: 13px;
					}

						.popup_giohang .content ul li.li_foot a.a_tieptucmua:hover {
							text-decoration: none;
							color: #0C9DE4;
						}

					.popup_giohang .content ul li.li_foot .tt {
						font-weight: bold;
						display: block;
					}

						.popup_giohang .content ul li.li_foot .tt span {
							font-size: larger;
							color: #ca2027;
						}

					.popup_giohang .content ul li.li_foot .vat {
						color: #707070;
						font-size: 12px;
						display: block;
					}

					.popup_giohang .content ul li.li_foot a.btntt {
						background: #ca2027;
						padding: 4px 18px;
						border-radius: 4px;
						font-weight: bold;
						color: #fff;
						display: inline-block;
						margin-top: 8px;
						transition: .5s;
					}

						.popup_giohang .content ul li.li_foot a.btntt:hover {
							background: #9a181e;
						}

			.popup_giohang .content ul.items {
				max-height: 345px;
				overflow-y: scroll;
				margin: 0;
				margin-bottom: -1px;
			}

@media only screen and (max-width: 991px) {
	.popup_giohang .popup_giohang_content {
		width: 90%;
	}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
	.popup_giohang .content ul li .tensp {
		width: 230px;
	}
}

@media only screen and (max-width: 767px) {
	.popup_giohang .content ul li.li_title {
		text-transform: none;
	}

	.popup_giohang .content ul li .tensp {
		width: 100px;
	}

	.popup_giohang .content ul li .giatien {
		display: none;
	}

	.popup_giohang .content ul li.li_item .tensp a.sp img {
		display: none;
	}

	.popup_giohang .content ul li.li_item .tensp a.sp span {
		text-transform: lowercase;
		margin-top: 0;
	}
}