*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.do {color: #F00;}
.xamnho {color: #3b5998;text-decoration: none;font-size:10px;}
a.xamnho, a.xamnho:link, a.xamnho:visited {color: #3b5998;text-decoration: none;font-size:10px;}
a.xamnho:hover {color: #F60;text-decoration: none;font-size:10px;}

a.linky, a.linky:link, a.linky:visited {color: #999;text-decoration: none;font-size:12px;}
a.linky:hover {color: #000;text-decoration: none;font-size:12px;}

.xoabut {color:#F03;text-decoration: none;font-size:10px;}
a.xoabut, a.xoabut:link, a.xoabut:visited {color: #F03;text-decoration: none;font-size:10px;}
a.xoabut:hover {color: #F60;text-decoration: none;font-size:10px;}
.donho {color:#F30;text-decoration: none;font-size:10px;}
a.donho, a.donho:link, a.donho:visited {color: #F30;text-decoration: none;font-size:10px;}
a.donho:hover {color: #F60;text-decoration: none;font-size:10px;}
.denden {color:#000;text-decoration: none;font-size:12px;font-weight:bolder;}
a.denden, a.denden:link, a.denden:visited {color: #000;text-decoration: none;font-size:12px;font-weight:bolder;}
a.denden:hover {color: #F60;text-decoration: none;font-size:12px;font-weight:bolder;}
.row_title {border-bottom:1px dotted #999;padding:5px 0px 5px 5px;background-color:#ffffff;font-size:12px;}
.small {font-size:10px;}
a.vuong:link {color:#BC333C;padding:5px; text-decoration: none; border-radius: 5px; margin-right: 5px;}
a.vuong:visited {color:#BC333C;background-color:#FF9;padding:5px; text-decoration: none;} a.vuong:hover {background-color:#FF9; text-decoration: none;}
a.vuong2:link {color:#FF6600;background-color:#FF9;padding:5px;border-radius: 5px; text-decoration: none;margin-right: 5px;} a.vuong2:visited {color:#FF6600;background-color:#FF9;}
a.vuong2:hover {background-color:#FFF; text-decoration: none;} .vuong_3 {border: 1px solid #dddddd;float:left;padding:1px;padding:2px; text-decoration: none;}
.column-labels .product-cart-removal{
    color: transparent;
}
.nomargin {margin:0;}
/* Scroll Home*/

.dotted_down {border-bottom:1px dotted #CCC;}
.dotted_top {border-top:1px dotted #CCC;}
#user_post_view {display:block;width:100%;overflow:auto;overflow-x:hidden;line-height:normal;}
#user_post_view img {max-width: 100%;height: auto;}
.box_lon {height:110px;}
.box_lon_vuong_trai {float:left;width:140px;height:110px;}
.box_lon_vuong_phai {float:left;width:330px;height:110px;text-align:left;overflow:hidden;}
.box_lon_vuong_phai_m {width: auto; margin-left: 10px;}

/**/

.quick_cart {background:url('../images/quick.png') no-repeat 10px 2px;text-indent:45px;display:block;}
.add_cart {	background:url('../images/shopping_cart.png') no-repeat 10px 0px;text-indent:45px;	display:block;}

.clr{clear: both;}

.global_boloc_dac_tinh{margin: 5px auto 30px auto;}
.global_option_title { background: #000; height: 35px; color: #fff; text-align: left;   padding-left: 10px ; line-height: 35px; font-size: 19px;}
.global_list_ds_loc_dt { border: 1px solid #E9EDEE; position: relative; clear: left; background: #fff;}
.global_item_ds_loc_dt { border-top: 1px solid #ddd;  height: 45px; min-height: 45px; overflow: hidden;  padding-left: 150px; position: relative;  padding-right: 30px;}
.global_tieude_ds_loc_dt { line-height: 45px; background: #F5F6F8;color: #7292a7; height: 100%; width: 150px; position: absolute; top: 0; left: 0; text-align: center;}
.global_filter-color-item {float: left; width: 72px;}
.global_filter-color-item a { border: 1px solid #fff; width: 20px; height: 20px; box-shadow: 0 0 0 1px #b8b8b8;margin: 10px 0px 10px 20px;text-align: center;line-height: 22px;display: inline-block;font-size: 11px;text-indent: -9999px;}
.global_filter-color-item span {font-size: 11px;font-style: normal;}
.global-filter-attr-item {float: left;  line-height: 45px;}
.global-filter-attr-item a { display: inline-block; margin-left: 20px; line-height: 46px; font-size: 11px; color: #333;}
.dieukien_ds_loc_dt span.down, .dieukien_ds_loc_dt span.up { display: block; width: 12px; height: 7px; position: absolute;top: 20px;right: 10px;left: auto;cursor: pointer;background: url(../images/block-filter-arrow.png) no-repeat bottom left;}
.dieukien_ds_loc_dt span { line-height: 45px; background: #F5F6F8; color: #7292a7; height: 100%; width: 150px; position: absolute; top: 0; left: 0; text-align: center;}
.dieukien_ds_loc_dt span.up {background-position: top left;}
.input_submit_loc_dt {font-style: normal;text-transform: uppercase; font-weight: 400; padding: 2px 6px; color: #FFF; margin: 11px 6px; background: #000; border: 1px solid #DEDEDE; box-shadow: 0 0 0 2px #000; font-size: 13px;}

/*Contact new form 2018*/
.contact-form{padding: 20px 0}
.contact-form .-post-contact fieldset{display: block;padding: 0;margin: 10px 0;border: none;position: relative}
.contact-form .-post-contact fieldset input,.contact-form .-post-contact fieldset textarea{width: 100%; padding: 10px 35px;line-height: normal; border: none; border-bottom: 1px solid #dddddd;resize: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.contact-form .-post-contact fieldset label{position: absolute;top: 7px;left: 7px; color: #A9A9A9}
.contact-form .-post-contact fieldset.contact-name:before,.contact-form .-post-contact fieldset.contact-messenger:before,
.contact-form .-post-contact fieldset.contact-email:before,.contact-form .-post-contact fieldset.contact-security:before
{content: "*";position: absolute;color: #F00505;top: 0;left: 0 ;}
.contact-form .-post-contact fieldset.contact-security .contact-captcha{position: absolute;top: 0; right: 0}
.contact-form .-post-contact fieldset.contact-security .contact-captcha a.renewCaptcha {top: 4px; right: 5px;color: #A9A9A9;  transform: scale(1.5);  display: inherit;  width: inherit;  height: inherit;  text-align: inherit;  float: inherit;  font-size: inherit;  line-height: inherit;  cursor: pointer}
.contact-form .-post-contact fieldset.contact-security .contact-captcha a.renewCaptcha:hover{color: #000000}
.contact-form .-post-contact .contact-cofirm{width: 100%; text-align: right}
.contact-form .-post-contact .contact-cofirm .contact-reset,
.contact-form .-post-contact .contact-cofirm .contact-submit{width: auto;display:inline-block; border: 1px solid #A9A9A9; background-color: #A9A9A9;color: #ffffff;padding: 10px; cursor: pointer; text-align: center; border-radius: 2px;font-weight:600; transition: .5s ease all;text-decoration: none}
.contact-form .-post-contact .contact-cofirm .contact-reset:hover,
.contact-form .-post-contact .contact-cofirm .contact-submit:hover{background-color: transparent; border: 1px solid #000000; color: #000000}
/*contact*/
.contact {padding-top: 0;padding-bottom: 20px; overflow: hidden;}
.contact .left {width: 35.7%;float: left;}
.contact .right {width: 62%;float: right;}
.formBox li {display: block;position: relative;	margin-bottom: 10px;}
.formBox li input, .formBox li textarea {border: solid 1px #E1E1E1;	height: 38px;padding: 0 10px 0 45px;}
.formBox li input::-webkit-input-placeholder, .formBox li textarea::-webkit-input-placeholder,.formBox li input::-moz-placeholder, .formBox li textarea::-moz-placeholder, .formBox li input:-ms-input-placeholder, .formBox li textarea:-ms-input-placeholder {color: #999;}
.formBox li textarea {padding: 10px 10px 10px 45px;height: 168px;}
.contact .left input {width: 81%;}
.contact .right input, .contact .right textarea {width: 89.5%;}
.formBox li:after {	content: "";position: absolute;	top: 0;	left: 0;width: 45px;height: 40px;background-repeat: no-repeat;background-position: center center;z-index: 10;}
.formBox li.name:after {background-image: url("/images/new/contact/c_name.png")}
.formBox li.phone:after {background-image: url("/images/new/contact/c_phone.png");}
.formBox li.mail:after {background-image: url("/images/new/contact/c_mail.png");}
.formBox li.local:after {background-image: url("/images/new/contact/c_local.png");}
.formBox li.subject:after {background-image: url("/images/new/contact/c_subject.png");}
.formBox li.mess:after {background-image: url("/images/new/contact/c_mess.png");}
.formBox li.code:after {background-image: url("/images/new/contact/c_code.png");}
.formBox li.name:before {	content: "*";position: absolute; color: red;	top: 10px;	left: 4px ;}
.formBox li.mess:before {	content: "*";position: absolute; color: red;	top: 10px;	left: 4px ;}
.formBox li.mail:before {	content: "*";position: absolute; color: red;	top: 10px;	left: 4px ;}
.formBox li.code:before {	content: "*";position: absolute; color: red;	top: 10px;	left: 4px ;}
.formBox .button {float: left;text-transform: uppercase;font-size: 17px;padding: 0 20px;margin-left: 36px;height: 38px;	line-height: 40px;margin-bottom: 10px;color: #FFF;background: #323232;}
.formBox .button:hover {color: #FFF;background: #DE1C36;}
.formBox li span {position: absolute;right: 0;top: 0;line-height: 42px;padding: 0 10px;font-weight: bold;z-index: 2;letter-spacing: 1px;user-select: none;-webkit-user-select: none;-moz-user-select: none;	-o-user-select: none;-ms-user-select: none;}


.transition{}
.transition:hover img.box_img{-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-o-transform: scale(1.07);/*transform: scale(1.2);*/}
.img-zoom img {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;}

.transition45 { transition: all .2s ease-in-out; }
.transition45:hover img.box_img{ -moz-transform: scale(1.1) rotate(4deg);-webkit-transform: scale(1.1) rotate(4deg);-o-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);}

.tooltip_css {}
.tooltip_css .tooltiptext {visibility: hidden;width: 100px;background: rgba(0, 0, 0, 0.7);color: #fff;text-align: center;padding: 9px 0;border-radius: 0px;position: absolute;z-index: 1;border-left: 8px solid #F00;font-size: 10px;margin-left: 4px;margin-top:-6px;height: 30px;text-align: left;padding-left: 7px;}

.tooltip_css:hover .tooltiptext {visibility: visible;}
.page_break {clear: both; margin-top: 20px; padding-top: 20px;}

.imgcode,.imgCaptcha{ font-size: 15px; font-weight: bolder;text-align: right; padding: 11px;padding-right: 0px;user-select: none; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;position: absolute;margin-left: 117px;}

.submitbutton{color: #fff;font-size: 13px; font-weight: bolder;border: none; height: 35px;background-color: #ed645c; cursor: pointer;text-decoration: none;}

/*//add by 1k 18-2-2017*/
.glo-sanpham-detal{margin-top: 10px}
.list_body_detailsp{border: none; padding: 0; padding: 7px 0 0 0;}
.glo-tinhnang-sp{ border-bottom: 1px dotted #CCC;}
.glo_label_detailsp_cus{display: inline-block; padding: 4px 12px; border: 1px solid #DCDADA; font-weight: 500; color: #333; margin: 0 7px 7px 0; float: left;}
.glo_label_detailsp_cus input{display: none}
.glo_label_detailsp{cursor: pointer; background: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.glo_label_detailsp:hover, .glo_label_detailsp.active{border: 1px solid #F56839;  }

.glo_tinhnang_mau_cus.glo_label_detailsp:hover, .glo_tinhnang_mau_cus.glo_label_detailsp.active{  background: #fff !important; color: #333 !important;}

.glo_label_detailsp_hinhanh{padding: 0; border: none; background: #fff}
.glo_label_detailsp_hinhanh:hover, .glo_label_detailsp_hinhanh.active{padding: 0; border: none; background: #fff}
.glo_label_detailsp_hinhanh:hover .border_images, .glo_label_detailsp_hinhanh.active .border_images{  border: 1px solid #F56839; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detai_sanpham .main_col_right_cus1 .buttontext.right{line-height: 38px}


.glo-admin-nguoinhan { text-align: left; font-weight: 600; text-transform: uppercase; margin: 20px 0 10px; }
.glo-table-1k td{padding: 5px 10px; border-color: #D4D3D3;}
.glo-admin-dt{padding: 6px 0 0; border-top: 1px dotted #DAD9D9; margin-top: 6px;}
.glo-admin-dt .dt-left{width: 30%;display: inline-block;}
.glo-admin-dt .dt-right{width: 60%;display: inline-block; font-weight: 600}
.glo-admin-dt .dt-right img{width: 50px}
.cls-disable-active{background: #ccc; border: 2px solid #ccc !important; padding: 4px 11px;}
.glo-select-tmdt{width: 100%; max-width: 250px; height: 30px; border: 1px solid #F56839; margin-bottom: 7px; outline: none; font-weight: 500; padding: 5px;}
.cart_red{font-size: 12px; display: block; color: #F56839;}
/*end*/

/*//add by 1k 8-4-2017 so sanh*/
.dv-box-sosanh{ position: fixed; background: #fff; right: 30px; bottom: 170px; padding: 5px 10px; border: 1px solid #F45A40; border-radius: 100px; display: none; z-index: 9999}
.dv-box-sosanh span{color: #F51919;	}
.dv-box-sosanh a.del{ width: 18px; height: 18px; background: #F45A40; padding: 0; display: block; text-align: center; line-height: 17px; border-radius: 100%; color: #fff; font-weight: 600; font-size: 12px; position: absolute; top: 0; right: 0; margin-top: -8px; margin-right: -7px; }
.dv-sosanh-min{ position: fixed; z-index: 999; left: 0; bottom: 0; background: #fff; width: 100%; height: 160px; border-top: none; display: none; }
.dv-sosanh-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dv-sosanh-box{position: relative; padding: 30px 20px; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; width: 33.333333%; float: left;height: 160px;}
.dv-sosanh-box-ip{text-align: center;}
.dv-sosanh-box input{border: 1px solid #E3E3E3; padding: 5px 10px; width: 100%; margin-top: 30px;}

.dv-sosanh-2{border: none}
.a-sosanh-del{display: block; width: 24px; height: 24px; padding: 0; background: #fff; border: 1px solid #ccc; border-radius: 100%; text-align: center; top: 8px; right: 8px; position: absolute; color: #AFAFAF; cursor: pointer;}
.a-sosanh-del:hover{border: 1px solid #FF2323; color: #FF2323;}
.dv-sosanh-box img{width: 30%; float: left;margin-right: 20px;}
.dv-sosanh-box .h3-sosanh{margin: 0; max-height: 40px; overflow: hidden; margin-bottom: 8px;}
.dv-sosanh-box .h3-sosanh a{font-size: 15px; font-weight: 600; line-height: 20px; display: block;}
.dv-sosanh-box .dv-ss-price{color: #7D7D7D; text-decoration: line-through; font-weight: 500; font-size: 16px; margin-bottom: 2px}
.dv-sosanh-box .dv-ss-price-km{color: rgb(247, 35, 0); font-weight: 500; font-size: 19px;}

.dv-sosanh-box-ip label{ font-weight: 500; width: 70%; margin: 0 auto; position: relative;}
.aj_search_tk {padding: 0; position: absolute; bottom: 24px; width: 100%; z-index: 999; max-height: 200px; overflow-y: auto; list-style: none; text-align: left; background: #fff; border: 1px solid #E3E3E3; display: none}
.aj_search_tk li:nth-child(2n){  background: #F5F5F5;}
.aj_search_tk li a { font-size: 13px; font-weight: 500; padding: 6px 10px; display: block; }
.glo-ss-mota, .glo-ss-chitiet , .glo-ss-thuonghieu{display: none}
.dv-sosanh-cls-1 a{display: block;}
/*//*/
.dv-sosanh-min-chitiet{display: block !important;}
.dv-sosanh-box-ip-chitiet {display: block;}
.dv-sosanh-min.dv-sosanh-min-chitiet{position: relative; height: auto; display: block; z-index: 1}
.dv-sosanh-min-chitiet .container{padding: 0; margin: 0; width: 100%;}
#showText .dv-sosanh-box-ip-chitiet.dv-sosanh-box img { width: 100%; float: none; margin-right: 0px; padding: 0 15px;}
.dv-sosanh-box-ip-chitiet .aj_search_tk {bottom: auto; margin-top: 3px;}
.dv-sosanh-box-ip-chitiet.dv-sosanh-box{height: 100%; padding: 30px 0 0; border: none}
#showText .dv-sosanh-box-ip-chitiet.dv-sosanh-box .h3-sosanh{padding: 10px 15px; height: 65px; overflow: hidden; display: block; max-height: 100%; border: none}
#showText .dv-sosanh-box-ip-chitiet.dv-sosanh-box .h3-sosanh a{
    display: block;height: 44px; overflow: hidden; line-height: 1.6; font-size: 13px
}
.dv-sosanh-box-ip-chitiet .gb-con-price-ss{ height: 69px; padding: 0 15px;}
.dv-sosanh-box-ip-chitiet .glo-ss-mota{ line-height: 1.6; font-size: 13px; padding: 10px 15px;}
.dv-sosanh-box-ip-chitiet .glo-ss-chitiet{ line-height: 1.6; font-size: 13px; padding: 10px 15px;}
.dv-sosanh-box-ip-chitiet .glo-ss-thuonghieu{  line-height: 1.6; font-size: 13px; padding: 10px 15px;}
.dv-sosanh-box-ip-chitiet .glo-ss-mota, .dv-sosanh-box-ip-chitiet .glo-ss-chitiet , .dv-sosanh-box-ip-chitiet .glo-ss-thuonghieu{display: block;}



@media only screen and (max-width: 767px){
    .dv-sosanh-box-ip-chitiet.dv-sosanh-box.dv-sosanh-1, .dv-sosanh-box-ip-chitiet.dv-sosanh-box.dv-sosanh-2 { border-right: none !important; border-bottom: 1px solid #E3E3E3; }
    .dv-sosanh-box-ip-chitiet.dv-sosanh-box{width: 100%; padding-bottom: 10px;}
    .dv-sosanh-box-ip-chitiet .glo-ss-chitiet{height: auto !important;}
    #showText .dv-sosanh-box-ip-chitiet.dv-sosanh-box .h3-sosanh,
    .dv-sosanh-box-ip-chitiet .gb-con-price-ss,
    .dv-sosanh-box-ip-chitiet .glo-ss-thuonghieu,
    .dv-sosanh-box-ip-chitiet .glo-ss-mota{height: 100% !important}
}
.dv-sosanh-box-ip-chitiet.dv-sosanh-box.dv-sosanh-1, .dv-sosanh-box-ip-chitiet.dv-sosanh-box.dv-sosanh-2{border-right: 1px solid #E3E3E3;}
/*end add by 1k 8-4-2017 so sanh*/

.global_thanhtoanchuyenkhoan{font-size: 13px;border: 1px dashed rgb(204, 204, 204);padding: 6px 10px;margin: 10px 0; display: none}
.global_thanhtoanchuyenkhoan p{padding: 0; margin: 0; margin-bottom: 5px}
.glo-img-paypal, .glo-thanhtoan-baokum, .glo-thanhtoan-nganluong, .glo-thanhtoan-onepay{margin: 10px 0; display: none}
.glo-img-paypal img {max-height: 50px; margin: 0 !important}
.dv-glo-thongsokythuat-onepay {font-size: 20px;margin: 15px 0 5px;text-transform: uppercase;}
.dv-glo-admin-onepay {}
.dv-glo-admin-onepay p{margin: 10px 0 4px 0;}
.dv-glo-admin-onepay input{border: 1px solid rgb(204, 204, 204);padding: 5px 7px;width: 400px; max-width: 90%}

.dv-glo-tags{width: 100%; margin: 15px 0; display: none}
.dv-glo-tags i { color: #545454; margin-right: 6px; float: left; font-size: 15px; position: relative; top: 2px; }
.dv-glo-tags a { background: #f1f1f1; float: left; display: inline-block; margin: 0 5px 5px 0; padding: 0 5px; font-size: 12px; line-height: 1.7; color: #333; }
.dv-glo-tags a:hover { background: #e6e6e6;}
.clear{clear: both;}
sup {top: -.5em; position: relative; font-size: 75% !important; line-height: 0;}
.post-view-tag {display: inline-block; border: 1px solid #ccc; border-radius: 5px; padding: 0 5px; margin: 0 5px 5px 0;}
.post-view-tag img {display: inline; margin: 0; width: auto; max-width: none;}

/*Call hotline*/
.dv-mobile-phone {
    position: fixed;
    visibility: visible;
    background-color: transparent;
    width: 120px;
    height: 120px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    bottom: 60px;

}
.dv-mobile-phone:hover {
    opacity: 1
}
.dv-mobile-ph-circle {
    width: 120px;
    height: 120px;
    top: 40px;
    left: 40px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc;
    opacity: .1;
    -webkit-animation: dv-mobile-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: dv-mobile-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: dv-mobile-circle-anim 1.2s infinite ease-in-out;
    -o-animation: dv-mobile-circle-anim 1.2s infinite ease-in-out;
    animation: dv-mobile-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.dv-mobile-phone:hover .dv-mobile-ph-circle {
    border-color: #bf202f;
    opacity: .5
}
.dv-mobile-phone .dv-mobile-ph-circle {
    border-color: #f00;
    opacity: .5;
}
.dv-mobile-ph-circle-fill {
    width: 80px;
    height: 80px;
    top: 60px;
    left: 60px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: dv-mobile-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: dv-mobile-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: dv-mobile-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: dv-mobile-circle-fill-anim 2.3s infinite ease-in-out;
    animation: dv-mobile-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.dv-mobile-phone:hover .dv-mobile-ph-circle-fill {
    background-color: #bf202f;
    opacity: .75 !important
}
.dv-mobile-phone .dv-mobile-ph-circle-fill {
    background-color: #f00;
    opacity: .0 !important;
}
.dv-mobile-ph-img-circle {
    width: 50px;
    height: 50px;
    top: 75px;
    left: 75px;
    position: absolute;
    background: rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;
    -webkit-background-size: 80%;
    background-size: 80%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: dv-mobile-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: dv-mobile-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: dv-mobile-circle-img-anim 1s infinite ease-in-out;
    -o-animation: dv-mobile-circle-img-anim 1s infinite ease-in-out;
    animation: dv-mobile-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.dv-mobile-phone:hover .dv-mobile-ph-img-circle {
    background-color: #bf202f
}
.dv-mobile-phone .dv-mobile-ph-img-circle {
    background-color: #f00;
}

@-moz-keyframes dv-mobile-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}
@-webkit-keyframes dv-mobile-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}
@-o-keyframes dv-mobile-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}
@-moz-keyframes dv-mobile-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes dv-mobile-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes dv-mobile-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes dv-mobile-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes dv-mobile-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes dv-mobile-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-moz-keyframes dv-mobile-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-webkit-keyframes dv-mobile-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-o-keyframes dv-mobile-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@keyframes dv-mobile-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-moz-keyframes dv-mobile-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes dv-mobile-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes dv-mobile-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@keyframes dv-mobile-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes dv-mobile-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes dv-mobile-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes dv-mobile-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@keyframes dv-mobile-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

/*END call hotline*/
.contact .code .imgCaptcha{padding:0;right:3px;top:4px}
.imgCaptchaRelative{display:block; padding-left:5px;position: relative;}
.imgCaptchaInput{float: left;}
.imgCaptchaBuy{padding-left: 5px; float: right;height: 34.8px;position: absolute}
.required::after{  content: ' *';  color: red;  }
.renewCaptcha {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    float: right;
    font-size: 14pt;
    line-height: 24pt;
    color: blue;
    cursor: pointer;
}
/*--CSS BIEU MAU--*/
.dv-glo-bieumau .dv-mtbm{line-height: 1.7; margin-bottom: 20px;}
.dv-glo-bmhd h4 { margin-bottom: 10px; text-transform: uppercase; margin-top: 15px; }
.dv-glo-bieumau .dv-glo-bmhd{}
.dv-glo-bieumau .dv-glo-bmhd .dv-rows{width: 100%; margin-bottom: 8px}
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_l { width: 25%; float: left; display: inline-block; min-height: 1px; }
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r { width: 75%; float: left; }
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r input[type="text"], .dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r textarea,
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r select { height: 30px; width: 350px; max-width: 100%; display: inline-block; padding: 0 6px !important; line-height: 1.7; outline: none; float: left;}
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r label{display: block; line-height: 1.4; margin: 8px 0; font-weight: 500;}
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r label input { width: 17px; height: 17px; padding: 0; margin: 0; float: left; margin-right: 5px; }
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r textarea{width: 100%; height: 150px;}
.dv-glo-bieumau .dv-glo-bmhd .dv-rows button{ padding: 0 20px; margin-top: 7px; outline: none}
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_l button {float: right; margin-right: 10px;}
.dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r img { margin: 0 !important; margin-top: 2px !important; cursor: pointer; height: 26px; position: relative; left: -132px; }
@media only screen and (max-width: 991px){
    .dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_l { width: 100%; margin-bottom: 10px; float: left; display: block; min-height: 0; }
    .dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r { width: 100%; float: left; }
    .dv-glo-bieumau .dv-glo-bmhd .dv-rows-btn .bm_l,
    .dv-glo-bieumau .dv-glo-bmhd .dv-rows-btn .bm_r{width: auto}
    .dv-glo-bieumau .dv-glo-bmhd .dv-rows .bm_r img{left: 0}
}
.dv-glo-popup-bieumau-bg{position: fixed; background: rgba(0, 0, 0, 0.36); z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; overflow-y: auto}
.dv-glo-popup-bieumau, .dv-glo-popup-bieumau *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dv-glo-popup-bieumau { width: 580px; position: absolute; left: 50%; margin-left: -290px; top: 20px; margin-bottom: 20px; z-index: 9999; background: #fff; padding: 10px; border-radius: 8px; box-shadow: 0 0 15px #797979; }
.dv-glo-popup-bieumau .dv-glo-bmtitle { margin: -10px -10px 0; background: #e6e6e6; border-radius: 10px 10px 0 0; padding: 0px 15px; height: 37px; text-align: left; line-height: 37px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; margin-bottom: 10px; text-transform: uppercase; font-size: 15px; font-weight: 600; font-family: Arial; }
.dv-glo-popup-bieumau .dv-glo-bmtitle i{margin-right: 7px;}
.dv-glo-popup-bieumau .dv-glo-bmtitle a { position: absolute; right: 0; height: 37px; width: 37px; text-align: center; font-size: 18px; display: block; cursor: pointer; color: #656565; top: 0;}
.dv-glo-popup-bieumau .dv-glo-bmtitle a:hover{ color: #d02c2c;}
.dv-glo-popup-bieumau input[type="text"],.dv-glo-popup-bieumau select, .dv-glo-popup-bieumau textarea{width: 100% !important}
.dv-glo-popup-bieumau .bm_r img { left: auto !important; right: 12px !important; position: absolute !important; }
@media only screen and (max-width: 590px){
    .dv-glo-popup-bieumau{width: 96%; left: 0; margin-left: 2%}
}
/*--CSS BIEU MAU--*/

/*--CSS TRANG THAI SAN PHAM--*/

.glo-trang-thai-sp{position: relative;}
img.glo-anh-trangthai{position: absolute; max-width: 100%; max-height: 100%; width: auto; height: auto;}
img.glo-anh-trangthai-1{left: 20px; top: 20px;}
img.glo-anh-trangthai-2{right: 15px; top: 20px;}

/*--CSS TRANG THAI SAN PHAM--*/


/*--- BEGIN: SOCIAL ICON --*/
.social_network_right {margin-top: 15px;}
.social_network_right.dotted_top {padding-top: 15px;}
ul.social_links {all: initial !important; display: inline-block !important; width: 100% !important; margin: 0 !important; padding: 0 !important;}
ul.social_links li {all: initial !important; list-style: none !important; float: right !important; margin: 0 3px 0 0 !important; height: 24px !important;}
ul.social_links li.skype .skypeShare.square {width: 20px !important; height: 20px !important; margin: 0 !important; border-radius: 2px !important;}
ul.social_links li.skype .skypeShare.square .skypeShareLogo {width: 14px !important; height: 14px !important; left: 3px !important; top: 3px !important;}
ul.social_links li.pinterest > span {width: 20px !important; overflow-x: hidden !important; margin: 0 !important;}
/*--- END: SOCIAL ICON --*/

/*--- BEGIN: BREADCRUMB ---*/
.breadcrumb{display:block;border:none;padding:0}
.breadcrumb .filter-category{margin-right:10px;float:left}
.breadcrumb .filter-category .title-filter{margin:5px 0;font-size:13px}
.breadcrumb .filter-category .select-filter{background-color:transparent;color:#000000;border:1px solid #000000;max-width:150px;height:30px;padding:5px 0;cursor:pointer}
.breadcrumb .filter-category .select-filter .options-filter{background-color:#ffffff;cursor:pointer}
.breadcrumb .filter-view{float:right}
.breadcrumb .filter-view .title-view-filter{font-size:13px;margin:0}
.breadcrumb .filter-view .choose-view-filter{display:inline-block}
.breadcrumb .filter-view .choose-view-filter .action-view{width:30px;height:30px;border:1px solid #0066B3;color:#0066B3;padding:5px;display:inline-block;text-align:center;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;cursor:pointer}
.breadcrumb .filter-view .choose-view-filter .action-view:hover{border:1px solid #fe6b01;color:#fe6b01}
.breadcrumb .search-keyword .key_timkiem_mutil{height:30px;width:180px;border:1px solid #000000;background-color:#ffffff;color:#000000;padding:5px;margin-right:5px}
.breadcrumb .search-keyword .search_danhmuc,
.breadcrumb .search-keyword .search_theloai{background-color:transparent;color:#000000;border:1px solid #000000;max-width:180px;height:30px;margin-right:5px;padding:0 5px;cursor:pointer}
.breadcrumb .search-keyword .search_danhmuc option,
.breadcrumb .search-keyword .search_theloai option{background-color:#ffffff;cursor:pointer}
.breadcrumb .search-keyword button{background-color:#dddddd;color:#000000;border:1px solid #dddddd;height:30px;padding:0 10px;margin-right:5px;cursor:pointer}
.breadcrumb .search-keyword button:hover{background-color:transparent;color:#000000;border:1px solid #dddddd}
/*--- END: BREADCRUMB ---*/

/*--- Giỏ hàng thuơng mại điện tử---*/
/*--[BO CSS] KHUC CSS NAY TEST XONG SE BO--*/
.cart-page{  float: left;  clear: both;  width: 100%;  margin-bottom: 30px;  position: relative;  }
.cart-page{  font-size: 1.4em;  }
.cart-page{  border: 1px solid #ddd;  }
.cart-page table{  width: 100%;  text-align: center;  font-size: 14px;  }

.row_th_cart{width:100%;background-color:#e3e3e3;border:1px solid #ddd;  }
.row_th_cart h3{color:#474747;text-align: center;font-size:18px;border:none;padding: 10px 0;margin-bottom:0;font-weight:600;text-transform: inherit}

.cart-page table{border-collapse: collapse; width: 100%; background-color: #ffffff}
.cart-page table tr td{border-bottom: 1px solid #f5f2f2; padding: 0}
.cart-page table tr td.img{width: 15%}
.cart-page table tr td.name{width: 35%; text-align: left; vertical-align: middle}
.cart-page table tr td.price-cart{width: 18%}
.cart-page table tr td.quantily{width: 12%}
.cart-page table tr td.total{width: 20%}

.cart-page table tr td.img img{  max-width: 100%;  max-height: 80px; margin: 5px 0}
.cart-page table tr td.name a.title-cart-name{display:block;color:#474747;font-weight:600;text-decoration:none;transition:.3s ease-in-out}
.cart-page table tr td.name a.title-cart-name:hover{color:#ff6903}
.cart-page table tr td.name a.table-delete{display: block;font-size:14px;color: #cccccc;transition:.3s ease-in-out}
.cart-page table tr td.name a.table-delete:hover{color: #474747}
.cart-page table tr td.name label.table-cart-images{display:inline-block;margin-bottom:0;padding:2px 3px;margin-right:3px;border:1px solid #ddd; border-radius:2px}
.cart-page table tr td.name label.table-cart-images img{margin-left:5px;max-width:30px;max-height:30px}
.cart-page table tr td.name label.table-cart-images .title-cart-images{color:#C00505;font-weight:bold;font-size:11px;}
.cart-page table tr td.name span.table-tinh-nang{display:inline-block; padding:0 3px;border: 1px solid #ddd; border-radius: 2px; margin-right: 3px; color: #C00505;  font-weight: bold; font-size: 11px}
.cart-page table tr td.price-cart b{  font-weight: 400;  color: #474747;}
.cart-page table tr td.price-cart span.cart-plus{  display: block; font-size: 13px; color:#b33000;}
.cart-page table tr td.quantily input{width: 50px;border: 1px solid #ddd; border-radius: 3px; padding: 5px 10px;  }
.cart-page table tr td.total h3{text-align: right; margin-right: 5%}
.cart-page table tr td.total div.table-total{font-size:15px;text-align:right;padding-right:5px;color:#C00505;font-weight:600}

/*.cart-sum{  margin: 10px 0;  border-top: 1px solid #ddd;}*/
.cart-sum {text-align: right; background-color: #ffffff; padding: 10px 0}
.cart-sum h4.total{color: #474747;font-size: 16px;display: inline-block; margin: 0}
.cart-sum h4.sum  {color: #C00505;font-size: 16px;display: inline-block; margin: 0; padding: 0 5px; font-weight: 600}
.cart-button-right{width: 100%; border-top:1px solid #dddddd; padding: 10px 0;text-align: right; background-color: #ffffff}
.cart-button-right input.cart-button{font-size: 13px; background-color: #838383; border: 1px solid #838383;  color: #fff;  padding: 10px 20px; border-radius: 2px; margin-right:10px; line-height: normal;cursor:pointer; transition: .3s all ease-in-out}
.cart-button-right input.cart-button:hover{  background-color: transparent; border: 1px solid #838383; color: #838383}
.empty_cart{    display: block; text-align: center;  padding: 10px 0;  font-size: 15px;  font-style: italic;}
/*--- Giỏ hàng thuơng mại điện tử---*/

.info-vat{font-style: italic; color: #909090}

/* --- Css của trang mua hàng thuơng mại điện tử --- */
.content-buy {box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.title-buy{font-size: 16px;font-weight: bold;line-height: 1em;padding: 10px;border-bottom:1px solid #e3e3e3; text-transform: uppercase;}

/* Nội dung kiểm tra thanh tóan cuối cùng bên trái */
.group-check-out{box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; width: 342px; float: left; margin-top: 15px; padding: 0 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); background-color: #ffffff;color:#474747;z-index: 2}
.group-check-out-fixed{margin: 0;top: 4px; position: fixed;}

.group-check-out .form-total, .group-check-out .form-amount, .group-check-out .form-shipping{position: relative}
.group-check-out .form-shipping{border-bottom: 1px dashed #C00505}
.group-check-out h5.text_amount,.group-check-out h5.text_shipping{font-size: 13px; font-weight: 500; margin: 10px 0;text-transform: capitalize; color: #4C4C4C}
.group-check-out h6.amount,.group-check-out h6.shipping{position: absolute; top:0 ; right: 0; margin: 0;font-size: 13px; font-weight: 500;color: #000000}
.group-check-out h5.title-payment{font-size: 18px; font-weight: bold; margin: 10px 0;text-transform: uppercase; color: #C00505;}
.group-check-out h5.total{position: absolute; top:0 ; right: 0; margin: 0;font-size: 15px; font-weight: bold;color: #C00505}
.group-check-out .form-total h5.title-payment{font-size: 15px;text-transform: none}

.payment-cart { margin-bottom: 15px; max-height: 215px; overflow-y: auto}
.payment-cart .info-payment-cart{position: relative; width: 100%; padding: 10px 0; border-bottom: 1px dashed #e3e3e3}
.payment-cart .info-payment-cart a.postion-img{width: 75px;max-width: 75px; display: inline-block;vertical-align: top}
.payment-cart::-webkit-scrollbar{width: 2px}
.payment-cart::-webkit-scrollbar-track{box-shadow: inset 0 0 5px #474747}
.payment-cart::-webkit-scrollbar-thumb{background: red}
.payment-cart::-webkit-scrollbar-thumb:hover{background: #b30000}
.payment-cart:-moz-system-metric{width:1px}

.payment-cart .group-info-payment{width: 75%;display: inline-block ;padding: 0;margin: 0}
.payment-cart .group-info-payment a{font-size:14px;color: #474747 ;text-decoration: none; transition: .3s all ease-in-out; cursor: pointer;display: block;  white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}
.payment-cart .group-info-payment a:hover{color: #b33000}
.payment-cart .group-info-payment .position-payment{position:relative;color:#474747}
.payment-cart .group-info-payment h6.info-payment-right{font-size: 14px;position: absolute; right: 5px; top: 3px; margin: 0}
.payment-cart .group-info-payment h6.info-payment-right:before{content: "x"}
.payment-cart .group-info-payment label{font-size:14px;margin-bottom:0;font-weight:normal}
.payment-cart .group-info-payment .box-features-payment h6.info-payment-middle{line-height: 0.8;margin: 3px 0; font-size: 11px; color: #b33000}
.payment-cart .group-info-payment .box-features-payment span.img-features-payment{font-size: 11px; color: #b33000}
.payment-cart .group-info-payment .box-features-payment img{max-width:20px;margin-left:5px}
/* Nội dung kiểm tra thanh tóan cuối cùng bên trái */


/* Nội dung thanh toán bên phải */
.group-info{box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; width: calc(100% - 360px); float: right;padding: 0 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); margin-top: 15px;background-color: #ffffff}
.group-info .border-box-buy{padding: 10px 0;}
.group-info .border-box-buy#select-shipping{padding: 0 0 10px}
.transportation-buy .for-has-shiping{margin: 10px 0}
.transportation-buy .for-has-shiping label:not(.switch_checkbox) {
    margin-right: 10px;
    float: left;
    color: #666;
    font-style: italic;
    font-size: 13px;
    font-weight: normal;
}
.transportation-buy .for-has-shiping .switch_checkbox {position: relative;display: inline-block;width: 36px;height: 20px;float: left; line-height: initial !important;}
.transportation-buy .for-has-shiping .switch_checkbox input {display:none;}
.transportation-buy .for-has-shiping .switch_checkbox:before {content: "|";position: absolute;display: inline-block;color: #fff;left: 8px;top: 5px;font-size: 8px;z-index: 1;cursor: pointer;}
.transportation-buy .for-has-shiping .switch_checkbox:after {content: "";position: absolute;right: 6px;top: 6px;z-index: 1;border: 1px solid #fff;border-radius: 50%;width: 8px;height: 8px;cursor: pointer;}

.transportation-buy .for-has-shiping .slider_checkbox {position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;background-color: #ccc;-webkit-transition: .4s;  transition: .4s;}
.transportation-buy .for-has-shiping .slider_checkbox:before {position: absolute;content: "";height: 18px;width: 18px;left: 1px;bottom: 1px;background-color: white;-webkit-transition: .4s;transition: .4s;}

.transportation-buy .for-has-shiping input:checked + .slider_checkbox {  background-color: #ce0000;  }
.transportation-buy .for-has-shiping input:focus + .slider_checkbox {  box-shadow: 0 0 1px #ce0000;  }
.transportation-buy .for-has-shiping input:checked + .slider_checkbox:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
.transportation-buy .for-has-shiping .slider_checkbox.round_checkbox {border-radius: 34px;}
.transportation-buy .for-has-shiping .slider_checkbox.round_checkbox:before {border-radius: 50%;}

.group-info .border-box-buy h5{font-size: 14px}

.person-received-buy {float: left; width: 50%; padding:  0 10px; border-right: 1px solid #f5f2f2;margin-top: 15px;box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.other-person-received-buy{float: right; width: 50%; padding:  0 10px; margin-top: 15px; box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.transportation-buy, .pay-buy{width: 100%; padding: 0; margin-top: 2em; clear: both}
.person-received-buy input, .other-person-received-buy input{width: 100%; margin: 5px 0}
.person-received-buy textarea, .other-person-received-buy textarea{width: 100%; border: 1px solid #e3e3e3; margin: 5px 0; padding: 5px 10px}
.person-received-buy h2{font-size: 18px; font-weight: bold;margin: 0;text-transform: uppercase;color: #666}



.other-person {clear: both}
.other-person a.copy-received-buy, .group-info .border-box-buy a.copy-received-buy{cursor: pointer;color: #006700; text-decoration: none; transition: .3s all ease-in-out;line-height: normal;font-size: 12px;display: block;padding: 3% 0}
.other-person a.copy-received-buy:hover, .group-info .border-box-buy a.copy-received-buy:hover{color: #ce0000}
.other-person a.copy-received-buy i, .group-info .border-box-buy a.copy-received-buy i{transform: scale(1.3)}
.other-person a.copy-received-buy h6, .group-info .border-box-buy a.copy-received-buy h6{display: inline-block;font-size: 11px;font-weight: normal; font-style: italic;margin: 0}
.other-person h5{font-size: 16px;margin: 0; line-height: normal;text-transform: uppercase;color: #666;font-weight: bold}
/* Group Transportation Group Info */
.transportation-buy h2, .pay-buy h2{font-size: 18px; font-weight: bold;margin: 0;text-transform: uppercase;color: #666}
.transportation-buy table.ms-list {width: 100%; border-collapse: collapse; border-radius: 5px; background-color: #fff;color:#666;text-align: center}
.transportation-buy .ms-list td.ms-select{width: 7%}
.transportation-buy .ms-list td.ms-name{width: 43%}
.transportation-buy .ms-list td.ms-time{width: 10%}
.transportation-buy .ms-list td.ms-fee{width: 15%}
.transportation-buy .ms-list td.ms-cod{width: 10%}
.transportation-buy .ms-list td.ms-total{width: 15%}
.transportation-buy .ms-list tr th{background-color: #006700; color: #FFFFFF;padding: 10px 0;text-align: center;font-size: 13px}
.transportation-buy .ms-list tr th:first-child{border-top-left-radius: 5px}
.transportation-buy .ms-list tr th:last-child{border-top-right-radius: 5px}
.transportation-buy .ms-list tr:nth-child(2n+1){background-color: #f1f1f1}
.transportation-buy .ms-list tr td{font-size: 13px}
.transportation-buy .ms-list td.ms-name img{width: 50%;padding: 3% 0;}
.transportation-buy .ms-list td.ms-name img.img_CTU_custom{width: 20%}
.transportation-buy .ms-list td.ms-name span{display: block}

.transportation-buy .select-province,.transportation-buy .select-district
{width: calc(50% - 2px);height: 35px;line-height: 2.7;display: inline-block;position: relative;
    color: #ffffff}
.transportation-buy .select-province:hover::after,.transportation-buy .select-district:hover::after{
    color: #666
}
.transportation-buy select.autoProvince,.transportation-buy select.autoDistrict {
    width: 100%;height: 100%;padding: 0 15px; -webkit-appearance: none; outline: 0;
    box-shadow: none; border: 1px solid #949090;border-radius: 3px; background: transparent;
    color: #666;cursor: pointer;font-size: 13px;
}

/* Group Transportation Group Info */



/* Security Group Info */
.postion-security{position: relative; width: 100%; margin: 0}

.security-buy {position:relative; margin: 10px 0;text-align: right}
.security-buy .autoCaptcha{position: absolute; top: 2px; right:0}
.security-buy .confirm-cart{
    width:100%; background-color: #ce0000;color: #f0f0f0; font-size: 15px;
    border-radius: 2px; cursor: pointer; font-weight: 700;
    border: 1px solid #ce0000;margin-top:10px; padding: 7px 20px;transition: .3s all ease-in-out;text-transform: uppercase}
.security-buy .confirm-cart:hover{background-color: transparent;border: 1px solid #ce0000; ;color: #ce0000; }

.renewCaptcha{ position: absolute; top: 0; right:0; }
a.renewCaptcha {color: #ce0000}
a.renewCaptcha:hover{color: #006700}

/* Security Group Info */
/* Kiểm tra hợp lệ form input */

.person-received-buy input.received-buy, .other-person-received-buy input.received-buy,
.person-received-buy textarea.received-buy, .other-person-received-buy textarea.received-buy,
.group-info textarea.received-buy,.postion-security input.received-buy, .postion-received-buy-content textarea.received-buy{
    display: block;  width: 100%;  margin: 0;  border: 0;  padding: 10px 0 10px; background: white no-repeat;
    background-image: linear-gradient(to bottom, #026802, #026802), linear-gradient(to bottom, #e3e3e3, #e3e3e3);
    background-size: 0 2px, 100% 1px;  background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    line-height: normal;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;font-size: 13px;
}
.group-info textarea.received-buy, .postion-received-buy-content textarea.received-buy{resize: none; padding: 0 0 20px;font-size: 13px}

.person-received-buy input.received-buy:focus, .other-person-received-buy input.received-buy:focus,
.person-received-buy textarea.received-buy:focus, .other-person-received-buy textarea.received-buy:focus,
.postion-security input.received-buy:focus,.group-info textarea.received-buy:focus, .postion-received-buy-content textarea.received-buy:focus{
    background-size: 100% 2px, 100% 1px;  outline: none;  }

.person-received-buy input.invalid-value,.postion-security input.invalid-value,.group-info textarea.invalid-value{
    color: #ce0000;
    background-image: linear-gradient(to bottom, #ff0101, #ff0101), linear-gradient(to bottom, #e3e3e3, #e3e3e3);
}
.invalid-value{  color: #ff0000;  transition: 0.8s all ease;}
.person-received-buy input.valid-value,.postion-security input.valid-value,.group-info textarea.valid-value{
    color: #006700;
    background-image: linear-gradient(to bottom, #009a00, #009a00), linear-gradient(to bottom, #e3e3e3, #e3e3e3);font-size: 13px;
}
.valid-value{  color: #006700;  }
input.received-buy:disabled, textarea.received-buy:disabled{color: silver}
/* Kiểm tra hợp lệ form input */

/* Customize input radio button */
.box-pay {position: relative;margin-top: 1em;}
.box-pay .border-payment-home{width: 49%; color: #474747; padding: 7px 25px; font-size: 13px;  margin: 0;vertical-align: top;display: inline-block; box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.box-pay .border-payment-home label.radio-payment{display: block;position: relative;padding-left: 30px;cursor: pointer;font-size: 14px;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.box-pay .border-payment-home label.radio-payment .images-payment{max-width:22px;max-height:22px}
.box-pay .border-payment-home label{cursor: pointer; font-weight: 400; margin: 0;display:initial}
input.option-input.radio {  border-radius: 50%; position: absolute;opacity: 0;cursor: pointer}
input.option-input.radio::after {  border-radius: 50%;  }
.radiobtn_payment{position: absolute;
    top:0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;cursor: pointer}
label.radio-payment:hover .radiobtn_payment{background-color: #ccc}
label.radio-payment .radiobtn_payment:after{top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: #fff;content: '';position: absolute;display: none}
input.option-input.radio:checked ~ .radiobtn_payment{background-color: #C00505;border: none}
input.option-input.radio:checked ~ .radiobtn_payment:after{display: block}
label.radio-ctu{position: relative}
label.radio-ctu .radiobtn_payment {top: -2px;left: -10px;border: 1px solid #ccc;  box-sizing: content-box;height: 15px;width: 15px;}
label.radio-payment.radio-ctu .radiobtn_payment:after {  top: 4px;left: 4px;width: 7px;height: 7px;}
@keyframes click-wave {
    0% { height: 0;  width: 0;  opacity: 0.45;  position: relative;  }
    100% {  height: 80px;  width: 80px;  margin-left: -40px;  margin-top: -35px;  opacity: 0;  }
}
/* Customize input radio button */

/*Customize select box*/
.select-box-ctu .select2-container .select2-selection--single{height: 35px;}
.select-box-ctu .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 33px;}
.select-box-ctu .select2-container--default .select2-selection--single .select2-selection__arrow{height: 33px;right: 10px;}
.select-box-ctu .select2-container--default .select2-selection--single .select2-selection__arrow b{border-width: 8px 5px 0 5px;}
.select-box-ctu .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width: 0 5px 8px 5px;}
/*Customize select box*/
/* --- Css của trang mua hàng thuơng mại điện tử --- */


/*Css Cart new version 2018*/
.product-cart-image {float: left;width: 20%;}
.product-cart-details {float: left;width: 30%;}
.product-cart-price {float: left;width: 15%;}
.product-cart-quantity {float: left;width: 10%;}
.product-cart-removal {float: left;width: 10%;}
.product-cart-line-price {float: left;width: 15%;text-align: right;}
.group:before, .shopping-cart:before, .column-labels:before, .product-cart-boxitem:before, .totals-item:before, .group:after, .shopping-cart:after, .column-labels:after, .product-cart-boxitem:after, .totals-item:after {content: '';display: table;}
.group:after, .shopping-cart:after, .column-labels:after, .product-cart-boxitem:after, totals-item:after {clear: both;}
.group, .shopping-cart, .column-labels, .product-cart-boxitem, .totals-item {zoom: 1;}
.shopping-cart {}
/* Column headers */
.column-labels label {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #eee;}
.column-labels .product-cart-image, .column-labels .product-cart-details, .column-labels .product-cart-removal {text-indent: -9999px;}

/* Product entries */
.product-cart-boxitem {margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.product-cart-boxitem .product-cart-image {text-align: center;}
.product-cart-boxitem .product-cart-image img {width: auto;max-height: 80px;margin: 0 auto !important;}
.product-cart-boxitem .product-cart-details .product-cart-title {margin-right: 20px;}
.product-cart-boxitem .product-cart-details .product-cart-title a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}
.product-cart-boxitem .product-cart-details .product-cart-description {margin: 5px 20px 5px 0;line-height: 1.4em;}
.product-cart-boxitem .product-cart-quantity input {width: 40px;text-align: center;border-radius: 5px;border: 1px solid #ccc;}
.product-cart-boxitem .remove-product-cart {border: 0;padding: 4px 8px;background-color: #c66;color: #fff;font-size: 12px;border-radius: 3px;cursor: pointer;}
.product-cart-boxitem .remove-product-cart:hover {background-color: #a44;}
.product-cart-description label.table-cart-images{display:inline-block;margin-bottom:0;padding:2px 3px;margin-right:3px;border:1px solid #ddd; border-radius:2px}
.product-cart-description label.table-cart-images img{margin-left:5px;max-width:30px;max-height:30px}
.product-cart-description label.table-cart-images .title-cart-images{color:#C00505;font-weight:bold;font-size:11px;}
.product-cart-description span.table-tinh-nang{display:inline-block; padding:0 3px;border: 1px solid #ddd; border-radius: 2px; margin-right: 3px; color: #C00505;  font-weight: bold; font-size: 11px}
.product-cart-price span.cart-plus{  display: block; font-size: 13px; color:#b33000;}
/* Totals section */
.totals .totals-item {float: right;clear: both;width: 100%;margin-bottom: 10px;}
.totals .totals-item label {float: left;clear: both;width: 79%;text-align: right;line-height: 2;font-weight: 700}
.totals .totals-item .totals-value {float: right;width: 21%;text-align: right;font-size: 16px;color: #c00505;font-weight: 700;  }

.checkout-cart {float: right;border: 0;margin-top: 20px;padding: 6px 25px;background-color: #97262A;color: #fff;font-size: 13px;border-radius: 3px;margin-left: 10px;text-transform: uppercase;}

.checkout-cart:hover {background-color: #337ab7;}
.img-loading-ctu{text-align: center;display: none}
.btn-book-room{background-color: #e74c3c;display: inline-block;padding: 1.3%;font-size: inherit;text-transform: uppercase;color: #fff;border-radius: 5px;font-weight: bold;}
.btn-book-room a{color: #fff}
/* sidebar page product category */
.w30s__product-cate-left {
    width: 27%;
    padding-right: 25px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.w30s__product-cate-left .dv_content_leftsp h3 {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 7px 15px;
    margin-top: 0;
    color: rgb(255, 255, 255);
    background: black;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 30px;
}
.w30s__product-cate-left .price-filter .ui-widget-content {
    background: #e8e8e8;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    height: 7px;
    margin: 0 0 25px;
    width: 100%;
}
.w30s__product-cate-left .price-filter .ui-slider-range {
    background: black;
    border-radius: 0;
}
.w30s__product-cate-left .price-filter .ui-slider-handle {
    background: black;
    border: none;
    content: '';
    display: block;
    cursor: w-resize;
    height: 22px;
    line-height: 18px;
    margin: 0;
    text-align: center;
    top: 50%;
    width: 22px;
    outline: none;
    border-radius: 100%;
    box-shadow: 0px 0px 6.65px .35px rgba(0,0,0,0.15);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.w30s__product-cate-left .price-filter .ui-slider-handle:nth-child(3) {
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%);
}
.w30s__product-cate-left .price-filter .ui-slider-handle:before {
    background: #fff;
    content: '';
    display: inline-block;
    height: 14px;
    vertical-align: bottom;
    width: 14px;
    border-radius: 100%;
}
.w30s__product-cate-left .price-slider-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.w30s__product-cate-left .label-input input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #555;
    font-size: 14px;
    height: inherit;
    padding-left: 5px;
    width: 99px;
}
.w30s__product-cate-left .price-slider-amount > button{
    background: #999;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    border: none;
    cursor: pointer;
    height: 35px;
    letter-spacing: .02em;
    line-height: 35px;
    padding: 0 15px;
    text-transform: capitalize;
}
.w30s__product-cate-left .price-slider-amount > button:hover{
    background: #abd373;
    color: #fff;
}
.w30s__product-cate-left .dv_content_leftsp .dv_list_dmsp {
    list-style: none;
    margin: 0;
    padding: 0 0px 0px;
    margin-top: -8px;
}
.w30s__product-cate-left .dv_content_leftsp .dv_list_dmsp li {
    width: 100%;
    position: relative;
}
.w30s__product-cate-left .dv_content_leftsp{
    border: 1px solid #dedede;
    box-shadow: 3px 3px 10px #e2e2e2;
    width: 100%;
    float: left;
    border: 1px solid #E6E6E6;
    padding: 10px;
    margin-bottom: 25px;
}
.w30s__product-cate-left .dv_content_leftsp .dv-marqueew .marqueew {
    height: 350px;
    overflow: hidden;
    width: 100%;
    float: left;
}
.w30s__product-cate-left li{
    list-style: none;
}
.w30s__product-cate-left .dv_content_leftsp .dv_list_dmsp li:first-child > a{
    border-top:0px;
}
.w30s__product-cate-left .dv_list_dmsp_2 {
    display: none;
    list-style: none;
    margin: 0px;
    margin-top: 2px;
    width: 100%;
    float: left;
    padding-left: 15px;
}
.w30s__product-cate-left .wrp-tags{
    padding-bottom: 20px;
}
.w30s__product-cate-left .wrp-tags li a i{
    margin-right: 5px;
}
.w30s__product-cate-left .wrp-tags li a{
    background: whitesmoke;
    color: #333;
    padding: 7px 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    border:1px solid #efeeee;
    float: left;
}
.w30s__product-cate-left .wrp-tags li{
    display: inline-block;

}
.w30s__product-cate-left .SHOW_menu_left {
    font-size: 18px;
    cursor: pointer;
    font-weight: 500;
    position: absolute;
    right: 0px;
    top: 10px;
    display: inline-table;
    margin: auto;
}
.w30s__product-cate-left .dv_list_dmsp li a {
    display: block;
    padding: 8px 0px;
    border-top: 1px dotted #c5c5c5;
    text-transform: capitalize;
    transition: all .5s;
    font-size: 14px;
}
.w30s__product-cate-left .label-check input[type=checkbox] {
    font-size: 14px;
    color: #a4a4a4;
    box-shadow: none;
    -moz-appearance: checkbox;
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    border: 1px solid #c3c3c3;
    background: white;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}
.w30s__product-cate-left .label-check input[type=checkbox]:checked:after {
    content:'\2714';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    color:#af1064;
    outline: 1px solid #fff;
}
.w30s__product-cate-left .label-check span {
    display: inline-block;
    vertical-align: middle;
}
.w30s__product-cate-left .label-check {
    width: 50%;
    float: left;
}
@media (max-width: 768px) {
    .w30s__product-cate-left {
        width: 100%;
    }
    .w30s__filter-top .marginleft20 {
        display: none;
    }
}
/* End sidebar page product category */
/* Form*/
.web30s-form label{display: block}
.web30s-form .title{font-size: 16px;font-weight: bold; margin-bottom: 15px; color: #555;}
.web30s-form .web30s-form-group{margin-bottom: 7px}
.web30s-form .web30s-form-group .web30s-form-control{width: 100%; padding: 7px; background-color: #fff; border: 1px solid #e6e1e1;}
/* End form*/

/* Layout */
.web30s-row {margin-left: -10px; margin-right: -10px}
.clearfix,
.web30s-row:after{content: ""; display: table; clear: both}
.web30s-row .web30s-col{float: left; padding: 10px; box-sizing: border-box;}
.web30s-row.two .web30s-col{width: 50%}
.web30s-row.three .web30s-col{width: 33.33%}
.web30s-row.four .web30s-col{width: 25%}

.web30s-row.two .web30s-col:nth-child(2n+1){clear: left}
.web30s-row.three .web30s-col:nth-child(3n+1){clear: left}
.web30s-row.four .web30s-col:nth-child(4n+1){clear: left}
/* End layout*/

/* Captcha*/
.web30s-form .box-captcha {position: relative}
.web30s-form .box-captcha .img-captcha{width: calc(35%); padding-right: 28px; display: inline-block; position: absolute; top: 0; right: 0}
.web30s-form .box-captcha .img-captcha img{height: 31px; width: 100%}
.web30s-form .box-captcha .img-captcha a{height: 31px; background-color: #0fa8e1; float: right;  color: #fff;}
/* End Captcha*/

/* Phân trang*/
.web30s-pagination,
.web30s-pagination ul {list-style: none; padding: 0; margin: 15px 0 0 0;}
.web30s-pagination:after,
.web30s-pagination ul:after {content: ""; display: table; clear: both}
.web30s-pagination .item {background-color: #0fa8e1; float: left; margin: 0 5px; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #fff}
.web30s-pagination .item.active,
.web30s-pagination .item:hover {background-color: #235dab;}
.web30s-pagination .item.disable{background-color: #ccc; cursor: none}
.web30s-pagination .item.disable,
.web30s-pagination .item.active {cursor: default}

.web30s-pagination .circle {border-radius: 50%}
/* End Phân trang*/

/* Hình ảnh dạng backgroud. kịch thước theo tỉ lệ: mặc định hình vuông */
.img-shape{width: 100%; padding-top: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative}
.img-shape.size-16-9{padding-top: 56.25%;}
.img-shape.size-4-3{padding-top: 75%;}
.img-shape.size-3-2{padding-top: 66.66%;}

/* Nút Play video*/
.img-shape .box-play{position: absolute; top: calc(50% - 18px); left: calc(50% - 7px); font-size: 32px; color: rgba(48, 49, 51, .5); cursor: pointer}
.img-shape .box-play:hover{color: #303133}
/* Hình ảnh dạng backgroud */

/*--LANGGUAGES--*/
.lang_flag .left{float: left}
/*--LANGGUAGES--*/
/* Trang so sanh san pham */
.w30s__page-compare .w100{
    width: 100%;
    float: left;
}
.w30s__page-compare .comparison tbody td {
    padding: 15px;
    border-bottom: 1px solid #cccccc;
}

.w30s__page-compare {
    padding: 3%;
    width: 100%;
    float: left;
    background: white;
}
.w30s__page-compare .buy-now{
    display: block;
    border: 1px solid black;
    outline: none;
    background: black;
    color: white;
    border-radius: 4px;
    padding: 5px 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.w30s__page-compare .buy-now:hover{
    background: white;
    color:black;
}
.w30s__page-compare thead{
    background: white;
}
.w30s__page-compare tbody th{
    min-width: 200px;
    padding:20px;
}
.w30s__page-compare .comparison{
    overflow-x: auto;
    width: 100%;
    float: left;
}
.w30s__page-compare tbody td{
    min-width: 280px;
}
.w30s__page-compare .page-title{
    margin-bottom: 3%;
}
.w100{width: 100%;float: left}
/* End trang so sanh san pham */
/* trang san pham chi tiet */
.w30s__page-product-detail .easyzoom-flyout img{
    max-width: none !important;
}

.w30s__page-product-detail .page-product-detail-right .wrp-love-save > div{display: inline-block;font-size: 9px;color: #999999;margin-right:9px;}
.w30s__page-product-detail .page-product-detail-right  .txt-descrtion-pro{
    margin-top:5%;
}
.w30s__page-product-detail .page-product-detail-right  .txt-descrtion-pro .list_body_left_cus1,.w30s__page-product-detail .page-product-detail-right  .txt-descrtion-pro .list_body_right_cus1{
    display: inline-block;
    margin-bottom: 10px;
}
.w30s__page-product-detail .page-product-detail-right  .txt-descrtion-pro p{
    margin-bottom: 10px;
}
.w30s__page-product-detail .page-product-detail-right .product_details_cart{margin-bottom:20px;}
.w30s__page-product-detail .page-product-detail-right .product-quantity {margin-top:25px;position:relative;width: 100%;
    float: left;}
.w30s__page-product-detail .page-product-detail-right .intext {border: 1px solid #f0f0f0;color:#555555;font-size:14px;height:41px;text-align:center;width:200px;}
.w30s__page-product-detail .page-product-detail-right .icon_body {width:41px;text-align:center;height:41px;padding:7px;cursor:pointer;font-size:18px;background:none;border:1px solid #f0f0f0;margin-left:10px;}
.w30s__page-product-detail .page-product-detail-right .icon_body:hover {background:#ddd;}
.shopng-btn {background:black;border:1px solid black;margin-right:16px;padding:10px;color:white ;    -webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;margin-top: 3%}
.shopng-btn:hover {
    background: white;
    color: black;
}
.w30s__page-product-detail .page-product-detail-right  .product-bottom{margin-bottom:3%}
.w30s__page-product-detail .page-product-detail-right .numbers-row {display:inline-block;position:relative;}
.w30s__page-product-detail .page-product-detail-right .buttontext {background:transparent none repeat scroll 0 0;border:1px solid #f0f0f0;color:#555555;cursor:pointer;font-size:27px;font-weight:normal;height:41px;line-height:37px;text-align:center;transition:all 0.3s ease 0s;width:40px;}
.w30s__page-product-detail .page-product-detail-right .buttontext:hover {background:#ddd;}
.w30s__page-product-detail .page-product-detail-right .product-title{
    font-size: 170%;
    margin-bottom: 5%;
    width: 100%;
    float: left;
    color: #333;
}
.w30s__page-product-detail .page-product-detail-right hr{
    margin: 0;
}
#open-modal .icon-zoom{
    display: none !important;
}
.page-product-detail .page-product-detail-right .gia_thanhtien {
    float: left;
    font-size: 130%;
    color: red;
    margin-bottom: 3%;
}
.wrp-txt-sku{
    display: inline-block;
    float: right;
}
.border_images {border:1px solid #CCC;padding:2px;}

.w30s__page-product-detail .page-product-detail-right .gia_thanhtien strong{
    font-size: 150%;
}
.w30s__page-product-detail .page-product-detail-right .del_cus1{
    text-decoration: line-through;
    color: #7b7b7b;
}
.w30s__page-product-detail .body_thumb_content{padding:10px;box-sizing:border-box;}
.w30s__page-product-detail .page-product-detail-left{
    width: 35%;
    float: left;
}
.w30s__page-product-detail .page-product-detail-right{
    width: 65%;
    float: left;
    padding-left:15px;
}
.w30s__page-product-detail .simpleLens-thumbnails-container a{
    float:left;
    padding:0 2px;
    margin-bottom:5px;
}
.w30s__page-product-detail .simpleLens-big-image-container{
    width: 100%;
}
.w30s__page-product-detail .product-rela-slide .slick-arrow, .page-product-detail-bottom .slick-arrow{
    position: absolute;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    background: #fff;
    height: 28px;
    width: 22px;
    line-height: 26px;
    font-size: 18px;
    display: block;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    z-index: 99;
}
.w30s__page-product-detail .product-rela-slide .slick-next-btn.slick-arrow ,.page-product-detail-bottom .slick-next-btn.slick-arrow {
    left: auto;
    right: 0;
}
.w30s__page-product-detail .product-rela-slide .slick-arrow:hover{
    color: #fff;
    border-color: #3c3a3e;
    background-color: #3c3a3e;
}
.w30s__page-product-detail .product-rela-slide:hover .slick-arrow, .page-product-detail-bottom .slick-initialized:hover .slick-arrow{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.w30s__page-product-detail .product-rela-slide .slick-slide{
    padding:0 3px;
    outline: none;
}
.w30s__page-product-detail .tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.w30s__page-product-detail .tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    overflow: visible;
}
.w30s__page-product-detail .gia_thanhtien {
    font-size: 100%;
    color: #333;
}
.page-product-detail-bottom {
    margin-top:7%;
}
.page-product-detail-bottom .tab-ttsp > ul.tab-ttsp-panel{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px;
}
.page-product-detail-bottom .tab-ttsp-ct h2{
    font-size: 120%;
}
.page-product-detail-bottom .tab-ttsp-ct h1{
    font-size: 130%;
}
.page-product-detail-bottom .tab-ttsp-ct h3{
    font-size: 110%;
}
.page-product-detail-bottom .tab-ttsp > ul.tab-ttsp-panel > li{
    list-style: none;
    position: relative;
    z-index: 9;
    display: inline-block;
    margin: 0 50px 0 0;
}
.page-product-detail-bottom .tab-ttsp > ul.tab-ttsp-panel > li.active:before {
    content: '';
    height: 1px;
    background: red;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.page-product-detail-bottom .tab-ttsp > ul.tab-ttsp-panel > li.active > a,.page-product-detail-bottom .tab-ttsp > ul > li > a:hover{
    color: red;
}
.page-product-detail-bottom .tab-ttsp > ul.tab-ttsp-panel > li > a {
    font-size: 130%;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 25px;
    display: block;
    padding: 0 0 10px 0;
    position: relative;
}
.page-product-detail-bottom .tab-ttsp .tab-ttsp-ct .iteam.active{
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
}
.page-product-detail-bottom .tab-ttsp .tab-ttsp-ct .iteam{
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}
.page-product-detail-bottom .sp_main_idclass .img-zoom color_2 img{
    width: 100%;
    float: left;
}
.page-product-detail-bottom .sp_main_idclass .img-zoom {
    overflow: hidden;
    width: 100%;
    float: left;
}
.page-product-detail-bottom .wrp-tab-product-rela{
    margin-top: 3%;
}
.page-product-detail-bottom .wrp-tab-product-rela h3{
    margin-bottom: 15px;
}
.page-product-detail-bottom .wrp-tab-product-rela .sp_main_idclass .arrival-info .float_price{
    clear: none;
    display: inline-block;
    padding-right: 7px;
}
.glo-tgiagoc,.del.del_cus1{
    float: left;
}
.gia_thanhtien.gia_thanhtien_cus1{
    clear: both;
}
.page-product-detail-bottom .wrp-tab-product-rela .arrival-info h2{
    line-height: 25px;
    font-size: 120%;
    font-weight: normal;
}
.fade{
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}
.fade.show {
    opacity: 1;
}
.w30s__page-product-detail .swatch-option{
    cursor: pointer;
    padding: 1px 2px;
    min-width: 30px;
    max-width: 90px;
    height:20px;
    float: left;
    margin-right: 17px;
}
.w30s__page-product-detail .swatch-option.check-default{
    color: rgb(148,148,148);
    background: rgb(240,240,240);
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    padding: 4px 8px;
    min-width: 22px;
    height: 30px;
    border: 1px solid rgb(218, 218, 218);
    overflow: hidden;
    text-overflow: ellipsis;
}
.w30s__page-product-detail .swatch-option.selected{
    background: white;
    color: black;
    border: 1px solid white;
    outline: 2px solid #ee0000;
}
.w30s__page-product-detail .swatch-attribute-label{
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.w30s__page-product-detail .swatch-opt{
    width: 100%;
    float: left;
}
.w30s__page-product-detail .swatch-attribute-options {
    width: 100%;
    float: left;
}
.w30s__page-product-detail .swatch-attribute {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.dv-tinhnang-left  .price-filter .label-input input{
    width: 170px;
}
.w30s__page-product-detail a.popup-img {
    position: absolute;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #373737;
    color: #fff;
    border-radius: 4px;
    z-index: 999;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.w30s__page-product-detail .product-large-thumb {
    position: relative;
    overflow: hidden;
}
.w30s__page-product-detail .product-large-thumb:hover a.popup-img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.w30s__page-product-detail a.popup-img:hover {
    background-color: #abd373;
    color: #fff;
}
.w30s__page-product-detail .swatch-option.nice-select {
    padding: 5px 10px;
    min-width: 200px;
    line-height: 25px;
}
/* End page product detail */
.page-category .breadcrumb input,.page-category .breadcrumb select{
    background: white;
    border: 1px solid #e8e8e8 !important;
    height: 36px !important;
    padding-left: 10px;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.page-category .breadcrumb input:hover,.page-category .breadcrumb select:hover{
    border: solid 1px #e8e8e8 !important;
}
.nice-select{
    height: 36px !important;
    border: solid 1px #e8e8e8 !important;
}
.page-category .breadcrumb .search-keyword > input, .page-category .breadcrumb .search-keyword > select,.page-category .breadcrumb .search-keyword > div{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.page-category .breadcrumb .search-keyword > input.key_timkiem_mutil, .page-category .breadcrumb .search-keyword > .search_danhmuc, .page-category .breadcrumb .search-keyword .search_theloai{
    width: calc((100% - 140px) / 3);
    max-width: 100%;
}
.page-category .breadcrumb .search-keyword > button {
    width: 100px;
    background:black;
    border:1px solid black;
    color:white;
    height: 36px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.nice-select .list{
    min-width: 100%;
}
.page-category .breadcrumb .search-keyword > button:hover{
    background: white;
    color: black;
}
.w30s__wrp-list-product .web30s-pagination li{display: inline-block;vertical-align: middle}
.dv-tinhnang-left{
    margin-bottom: 20px;
}

.dv-left-attr .label-check input[type=checkbox]{
    -moz-appearance: checkbox;
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    border:1px solid #c3c3c3;
    background: white;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}
.dv-left-attr .label-check input[type=checkbox]:checked:after{
    content: '\2714';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    color: #c40d2e;
    outline: 1px solid #fff;
}
.dv-left-attr .label-check span{
    display: inline-block;
    vertical-align: middle;
}
.dv-left-attr .label-check{
    width: 50%;
    float: left;
}
.w30s__wrp-list-product {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.w30s__wrp-list-product.loading:after{
    content: '';
    position: absolute;
    width: 100%;
    float: left;
    height: 100%;
    background: rgba(255, 255, 255, 0.82);
    z-index: 100;
}
.w30s__wrp-list-product.loading:before{
    background: url(/images/loading8.gif) no-repeat;
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    margin: auto;
    display: inline-table;
    left: 0px;
    right: 0;
    background-size: 100%;
    z-index: 101;
    top:50px;
}
    /* End trang sp chi tiet */
/* popup dang nhap */
#id_mem_loss h2{
    margin-bottom: 15px;
}
.dv-dangky-thanhvien .contact{
    width: 100%;
    float: left;
}
#id_mem_login,#id_mem_loss{
    z-index:1041;
    position: fixed;
    top:0px;
    left:0px;
    margin:auto;
    display: none;
    right: 0px;
    background: white;
    width: 400px;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(189, 189, 189, 0.61);
    -moz-box-shadow: 2px 2px 5px 0px rgba(189, 189, 189, 0.61);
    -box-shadow: 2px 2px 5px 0px rgba(189, 189, 189, 0.61);
    border-radius: 12px;
}
#id_mem_login .h2memberstop{
    color: #055699;
    margin-bottom:8%;
    font-weight: bold;
    font-size: 150%;
}
.modal-backdrop.active{
    display: block;
}
.modal-backdrop{
    position: fixed;
    top: 0px;
    bottom: 0px;
    right:0px;
    left:0px;
    overflow: hidden;
    display: none;
    z-index: 1040;
    background-colo:#000;
    opacity: 0.5;
}
#id_mem_login .txt-qmk,#id_mem_loss .txt-qmk{
    display: inline-block;
    margin-left:10px;
    margin-top:8px;
    color: #055699;
    text-decoration: underline;
}
#SubNewsOtherItems .khunganh img{width: 100%;
    float: left;}
#id_mem_login input[type=text],#id_mem_login input[type=password],#id_mem_loss input[type=text]{
    width:100%;
    float: left;
    padding: 7px;
    height: 40px;
    background-color: white;
    outline: none;
    padding-left: 50px;
    border-radius: 6px;
    overflow: hidden;
    border:1px solid #d7d7d7;
}
#id_mem_login input[type=text]:after{
    content: "\f2c0";
}
#id_mem_login input{background-color: white}
input:-webkit-autofill{background: white}
#id_mem_login input[type=submit],#id_mem_loss input[type=submit]{
    float: left;
    background:#ff6e00;
    color: white;
    font-weight: bold;
    color: white;
    text-transform: capitalize;
    padding: 8px 15px;
    border:1px solid #ff6e00;
}
#id_mem_login .rel,#id_mem_loss .rel{
    position: relative;
    margin-bottom: 20px;
}
.register-form {
    width: 100%;
    display: block;
    margin:auto;
}

.w30s__login--form, .w30s__loss-password-form {
    max-width: 600px;
    margin:auto;
}
.w30s__login--form, .register-form, .w30s__loss-password-form{
    margin-top: 3%;
}
.w30s__login--form .item, .w30s__loss-password-form .item{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.w30s__login--form .item label, .w30s__loss-password-form .item label{
    margin-bottom: 0;
    color: #333;
}
.w30s__login--form .item p, .w30s__loss-password-form .item p{
    margin-bottom: 10px;
}
.w30s__login--form input[type=text],.w30s__login--form input[type=password], .w30s__loss-password-form input[type=text] {
    width: 100%;
    float: left;
    border:1px solid #ccc;
    height: 40px;
    border-radius: 5px;
    padding-left: 7px;
}
.w30s__login--form .submitbutton{
    background: black;
    width: 100px;
    text-align: center;
    height: 32px;
    border-radius: 3px;
}
.w30s__login--form a{
    outline: none;
}
.w30s__login--form .btn-login-fb {
    background: #4d75b9;
    position: relative;
    border-radius: 3px;
    padding: 3px;
    color: white;
    width: 120px;
    float: right;
    margin-left: 10px;
}

.w30s__login--form .btn-login-gg {
    background: #d93025;
    position: relative;
    border-radius: 3px;
    padding: 3px;
    color: white;
    width: 120px;
    float: right;
    margin-left: 10px;
}
.w30s__login--form .txt-qmk,.w30s__loss-password-form .txt-relogin{
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}
.register-form h2,.w30s__login--form h2, .w30s__loss-password-form h2{
    margin-bottom: 2%;
    width: 100%;
    float: left;
    color: black;
    font-weight: bold;
    font-size: 23px;
    border-bottom: 1px solid black;
    padding-bottom: 15px;
}
.menu-top-menu .lang_flag > div{
    margin-right: 5px;
}
.menu-top-menu .switcher{
    width: 100%;
    float: left;
}
.register-form .wrp-bor,.w30s__login--form .wrp-bor, .w30s__loss-password-form .wrp-bor{
    border:1px solid #d3ced2;
    padding:20px;
}
.register-form .buttonSignup{
    padding: 5px 16px !important;
}
.w30s__loss-password-form .submitbutton{
    padding: 5px 16px !important;
    width: 200px;
    background: black;
    height: 40px;
}
.register-form .buttonSignup:hover{
    box-shadow: none;
}
.register-form .wrp-bor .imgCaptcha{
    position: absolute;
    right: 6px;
    top: 0px;
    bottom: 0px;
    display: inline-table;
    margin: auto;
}
.dv-dangky-thanhvien{padding: 10px 0 30px}
.dv-dangky-thanhvien ul,.dv-dangky-thanhvien li{list-style: none; font-size: 13px;
    margin-bottom:20px;
    width:100%;
    float: left;position: relative}
.dv-dangky-thanhvien #tieude_login{font-weight: 600; margin-bottom: 10px; color: #333; line-height: 1.5;font-size: 110%}
.dv-dangky-thanhvien .contact input{border: 1px solid #ccc; padding: 0 5px; height: 40px; border-radius: 5px;outline:none}
.dv-dangky-thanhvien .contact .tv-left{width: 50%; padding-right: 20px; float: left;}
.dv-dangky-thanhvien .contact .tv-right{width: 50%; float: left;}
.dv-dangky-thanhvien .contact .tv-right a{background: #F45A40; height: 30px; display: inline-block; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 12px; text-transform: capitalize; padding: 0 18px; font-weight: 600; margin-right: 5px;position: relative}
.dv-dangky-thanhvien .contact .tv-right a:hover{background: #2A2D34; color: #fff}
.line_gg{
    text-decoration: line-through;
}
.dv-dangky-thanhvien .cls_munmua_member{display: none}
.dv-dangky-thanhvien .p_mb_thoigian { font-size: 12px; color: #9A9A9A; margin: 0; padding: 3px 0; }
.dv-dangky-thanhvien .p_mb_trangthai {margin: 0; padding: 0; font-size: 12px; color: #2196F3;}
.dv-dangky-thanhvien .p_mb_trangthai .tt_1{color: #4CAF50}
.dv-dangky-thanhvien .p_mb_trangthai .tt_2{color: #FB563A}
.dv-dangky-thanhvien .container .dv-dktv-right { font-size: 13px; width: 78% !important; padding: 0 20px 10px; border: 1px solid #ccc; margin-top: 15px; float: right; background: #fff;}
.dv-dangky-thanhvien .container .dv-dktv-left{float:left; width: 20% !important; margin-right: 0 !important; background: #fff !important; padding: 10px !important; border: 1px solid #ccc !important; margin-top: 15px !important;}
.dv-dangky-thanhvien .container .dv-dktv-right .nomargin{color: #333; line-height: 1.7; font-weight: 500}
.dv-dangky-thanhvien .container .header_cp { font-size: 18px; font-weight: 600; padding-top: 10px; padding-bottom: 5px; color: #FB563A; }
.dv-dangky-thanhvien .container .dv-dktv-right .about_menu { padding-left: 10px;}
.dv-dangky-thanhvien .container .dv-dktv-right .about_menu li { padding-bottom: 4px; padding-top: 4px; }
.dv-dangky-thanhvien .container .dv-dktv-right .about_menu li a:hover{color: #FB563A !important;}
.dv-dangky-thanhvien .container .dv-dktv-right table strong{font-weight: 500;}
.dv-dangky-thanhvien .container .dv-dktv-right table input, .dv-dangky-thanhvien .container .dv-dktv-right table select{ width: 100%; outline:none; border: 1px solid #ccc; padding: 0 7px; height: 30px; margin-bottom: 7px;}
.dv-dangky-thanhvien .container .dv-dktv-right table input#button{font-size:13px; border: none; display: inline-block; width: auto; padding: 7px 15px; height: auto; text-transform: capitalize;}
.dv-dangky-thanhvien .container .dv-dktv-right table input#button:hover{background: #2A2D34; color: #fff}
.dv-dangky-thanhvien h1,.dv-dangky-thanhvien .head_title_center {color: #f45a40 !important; font-size: 18px; margin-bottom: 0; padding: 0 !important; text-transform: uppercase; font-weight: 400; border-bottom: 1px dashed #ccc; padding-bottom: 10px !important;}
.dv-dangky-thanhvien .tb-cart-mb td{padding: 5px; border: 1px solid #D0D0D0;}
.dv-dangky-thanhvien .row_nam img { height: auto; width: 60px; }
/* End popup dang nhap */
/* Nội dung kiểm tra thanh tóan cuối cùng bên trái */
.group-check-out{box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; width: 342px; float: left; margin-top: 15px; padding: 0 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); background-color: #ffffff;color:#474747;z-index: 2}
.group-check-out-fixed{margin: 0;top: 4px; position: fixed;}

.group-check-out .form-total, .group-check-out .form-amount, .group-check-out .form-shipping{position: relative}
.group-check-out .form-shipping{border-bottom: 1px dashed #C00505}
.group-check-out h5.text_amount,.group-check-out h5.text_shipping{font-size: 13px; font-weight: 500; margin: 10px 0;text-transform: capitalize; color: #4C4C4C}
.group-check-out h6.amount,.group-check-out h6.shipping{position: absolute; top:0 ; right: 0; margin: 0;font-size: 13px; font-weight: 500;color: #000000}
.group-check-out h5.title-payment{font-size: 18px; font-weight: bold; margin: 10px 0;text-transform: uppercase; color: #C00505;}
.group-check-out h5.total{position: absolute; top:0 ; right: 0; margin: 0;font-size: 15px; font-weight: bold;color: #C00505}
.group-check-out .form-total h5.title-payment{font-size: 15px;text-transform: none}

.payment-cart { margin-bottom: 15px; max-height: 215px; overflow-y: auto}
.payment-cart .info-payment-cart{position: relative; width: 100%; padding: 10px 0; border-bottom: 1px dashed #e3e3e3}
.payment-cart .info-payment-cart a.postion-img{width: 75px;max-width: 75px; display: inline-block;vertical-align: top}
.payment-cart::-webkit-scrollbar{width: 2px}
.payment-cart::-webkit-scrollbar-track{box-shadow: inset 0 0 5px #474747}
.payment-cart::-webkit-scrollbar-thumb{background: red}
.payment-cart::-webkit-scrollbar-thumb:hover{background: #b30000}
.payment-cart:-moz-system-metric{width:1px}

.payment-cart .group-info-payment{width: 75%;display: inline-block ;padding: 0;margin: 0}
.payment-cart .group-info-payment a{font-size:14px;color: #474747 ;text-decoration: none; transition: .3s all ease-in-out; cursor: pointer;display: block;  white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}
.payment-cart .group-info-payment a:hover{color: #b33000}
.payment-cart .group-info-payment .position-payment{position:relative;color:#474747}
.payment-cart .group-info-payment h6.info-payment-right{font-size: 14px;position: absolute; right: 5px; top: 3px; margin: 0}
.payment-cart .group-info-payment h6.info-payment-right:before{content: "x"}
.payment-cart .group-info-payment label{font-size:14px;margin-bottom:0;font-weight:normal}
.payment-cart .group-info-payment .box-features-payment h6.info-payment-middle{line-height: 0.8;margin: 3px 0; font-size: 11px; color: #b33000}
.payment-cart .group-info-payment .box-features-payment span.img-features-payment{font-size: 11px; color: #b33000}
.payment-cart .group-info-payment .box-features-payment img{max-width:20px;margin-left:5px}
.postion-img img{max-width: 100%}
/* Nội dung kiểm tra thanh tóan cuối cùng bên trái */
/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
    .shopping-cart {margin: 0;padding-top: 20px;border-top: 1px solid #eee;}

    .column-labels {display: none;}

    .product-cart-image {float: right;width: auto;margin-bottom: 5px;}
    .product-cart-image img {margin: 0 0 10px 10px;}

    .product-cart-details {float: none;margin-bottom: 10px;width: auto;}

    .product-cart-price {clear: both;width: 75px;}

    .product-cart-quantity {width: 80px;}
    .product-cart-quantity input {margin-left: 20px;}

    .product-cart-quantity:before {content: 'x';}
    .product-cart-line-price {float: right;width: 80px;}
    .totals .totals-item label, .totals .totals-item .totals-value{width: 50%}
}

/*Css Cart new version 2018*/
/* Danh sach san pham */
.w30s__wrp-list-product.w30s__viewpage1 > .col-md-4{
    width: 100%;
    flex: none;
    max-width: 100%;
}
.w30s__wrp-list-product.w30s__viewpage1 > .col-md-4 .product-img{
    width:30%;
    float: left;
}

.w30s__filter-top .left > div {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.w30s__filter-top .left .nice-select{
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
.w30s__filter-top .left .boxselect{
    background: none;
    height: auto;
    border-left: 0px solid #d6d4d4;
    border-radius: 0;
    padding-right: 20px;
}
.w30s__filter-top {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5 !important;
    padding: 14px !important;
    background: white !important;
}

.w30s__filter-top > .right .global_viewlist a {
    margin-left: 10px;
    color: black;
    border:0px;
    padding: 0;
    vertical-align: center;
}
.w30s__filter-top > .right .global_viewlist a i {
    margin-top: 9px;
}
.w30s__filter-top .right > div{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.w30s__filter-top .right > div.global_ss {
    display: none;
}
.w30s__filter-top .global_viewlist{
    width: auto;
    margin-top: 0;
}
.w30s__wrp-list-product.w30s__viewpage1 > .col-md-4 .product-content {
    text-align: left;
    padding-left: 30px;
    width: 70%;
}
.w30s__filter-top > .right .global_viewlist a.active {
    background: black;
    color: white;
}
.w30s__filter-top  > .right .global_viewlist a{
    background: white;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}
.w30s__filter-top > .right .global_viewlist a i {
    font-size: 140%;
}
/* End danh sach san pham */
@media (max-width: 1024px){
    .breadcrumb .filter-category .title-filter,.breadcrumb .filter-view .title-view-filter{display:block;margin:5px 0}
}
@media (max-width: 768px){
    .dv-dangky-thanhvien .container .w30s__left--profile{
        width: 100% !important;
        max-width: 500px;
    }
    .dv-dangky-thanhvien .container .w30__right--profile{
        width: 100% !important;
    }
    .cart-page tr.row_th_cart{display: none}
    .cart-page table tr td{display: table-cell; text-align: left}
    .cart-page table tr td.img{width: 15% ;}
    .cart-page table tr td.name{width: 32% ;}
    .cart-page table tr td.price-cart{width: 18% ;}
    .cart-page table tr td.quantily{width: 9% ;}
    .cart-page table tr td.total{width: 23% ;}
    .cart-page table tr td.price-cart {text-align: center}
    .cart-page table tr td.quantily input{width: 40px;border: 1px solid #ddd; border-radius: 3px; padding: 1px 5px;  }


    .person-received-buy, .other-person-received-buy, .transportation-buy ,.pay-buy{padding: 0}
    .group-info{width: 100%;}
    .group-info textarea.received-buy, .postion-received-buy-content textarea.received-buy{padding: 10px}
    .group-check-out{width: 100%;}
    .payment-cart .group-info-payment input{right: 65%; width:10%}
    .payment-cart .group-info-payment .info-payment-right{right:0}
    .payment-cart .group-info-payment {width: 85%}
    .payment-cart .info-payment-cart a.postion-img{width:100px;max-width: 100px}
    .person-received-buy, .other-person-received-buy{width: 100%;float: none; border: none}
    .other-person h5{float: left}
    .other-person a.copy-received-buy{float: right;text-align: right}


    /* Layout */
    .web30s-row.two .web30s-col{width: 100%}
    .web30s-row.three .web30s-col{width: 100%}
    .web30s-row.four .web30s-col{width: 100%}
    /* End layout*/

}
@media (max-width: 640px){
    .w30s__page-product-detail .page-product-detail-left{
        width: 100%;
    }
    .w30s__page-product-detail .page-product-detail-right{
        width: 100%;
    }
    .box-pay .border-payment-home{padding: 10px 15px}
    .transportation-buy table.ms-list{background-color: transparent}
    .transportation-buy .ms-list td.ms-select,
    .transportation-buy .ms-list td.ms-name,
    .transportation-buy .ms-list td.ms-time,
    .transportation-buy .ms-list td.ms-fee,
    .transportation-buy .ms-list td.ms-cod,
    .transportation-buy .ms-list td.ms-total{width: 100%;border-bottom: 1px solid #dddddd;text-align: right}
    .transportation-buy .ms-list td.ms-total{border: none}
    .transportation-buy .ms-list td.ms-name img{width: 30%}
    .transportation-buy .ms-list tr:first-child{display: none}
    .transportation-buy .ms-list tr:nth-child(2n){background-color: #2f2e2e}
    .transportation-buy .ms-list tr{display: block;margin: 15px 0; background-color: #838383; border-radius:5px}
    .transportation-buy .ms-list td{display: block;;text-align: right;padding: 5px}
    .transportation-buy .ms-list td:before{content: attr(data-th);width:30%;float: left; font-weight: bold; text-transform: uppercase;text-align: left}
    label.radio-ctu .radiobtn_payment {top: -6px;left: unset;right:0}
    .payment-cart .group-info-payment{width: 82%}
    .breadcrumb{padding:10px}
    .breadcrumb .search-keyword button{margin-top:5px}
}
@media (max-width: 480px){
    .cart-page table tr td.img img{ max-height: 100px;}
    .cart-page table tr td.name{width: 38%; padding: 0 5px}
    .cart-page table tr td.price-cart{display: none}
    .cart-page table tr td.quantily{width: 6% ; padding: 0 5px}
    .cart-page table tr td.total{width: 26%; padding: 0 5px}
    .cart-page table tr td.quantily input{width: 40px;border: 1px solid #ddd; border-radius: 3px; padding: 1px 5px;  }
    .cart-button-right input.cart-button{ width: 95%; }
    .cart-page table tr td.total div.table-total{font-size: 16px; margin: 0 auto}

    .payment-cart .group-info-payment .info-payment-right{right: 5%}
    .payment-cart .group-info-payment {width: 75%}
    .box-pay .border-payment-home{font-size: 14px}
    .box-pay .border-payment-home,.box-pay .border-payment-home:nth-child(3),.box-pay .border-payment-home:nth-child(5){width: 100%; display: block; padding: 10px 0}
    .box-pay .border-payment-home:nth-child(2),.box-pay .border-payment-home:nth-child(4),.box-pay .border-payment-home:nth-child(6){position: static}

    .postion-security{width: 100%;}
    .security-buy .autoCaptcha{position: absolute; padding: 0}
    .security-buy .confirm-cart{width: 100%;position: static; margin-bottom: 10px}
    .transportation-buy .ms-list td:before{width:auto}
    .transportation-buy .select-province, .transportation-buy .select-district{width: 100%; margin: 5px 0}
    .breadcrumb{padding:0!important}
    .breadcrumb .filter-category,
    .breadcrumb .filter-view{padding:5px 0;width:100%}
    .breadcrumb .filter-category .title-filter,
    .breadcrumb .filter-view .title-view-filter{width:60px;display:inline-block}
    .breadcrumb .filter-category .select-filter{max-width:100%;width:calc(100% - 65px)}
    .breadcrumb .search-keyword .key_timkiem_mutil,
    .breadcrumb .search-keyword .search_danhmuc,
    .breadcrumb .search-keyword .search_theloai{width:calc(50% - 2px);max-width:100%;margin-right:0}
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {
    .product-cart-removal {float: right;}

    .product-cart-line-price {float: right;clear: left;width: auto;margin-top: 10px;}
}
@media (max-width: 320px){
    .cart-page table tr {border-bottom: 1px solid #ddd}
    .cart-page table tr td.img{ display: block; text-align: center}
    .cart-page table tr td.img{ width: 100%}
    .cart-page table tr td.name{width: 56%; border: none; padding: 0}
    .cart-page table tr td.total{width: 26%; border: none; padding: 0}
    .cart-page table tr td.quantily {width: 15%; border: none; padding: 0}
    .cart-page table tr td{display: inline-block}
    .cart-page table tr td.name a.table-delete{display: inline-block}
    .cart-page table tr td.total div.table-total{font-size: 15px}
    .cart-button-right input.cart-button{ width: 93%;}

    .group-info{padding: 0 5px}
    .group-info .border-box-buy{padding: 0}

    .security-buy input{width: 100%}
    .payment-cart .group-info-payment{width: 70%}
    .payment-cart .info-payment-cart a.postion-img{width: 75px; max-width: 100%}
    .payment-cart .group-info-payment .info-payment-right{right:2%}
    .other-person h5,.other-person a.copy-received-buy{float: none; width: 100%;margin: 10px 0}
}