@import url(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css);
:root{--color-original:#0083ff;--color-primary:#ed1b24;--color-secondary:#be1017;--filter-primary:invert(110%) sepia(70%) saturate(5591%) hue-rotate(350deg) brightness(90%) contrast(110%)}
body{color:#222;font-family:Roboto,sans-serif;background:#fff;position:relative;min-width:1200px;font-size:14px}
.bg-grey{background:#e5e5e5}
a{color:#222;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover{color:var(--color-primary);text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ol,.ul{margin:0;padding:0;list-style:none}
img{max-width:100%;height:auto}
b{font-weight:700}
.clearfix::after{content:'';clear:both;display:block}
.clear{clear:both}
button,input,select{outline:0!important}
table{width:100%!important;-webkit-overflow-scrolling:touch}
@media screen and (-webkit-min-device-pixel-ratio:0){
  input,select,textarea{font-size:16px}
}
@media (min-width:1200px){
  input,select,textarea{font-size:14px}
}
iframe{max-width:100%}
.text-10{font-size:10px}
.text-11{font-size:11px}
.text-12{font-size:12px}
.text-13{font-size:13px}
.text-14{font-size:14px}
.text-15{font-size:15px}
.text-16{font-size:16px}
.text-17{font-size:17px}
.text-18{font-size:18px}
.text-20{font-size:20px}
.text-22{font-size:22px}
.text-24{font-size:24px}
.red{color:var(--color-primary)}
.blue{color:var(--color-original)}
.grey{color:#999}
.bg-blue{background:var(--color-original)}
.bg-red{background:var(--color-primary)}
.font-300{font-weight:300}
.font-500{font-weight:500}
.font-600{font-weight:600}
.underline{text-decoration:underline}
.artilce-page .art-img img,.fit-img,.product-detail-page .small-img-group img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;display:block}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1);transform:scale(1)}
  10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}
  30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}
  40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}
  100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{
  0%{-webkit-transform:scale(1);transform:scale(1)}
  10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}
  30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}
  40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}
  100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.label-container{display:block;position:relative;padding-left:30px;margin-bottom:14px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.label-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.label-container .checkmark{position:absolute;top:2px;left:0;height:15px;width:15px;border:1px solid #bbb;background-color:#fff;border-radius:3px}
.label-container:hover input~.checkmark{border-color:#14903f}
.label-container input:checked~.checkmark{background-color:#d58430;border-color:#d58430}
.checkmark:after{content:"";position:absolute;display:none}
.label-container input:checked~.checkmark:after{display:block}
.label-container .checkmark:after{left:4px;top:1px;width:6px;height:9px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.radio-container{position:relative;padding-left:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 40px 0 0}
.radio-container input{position:absolute;opacity:0;cursor:pointer}
.radio-container .checkmark{position:absolute;top:2px;left:0;height:16px;width:16px;background-color:#fff;border-radius:50%;border:2px solid #999}
.radio-container input:checked~.checkmark{background-color:#fff;border:2px solid #008445}
.checkmark:after{content:"";position:absolute;display:none}
.radio-container input:checked~.checkmark:after{display:block}
.radio-container .checkmark:after{top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:#008445}
.bg-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;cursor:-webkit-grab;cursor:grab;background:rgba(0,0,0,.5);z-index:99}
.autocomplete-suggestions{position:absolute;width:100%;border:solid 1px #ddd;right:0;margin-top:2px;max-height:300px;overflow:auto;display:none;background:#fff;z-index:999}
.autocomplete-suggestions a{display:block;padding:10px;overflow:hidden}
.autocomplete-suggestions a img{width:60px;float:left}
.autocomplete-suggestions a .info{display:block;margin-left:65px}
.autocomplete-suggestions a .info .name{display:block;color:#333}
.autocomplete-suggestions a .info .price{color:#ec1c24}
.autocomplete-suggestions a:hover{background-color:#f5f5f5}
.autocomplete-suggestions::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#f1f1f1;border-radius:10px}
.autocomplete-suggestions::-webkit-scrollbar{width:6px;background-color:#f1f1f1}
.autocomplete-suggestions::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ccc}
.icon-star{background-image:url(../images/star_sprite.png);width:96px;height:19px;vertical-align:text-bottom;display:inline-block;background-repeat:no-repeat}
.icon-star.star-0{background-position:0 -109px}
.icon-star.star-1{background-position:0 -88px}
.icon-star.star-2{background-position:0 -66px}
.icon-star.star-3{background-position:0 -42px}
.icon-star.star-4{background-position:0 -21px}
.icon-star.star-5{background-position:0 0}
.container{padding:0 10px;max-width:1230px;min-width:1230px}
.row{margin:0 -10px}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding:0 10px}
#breadcrumb{margin:0 0 12px 0;position:relative;font-size:13px}
#breadcrumb li{float:left;position:relative;z-index:1}
#breadcrumb li::after{content:'';border:1px solid #ccc;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:inline-block;width:7px;height:7px;margin:0 8px 0 0}
#breadcrumb li:last-child a{color:#848484}
#breadcrumb li:last-child::after{content:none}
#breadcrumb li a{color:var(--color-primary);font-weight:500;font-size:15px;line-height:18px}
#breadcrumb h1{font-size:inherit;font-weight:inherit;margin:0;line-height:inherit}
.paging{text-align:center;margin:16px 0 26px 0}
.paging a{display:inline-block;margin-right:3px;width:35px;height:31px;line-height:31px;border-radius:5px;border:1px solid #edeef2;color:#888;background:#fff}
.paging a.current,.paging a:hover{color:#fff;background:#0083ff;border-color:#0083ff}
header{background:var(--color-primary);position:fixed;left:0;right:0;top:0;z-index:99;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.4);box-shadow:0 0 4px 0 rgba(0,0,0,.4)}
header .header-left{width:117px;margin-right:43px}
header .header-right{width:60px;position:relative}
header .header-middle{margin-right:110px;width:calc(100% - 330px)}
header .header-middle a{color:#fff;text-transform:uppercase;font-weight:500;line-height:16px}
header .header-middle a:hover .cat-thumb{bottom:4px;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
header .cat-thumb{display:block;width:26px;height:26px;margin:auto auto 3px auto;background-size:contain;background-repeat:no-repeat;background-position:center;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all;position:relative;bottom:0}
header .icon-search{background:url(../images/icon-search.png) no-repeat}
header .icon-cart{background:url(../images/icon-cart.png) no-repeat;position:relative}
header .icon-cart,header .icon-search{height:23px;width:25px;display:inline-block;background-size:contain}
header .cart-count{position:absolute;top:-11px;right:-12px;width:21px;height:21px;line-height:21px;border-radius:50%;text-align:center;color:var(--color-primary);background:#fff;font-weight:500}
header .header-search-group{position:absolute;top:calc(80%);right:0;width:320px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all;opacity:0;visibility:hidden}
header .header-search-group.active{-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all;opacity:1;visibility:visible;top:calc(100% + 8px)}
header .search-form{background:#fff;border-radius:5px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.4);box-shadow:0 0 5px 0 rgba(0,0,0,.4);z-index:1;overflow:hidden;padding-left:10px}
header .search-form button{background-color:var(--color-primary);position:absolute;top:0;right:0;bottom:0;height:100%;width:40px;background-position:center;border:0;background-size:25px 23px}
header .search-input{height:36px;width:calc(100% - 45px);border:0}
header .remove-icon{background:unset;position:relative;overflow:hidden}
header .icon-close::after,header .icon-close::before{content:'';width:2px;height:23px;background:#fff;position:absolute;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;top:0;right:14px;opacity:0;visibility:hidden;overflow:hidden;left:10px}
header .remove-icon::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:unset}
header .remove-icon::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:unset}
header .remove-icon::after,header .remove-icon::before{opacity:1;visibility:visible}
header .sub-menu{background:#eee;-webkit-box-shadow:1px 1px 2px #b3b3b3;box-shadow:1px 1px 2px #b3b3b3;position:absolute;top:150%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;width:250px;padding:0 15px}
header .sub-menu a{display:block;line-height:40px;color:#222;font-weight:400;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
header .sub-menu a:hover{color:#0083ff;font-weight:600;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
header .item{position:relative;padding:8px 0}
header .item:hover .sub-menu{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1;visibility:visible;top:100%}
.footer-social-container{margin:10px 0;padding:23px 3px 41px 3px}
.footer-social-container .title{font-weight:600;font-size:24px;line-height:160%;text-align:center;position:relative;margin-bottom:57px}
.footer-social-container .title::after{content:'';position:absolute;width:77px;height:4px;margin:auto;top:100%;background:var(--color-primary);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.footer-social-container .text{font-weight:500;font-size:14px;line-height:16px;text-align:center;color:#000;width:calc(100% - 85px);margin:0}
.footer-social-container .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:37px;width:calc(100% / 5 - 30px)}
.footer-social-container .item:hover i{-webkit-transition:.35s all;-o-transition:.35s all;transition:.35s all}
.footer-social-container .item:last-child{margin-right:0}
.footer-social-container .item i{width:75px;height:80px;margin-right:10px;display:block;background-repeat:no-repeat;background-size:contain;background-position:center;filter:var(--filter-primary);-webkit-transition:.35s all;-o-transition:.35s all;transition:.35s all}
.footer-social-container .icon-1{background-image:url(../images/footer-1.png)}
.footer-social-container .icon-2{background-image:url(../images/footer-2.png)}
.footer-social-container .icon-3{background-image:url(../images/footer-3.png)}
.footer-social-container .icon-4{background-image:url(../images/footer-4.png)}
.footer-social-container .icon-5{background-image:url(../images/footer-5.png)}
.newsletter-container{padding:42px 14px;margin-bottom:10px}
.newsletter-container .item-left{width:632px;margin-right:58px;background:var(--color-primary);border-radius:24px;padding:36px 43px 10px 43px}
.newsletter-container .item-left p{font-weight:700;font-size:24px;line-height:1.4;color:#fff;margin-bottom:20px}
.newsletter-container .item-right{width:calc(100% - 690px)}
.newsletter-container input[type=text],.newsletter-container textarea{width:100%;resize:none;border:0;outline:0;background:0 0;color:#fff;padding:15px 20px;height:52px;display:block}
.newsletter-container input[type=text]::-webkit-input-placeholder,.newsletter-container textarea::-webkit-input-placeholder{color:#fff;font-weight:700;line-height:21px}
.newsletter-container input[type=text]:-ms-input-placeholder,.newsletter-container textarea:-ms-input-placeholder{color:#fff;font-weight:700;line-height:21px}
.newsletter-container input[type=text]::-ms-input-placeholder,.newsletter-container textarea::-ms-input-placeholder{color:#fff;font-weight:700;line-height:21px}
.newsletter-container input[type=text]::-moz-placeholder,.newsletter-container textarea::-moz-placeholder{color:#fff;font-weight:700;line-height:21px}
.newsletter-container input[type=text]::placeholder,.newsletter-container textarea::placeholder{color:#fff;font-weight:700;line-height:21px}
.newsletter-container textarea{height:141px}
.newsletter-container .input-item{margin-bottom:33px;background:#5c6267;border-radius:18px}
.newsletter-container .newsletter-submit{background:var(--color-primary);border-radius:12px;color:#fff;font-weight:700;font-size:24px;line-height:28px;width:200px;height:47px;line-height:47px;text-align:center;margin:auto;display:block}
.footer-info-container{background:-o-radial-gradient(50% 50%,50% 50%,var(--color-primary) 0,var(--color-secondary) 100%);background:radial-gradient(50% 50% at 50% 50%,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;padding:20px 0}
.footer-info-container a{color:#fff;display:block}
.footer-info-container a:hover{text-decoration:underline}
.footer-info-container a::after{content:'';display:block;clear:both}
.footer-info-container .title{font-weight:700;line-height:16px;margin:0 0 14px 0}
.footer-info-container .info-address{white-space:pre-line;margin:14px 0 20px 0;line-height:2}
.footer-info-container .info-content a{margin-bottom:13px;position:relative;padding-left:20px}
.footer-info-container .info-content a::before{content:'';border:1px solid #fff;border-left:0;border-bottom:0;position:absolute;top:7px;left:0;height:6px;width:6px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.footer-info-container .info-content .icon-right{border:1px solid #fff;width:4px;height:8px;display:inline-block}
.footer-info-container .list-info-left{margin-top:12px}
.footer-info-container .list-info-left li{margin:11px 0}
.footer-info-container .list-info-left li::after{content:'';display:block;clear:both}
.footer-info-container .list-info-left .icon{width:19px;height:19px;margin-right:10px;display:block;float:left;background-size:contain}
.footer-info-container .list-info-left span{width:calc(100% - 29px);display:block;float:left}
.footer-info-container .info-content{padding-top:31px}
.footer-info-container .media-social-list{background:#fff;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4px 8px;width:150px}
.footer-info-container .media-social-list a{padding:0;margin:0;width:24px;height:24px}
.footer-info-container .media-social-list a::before{content:none}
.footer-info-container .media-social-list img{display:block}
.footer-info-container .icon-phone{background:url(../images/footer-phone.png) no-repeat}
.footer-info-container .icon-mail{background:url(../images/footer-mail.png) no-repeat}
.footer-info-container .icon-map{background:url(../images/footer-map.png) no-repeat}
.banner-footer-product{margin-bottom:19px}
.icon-goTop{background:var(--color-primary);width:58px;height:58px;overflow:hidden;border-radius:50%;position:fixed;right:-100%;bottom:40px}
.icon-goTop.active{right:10px}
.icon-goTop::after{content:'';background:url(../images/arrow-up.png) no-repeat;background-position:center;background-size:cover;width:20px;height:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.global-fixed-right{position:fixed;right:-100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all;z-index:2}
.global-fixed-right.active{right:0;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.global-fixed-right a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;padding:10px;width:66px;height:66px;border-radius:100px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.25);box-shadow:0 0 10px rgba(0,0,0,.25);overflow:hidden;margin:auto 0 6px auto}
.global-fixed-right a:hover{width:176px}
.global-fixed-right a:hover .text{font-size:14px;margin-left:12px}
.global-fixed-right .icon-phone{background-image:url(../images/global-phone.png)}
.global-fixed-right .icon-mess{background-image:url(../images/global-mess.png)}
.global-fixed-right .icon-zalo{background-image:url(../images/icon-zalo.png)}
.global-fixed-right .icon-map{background-image:url(../images/icon-map.png)}
.global-fixed-right i{display:block;width:46px;height:46px;background-size:contain;background-position:center;background-repeat:no-repeat}
.global-fixed-right .text{font-weight:500;font-size:0;color:#0083ff;width:calc(100% - 58px);white-space:nowrap}
.page-content{padding-top:75px}
.global-header-banner{margin-bottom:10px}
.global-header-banner .banner-img-group{min-height:290px}
.global-header-banner .banner-left{margin-right:12px;width:810px}
.global-header-banner .banner-right{width:388px}
.global-header-banner .banner-right a{display:block;margin-bottom:10px;min-height:175px}
.global-header-banner .banner-right a:last-child{margin:0}
.global-header-banner .banner-right img{display:block}
.global-header-banner .button-item{border:1px solid #c4c4c4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(100% / 4);text-align:center;overflow:hidden;height:70px;padding:7px 19px;font-weight:500;line-height:18px}
.global-header-banner .button-item span{display:block;overflow:hidden;max-height:53px}
.custom-dots .owl-nav.disabled+.owl-dots{margin:0;position:absolute;left:0;right:0;bottom:17px}
.custom-dots .owl-nav.disabled+.owl-dots span{margin:0 5px;background:#fff;width:10px;height:10px}
.custom-dots .owl-nav.disabled+.owl-dots span:hover{background:#0083ff}
.custom-nav:hover .owl-nav{opacity:1;visibility:visible;-webkit-transition:.35s all;-o-transition:.35s all;transition:.35s all}
.custom-nav .owl-nav{margin:0;opacity:0;visibility:hidden;-webkit-transition:.35s all;-o-transition:.35s all;transition:.35s all}
.custom-nav .owl-nav button{margin:0!important;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;background:0!important}
.custom-nav .owl-nav .owl-prev{left:0}
.custom-nav .owl-nav .owl-next{right:0}
.custom-nav .icon-right{display:block;width:36px;height:36px;background-color:#ccc;position:relative;border-radius:5px 0 0 5px;opacity:.6}
.custom-nav .icon-right::before{content:'';border:1px solid #fff;width:15px;height:15px;display:block;position:absolute;left:8px;top:10px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.custom-nav .icon-left{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.popup-inbox-container{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;background:#fff;width:600px;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.3);box-shadow:0 0 14px 0 rgba(0,0,0,.3);border-radius:5px;padding:15px;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1;visibility:visible}
.popup-inbox-container.hide-content{-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all;-webkit-transform:translate(-50%,-50%) scaleX(1.2) scaleY(1.2);-ms-transform:translate(-50%,-50%) scaleX(1.2) scaleY(1.2);transform:translate(-50%,-50%) scaleX(1.2) scaleY(1.2);opacity:0;visibility:hidden}
.popup-inbox-container .inbox-content{padding:30px;background:#ebebeb}
.popup-inbox-container .close-popup{position:absolute;top:5px;right:10px;font-size:24px}
.popup-inbox-container input,.popup-inbox-container textarea{width:100%;padding:10px 15px;border:0;outline:0;resize:none;height:42px}
.popup-inbox-container .item{margin-bottom:20px}
.popup-inbox-container .btn-submit-inbox{border:none;margin:auto;padding:10px 20px;background:#0d9fd0;text-transform:uppercase;font-weight:600;font-size:16px;display:block;cursor:pointer;-webkit-box-shadow:0 3px 0 #dedede;box-shadow:0 3px 0 #dedede;width:120px;color:#fff!important}
.box-pro-group{margin:10px 0;padding-bottom:10px}
.box-pro-group .group-title{margin:0;padding:20px 0 20px 20px;font-weight:500;font-size:18px;line-height:21px;text-transform:uppercase}
.box-pro-group .view-detail{color:#848484;padding-right:15px}
.box-pro-group .view-detail:hover{color:var(--color-primary)}
.product-hot-group .p-item{border:0}
.p-item{-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all;border:1px solid #e9e9e9}
.p-item:hover .p-button{-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all;bottom:0}
.p-item:hover img{-webkit-transition:.4s all!important;-o-transition:.4s all!important;transition:.4s all!important;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.p-item a,.p-item img{display:block}
.p-item img{-webkit-transition:.4s all!important;-o-transition:.4s all!important;transition:.4s all!important;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.p-item p{margin:0}
.p-item h2,.p-item h3{margin:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;font-weight:500;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.p-item .p-img{position:relative;padding-bottom:100%;overflow:hidden}
.p-item .p-button{background:rgba(0,131,255,.6);position:absolute;left:0;right:0;bottom:-100%;color:#fff;text-align:center;padding:10px;line-height:16px;z-index:4;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.p-item .p-button p{margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.p-item .icon-cart,.p-item .icon-eye{display:inline-block;width:28px;height:25px;background-repeat:no-repeat;background-position:center;background-size:contain}
.p-item .icon-eye{margin-right:22px;background-image:url(../images/icon-eye.png)}
.p-item .icon-cart{background-image:url(../images/icon-cart.png)}
.p-item .icon-visit{background:url(../images/icon-viewed.png) no-repeat;background-position:center;background-size:contain;display:block;width:17px;height:17px;margin-right:6px}
.p-item .p-icon-type{position:absolute;top:0;left:19px;display:-webkit-box;display:-ms-flexbox;display:flex}
.p-item .p-icon-type span{width:38px;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:12px;background-size:contain;background-position:center;background-repeat:no-repeat}
.p-item .icon-new{line-height:16px;color:#005cb3;background-image:url(../images/bg-new.png);font-weight:700;text-align:center}
.p-item .icon-bestsale{background-image:url(../images/bg-bestsale.png);font-weight:500;font-size:10px;line-height:10px;color:#fff;text-align:center}
.p-item .icon-discount{position:absolute;left:19px;bottom:8px;font-weight:500;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#ffc700),to(#e43a30));background:-o-linear-gradient(left,#ffc700 0,#e43a30 100%);background:linear-gradient(90deg,#ffc700 0,#e43a30 100%);border-radius:15px;width:120px;height:28px;padding-left:38px;line-height:28px}
.p-item .icon-discount::after,.p-item .icon-discount::before{content:'';width:28px;height:28px;position:absolute;top:0;bottom:0;left:0;z-index:1;border-radius:50%}
.p-item .icon-discount::before{background:url(../images/icon-discount.png) no-repeat;background-position:center;background-size:14px 18px;z-index:2}
.p-item .icon-discount::after{background:#e43a30}
.p-item .p-text{padding:22px 15px;background:#fff}
.p-item .p-name{font-weight:500;height:42px;overflow:hidden}
.p-item .p-price{margin:5px 0}
.p-item .inbox-form{font-size:13px}
.global-solid-bottom{position:relative}
.global-solid-bottom::after{content:'';position:absolute;width:77px;height:4px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0;background:var(--color-primary)}
.home-about-container{margin:10px 0;padding:14px 52px}
.home-about-container .desc-title{font-weight:500;font-size:24px;line-height:28px;padding-bottom:8px;margin-bottom:11px}
.home-about-container .home-description::after{content:'';position:absolute;left:0;bottom:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:-o-linear-gradient(transparent,#fff);background:linear-gradient(transparent,#fff);height:200px}
.home-about-container .home-description.show::after{content:none}
.home-about-container .btn-view-more{text-align:center;margin-top:27px}
.home-about-container .btn-view-more a{display:none}
.home-news-container{margin:10px 0;padding:18px 15px}
.home-news-container .group-title{font-weight:500;font-size:24px;padding-bottom:8px}
.home-news-container .item-left{width:643px;margin-right:75px}
.home-news-container .item-right{width:calc(100% - 718px)}
.home-news-container .home-news-items{margin-top:32px}
.home-news-container .art-item{margin-bottom:28px;display:-webkit-box;display:-ms-flexbox;display:flex}
.home-news-container .art-item:hover img{-webkit-transition:.45s all;-o-transition:.45s all;transition:.45s all;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.home-news-container time{margin-bottom:12px;display:block}
.home-news-container .art-title{font-weight:500;font-size:18px;line-height:21px;margin-bottom:10px}
.home-news-container .art-summary{overflow:hidden;height:44px;margin-bottom:10px}
.home-news-container .btn-view{width:143px;height:37px;line-height:37px;text-align:center;background:var(--color-primary);border-radius:10px;color:#fff;font-weight:500;display:block}
.home-news-container .btn-view:hover{opacity:.7}
.home-news-container .art-img{border-radius:10px;overflow:hidden;display:block;width:222px;margin-right:26px;height:100%}
.home-news-container .art-img img{display:block;-webkit-transition:.45s all;-o-transition:.45s all;transition:.45s all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.home-news-container .art-text{width:calc(100% - 248px)}
.home-news-container .big-item .art-img,.home-news-container .big-item .art-text{width:100%}
.home-news-container .big-item .art-item{display:block}
.home-news-container .big-item .art-img{margin-bottom:22px}
.home-news-container .big-item .art-title{margin-bottom:14px}
.home-news-container .big-item .art-summary{margin-bottom:18px}
.p-container .p-item{margin:0 22px 22px 0;width:calc(100% / 5 - 18px);background:#fff}
.p-container .p-item:nth-child(5n){margin-right:0}
.product-category-page{margin-top:26px}
.product-category-page .page-title-group *{display:inline-block}
.product-category-page .page-title{font-weight:700;font-size:24px;line-height:28px;margin-right:17px;text-transform:uppercase;vertical-align:sub}
.product-category-page .filter a{font-size:14px;line-height:16px;text-align:center;margin:0 10px 10px 0;background:var(--color-primary);border-radius:5px;color:#fff;padding:12px 29px}
.product-category-page .static-html{margin-top:16px;line-height:22px;border-bottom:1px solid #c4c4c4;margin-bottom:21px;padding-bottom:11px}
.product-category-page .search-page .pro-count{font-size:24px;line-height:28px}
.product-detail-page{margin:26px 0}
.product-detail-page .item-right{width:262px;float:left}
.product-detail-page .item-right .title{margin:0;padding:17px 10px}
.product-detail-page .item-left{width:calc(100% - 262px);float:left}
.product-detail-page .pro-img-container{width:410px;margin-right:35px}
.product-detail-page .pro-info-container{width:calc(100% - 445px);padding-right:17px}
.product-detail-page .big-img-group{margin-bottom:5px}
.product-detail-page .small-img-group .item{height:78px;overflow:hidden;border:1px solid #ebebeb}
.product-detail-page .small-img-group a{display:block;position:relative;height:100%;width:100%}
.product-detail-page .small-img-group img{display:block}
.product-detail-page .small-img-group .owl-nav{opacity:1;visibility:visible}
.product-detail-page .small-img-group .icon-right{width:17px;height:25px;background:0!important;opacity:1}
.product-detail-page .small-img-group .icon-right::before{border-color:#000;width:12px;height:12px;top:7px;left:0}
.product-detail-page .small-img-group .owl-prev{left:-16px}
.product-detail-page .small-img-group .owl-next{right:-16px}
.product-detail-page .proName{font-weight:500;font-size:25px;line-height:29px}
.product-detail-page .p-inStock::before{content:'';background:url(../images/check.png) no-repeat;background-color:#39b54a;background-position:center;background-size:12px;display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:5px;vertical-align:text-top}
.product-detail-page .p-rating-group{margin:8px 0}
.product-detail-page .p-info-price{font-weight:700;font-size:25px;line-height:29px;color:#e43a30;margin-bottom:15px}
.product-detail-page .p-summary{line-height:177.69%;margin-bottom:20px}
.product-detail-page .p-summary ul{list-style:none;padding-left:4px}
.product-detail-page .p-summary li{display:block;position:relative;padding-left:12px;font-weight:500}
.product-detail-page .p-summary li::before{content:'';width:5px;height:5px;border-radius:50%;background:#d83131;position:absolute;left:0;top:9px}
.product-detail-page .btn-buynow{color:#fff;display:block;background:#e43a30;border-radius:5px;font-weight:500;position:relative;text-align:center;padding:18px;margin:20px 0 30px 0}
.product-detail-page .btn-buynow:hover{background:#ba2f27}
.product-detail-page .btn-buynow::before{content:'';display:inline-block;background:url(../images/icon-shopping-bag.png) no-repeat;width:16px;height:16px;margin-right:3px;background-position:center;background-size:contain;vertical-align:text-top}
.product-detail-page .p-offer-group span{display:block;position:relative;padding-left:10px;margin-bottom:15px;font-weight:500}
.product-detail-page .p-offer-group span::before{content:'';width:32px;height:28px;background:url(../images/icon-offer.png) no-repeat;display:inline-block;background-position:center;background-size:28px;vertical-align:middle;margin-right:10px}
.product-detail-page .desc-content-container{border-top:1px solid #c4c4c4;margin-top:65px;padding:30px 0}
.product-detail-page .desc-content{position:relative}
.product-detail-page .desc-content::after{content:'';position:absolute;left:0;bottom:0;right:0;height:320px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:-o-linear-gradient(transparent,#fff);background:linear-gradient(transparent,#fff)}
.product-detail-page .desc-content.show::after{content:none}
.product-detail-page .btn-showdesc a{color:var(--color-primary);display:none}
.product-detail-page .btn-showdesc a::after{content:'';display:inline-block;margin-left:7px;width:14px;height:14px;background:url(../images/arrow-down-circle.png) no-repeat;background-position:center;background-size:16px;vertical-align:text-top;filter:var(--filter-primary)}
.product-detail-page .btn-showdesc #js-show-less::after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.product-detail-page .pro-tags{margin-bottom:42px}
.product-detail-page .p-comment-container{border-top:1px solid #c4c4c4;padding-top:20px;margin-top:42px;max-width:890px}
.product-detail-page .p-comment-container .title-count{font-weight:500;font-size:18px;line-height:160%;margin-bottom:13px}
.product-detail-page .p-related-container{border:1px solid #c4c4c4;border-top:0;padding:17px 18px;position:relative}
.product-detail-page .p-related-container.show-all-pro .p-item:nth-child(n+4){display:block}
.product-detail-page .p-related-container .p-item{margin:17px 0}
.product-detail-page .p-related-container .p-item:first-child{margin-top:0}
.product-detail-page .p-related-container .p-item:nth-child(n+4){display:none}
.product-detail-page .show-pro{position:absolute;bottom:-9px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;z-index:1;font-size:15px;line-height:18px;padding:0 5px}
.pro-history-container{margin-top:42px}
.pro-history-container .title{font-weight:500;font-size:24px;padding-bottom:5px;margin-bottom:36px}
.artilce-page{margin-top:25px;padding:17px 0}
.artilce-page .item-col-left{width:888px;margin-right:40px;float:left}
.artilce-page .item-col-right{width:calc(100% - 928px);float:left}
.artilce-page .items-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.artilce-page .art-item{margin:0 15px 32px 0;width:285px;border-radius:5px;background:#fff;-webkit-box-shadow:1px 1px 20px rgba(0,0,0,.1);box-shadow:1px 1px 20px rgba(0,0,0,.1);overflow:hidden}
.artilce-page .art-item:nth-child(3n){margin-right:0}
.artilce-page .art-text{padding:16px 10px 12px 10px}
.artilce-page .art-img{position:relative;padding-bottom:180px;display:block}
.artilce-page .art-title{font-weight:700;font-size:22px;line-height:26px;margin-bottom:17px}
.artilce-page .time-group{margin:17px 0;line-height:16px;color:#666}
.artilce-page .art-summary{overflow:hidden;font-size:14px;line-height:22px;height:69px;margin-bottom:5px}
.artilce-page .icon-art-visit,.artilce-page .icon-foler,.artilce-page .icon-time,.artilce-page .icon-user{margin-right:26px}
.artilce-page .icon-art-visit::before,.artilce-page .icon-foler::before,.artilce-page .icon-time::before,.artilce-page .icon-user::before{content:'';display:inline-block;width:16px;height:16px;margin-right:2px;background-position:center;background-size:14px;background-repeat:no-repeat;vertical-align:text-top}
.artilce-page .icon-time::before{background-image:url(../images/icon-clock.png)}
.artilce-page .icon-user::before{background-image:url(../images/icon-user.png)}
.artilce-page .icon-art-visit{display:none}
.artilce-page .icon-art-visit::before{background-image:url(../images/icon-visit.png)}
.artilce-page .icon-foler::before{background-image:url(../images/icon-folder.png)}
.artilce-page .art-group-title{font-weight:900;font-size:24px;line-height:28px;text-transform:uppercase;margin-bottom:23px}
.artilce-page .right-item-group{margin:32px 0!important}
.item-col-right a{display:block}
.item-col-right .search-input{height:36px;width:236px;padding-left:10px;border:1px solid #e3e3e3}
.item-col-right .icon-search{width:47px;border:0;position:absolute;top:0;bottom:0;right:0;background:url(../images/icon-search.png) no-repeat;background-color:var(--color-primary);background-size:21px;background-position:center}
.article-category-page .art-item:first-child{width:100%;margin-right:0}
.article-category-page .art-item:first-child .art-img{padding-bottom:unset}
.article-category-page .art-item:first-child img{position:unset}
.article-category-page .art-item:first-child .icon-art-visit{display:inline-block}
.article-category-page .art-item:nth-child(3n){margin-right:15px}
.article-category-page .art-item:nth-child(3n+4){margin-right:0}
.article-detail-page{padding-top:0}
.article-detail-page .art-detial-title{margin:29px 0 24px 0;font-weight:700;font-size:36px;line-height:42px}
.article-detail-page .icon-art-visit{display:inline-block}
.article-detail-page .button-social{line-height:22px;color:#666;padding:27px 0}
.article-detail-page .time-group{margin-bottom:36px}
.art-comment-container{border-top:1px solid #c4c4c4}
.art-comment-container .item{border-bottom:1px solid #c4c4c4;padding:35px 4px 27px 10px}
.art-comment-container .item::after{content:'';display:block;clear:both}
.art-comment-container .avatar{width:78px;height:78px;border-radius:50%;background:#c4c4c4;margin-right:20px;float:left;color:#fff;font-size:30px;text-align:center;line-height:78px}
.art-comment-container .item-text{float:left;width:calc(100% - 98px)}
.art-comment-container .title{line-height:21px;margin-bottom:20px}
.art-comment-container .title span{color:#666}
.art-comment-container .comment-content{font-weight:500;font-size:18px;line-height:29px;color:#666}
.art-comment-container .btn-reply{font-weight:500;color:#666;width:59px;height:25px;line-height:25px;background:#eee;text-align:center;display:block}
.art-comment-container .btn-reply:hover{color:#fff}
.comment-form-comtainer{padding:24px 0 27px 0;max-width:720px;width:100%;margin:auto}
.comment-form-comtainer .input-text{max-width:344px;width:100%;border:1px solid #777;border-radius:5px;overflow:hidden;margin-bottom:19px}
.comment-form-comtainer input[type=text]{height:57px;width:100%;border:0;font-weight:500;padding-left:23px}
.comment-form-comtainer textarea{width:100%;resize:none;height:145px;display:block;border:0;font-weight:500;outline:0}
.comment-form-comtainer .input-area{max-width:100%;padding:20px 23px}
.comment-form-comtainer .btn-send-cmt{outline:0;display:block;width:193px;height:51px;background:var(--color-primary);border-radius:10px;color:#fff;border:0;margin:12px 0 auto auto;font-weight:500;font-size:18px;line-height:21px;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all}
.comment-form-comtainer .btn-send-cmt:hover{-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;opacity:.8}
.static-h1{font-weight:500;font-size:24px;line-height:28px;color:var(--color-primary);margin:20px 0;text-transform:uppercase}
.question-list .item{margin:17px 0}
.question-list .item a{display:block;font-weight:500;font-size:18px;line-height:21px;padding-left:24px;position:relative}
.question-list .item a::after,.question-list .item a::before{content:'';width:15px;height:4px;background:#000;position:absolute;left:0;top:8px}
.question-list .item a::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.question-list .item a.active::after{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.question-list .answer-text{padding:0 0 0 24px;white-space:pre-line;line-height:23px;white-space:pre-line;display:none}
.item-col-right .title-group,.static-page .title-group{font-weight:700;font-size:14px;line-height:22px;border-bottom:1px solid #c4c4c4;position:relative;margin-bottom:27px;padding-bottom:5px}
.item-col-right .title-group::after,.static-page .title-group::after{content:'';width:56px;height:3px;background:var(--color-primary);position:absolute;bottom:0;left:0}
.item-col-right .right-item-group,.static-page .right-item-group{margin:0 0 32px 0}
.item-col-right .right-item-group a,.static-page .right-item-group a{display:block}
.item-col-right .cat-items a,.static-page .cat-items a{line-height:22px;color:#666;margin-bottom:9px;position:relative;padding-left:12px}
.item-col-right .cat-items a:hover,.static-page .cat-items a:hover{color:var(--color-primary)}
.item-col-right .cat-items a:hover::before,.static-page .cat-items a:hover::before{border-color:var(--color-primary)}
.item-col-right .cat-items a::before,.static-page .cat-items a::before{content:'';position:absolute;left:-2px;top:7px;border:1px solid #666;width:6px;height:6px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-left:0;border-bottom:0}
.item-col-right .item,.static-page .item{margin-bottom:24px}
.item-col-right .item::after,.static-page .item::after{content:'';display:block;clear:both}
.item-col-right .img,.static-page .img{width:97px;margin-right:15px;float:left}
.item-col-right .text,.static-page .text{float:left;width:calc(100% - 112px);line-height:16px}
.item-col-right .text .title,.static-page .text .title{font-weight:500;margin-bottom:8px}
.item-col-right time,.static-page time{color:grey;display:block}
.static-page .static-left{width:172px;margin-right:58px}
.static-page .static-middle{margin-right:57px;width:calc(100% - 570px)}
.static-page .static-right{width:283px}
.error-page .artilce-page{padding:0;margin:0}
.error-page .art-item{margin-right:23px!important}
.error-page .art-item:last-child{margin-right:0!important}
.error-page .error-top{max-width:596px;margin:50px auto 18px auto}
.error-page .search-container{margin:60px 0 20px 0}
.error-page .search-container button{width:125px;height:47px;background:#0083ff;border-radius:5px;font-weight:500;font-size:14px;color:#fff;border:0;outline:0}
.error-page .search-input{width:321px;height:47px;border:1px solid #848484;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;padding:0 13px;color:#848484;margin-right:16px}
.error-page a.blue{position:relative}
.error-page a.blue::before{content:'';display:inline-block;border:2px solid #0083ff;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px;height:6px;vertical-align:middle;margin-right:3px}
.contact-page .contact-info{margin:75px auto 85px auto;max-width:994px}
.contact-page .title{font-weight:500;font-size:36px;line-height:42px;margin-bottom:45px}
.contact-page .text{font-size:18px;line-height:2;margin:40px 0}
.contact-page .icon-address,.contact-page .icon-email{font-weight:500;font-size:24px;line-height:28px;display:block;margin-bottom:15px;position:relative}
.contact-page .icon-address::before,.contact-page .icon-email::before{content:'';background-repeat:no-repeat;background-size:contain;background-position:center;display:inline-block;vertical-align:middle}
.contact-page .icon-address::before{background-image:url(../images/map-black.png);width:38px;height:38px;margin-right:5px}
.contact-page .icon-email::before{background-image:url(../images/email-black.png);width:57px;height:50px;margin-right:10px}
.cart-bg{background:#f5f5f5}
.cart-page .related-pro-holder{display:none;background:#fff;width:1190px;position:absolute;left:9px;right:10px;z-index:11;border:1px solid #0083ff;padding:25px;margin-top:-1px}
.cart-page .related-pro-holder .p-item{width:calc(100% / 5)}
.cart-page .cart-items-group{line-height:19px;position:relative}
.cart-page .tbl-group{background:#fff;border:1px solid #e2e2e2;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;margin-bottom:10px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cart-page .tbl-col-1{width:65px}
.cart-page .tbl-col-2{width:510px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cart-page .tbl-col-3{width:158px}
.cart-page .tbl-col-4{width:165px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cart-page .tbl-col-5{width:150px}
.cart-page .tbl-col-6{width:140px}
.cart-page .tbl-title{padding:25px 10px}
.cart-page .cart-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:26px 0;border-bottom:1px solid #bdbcc0}
.cart-page .total-items-price{padding:18px 17px 23px 0}
.cart-page .item-img{width:110px;margin-right:16px;display:block}
.cart-page .item-text{width:calc(100% - 126px);display:block}
.cart-page .quantity-item{width:40px;height:40px;line-height:40px;display:block;text-align:center;color:#666;font-weight:500;border:1px solid #ccc}
.cart-page .minus{border-right:0}
.cart-page .plus{border-left:0}
.cart-page .related-pro{display:block;margin-top:5px;position:relative;padding-right:12px;-webkit-transition:unset;-o-transition:unset;transition:unset}
.cart-page .related-pro::after{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--color-original);position:absolute;top:17px;right:0}
.cart-page .related-pro.active{border:1px solid #0083ff;background:#fff;z-index:12;border-bottom:0;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;padding:5px 5px}
.cart-page .related-pro.active::after{top:11px;right:3px}
.cart-page .pro-history-container{margin:10px 0;padding:20px 0 30px 0}
.cart-page .pro-history-container .title{margin-bottom:20px}
.cart-customer-info{padding:18px 27px 25px 27px}
.cart-customer-info td{vertical-align:baseline}
.cart-customer-info .item-left{width:456px}
.cart-customer-info .item-right{width:456px}
.cart-customer-info .item-right td:first-child{padding:0 0 10px 17px}
.cart-customer-info .title{background:#ececec;font-weight:700;font-size:14px;line-height:16px;padding:10px 17px;margin-bottom:27px}
.cart-customer-info .input-item{border:1px solid #c4c4c4;border-radius:5px;overflow:hidden;margin-bottom:21px}
.cart-customer-info .input-item input,.cart-customer-info .input-item textarea{width:100%;outline:0;resize:none;height:34px;display:block;border:0;padding-left:10px}
.cart-customer-info .input-item textarea{height:72px}
.cart-customer-info .cart-button-buy{margin-top:35px}
.cart-customer-info .cart-button-buy a,.cart-customer-info .cart-button-buy button{display:block;background:var(--color-original);color:#fff;font-weight:500;font-size:14px;line-height:16px;width:100%;text-align:center;margin-bottom:4px;padding:10px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all;border:0;outline:0}
.cart-customer-info .cart-button-buy button{background:var(--color-primary)}
.cart-customer-info .cart-button-buy button:hover{background:var(--color-secondary)}
.cart-customer-info .cart-button-buy a:hover{opacity:0.8;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
.cart-customer-info .cart-button-buy a:first-child{margin-right:4px}
.cart-customer-info .cart-button-buy a:first-child,.cart-customer-info .cart-button-buy a:nth-child(2){width:226px}
.about-page .bg-f6{background:#f6f6f6}
.about-page .about-item{padding:24px 0 33px 0}
.about-page .text-title{font-weight:500;font-size:36px;margin-bottom:30px;text-align:center;line-height:130%}
.about-page .img{width:457px;margin-right:63px;display:block;float:left}
.about-page .text{width:calc(100% - 520px);float:left}
.about-page .about-info{margin-top:24px}
.about-page .pre-line{white-space:pre-line;line-height:22px;text-align:justify}
.about-page .line-right{position:relative;font-size:16px;line-height:26px;text-align:center;margin-bottom:10px;line-height:26px}
.about-page .line-right::after{content:'';position:absolute;width:18px;height:2px;background:#0083ff;margin-left:11px;top:12px}
.about-page .about-style-2{padding:43px 0 35px 0}
.about-page .about-style-2 .text-title{font-weight:500;font-size:36px;line-height:130%}
.about-page .about-left{padding:27px 62px 0 0;width:calc(100% - 615px)}
.about-page .about-right{width:615px}
.about-page .about-icon-group{border-top:1px solid #c4c4c4;margin-top:30px;padding-top:25px}
.about-page .number{line-height:160%}
.about-page .about-icon-phone{width:47px;height:47px;border-radius:50%;margin-right:7px;display:block;background:#e9e9e9;background-image:url(../images/about-phone.png);background-repeat:no-repeat;background-position:center;background-size:25px;-webkit-animation:phonering-alo-circle-img-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1.2s infinite ease-in-out}
@-webkit-keyframes phonering-alo-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)}
}
.ceo-page .ceo-info-group{padding:80px 0 53px 51px;border:1px solid #c4c4c4;margin-bottom:125px;position:relative;height:480px}
.ceo-page .ceo-avt{position:absolute;top:53px}
.ceo-page .ceo-info{margin-left:570px;font-weight:500;font-size:16px;line-height:160%;text-align:justify}
.ceo-page .name{font-weight:700;font-size:36px;line-height:160%;text-align:justify;margin-bottom:17px}
.ceo-page .ceo-social-media a{display:inline-block;margin-right:10px;width:37px;height:37px;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-size:37px;background-position:center;position:relative;bottom:0}
.ceo-page .ceo-social-media a:hover{bottom:8px;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.ceo-page .ceo-twitter{background-image:url(../images/ceo-twitter.png)}
.ceo-page .ceo-facebook{background-image:url(../images/ceo-facebook.png)}
.ceo-page .ceo-pinterest{background-image:url(../images/ceo-p.png)}
.ceo-page .ceo-linkedin{background-image:url(../images/ceo-linked.png)}
.success-checkmark{margin:0 auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid #4caf50}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:100px 0 0 100px}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;border-radius:0 100px 100px 0;-webkit-animation:rotate-circle 4.25s ease-in;animation:rotate-circle 4.25s ease-in}
.success-checkmark .check-icon::after,.success-checkmark .check-icon::before{content:'';height:100px;position:absolute;background:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.success-checkmark .check-icon .icon-line{height:5px;background-color:#0083ff;display:block;border-radius:2px;position:absolute;z-index:10}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:icon-line-tip .75s;animation:icon-line-tip .75s}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:icon-line-long .75s;animation:icon-line-long .75s}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid rgba(0,131,255,.5)}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#fff}
@-webkit-keyframes rotate-circle{
  0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
  5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
  12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
  100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@keyframes rotate-circle{
  0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
  5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
  12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
  100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@-webkit-keyframes icon-line-tip{
  0%{width:0;left:1px;top:19px}
  54%{width:0;left:1px;top:19px}
  70%{width:50px;left:-8px;top:37px}
  84%{width:17px;left:21px;top:48px}
  100%{width:25px;left:14px;top:45px}
}
@keyframes icon-line-tip{
  0%{width:0;left:1px;top:19px}
  54%{width:0;left:1px;top:19px}
  70%{width:50px;left:-8px;top:37px}
  84%{width:17px;left:21px;top:48px}
  100%{width:25px;left:14px;top:45px}
}
@-webkit-keyframes icon-line-long{
  0%{width:0;right:46px;top:54px}
  65%{width:0;right:46px;top:54px}
  84%{width:55px;right:0;top:35px}
  100%{width:47px;right:8px;top:38px}
}
@keyframes icon-line-long{
  0%{width:0;right:46px;top:54px}
  65%{width:0;right:46px;top:54px}
  84%{width:55px;right:0;top:35px}
  100%{width:47px;right:8px;top:38px}
}
.success-form{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:block}
.content-container{background:#fff;max-width:450px;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;border-radius:12px}
.content-text{font-weight:600;line-height:1.6}
.hover-img a::before{content:"";position:absolute;top:0;left:-15%;bottom:0;width:0;height:100%;background-color:rgba(255,255,255,.5);-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}
.hover-img a:hover::before{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all .45s ease-out;-o-transition:all .45s ease-out;transition:all .45s ease-out;z-index:2}
.hover-img a{position:relative;overflow:hidden;display:block}
.product-category-page .filter a:hover{opacity:.7}
#select-rate-pro{margin-left:-5px;float:left}
.rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
.rating-star:hover{background-position:0 0}
.rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url('/static/assets/default/images/star.png') 0 0;margin:0 1px}
.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
.rating-input:checked~.rating-star,.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{background-position:0 0}
.rating-star,.rating:hover .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url('/static/assets/default/images/star.png') 0 -28px}
.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{background-position:0 -56px!important}
.comment-form{max-width:786px;margin-bottom:16px}
.comment-form .rating-input-choose{color:#fff;margin-left:27px;display:inline-block;vertical-align:sub;padding:3px 7px;position:relative}
.comment-form .rating-input-choose::before{content:'';background:var(--color-primary);width:19px;height:18.5px;position:absolute;top:4px;left:-10px;bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1}
.comment-form .comment-area{width:100%;resize:none;border:1px solid #eee;height:124px;padding:9px 11px;color:#848484;outline:0;margin-top:14px;display:block}
.comment-form .form-input{border:1px solid #eee;border-top:0;padding:13px 6px}
.comment-form .inputText{width:49.5%;border:1px solid #eee;background:#fff;margin-bottom:13px;display:none}
.comment-form .inputText input{height:36px;border:0;width:100%;padding-left:10px}
.comment-form .form-input label{margin:0}
.comment-form .form-input label input{margin-right:5px}
.comment-form .form-input .btn-submit-comment{background:var(--color-primary);border-radius:2px;color:#fff;display:inline-block;padding:6px 23px}
.comment-list-container .item{margin:24px 0}
.comment-list-container .item .avatar-user{background:#ccc;line-height:24px;color:#666;width:24px;height:24px;display:inline-block;text-align:center;margin-right:7px}
.comment-list-container .item .user-name{font-weight:500;font-size:14px;line-height:24px}
.comment-list-container .comment-right{margin-top:12px}
.comment-list-container .comment-right .comment-content{float:left;width:calc(100% - 96px);margin-top:-2px}
.comment-list-container .comment-right .icon-star{float:left}
.comment-list-container .write_reply{color:#0083ff}
.comment-list-container .info_feeback{margin:10px 0}
.reply-list-container{background:#ececec;border-radius:5px;max-width:786px}
.reply-list-container .item_reply{padding:11px;border-bottom:1px solid #c4c4c4}
.reply-list-container .item_reply:last-child{border:0}
.comment-list-container .reply-list-container .comment-content{float:none;width:100%;margin:16px 0 5px 0;line-height:2}
.comment-list-container .reply-list-container .info_feeback{margin:0}
.comment-list-container .reply-list-container .avt-admin{background:#0083ff;width:25px;height:25px;border-radius:50%}
.comment-list-container .reply-list-container .avt-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.comment-list-container .reply-list-container .qtv{margin-left:20px;background:#f0c158;border-radius:3px;font-size:13px;line-height:160%;padding:0 10px;font-weight:500}
.comment-list-container{max-width:786px}
.comment-reply-container{background:#f5f5f5;border-radius:8px;overflow:hidden}
.comment-reply-container .reply-item{padding:15px 15px 10px 15px;border-bottom:1px solid #e5e5e5}
.comment-reply-container .reply-item:last-child{border:0}
.reply-item .title{margin-bottom:7px}
.comment-reply-container .reply-item .avatar-reply{width:30px;height:30px;overflow:hidden;border-radius:50%;display:inline-block;vertical-align:middle;text-align:center;line-height:30px;background:#c4c4c4}
.banner-popup-container .close-popup{position:absolute;color:#fff;font-size:30px;right:-46px;border:2px solid #fff;border-radius:50%;width:40px;height:40px;line-height:33px;text-align:center}
.banner-popup-container .background-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:9999;opacity:.6;cursor:pointer}
.banner-popup-container .banner-content{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10000}
.banner-popup-container .close-popup:hover{color:#1a4388;background:#fff}
.comment-list-container .item .icon-checked{color:#2ba832;font-size:13px}
.comment-list-container .item .checkmark{margin:0 5px 0 15px;position:relative;top:0;content:'';background:url(../images/check.png) no-repeat;background-color:#39b54a;background-position:center;background-size:12px;display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:5px;vertical-align:text-top}
.comment-list-container .item .item-1{width:8px;height:8px;position:absolute;top:4px;left:2px;border-right:2px solid #fff;-webkit-transform:skewX(-29deg);-ms-transform:skewX(-29deg);transform:skewX(-29deg)}
.comment-list-container .item .item-2{width:8px;height:4px;position:absolute;top:7px;left:-1px;border-right:2px solid #fff;-webkit-transform:skewX(29deg);-ms-transform:skewX(29deg);transform:skewX(29deg)}
.desc-content-container .nav-bg{text-align:center}
.desc-content-container .nav-bg .owl-dots{position:absolute;bottom:20px;left:0;right:0}
.desc-content-container .nav-bg .owl-dots span{background:unset;border:2px solid #0083ff}
.desc-content-container .nav-bg .owl-dots .owl-dot.active span,.desc-content-container .nav-bg .owl-dots .owl-dot:hover span{background:#0083ff}
.desc-content-container .nav-bg .icon-right{opacity:1;width:44px;height:44px;border-radius:unset;background-color:#0083ff}
.desc-content-container .nav-bg .owl-nav{visibility:visible;opacity:1}
.desc-content-container .nav-bg .icon-right::before{top:50%;left:45%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:12px;height:12px}
.desc-content-container .nav-bg .owl-prev{left:20px}
.desc-content-container .nav-bg .owl-next{right:20px}
.toc_container{border:2px solid #333;border-radius:5px;background:#f3f3f3;margin:15px 0 25px 0}
.toc_container ol,.toc_container ul{margin:0;padding:0;list-style:none}
.toc_container ol{padding-left:20px}
.toc_container .toc_title{font-size:19px;font-weight:700;padding:10px 10px 10px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.toc_container .toc-content{padding:0 0 10px 0;font-size:13px}
.toc_container .toc-content ul>li{padding-left:32px}
.toc_container .toc-content li{padding:5px;position:relative}
.toc_container .toc-content li a{font-weight:600}
.toc_container .toc-content ol li a{font-weight:400}
.toc_container .arrow-icon{border:1.3px solid #666;width:11px;height:11px;display:inline-block;border-left:0;border-bottom:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);cursor:pointer;opacity:.5}
.toc_container .toc_title .arrow-icon{position:relative;top:-4px;right:5px;border-width:2px}
.toc_container .arrow-icon:hover{opacity:1}
.toc_container .toc-content .arrow-icon{position:absolute;left:11px;top:10px;width:7px;height:7px}
.toc_container .arrow-icon::after{content:'';position:absolute;width:20px;height:20px;bottom:-6px;left:-6px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.toc_container .arrow-icon.right{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.toc_container .icon-bar{display:block;width:19px;height:17px;border:3px solid #222;border-left:0;border-right:0;position:absolute;left:10px}
.toc_container .icon-bar::before{content:'';position:absolute;left:0;right:0;height:3px;background:#222;top:4px}
.anchor_fixed{position:fixed;left:7px;max-height:calc(100vh - 76px);top:56px;bottom:0;overflow:auto;max-width:465px;width:100%;z-index:1}
.anchor_fixed::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fff;border-radius:10px}
.anchor_fixed::-webkit-scrollbar{width:6px;background-color:#f1f1f1}
.anchor_fixed::-webkit-scrollbar-thumb{border-radius:10px;background-color:#aaa}
.anchor_fixed .toc_title .arrow-icon{display:none}
.anchor_fixed .icon-close{display:block;width:15px;height:15px;cursor:pointer;position:relative}
.anchor_fixed .icon-close::after,.anchor_fixed .icon-close::before{content:'';position:absolute;width:100%;height:2px;background:#222;top:5px}
.anchor_fixed .icon-close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.anchor_fixed .icon-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.tog_fixed .icon-bar{display:block;width:27px;height:22px;border:3px solid #222;border-left:0;border-right:0;position:absolute;left:10px}
.tog_fixed{border:2px solid #333;border-radius:5px;background:#f3f3f3;position:fixed;left:7px;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-100%;-webkit-transition:.8s all;-o-transition:.8s all;transition:.8s all}
.tog_fixed .icon-bar::after{content:'';position:absolute;left:0;right:0;height:3px;background:#222;top:6px}
.toc_container .icon-close{display:none}
.anchor_fixed .icon-close{display:block}
.tog_fixed.active{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.8s all;-o-transition:.8s all;transition:.8s all}
.product-category-page .summary-html{border-top:1px solid #c4c4c4;padding-top:21px}
.normal a{color:#007bff}
.toc_container .toc-content a{color:#222}
.popup-baogia-container{display:none}
.popup-baogia-container .bg-popup{display:block}
.popup-baogia-container .popup-baogia-holder{background:#ececec;width:453px;position:fixed;top:24%;left:0;right:0;z-index:999;overflow:hidden;border-radius:10px;margin:auto}
.popup-baogia-holder .title{background:#0083ff;color:#fff;font-weight:700;line-height:35px;position:relative}
.popup-baogia-holder .close-baogia{width:20px;height:20px;border-radius:50%;border:2px solid #fff;position:absolute;left:12px;top:7px;background-size:8px;background-repeat:no-repeat;background-position:center}
.popup-baogia-holder .input-item{width:100%;margin-bottom:8px;background:#fff;border:1px solid #c4c4c4;border-radius:5px;padding-left:15px;height:38px;resize:none;outline:0}
.popup-baogia-holder .input-item:nth-child(2){margin-right:10px}
.popup-baogia-holder .input-item:nth-child(2),.popup-baogia-holder .input-item:nth-child(3){width:calc(100% / 2 - 7px)}
.popup-baogia-holder textarea.input-item{height:54px;padding-top:10px}
.popup-baogia-container .btn-submit{background:#0083ff;border-radius:5px;width:94px;line-height:38px;display:block;text-align:center;color:#fff;font-weight:700;margin:auto}
.popup-baogia-holder .popup-content{padding:8px 12px}
.popup-success{padding:31px 35px}
.popup-baogia-holder .success-icon{width:54px;height:54px;margin-right:35px;float:left;background-position:center;background-size:contain;margin-top:10px}
.popup-baogia-holder .text{float:left;width:calc(100% - 89px);font-size:12p}
.popup-baogia-holder .text p{font-weight:700;font-size:28px;margin-bottom:6px}