﻿#SubProductGioHang { width: 96%;margin: 0px auto;box-sizing: border-box}
#SubProductGioHang .cartinfo{display:block}
#SubProductGioHang .titlett {display:block;color:#ea0234;margin-bottom: 13px;text-transform: uppercase;font: 15px RobotoBold}

#SubProductGioHang .cartinfo .carttable{border-collapse:collapse}
#SubProductGioHang .cartinfo .imgclm{width:74px;}
#SubProductGioHang .cartinfo .name{width:98%;text-align:left;box-sizing: border-box;font: 15px RobotoBold;margin-top: 10px}
 
#SubProductGioHang .cartinfo .num{width:174px}
#SubProductGioHang .cartinfo .cdel{width:76px}
#SubProductGioHang .cartinfo .count{width:154px;font-weight:bold}
#SubProductGioHang .cartinfo .tongtien{width:127px}
#SubProductGioHang .cartinfo .del {display:inline-block;width:67.5px;height:40.5px;color:transparent;background: url(remove.png) no-repeat center;background-size: 100%;float: left;margin-top: 5px}
#SubProductGioHang .cartinfo .del:hover {background-image:url(removehv.png)}
#SubProductGioHang .cartinfo th{text-align:center;color:#ffffff;height:45px;line-height:45px;font-size: 16px}
#SubProductGioHang .cartinfo td{text-align:center;height:85px;border-bottom:solid 1px #d6d6d6;vertical-align:middle}
#SubProductGioHang .cartinfo td.name {font:normal 14px/18px 'Arial';color:#555555}
#SubProductGioHang .cartinfo td.count .giamoi{color:#333;font:bold 16px/20px 'arial'}
#SubProductGioHang .cartinfo td.count .giacu{color:#d81a22;font: 14px/18px 'Arial';color: #666666;font: 12px Arial;text-decoration: line-through;display: block}
#SubProductGioHang .cartinfo td.tongtien{color: #ff8b00;font:bold 16px 'Arial'}
#SubProductGioHang .cartinfo tr.head{background:#a8a8a8;border:none;font:bold 16px/45px 'Arial';height: 45px;display: none}
#SubProductGioHang .cartinfo tr{color:#ffffff}

#SubProductGioHang .cartinfo .img {width:100px; height:85px;margin: 10px 0px;display: inline-block;margin-left: 10px;float: left}
#SubProductGioHang .cartinfo .img img{ width: 100%;height: 100%;object-fit: contain}
#SubProductGioHang .cartinfo .tb { width: 70px;text-align: center;border: 1px solid #d2d0d0;color: #b1b1b1;height: 40px;margin-top: 5px;float: left;box-sizing: border-box;margin-right: 10px}
#SubProductGioHang .paycount {display:block;height:45px;text-align:right;font:bold 16px/45px Arial;color:#000000;text-transform:uppercase;width: 100%;border-bottom: 1px solid #d6d6d6;background: #eeeeee;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6}
#SubProductGioHang .paycount span { font: 17.5px/45px RobotoBold;float: left;color: #333;margin-left: 10px}
#SubProductGioHang .paycount span.price{ font: 17.5px/45px RobotoBold;color: #ff0000;margin-right: 10px;float: right}
#SubProductGioHang .hotlineLienHe{ background: url(hotline.png) no-repeat left center;padding-left: 50px;color: #333;font: 13px/22px Arial;width: 555px;float: left;text-align: left;text-transform: initial;margin-left: 20px;margin-top: 30px}
#SubProductGioHang .hotlineLienHe b{ color: #ed1c24;font-weight: bold}
#SubProductGioHang .title {display:block;color:#ffc898;line-height:32px;margin-top:22px}
#SubProductGioHang .left {width:420px;float:left}
#SubProductGioHang .right {width:550px;float:right;line-height:20px;color:#535353}
#SubProductGioHang .right a {color:#535353}
#SubProductGioHang .left .row {float:left;width:410px;line-height:24px;color:#535353;margin:3px 0px}
#SubProductGioHang .left .lb {width:120px;float:left}
#SubProductGioHang .left .log{color:#ff0000;font-weight:bold}
#SubProductGioHang .left .log:hover {text-decoration:underline}
#SubProductGioHang .left .text {color:#535353;width:278px;height:22px;background:none;border:solid 1px #dadada;padding-left:8px;line-height:22px;font-size:12px}
#SubProductGioHang .left .text:focus {border-color:#ff0000}
#SubProductGioHang .left .mtext {color:#535353;width:278px;height:105px;resize:none;background:none;border:solid 1px #dadada;padding-left:8px;line-height:22px;font-size:12px}
#SubProductGioHang .left .mtext:focus {border-color:#ff0000}
#SubProductGioHang .left .btn {float:left;height:25px;color:#fff;font-weight:bold;margin-right:6px;line-height:25px;background:#9a9a9a;cursor:pointer;padding:0px 18px;text-transform:uppercase}
#SubProductGioHang .left .btn:hover {background:#c70000}
#SubProductGioHang #TableCart{width:100%;border: 1px solid #d6d6d6;overflow: hidden}
#SubProductGioHang .carttable{width:100%;}
#SubThongtinkhachhang{width:96%;margin: 0px auto;margin-top: 20px;background: #c1032b;padding: 20px 10px;box-sizing: border-box;}
#SubThongtinkhachhang span.tieude{ text-transform: uppercase;font: 17.5px RobotoBold;color: #fff;margin-bottom: 10px;display: block}
#SubThongtinkhachhang .left{width:100%;float:left;font:normal 12px/25px Arial}

