/* Gio hang*/
#giohang{position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0;background:rgba(0,0,0,0.5);opacity:0;}
#giohang.active{z-index:999;opacity:1;}
.w-giohang{background:#FFF;position:relative;width:800px;max-width:100%;margin:50px auto;border-radius:5px;transition:all 0.5s;top:-1000px;max-height:90%;}
#giohang.active .w-giohang{top:0;}
.giohang-cl{position:absolute;top:-13px;right:-13px;cursor:pointer;}
.giohang-left{min-height:200px;padding:15px 10px 15px 20px;float:left;width:50%;border-right:1px solid #e3e3e3}
.giohang-left-tit{font-family:RB;font-size:18px;color:#6C0001;line-height:20px;text-indent:20px;position:relative;}
.giohang-left-tit:before{position:absolute;content:'\f00c';font-family:FontAwesome;left:-20px;top:0;}
.giohang-left-cont{margin-top:10px;margin-left:-10px}
.giohang-left-img{float:left;max-width:140px;width:auto;height:auto;}
.giohang-left-info{margin-left:140px;padding-left:10px;padding-top:10px;}
.giohang-left-protit{color:#666;line-height:18px;margin-bottom:10px;font-family:RR;font-size:14px;}
.giohang-left-promasp{color:#646464;line-height:18px;font-size:13px;margin-bottom:5px;}
.giohang-left-proprice{font-family:RB;font-size:16px;line-height:18px;color:#292929;margin-bottom:5px;}
.giohang-left-prodiscount{color:#646464;line-height:18px;font-size:13px}
.giohang-left-proi{display:inline-block;margin-left:15px;}
.giohang-left-proo{display:inline-block;}
.giohang-right{min-height:200px;padding:15px 20px 10px;float:left;width:50%;}
.giohang-right-tit{font-family:RB;font-size:18px;color:#292929;line-height:21px;position:relative;}
.giohang-right-tit > div{font-family:RR;font-size:13px;color:#292929;display:inline-block;margin-left:2px;}
.giohang-right-tit > a{font-size:15px;}
.giohang-right-tt{display:flex;margin-top:10px;justify-content:space-between;}
.giohang-right-tt div{padding-bottom:5px;color:#666;line-height:16px;}
.giohang-right-total{padding-top:10px;border-top:1px solid #e3e3e3;color:#666;margin-top:10px;display:flex;justify-content:space-between;}
.giohang-right-total div:first-child{max-width:150px;line-height:18px;}
.giohang-right-total div:last-child{color:#292929;font-size:18px;font-family:RB;}
.giohang-right-total div strong{color:#292929;}
.giohang-right-more{margin-top:15px;}
.ttmh{float:left;width:150px;color:#199cb7;line-height:16px;font-family:RR;font-size:14px;padding:11px 0px;}
.ttmh span{cursor:pointer;}
.ttmh span:hover{text-decoration:underline;}
.giohang-right-dathang{float:left;background:#f37021;width:205px;text-align:center;font-family:RR;color:#fff;font-size:16px;text-transform:uppercase;padding:7px 0px;line-height:24px;}
.giohang-right-dathang:hover{background:#f00;}
.tbl-giohang .tr{border-bottom:1px solid #CCC;}
.tbl-giohang .th{background:#eee;padding:5px;}
.tbl-giohang .th:last-child{text-align:right;padding-right:20px;}
.tbl-giohang .td{padding:10px 0px;}
.tbl-giohang .td:nth-child(1){width:50%;}
.tbl-giohang .td:nth-child(2){color:#F00;font-weight:bold;}
.tbl-giohang .td:nth-child(3),.tbl-giohang .th:nth-child(3){width:80px;text-align:center;}
.tbl-giohang .td:nth-child(3) input{width:50px;outline:none;padding:2px 10px 0px;}
.tbl-giohang .td:nth-child(4){text-align:right;font-weight:bold;color:#F00;}
.giohang-thanhtien{font-family:RCB;text-align:right;font-size:16px;margin-top:10px;}
.giohang-thanhtien span{color:#F00;}
.giohang-btn{margin-top:10px;}
.giohang-btn-l{float:left;}
.giohang-btn-r{float:right;}
.giohang-btn-r button{background:#d60c0c;color:#FFF;font-family:RCB;font-size:16px;padding:5px 15px;}
.box-spc{}
.box-spc img{width:110px;padding:5px;float:left;border:1px solid #ddd;margin-right:10px;}
.box-spc a{display:block;font-size:12px;color:#333;}
.box-spc .gh-name{font-size:13px;font-family:RR;line-height:22px;}

/* Thanh toan */
.left-tt{width:65%;background:#fff;float:left;border:1px solid #ddd;padding:10px;}
.right-tt{width:calc(35% - 10px);background:#fff;float:right;}
.thanhtoan-tit{margin:-10px 0px 10px;background:#eeeeee;font-family:RCR;}
.thanhtoan-tit .step{width:33.33%;float:left;padding:5px 10px;}
.thanhtoan-tit .step span{padding:3px 9px;background:#999;color:#FFF;border-radius:50%;margin-right:10px;}
.thanhtoan-tit .step.active{background:#f4f9fd;position:relative;}
.thanhtoan-tit .step.active:before{width:20px;height:100%;position:absolute;top:0;right:0;background:url(../img/step-at.png);background-size:100% 100%;content:"";}
.thanhtoan-tit .step.active:nth-child(3):before{display:none;}
.thanhtoan-tit .step.active span{background:#0099cc;}
.st1-tit{font-family:RB;}
.w-st1{max-width:400px;margin:10px auto;}
.w-st1 label{font-weight:normal;margin:0px;}
.w-st1 input[type="text"]{margin-bottom:5px;border-radius:0px;}
.w-st1 input[type="button"],.w-st1 input[type="submit"]{width:100%;border:none;padding:5px 10px;background:#d60c0c;color:#FFF;margin-top:10px;border-radius:0px;}
.st1-pwd{display:none;margin-bottom:10px;}
.st1-pwd input{border-radius:0px;}
.w-st1 .input{width:100%;padding:3px 10px;border-radius:0px;outline:none;}
.w-st1 textarea{margin-top:4px;padding:5px 10px;}
.rtit{font-family:RB;font-size:15px;color:#202020;border:1px solid #ddd;border-bottom:none;padding:5px 10px;position:relative}
.rtit span{font-family:RR;font-size:13px;}
.rtit a{float:right;font-size:15px;}
.r-info{border:1px solid #ddd;}
.r-info-t{font-size:12px;font-family:RB;padding:3px 10px;color:gray;background:#fafafa;}
.r-info-t div{float:left;text-transform:uppercase;}
.r-info-t div:nth-child(1){width:210px;}
.r-info-t div:nth-child(2){width:60px;text-align:center;}
.r-info-t div:nth-child(3){width:118px;text-align:right;}
.r-info-b{padding:10px;}
.box-spr{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;line-height:30px;font-size:12px;}
.box-spr:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}
.box-spr h3{width:210px;float:left;margin:0;font-family:RR;font-size:13px;padding-right:20px;text-align:left;line-height:20px;height:40px;overflow:hidden;}
.box-spr h3 a{color:#333;}
.box-spr h3 a:hover{color:#f00;}
.box-spr-soluong{width:60px;float:left;text-align:center;padding:5px 0px;}
.box-spr-gia{width:118px;float:left;text-align:right;padding:5px 0px;}
.r-info-total{background:#fafafa;border-top:1px solid #ddd;padding:10px 10px 15px;}
.r-info-tb .r-info-l span{display:block;font-size:11px;color:gray;font-family:Helvetica,Arial,sans-serif;font-weight:normal;line-height:11px;}
.r-info-tb .r-info-l{float:left;font-weight:bold;}
.r-info-tb .r-info-r{float:right;font-family:RB;font-size:16px;color:#f57224}
.pvc{color:#04bd00}
.r-info-tt{font-size:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;line-height:18px;}
.r-info-tt .r-info-l{float:left;}
.r-info-tt .r-info-r{float:right;}
.control-label span{color:red;}
.box-donhang{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.box-donhang:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}
.box-donhang table{width:100%!important;}
.box-donhang-tit{margin:0 0 10px;}
.box-donhang-info tr:first-child,.box-donhang-info tr:last-child{font-family:RB;font-weight:normal;}
.box-donhang-info tr:last-child{text-align:right;}
.box-donhang-info a{color:#333;}
.box-donhang-info a:hover{color:#f00;}