/* default */
*{margin: 0; padding: 0;}
*,*::before, *::after{box-sizing: border-box;}
p{margin-bottom: 0;}
a{color: black; font-size: 13px;}
a:hover{text-decoration: none; color: #1e73be;}
img{width: auto; max-width: 100% !important;}
ul{list-style: none;}

h1{font-size: 23px !important; line-height: 30px; margin-bottom: 10px !important;}
h2{font-size: 16px !important; line-height: 30px;}
h3{font-size: 16px !important; line-height: 26px;}
h4, h5, h6{font-size: 15px !important; line-height: 23px;}
h1, h2, h3, h4, h5, h6{margin-bottom: 10px; font-weight: bold;}
body{font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif; font-size: 13px; color: #212121;}
/*body{font-family: "Open Sans",Verdana,Arial,Helvetica,sans-serif; font-size: 13px; color: #212121;}*/

/* common */
.bg{background: red;}
.bg1{background: blue;}
.bg2{background: orangered;}
.main-width{width: 1200px; margin: 0 auto;}

/**header**/
header#header{background: #fff; padding: 15px 0;}
header#header .company-name{font-weight: bold; font-size: 15px; padding: 0 0 10px 0;}
header#header .head-content{padding: 10px 0 0px 0; overflow: hidden;}
header#header .head-content .logo{width: 21%; float: left;}
header#header .head-content .search{width: 38%; float: left; margin: 0 2%;}
header#header .head-content .search form{position: relative;}
header#header .head-content .search form input{float: left; width: 100%; height: 42px; padding: 4px 3% 4px 3%; border-radius: 50px; border: 1px solid #d5d5d5;}
header#header .head-content .search form button{position: absolute; top: 3px; right: 3px; font-size: 14px; height: 36px; border: 0; background: #da2229; color: #fff; padding: 0 15px; border-radius: 50px;}
header#header .head-content .cart{width: 13%; float: left; margin: 0 2.5% 0 0; padding-right: 2%; position: relative;}
header#header .head-content .cart a{display: block;}
header#header .head-content .cart label{font-size: 15px; font-weight: bold; padding: 0; margin: 0;}
header#header .head-content .cart .cart-mini{-webkit-box-shadow:0 0 6px #3e3b3b8f inset;-moz-box-shadow:0 0 6px #3e3b3b8f inset;box-shadow:0 0 6px #3e3b3b8f inset;display:inline-block;margin-left:5px;line-height:35px;width:42px;height:42px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;text-align:center;font-weight:700;font-size:13px;position:relative;background:#da2229;margin-left:10px}
header#header .head-content .cart .cart-mini .number{position:absolute;left:50%;top:3px;line-height:15px;transform:translate(-50%,0);color:#fff}
header#header .head-content .cart .cart-mini img{height:22px;margin-top:15px;filter:brightness(0) invert(1)}
header#header .head-content .hotline{width: 10%; float: left;}
header#header .head-content .hotline .text{width: 100%;font-size:15px;font-weight:700;line-height:25px;position:relative;display:inline-block}
header#header .head-content .hotline .text img{width: 25px;}
header#header .head-content .hotline .hotline-number{font-weight:900;color:#da2229;font-size:15px;line-height:20px}
header#header .head-content .cart:before{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:25px;background:#b2b2b2;transform:translate(0,-50%)}
/**menu**/
.wrap-menu{background: #da2229;}

/**slide**/
.wrap-slide{padding: 15px 0;}
.wrap-slide ul{overflow: hidden;}
.wrap-slide ul li{list-style: none; float: left;}
.wrap-slide ul li:nth-child(1){width: 66.667%; margin-right: 1.5%;}
.wrap-slide ul li:nth-child(2){width: 31.8%; margin-bottom: 14px;}
.wrap-slide ul li:nth-child(3){width: 31.8%;}

/**content**/
.wrap-content{}
.wrap-content .products .head-title{background: #da2229; padding: 10px 15px; margin-bottom: 30px; border-radius: 5px; color: #fff; font-size: 15px; text-transform: uppercase;}
.wrap-content .products .list{}
.wrap-content .products .list ul{overflow: hidden; margin: 0;}
.wrap-content .products .list ul li{list-style: none; float: left; width: 18.8%; margin-left: 1.5%; margin-bottom: 20px;}
.wrap-content .products .list ul li:first-child{margin-left: 0;}
.wrap-content .products .list ul li:nth-child(5n+1){margin-left: 0;}
.wrap-content .products .list ul li .item{border: 1px solid #ddd; border-radius: 5px;}
.wrap-content .products .list ul li .item h3{line-height: 18px; max-height: 35px; overflow: hidden;}
.wrap-content .products .list ul li .info{padding: 15px;}
.wrap-content .products .list ul li .info .price{color: #da2229; font-weight: bold;}
.wrap-content .cate-bg{background: #f5f5f5; padding: 20px 0 0 0;}

.wrap-content .news{padding: 40px 0 0 0;}
.wrap-content .news .head-title{padding: 25px 15px; text-align: center; border-radius: 5px; color: #da2229; font-size: 30px !important; text-transform: uppercase;}
.wrap-content .news .list{}
.wrap-content .news .list ul{overflow: hidden; margin: 0;}
.wrap-content .news .list ul li{list-style: none; float: left; width: 18.8%; margin-left: 1.5%; margin-bottom: 20px;}
.wrap-content .news .list ul li:first-child{margin-left: 0;}
.wrap-content .news .list ul li:nth-child(5n+1){margin-left: 0;}
.wrap-content .news .list ul li .item{border: 1px solid #ddd; border-radius: 5px;}
.wrap-content .news .list ul li .info{padding: 10px 12px;}
.wrap-content .news .list ul li .info .price{color: #da2229; font-weight: bold;}
.wrap-content .news .list ul li .info h3{line-height: 18px;}

.wrap-content-main{padding: 0 0 20px 0;}
.wrap-content-main .main-width{overflow: hidden;}
.wrap-content-main .wc-left{width: 76%; float: right;}
.wrap-content-main .wc-right{width: 22%; float: left;}
.wrap-content-main .wc-right .wrap-sb-product{border: 1px solid #efefef;}
.wrap-content-main .wc-right .title{border-bottom: 1px solid #EFEFEF; font-size: 15px; text-transform: uppercase; color: #da2229; font-weight: bold; padding: 8px 15px;}
.wrap-content-main .wc-right ul{margin: 0;}
.wrap-content-main .wc-right ul li{list-style: none; border-bottom: 1px solid #EFEFEF; margin: 10px;}
.wrap-content-main .wc-right ul li:last-child{border-bottom: 0;}
.wrap-content-main .wc-right ul li .item{overflow: hidden;}
.wrap-content-main .wc-right ul li .item .img-sb{float: left; margin-right: 10px;}
.wrap-content-main .wc-right ul li .item .info{padding: 10px 0 0 0;}
.wrap-content-main .wc-right ul li .item .info h3{margin-bottom: 8px; line-height: 18px; max-height: 35px; overflow: hidden;}
.wrap-content-main .wc-right ul li .item .info .price{color: #da2229; font-weight: bold;}

.wrap-content-main .products .head-title{background: #da2229; padding: 5px 15px; margin-bottom: 30px; border-radius: 5px; color: #fff; font-size: 15px !important; text-transform: uppercase;}
.wrap-content-main .products .list{}
.wrap-content-main .products .list ul{overflow: hidden; margin: 0;}
.wrap-content-main .products .list ul li{list-style: none; float: left; width: 18.8%; margin-left: 1.5%; margin-bottom: 20px;}
.wrap-content-main .products .list ul li:first-child{margin-left: 0;}
.wrap-content-main .products .list ul li:nth-child(5n+1){margin-left: 0;}
.wrap-content-main .products .list ul li .item{border: 1px solid #ddd; border-radius: 5px;}
.wrap-content-main .products .list ul li .item h3{line-height: 18px; max-height: 35px; overflow: hidden;}
.wrap-content-main .products .list ul li .info{padding: 15px;}
.wrap-content-main .products .list ul li .info .price{color: #da2229; font-weight: bold;}

.products{overflow: hidden;}
.products .product-detail-left{width: 48%; float: left;}
.products .product-detail-left .show-image{border: 1px solid #EFEFEF;}
.products .product-detail-left .list-thumbs{}
.products .product-detail-left .list-thumbs ul{overflow: hidden; margin: 0;}
.products .product-detail-left .list-thumbs ul li{list-style: none; float: left; width: 18.8%; margin-left: 1.5%;}
.products .product-detail-left .list-thumbs ul li img{border: 1px solid #EFEFEF; border-top: 0;}
.products .product-detail-left .list-thumbs ul li:first-child{margin-left: 0;}
.products .product-detail-right{width: 50%; float: right;}
.product-detail-right h1.title{font-size: 20px; color: #da2229; padding: 15px 0 0 0;}
.product-detail-right .rate{padding: 15px 0; border-bottom: 1px solid #efefef;}
.product-detail-right .rate span{padding: 0 10px 0 0; font-size: 15px;}
.product-detail-right .rate i.fa-star{font-size: 22px; color: #F69425; padding: 0 3px 0 0;}
.product-detail-right .rate i.fa-star-o{font-size: 22px; color: #F69425; padding: 0 3px 0 0;}
.detail-info{font-size: 15px; padding: 20px 0;}
.detail-info span{font-weight: bold;}
.detail-l{overflow: hidden; padding: 20px 0;}
.detail-l .l1{width: 48%; float: left;}
.detail-l .l2{width: 49%; float: right; padding-left: 1%; border-left: 1px solid #efefef;}
.detail-info2{font-size: 15px;}
.detail-info2 span{font-weight: bold;}
.detail-info2 .p{font-weight: bold; font-size: 22px; color: #da2229;}
.detail-info2 .percent{color: #da2229;}
.detail-info2 .nhanhang{color: #FD9636; border: 1px solid #FD9636; display: table; padding: 5px 10px; background: #EFEFEF; text-transform: uppercase; margin: 8px 0;}
.detail-buy{overflow: hidden;}
.detail-buy ul{margin: 0 15px 0 0; overflow: hidden; float: left;}
.detail-buy ul li{list-style: none; float: left;}
.detail-buy ul li:nth-child(1){padding: 7px 15px; font-size: 15px; border: 1px solid #ddd;}
.detail-buy ul li:nth-child(2) input{padding: 7px 5px; text-align: center; width: 45px; font-size: 15px; border: 1px solid #ddd; border-left: 0; border-right: 0;}
.detail-buy ul li:nth-child(3){padding: 7px 15px; font-size: 15px; border: 1px solid #ddd;}
.detail-buy button{color: #fff; background: #da2229; text-transform: uppercase; font-size: 15px; border: 0; padding: 8px 15px; border-radius: 5px;}
.detail-l .a-right{padding-left:20px}
.mb20{margin-bottom:20px!important; font-size: 15px;}
.detail-l .right-item{margin-bottom:10px;padding-left:50px;position:relative}
.detail-l .right-item:before{content:'';display:block;position:absolute;left:0;top:4px;width:30px;height:30px;border:1px solid #eaeaea;border-radius:50%}
.detail-l .right-item:nth-child(1):after,.right-item:nth-child(3):after{position:absolute;top:20px;left:10px;transform:translate(0,-50%);content:'\f00c';display:block;font-family:FontAwesome;color:green}
.detail-l .right-item:nth-child(2):after{position:absolute;top:20px;left:10px;transform:translate(0,-50%);content:'\f118';display:block;font-family:FontAwesome;color:green}
.detail-l .right-item .label{font-weight:600}
.detail-l .right-item .desc{font-weight:500;font-size:12px;letter-spacing:1.2px}
.detail-content{padding: 40px 0 30px 0;}
.detail-content .title-ct{border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.detail-content .title-ct label{display: table; border-bottom: 1px solid #da2229; margin: 0; font-size: 18px; padding: 0 0 10px 0; font-weight: bold; text-transform: uppercase;}

.products .list-news{}
.products .list-news ul{}
.products .list-news ul li{list-style: none; overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #efefef; padding-bottom: 20px;}
.products .list-news ul li .pr-item img{float: left; margin-right: 15px;}
.products .list-news ul li .item-info h2 a{font-size: 15px;}
.wrap-new-related label.title-d{font-weight: bold; color: #da2229; font-size: 16px; border-bottom: 1px solid #ddd; width: 100%; padding: 0 0 5px 0;}
.wrap-new-related .wnrr-list{}
.wrap-new-related .wnrr-list ul{}
.wrap-new-related .wnrr-list ul li{padding: 0 0 5px 0;}
#cart-success .title-suc{font-size: 30px; color: #da2229; text-align: center; padding: 50px 0 30px 0; width: 100%;}
.main-user-page{background: #fff;}

    /**detail**/
.ctct{line-height: 28px; font-size: 16px;}
.ctct img{width: inherit !important; max-width: 100% !important; height: initial !important; margin: 0 auto;}
.ctct figure{text-align: center; margin: 20px auto;}
.ctct p{margin-bottom: 10px;}
.ctct ul, .ctct ol{padding-left: 35px; margin-bottom: 10px; list-style: initial !important;}
.ctct h2 a, .ctct h2 span{font-size: 18px !important; line-height: 30px;}
.ctct h3 a, .ctct h3 span{font-size: 18px !important;; line-height: 26px;}
.ctct h4 a, .ctct h5 a, .ctct h6 a, .ctct h4 span, .ctct h5 span, .ctct h6 span{font-size: 15px !important;; line-height: 23px;}
.ctct a{color: #1e73be; font-size: 16px;}
.ctct a:hover{color: #ee3525;}

.ctct p{margin-bottom: 20px;}
.ctct h1{font-size: 22px !important; margin-bottom: 20px;}
.ctct h2{font-size: 20px !important; margin-bottom: 20px;}
.ctct h3{font-size: 18px !important; margin-bottom: 20px;}
.ctct h4{font-size: 16px !important; margin-bottom: 20px;}

/**new**/
section#box-new{margin-bottom: 25px;}
section#box-new .nr-head{text-align: center; display: table; margin: 0 auto 25px auto;}
section#box-new .nr-head label{font-size: 28px; font-weight: bold;}
section#box-new .nr-head h2{font-size: 28px !important; font-weight: bold;}
section#box-new .nr-head p{text-align: center; font-size: 15px;}
section#box-new .nr-content{}
section#box-new .nr-content ul{overflow: hidden;margin-bottom: 0px;}
section#box-new .nr-content ul li{list-style: none; float: left; width: 23.5%; margin-right: 2%;}
section#box-new .nr-content ul li:last-child{margin-right: 0;}
section#box-new .nr-content ul li .name-title{padding: 15px 0 10px 0;}
section#box-new .nr-content ul li .name-title a{font-size: 15px; font-weight: bold;}
section#box-new .nr-content ul li .name-title h3 a{font-size: 15px; font-weight: bold;}

section#box-new-list{margin-bottom: 25px;}
section#box-new-list .nrl-head{background: #efefef; margin-bottom: 35px;}
section#box-new-list .nrl-head h1{display: table; background: #1e73be; color: #fff; padding: 6px 20px; font-size: 15px;}
section#box-new-list .nrl-content{}
section#box-new-list .nrl-content ul{margin-bottom: 25px; overflow: hidden;}
section#box-new-list .nrl-content ul li{list-style: none; float: left; width: 32%;  margin-left: 2%; margin-bottom: 15px;}
section#box-new-list .nrl-content ul li .pr-item{overflow: hidden; border: 1px solid #ddd; border-left: 1px solid #d0cbcb; border-right: 1px solid #d0cbcb; padding: 10px;}
section#box-new-list .nrl-content ul li:first-child{margin-left: 0;}
section#box-new-list .nrl-content ul li:nth-child(3n+1){margin-left: 0;}
section#box-new-list .nrl-content ul li .name-title{padding: 15px 0 0px 0; height: 63px; overflow: hidden;}
section#box-new-list .nrl-content ul li .name-title a{font-size: 15px; font-weight: bold; color: #333;}
section#box-new-list .nrl-content ul li .name-title h2{font-size: 15px; font-weight: bold; line-height: 20px;}

section#box-new-detail{margin-bottom: 25px;}
section#box-new-detail .nrd-head{background: #1e73be; margin-bottom: 15px;}
section#box-new-detail .nrd-head h1{display: table; background: #1e73be; color: #fff; padding: 10px 15px; font-size: 15px;}
section#box-new-detail .wrap-info-new-detail{font-size: 14px; margin-bottom: 25px;}
section#box-new-detail .wrap-info-new-detail .shordes{font-weight: bold; font-style: italic; margin-bottom: 20px;}
section#box-new-detail .wrap-info-new-detail .content{margin-bottom: 20px;}
section#box-new-detail .content-view{margin-bottom: 20px;}

section#box-new-detail .wrap-new-related{padding: 10px 0 0px 0; border-top: 1px solid #ddd;}
section#box-new-detail .wrap-new-related label{font-size: 18px; font-weight: bold; margin-bottom: 25px;}
section#box-new-detail .wrap-new-related{margin-bottom: 25px;}
section#box-new-detail .wrap-new-related .wnrr-list{}
section#box-new-detail .wrap-new-related .wnrr-list ul{}
section#box-new-detail .wrap-new-related .wnrr-list ul li{list-style: none; border-bottom: 1px solid #ddd; padding: 5px 0 5px 0;}
section#box-new-detail .wrap-new-related .wnrr-list ul li a{font-size: 14px; font-weight: bold;}

section#box-new .view-all{display: table; margin: 35px auto 0 auto; border: 1px solid #ddd; padding: 8px 15px;}
section#box-new .view-all a{text-transform: uppercase;}

.wrap-list-comment{padding: 30px 30px 0 30px; border: 1px solid #efefef;}
.wrap-list-comment .b-comment{overflow: hidden; margin-bottom: 30px;}
.wrap-list-comment .b-comment img{float: left; width: 45px;}
.wrap-list-comment .b-comment .b-cm-ct{margin-left: 55px;}
.wrap-list-comment .b-comment .b-cm-ct label{font-weight: bold; margin-bottom: 2px;}

/**breadcrumb**/
nav .breadcrumb{background: #fff; border-radius: 0; margin-bottom: 0px; padding-left: 0;}

/**footer**/
footer#footer{}
footer#footer .wrap-register-info{background: #f5f5f5; padding: 40px 0; overflow: hidden;}
footer#footer .wrap-register-info .register-left{width: 48%; float: left; background: url("../images/bg-register.png") no-repeat top left; background-size: 85px auto;}
footer#footer .wrap-register-info .register-left .info{padding-left: 110px; padding-top: 15px;}
footer#footer .wrap-register-info .register-left .info label{font-weight: bold; font-size: 25px; text-transform: uppercase;}
footer#footer .wrap-register-info .register-left .info p{font-size: 15px;}
footer#footer .wrap-register-info .register-right{width: 48%; float: right; overflow: hidden;}
footer#footer .wrap-register-info .register-right .form{width: 80%; float: left; position: relative; margin: 20px 0 0 0;}
footer#footer .wrap-register-info .register-right .form input{width: 100%; height: 42px; padding: 10px 20px; border: 0; border-radius: 8px;}
footer#footer .wrap-register-info .register-right .form button{position: absolute; top: 5px; right: 5px; background: #da2229; border: 0; color: #fff; text-transform: uppercase; padding: 6px 15px; border-radius: 10px;}
footer#footer .wrap-register-info .register-right .social{width: 18%; float: right; margin: 28px 0 0 0;}
footer#footer .wrap-register-info .register-right .social a{color: #da2229; font-size: 15px; padding: 5px 5px;}
footer#footer .wrap-info-footer{padding: 40px 0; overflow: hidden;}
footer#footer .wrap-info-footer .wif-left{width: 68%; float: left;}
footer#footer .wrap-info-footer .wif-left ul{overflow: hidden; margin: 0;}
footer#footer .wrap-info-footer .wif-left ul li{list-style: none; width: 30%; float: left; margin-left: 3%;}
footer#footer .wrap-info-footer .wif-left ul li:first-child{margin-left: 0;}
footer#footer .wrap-info-footer .wif-left ul li:nth-child(3n+1){margin-left: 0;}
footer#footer .wrap-info-footer .wif-left ul li h4 a{font-weight: bold; font-size: 15px;}
footer#footer .wrap-info-footer .wif-left ul li h5{position: relative;}
footer#footer .wrap-info-footer .wif-left ul li h5 a{font-weight: normal; font-size: 14px; padding: 0 0 0 12px;}
footer#footer .wrap-info-footer .wif-left ul li h5 a:before{content:'';display:block;position:absolute;left:0;top:0;width:5px;height:5px;background:#000;border-radius:50%;top:50%;transform:translate(0,-50%);}
footer#footer .wrap-info-footer .wif-right{width: 30%; float: right;}
footer#footer .wrap-info-footer .wif-right .address-ft{line-height: 22px; padding: 15px 0 0 0;}
footer#footer .copyright{border-top: 1px solid #ddd; padding: 13px 0; text-align: center;}