#SubThongtinkhachhang .hoten, #SubThongtinkhachhang .dienthoai, #SubThongtinkhachhang .email, #SubThongtinkhachhang .diachi{margin-bottom:10px;}
#SubThongtinkhachhang .nhap{border: 0;padding: 5px 10px;resize: none;font: 14px Roboto;width: 100% !important;box-sizing: border-box;height: 40px}

#SubThongtinkhachhang .diachi span{margin-top:3px;}
#SubThongtinkhachhang .submitdi{}
#SubThongtinkhachhang .submitdi .checkbox{float:left;width:27px;margin-top:2px;}
#SubThongtinkhachhang .submitdi span.textdongy{width:250px}
#SubThongtinkhachhang .submitdi2{margin-top:10px;position: relative}
#SubThongtinkhachhang .Btnguidon{border:none;width:47%;height:40px;line-height:40px; background-color:#999999;color:white;font-family:'RobotoBold';font-size:13px;margin-right:10px;cursor:pointer;display:block;float:left;text-align:center;text-transform: uppercase;display: inline-block}
#SubThongtinkhachhang .Btntieptucmua{border:none;width:47%;height:40px;line-height:40px;background-color:#999999;color:white;font-family:'RobotoBold';font-size:13px;cursor:pointer;display:block;margin-left:150px;text-align:center;text-transform: uppercase}
#SubThongtinkhachhang .Btnguidon:hover{ background-color: #c70000}
#SubThongtinkhachhang .Btntieptucmua:hover{background-color:#c70000}
#SubThongtinkhachhang .right{float:right;width:420px;font: 13px Arial}
#SubThongtinkhachhang .DropThanhPho{ width: 196px;height: 28px;background: url(bg_drop.png) no-repeat right center;border: 1px solid #d6d6d6;-moz-appearance:none;-webkit-appearance:none}
#SubThongtinkhachhang .DropQuanHuyen{width: 169px;height: 28px;background: url(bg_drop.png) no-repeat right center;border: 1px solid #d6d6d6;-moz-appearance:none;-webkit-appearance:none}


#ProductGioHang .tieudegiohang{ color: #666666;font: bold 16px Arial;display: block;margin-bottom: 9px}

#ProductGioHang .info{ float: left;margin-left: 10px;width: 60%}
#ProductGioHang .info p.price{ color: red;font: 15px RobotoBold}
#ProductGioHang .rows{ border-bottom: 1px solid #ededed;padding-bottom: 5px;overflow: hidden}
#ProductGioHang .rows:last-child{border: 0}

#ProductGioHang .note{ color: #fff;width: 100%;font:italic 15px/22.5px Roboto}
#ProductGioHang .cl_yl{color: #fffc00}
#ProductGioHang .text{ color: #fff;font: 17px/22px Roboto;margin-bottom: 10px}
