.inner-page{margin-top: 40px;padding-bottom: 20px;}
.bg-abouts {background-size: cover;background-repeat: no-repeat;background-image: url(/Design/bg-abouts.png);background-position: center top;margin: auto;padding: 35px 0;background-attachment: fixed;}
.inner-page .container > .contain{margin-top:30px}
#Slideshow.fix{height:296px;position:relative;z-index:1;}
#Slideshow.fix > img{position:relative;width:100%;height:100%;}
#Slideshow.fix .container{position:absolute;height:100%;overflow:hidden;top:0;left:0;right:0;margin:auto;}
#Slideshow.fix h2{color:#fff;font-size:25px;height:100%;display:table;font-weight:normal;text-shadow:1px 0 3px #6f6f6f;}
#Slideshow.fix h2 span{display:table-cell;vertical-align:middle;}
.sologan{display:none;}
.pro-duct .col-sidebar,.col-sidebar{/* float:right; *//* background:#fff */}
.col-sidebar .img img{width:100%;height:auto}
.contain .book-list{}
.contain .book-list li{padding-right:0;width: 32.15%;margin-right:1.775%}
.contain .book-list li:nth-child(3n+3){margin-right:0}
.title-aside{border-bottom: 2px solid #ffa510;/* margin-top:0 */position: relative;background: #4cbc35;border-radius: 0 30px 0 0;color: #fff;}
.title-aside a {position:absolute;right: 19px;color:#fff;top: 10px;font-size: 12px;text-decoration: none;}
.title-aside i {font-size:11px;font-weight:normal}
.title-aside h1{/* line-height:0; */font-size:25px;}
.title-aside span{font-size:25px;/* position:relative; */display:inline-block;padding-bottom:10px;}
.title-left{margin-bottom:0;color:#3a3a3a;border-bottom:1px solid #ca0c00;padding:15px;margin-top:0;background:#fdefce}
.title-left span{/* padding-left:10px; */font-size:25px;color: #ca0c00;}
.col-side .product-message{font-size:15px;color:#fdd10b;}
.col-side .list-content {margin-bottom:10px;}
.col-side .list-content > li{border-bottom:1px solid #e3e3e3;cursor:pointer;}
.col-side .list-content .article-item{padding:15px 0;}
.col-side .list-content .menu-item{position:relative;color:#5b5b5b;font-size:15px;text-transform:uppercase;}
.col-side .list-content .menu-item > a{display:block;padding:15px 0;transition:transform .5s;}
.col-side .list-content .menu-item.active,.col-side .list-content .menu-item:hover{color:#ca0c00;font-weight:bold;background:#fff;}
.col-side .list-content .menu-item:after{content:"";width:6px;height:12px;background:url(/Design/icon-menu-2.png)no-repeat;position:absolute;right:10px;top:20px}
.col-side .list-content .menu-item.active:after{background:url(/Design/icon-menu-active.png)no-repeat;}
.col-side .list-content .menu-item.active a,.col-side .list-content .menu-item:hover a{transform:translateX(10px)}
.col-side .list-content .sub-menu {background-color:#f1f1f1;padding:20px;display:none;}
.col-side .list-content .menu-item.active .sub-menu {display:block;}
.col-side .list-content .sub-menu li{font-weight:normal;color:#212121;text-transform:none;padding-left:30px;position:relative;font-size:15px;}
.col-side .list-content .sub-menu li:before{content:"";width:12px;height:12px;background:url(/Design/icon.png);background-size:100% 100%;position:absolute;left:5px;top:8px;border-radius:100%;}
.col-side .list-content .sub-menu li:hover{color:#fdd10b;}
.col-side .list-content .sub-menu li a{display:block;padding:4px 0;}
.box-video {border:1px solid #ebebeb;border-top:none;background: #f5f5f5;}
.list-video-slide {padding: 0 20px;margin: 0;list-style: none;position: relative;}
.list-video-slide li {display:block;list-style: none;position: relative;z-index: 2;}
.first-video {margin-bottom:10px;}
.list-video-slide li a {display:block;text-decoration: none;}
.list-video-slide:after {content:"";position:absolute;left: -1px;right: -1px;top:0;height: 80px;background:#e4002b;z-index: 1;}
.Img-box-video {border-radius:7px;overflow:hidden}
.Img-box-video img {width:100%;display:block;}
.title-box-video {font-size:15px;text-decoration: none;color: #4d4d4d;padding: 15px 0;}
.title-box-video:after {content:"";width:15px;height:11px;position:absolute;background-image: url('/Design/after-tit-video.png');right: 0;top: 18px;}
.list-video-slide li:nth-child(n+3) .title-box-video {border-top:1px solid #ebebeb}
.menuDM li{position:relative;padding:12px 10px;color:#3a3a3a;border:1px solid #ca0c00;background:#fff;box-sizing:border-box}
.menuDM li:nth-child(n+2){border-top:none}
.menuDM li a{display:block;padding:5px 0;transition:transform .5s;font-size:15px;position:relative;text-transform:uppercase;font-family:avos}
.menuDM li a:before{content:"\f111";font-family:fontawesome;font-weight:900;font-size:4px;top:-4px;position:relative}
.menuDM li a:hover{transform:translateX(10px)}
.menuDM li a:hover{color:#ca0c00;font-weight:bold;background:#fff;}
.boxes+.boxes{margin-top: 30px;}
article{padding-top:0;padding-bottom: 0;}
article .container.overHide{/* padding-bottom:50px; */}
article .bread-crums .container.overHide{padding:0}
.article-item{overflow:hidden;}
.article-item .postImg{width:40%;float:left;height:80px;}
.article-item h4{width:56%;float:right;font-weight:normal;color:#555;height:65px;padding-top:5px;overflow:hidden;}
.article-item:hover h4{color:#fdd10b;}
.banerAside{margin-top:20px;}
.banerAside img{width:100%;height:auto;}
.col-section{width: 71%;float: right;/* margin-top:50px */}
.col-mid{width: 71.306%;float:left;}
.col-mid .contain{border-bottom:1px solid #dbdbdb;padding-bottom:30px}
.col-mid .contain:last-child{border-bottom:none}
.col-mid .contain ul{padding:15px;padding-top:0}
.col-mid .contain p{line-height:1.4}
.col-right{width:25.918%}
.inner-page .right{float:right}
.inner-page .right .about-side{/* float:right; *//* width:100%; */background:#fff;/* margin-top:50px */}
.inner-page .right .about-side img{width:100%}
.slogan-about{background:#fff;position:relative;padding:25px 42px;border-bottom:3px solid #cecece}
.slogan-about h1{font-family:muli;font-size:17px;color:#3a3a3a;text-align:justify}
.slogan-about span{font-weight:normal}
.slogan-about:before{content:"";position:absolute;background:url(/Design/icon-nhay-top.png)no-repeat;width:21px;height:16px;top:12%;left:3.5%}
.slogan-about:after{content:"";position:absolute;background:url(/Design/icon-nhay-bottom.png)no-repeat;width:21px;height:16px;bottom:12%;right:28%}
section .contain{margin-top:30px;}
.inner-page .contain .contain{border-bottom:1px solid #fdd10b;padding-bottom:25px}
.bread-crums{background: #e4002b;padding: 8px 0;}
.breadcrumb {/* background: #f5f5f5; */padding: 0px 0;font-size: 14px;color: #666161;}
.breadcrumb a:hover{color:#4cbc35}
.breadcrumb a{color: #666161;text-decoration: none;}
.breadcrumb i{padding-right:2px;color: #666161;margin: 0 2px;font-size: 14px;}
.breadcrumb a:last-child{/* color:#4cbc35; */}
.bread-crumb a.about-b{color:#4cbc35;}
.breadcrumb span{/* float:right; */color:#000;font-family: nsb;}
.bread-crumb .container > span{/* float:right */}
.books-boxes{/* margin-top:50px */}
.cat-sub {}
.cat-sub li{display:inline-block;position:relative;padding:6px 0;font-size:11px;font-weight:normal;font-family:muli}
.cat-sub li:before{content:"";border:5px solid transparent;position:absolute;width:0;left:0;right:0;margin:auto;bottom:-3px;border-bottom-color:#fdd10b;opacity:0;}
.cat-sub li a{display:block;padding:8px 10px;display:table-cell;vertical-align:middle;}
.cat-sub li:nth-child(5n+5){margin-right:0;}
.cat-sub li:hover{color:#fdd10b;}
.cat-sub li:hover:before{opacity:1}
.title-inner {position:relative;}
.title-inner h1,.title-post,.title-side{font-size:30px;font-weight:normal;color:#1e1e1e;position:relative;margin:0;text-transform:uppercase;border-bottom:1px solid #fdd10b;padding-bottom:15px;}
.title-inner h1 span{display:inline-block;position:  relative;/* background-color:#fff; */}
.title-inner h1 span:after{content:"";position:absolute;width:100%;border-bottom:1px solid #ddd;bottom:8px;left:  100%;}
.title-inner .breadcrumb{position:absolute;bottom:0;right:0;padding:4px;background-color:#f9f9f9;z-index:4;font-size:14px;color:#fdd10b;}

.info.border{border:1px solid #ddd;padding:11px 20px;}
.detail li{position:relative;color:#2d2d2d}
.detail li:before{color:#fdd10b;content:"";width:7px;height:7px;background-size:100% 100%;position:absolute;left:-20px;top:5px;border-radius:100%;}
.count-default {background-color:#fff;padding:60px 0;}
.count-default .absolute{display:none;}
.location-boxes{margin-top:0 !important;}
.list-article-category {display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 34px;row-gap: 34px;padding: 0;margin: auto;list-style: none;margin-top: 30px;}
.list-article-category .item{overflow:hidden;padding: 0;box-shadow: 1px 9px 9px #91919129;background: #fff;padding-bottom: 25px;border-radius: 0 0  20px 20px;}
.list-article-category .item:nth-child(4n+4){margin-right:0;}
.list-article-category .item:first-child {border:none}
.list-article-category .item:nth-child(n+5){margin-top: 0;}
.list-article-category .item .postImg{height: 265px;border-radius: 0;}
.list-article-category .item .postImg a {width:100%;height:100%;}
.list-article-category .postImg:hover:before{opacity:1;}
.list-article-category .postImg:hover:after{transform:translateX(0);}
.list-article-category .item h4{margin: 0;font-weight: normal;color: #747474;font-size: 16px;font-family: 'rm';margin-top: 10px;padding: 0 25px;padding-bottom: 10px;padding-top: 5px;border-left: 3px solid #23bc6b;border-bottom: 1px solid #b4b4b4;position: relative;}
.list-article-category .item:hover h4 {color:#4cbc35}
.list-article-category .item .desc{padding-top: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;margin: 0;font-size: 15px;color: #4d4d4d;height: 62px;margin-top: 20px;padding: 0 25px;}
.list-article-category .item:hover h4,
.nth-article .item:hover h4{color:#35b33f;border-left-color:#e12454}
.list-article-category .item a {color:inherit;font-family: inherit;text-decoration: none;font-size: inherit;display: block;}
.list-article-category .item h4 a {display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.list-article-category .item h4:after {content:"";width: 15px;height: 7px;position: absolute;background-image: url('/Design/news-after.png');background-repeat: no-repeat;left: 50%;transform: translateX(-50%);bottom: -7px;z-index: 2;}
.inner-page .list-article-category {padding:0}
.inner-page .tit-article {/* padding:10px 0; */border-bottom: 1px solid #d7d7d7;}
.top-info{margin-top:20px;}
.content-catygory span {text-align:center;display: block;margin-top: 15px;font-size: 12px;color: #999999;}
.inner-page .content-catygory span {display:none}
.project-over.inner{position:static;overflow:hidden;}
.project-over.inner .project-item{width:32%;margin-right:2%;}
.project-over.inner .project-item:nth-child(3n+3){margin-right:0;}
.project-over.inner .project-item:nth-child(n+4){margin-top:20px;}
.tab-title{margin-top:20px;padding:0 10px;position:relative;}
.tab-title:after{position:absolute;border-bottom:1px solid #fdd10b; width:100%;bottom:0;left:0;content:"";}
.tab-title a{display:inline-block;border:1px solid #eee;border-bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;padding:14px 30px 8px 30px;text-transform:uppercase;
                font-weight:bold;position:relative;font-family:Fester;background-color:#eee}
.tab-title a.active{color:#fdd10b;background-color:#fff;z-index:2;border-color:#fdd10b;}
.info_contain {color:#3f3f3f;font-size:15px;margin-top: 10px;}
.title-inner-pro {font-size: 28px;color: #4cbc35;}
.title-inner-pro:after {content:"";display:block;width:100px;height:2px;background:#4cbc35;margin-top: 10px;}
.info_contain table{border-top:3px solid #e1e1e1}
.info_contain td{vertical-align:top;border:1px solid #e1e1e1;padding:8px;}
.info_contain td:first-child{font-weight:bold;white-space:nowrap;}
.info_contain h2{font-size:20px;color:#fdd10b;margin-bottom:10px;border-bottom:1px solid #e1e1e1;padding-bottom:10px;}
.info_contain h2:nth-of-type(2){margin-top:30px;}
.info_contain p{font-size:16px;color:#222;line-height:1.8;position:relative}
.info_contain em{font-style:normal;display:inline-block;padding-left:30px;position:relative;}
.info_contain em:before{font-family:fontawesome;font-size:13px;left:0;position:absolute;border:1px solid #fff;padding:2px 0;width:23px;text-align:center;border-radius:100%}
.info_contain em:first-of-type:before{content:"\f041";}
.info_contain em:nth-of-type(2):before{content:"\f095";}
.info_contain em:nth-of-type(3):before{content:"\f1ac";}
.info_contain em:nth-of-type(4):before{content:"\f003";}
.info_contain em:nth-of-type(5):before{content:"\f0ac";}
.title-project{font-family:Fester;font-weight:normal;font-size:25px;margin:0;color:#fdd10b;border-bottom:1px solid #ddd;padding-bottom:10px;line-height: 1.7;}
.title-comment{background-color:#fdd10b;color:#fff;padding:10px 20px;font-family:svnavo;font-weight:normal;margin:0;}
.comment-contain{margin-top:20px;}
.comment-contain .comment{padding:20px 2%;background-color:#f1f1f1;}
.share{text-align:right;}
.detail b,.detail strong,.detail h1,.detail h2,.detail h3,.detail h4,.detail h5,.detail h6{font-family: pb;/* color: #3a3a3a; *//* font-weight:500; */}
.list-same-post {overflow:hidden;margin-top:18px;}
.list-same-post .item{width:32%;margin-right:2%;float:left;overflow:hidden}
.list-same-post .item:nth-child(3n+3){margin-right:0}
.list-same-post .item:nth-child(n+4){margin-top:20px;}
.list-same-post .postImg{height:180px;}
.list-same-post h4{color:#ca0c00;font-size:16px;font-weight:normal;height:48px;margin-top:6px;overflow:hidden;}
.list-same-post h4:hover{color:#fdd10b}
.list-same-post .item .desc{font-family:segoe ui;}
.title-detail{font-size:23px;font-family:avo;font-weight:normal;color:#fdd10b;text-transform:uppercase;padding-left:35px;position:relative;border-bottom:1px solid #1e1e1e;padding-bottom:10px;}
.title-detail:before{content:"";position:absolute;height:25px;border-left:3px solid #fdd10b;left:0;top:15%;}
.slider_contain {overflow: hidden;width:100%}
.slideShow {overflow:hidden;position:relative;}
.slideShow img {width:100%;height:100%;box-sizing: border-box;/* transition: 0.5s; */}
.item-pro img {width: 100%;height: 100%;box-sizing: border-box;/* transition: 0.5s; */margin: auto;object-fit: cover;}
.item-pro a {height:100%;display:flex;width: 100%;}
.swiper-pro {height: 400px;position: relative;}
.item-pro {display:block;text-align: center;}
.swiper-thumb {height: 56px;margin-top: 20px;}
.thumb-pro {display:block;position: relative;}
.thumb-pro:before,
.thumb-pro:before  {content:"";position:absolute;/* background: #00000094; */left: 0;right: 0;bottom: 0;top: 0;border: 1px solid #e0e0e0;}
.thumb-pro.swiper-slide-thumb-active:before,
.thumb-pro:hover:before  {border-color: red;}
.swiper-btn {position:absolute;left: 0;right: 0;top: 50%;height: 0;transform: translate(0, -50%);z-index: 2;}
.swiper-btn > div {width: 40px;height: 40px;left: 0;right: 0;position: relative;text-align: center;background: #4cbc35b8;color: #fff;line-height: 42px;font-size: 20px;}
.swiper-btn .swiper-button-prev {float:left;}
.swiper-btn .swiper-button-next {float:right;}
.swiper-btn  .swiper-button-next:before ,
.swiper-btn  .swiper-button-prev:before {display:none}
.slider_contain.slidemobile {display:none;}
.slider_contain .sliderPhotos {height: 360px;position:relative;}
.slider_contain .sliderPhotos .next{cursor:pointer;background:url(../Design/icon_next.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;right:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos .prev{cursor:pointer;background:url(../Design/icon_prev.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;left:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos ul{overflow: hidden;margin: 0;padding:0;list-style:none;}
.slider_contain .sliderPhotos li{width:100%;height: 100%;position: absolute;top:0;left:0;display:none;text-align:center;overflow:hidden}
.slider_contain .sliderPhotos li img{height:100%;width: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
.slider_contain .thumbnail{margin-top:30px;text-align:center}
.slider_contain .thumbnail img{width:auto;height:30px;cursor:pointer;border:1px solid transparent;opacity:.8;border:1px solid #d1d1d1;padding:3px;background:#fff;}
.slider_contain .thumbnail .active{opacity: 1;border:1px solid #fdd10b;}
.top-content {
    margin-top: 40px;
}
.tit-des {
    font-weight: bold;
}
.description {}
.pnsales {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-top: 15px;
}
.tit-sales {
    font-size: 15px;
    color: red;
    background: rgb(245, 245, 245);
    padding: 9px 15px;
    border-bottom: 1px solid rgb(222, 222, 222);
    font-weight: bold;
    font-family: 'pb';
}
.detail-sales {
    padding: 10px 20px;
    line-height: 30px;
    font-size: 14px;
}
.detail-sales ul {}
.detail-sales li {
    display: block;
}
.detail-sales li a {color:red;text-decoration:none;}
.commit-detail {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding-bottom: 15px;
    margin-top: 20px;
}
.tit-commit {
    font-size: 15px;
    color: rgb(51, 51, 51);
    background: rgb(245, 245, 245);
    padding: 9px 15px;
    border-bottom: 1px solid rgb(222, 222, 222);
    font-weight: bold;
}
.commit-detail .li-bot-head  {
    display: block;
    float: none;
    margin-top: 17px;
}
.commit-detail .li-bot-head span {}
.commit-detail .li-bot-head img {margin-top: 2px;}
.commit-detail .li-bot-head:before {display:none;}
.detail-sales li:before  {content:"\f06b";font-family:"fontawesome";color: #fff;margin-right: 4px;width: 20px;height: 20px;display: inline-block;text-align: center;font-weight: bold;background: red;border-radius: 50%;font-size: 11px;line-height: 20px;}
.info_contain{}
.product-tab{width: 100%;}
.detail-pro{/* background: #eeab51; */border-bottom:1px solid #333;margin:0;padding:0;/* text-align: center; */}
.detail-pro .tab-link{position:relative;display:inline-block;/* border: 1px solid #e1e1e1; */padding: 0 0px;border-bottom:0;/* margin-top:2px; *//* background:#191919; */margin-right: 20px;}
.detail-pro .tab-link:nth-child(n+2){}
.detail-pro .tab-link.active{/* background:#ca0c00; *//* color:#fff; */border-bottom: 3px solid #333333;}
.title-tab h3{/* color:#fff; */margin: 6px 0;font-size: 18px;text-transform:uppercase;}
.tab-link.active h3{/* color:#fff */}
.tab-over{background:#fff;position:relative;}
.tab-contain{display:none;border-top:0;}
.tab-contain .fb-comments iframe {width:100% !important}
.tab-contain article{background:inherit;padding-bottom:0;margin:20px 0}
.de-tail{font-size:14px;color:#474c5f;padding: 20px 0;overflow:hidden;}
.title-promotion{font-size:17px;color: #4cbc35;margin:0;margin-bottom:15px;}
.product-default {overflow:hidden;padding: 30px 0 30px;}
.title-big {text-align:center;font-family: 'swib';text-transform: uppercase;font-size: 32px;color: #fff;margin-bottom: 0;padding: 10px 0 11px;border-top: 1px solid #c2e9fb;border-radius: 10px 10px 0 0;background: linear-gradient(0deg, #015eea, #00c0fa);}
.product-Promo .title-big {
    font-size: 23px;
    font-family: 'pb';
}
.box-category-product {background: linear-gradient(0deg, #a1c4fd, #c2e9fb);padding: 30px 60px;border-radius: 0 0  10px 10px;position: relative;}
.box-category-product:nth-child(n+2) {}
.title-category {text-align: left;position: relative;background: #fff;border-radius: 24px  0 0 24px;}
.title-pro-sort {margin-top: 20px;border-radius: 0;}
.title-category:after {content:"";position:absolute;height: 2px;top: 32px;left: 45px;right: 0;background: #e0e0e0;z-index: 1;}
.title-category h3 ,.title-category h1,.title-category strong  {font-family: 'pb';color: #35b33f;font-size: 35px;display: inline-block;background: #fff;padding: 0;position: relative;z-index: 2;padding-left: 5px;font-weight: bold;padding-right: 20px;} 
.col-section .title-category h1 {font-size: 16px;padding: 8px 40px 5px;padding-right: 17px;background-image: url(/Design/before-tit-h3-v2-32.png);border-radius: 24px 40px 0 24px;}
.col-section .title-category h1:after {}
.title-category span {font-size:15px;color: #404040;text-transform: uppercase;display: inline-block;margin-top: 5px;padding: 0 30px;position: relative;}
.title-category span:after,.title-category span:before {content:""; width:20px;height:1px;background:#51bf0f;display: inline-block;position: absolute;top: 9px;}
.title-category span:after {right: 0;}
.title-category span:before {left: 0;}
.title-category > a {display:inline-block;background-repeat: no-repeat;background-position: left;}
.sort-pro {position: relative;right: 0;top: 0;display: inline-flex;padding: 0;margin-left: 20px;float: right;}
.sort-box {
    display: inline-block;
    font-size: 14px;
}
.sort-box span {
    display: block;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    padding: 8px 15px;
    user-select: none;
}
.list-sort {
    background-color: #fff;
    box-shadow: 0 2px 20px rgb(0 0 0 / 50%);
    border-radius: 4px;
    left: 0;
    position: absolute;
    padding: 0 10px;
    top: 45px;
    width: max-content;
    white-space: normal;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    width: 130px;
    }
.list-sort:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    top: -5px;
    right: 15px;
    box-shadow: -2px -2px 5px -4px;
    }
.list-sort.show {visibility:visible;opacity:1;}
.list-sort a {display:block;cursor: pointer;padding: 10px 0;border-bottom: 1px solid #dfdfdf;user-select: none;}
.list-sort a:last-child {border:none}
.list-sort a:hover,.list-sort a.active {color:#4cbc35d9}
.sort-pro label {margin:auto;margin-right: 5px;font-size: 13px;user-select: none;}
.sort-pro select {border: 1px solid #d1c9c9;padding: 4px 5px;outline: none;cursor: pointer;font-size: 12px;}
.list-child {position:absolute;right:0;top: 0;z-index: 3;}
.list-child a {display:inline-block;color: #6d6d6d;font-size: 14px;padding: 11px 9px;position: relative;}
.list-child a:before {content:"";position:absolute;height: 11px;width: 1px;background: #d0d0d0;left: 0;top: 18px;}
.list-child a:first-child:before {display:none}
.list-child a:hover {color:#4cbc35}
.title-product {font-size: 14px;margin:0;font-weight: normal;color: #4f4f4f;text-align: left;font-family: psb;overflow: hidden;padding: 8px 0px 0;line-height: 22px;}
.hot-pro {position:absolute;top: -3px;left: 8px;}
.hot-pro img {display:block;}
.product-default ul li:hover .title-product, 
.product-list li:hover .title-product {color:#4cbc35}
.cost-product {overflow:hidden;display: block;width: 100%;margin: auto;}
.bottom-pro {display:flex;width: 100%;height: 33px;margin-top: 10px;padding-top: 9px;border-top: 1px dashed #eaeaea;position: relative;}
.cost-product span {font-size: 13px;font-family: pb;color: #ff5249;display: block;margin-top: 2px;}
.cost-product p {font-size: 12px;text-decoration: line-through;color: #4f4f4f;display: block;font-family: 'pm';font-style: italic;}
.des-product {padding: 11px 10px;background: #beff71;}
.des-product span {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
 .title-inner-page {font-size: 20px;margin-top: 10px;height: auto;font-family: psb;}
.description {margin-top:10px;color: #4f4f4f;line-height: 30px;}
.description ul {
    padding-left: 0;
}
.description li {
}
.description li a {color:#4cbc35}
.description li:before {content:"\f30f";font-family:"fontawesome";/* color: #fff; */margin-right: 4px;width: 20px;display: inline-block;text-align: center;font-weight: bold;color: #4cbc35;}

.title-post,.title-side {font-size:25px;color:#fdd10b;font-family:segoe ui;font-weight:bold;margin:0;margin-bottom:20px;}
.title-link{position:relative}
.title-link span{position:relative;display:inline-block;font-weight:bold}
.title-about{font-family:avosb;border-left:3px solid #ca0c00;text-transform:uppercase;line-height:.8;padding-left:10px;position:relative;font-size:20px;font-weight:bold;color:#ca0c00;background:#fff;padding:20px;margin-bottom:0;margin-top:0}
.link{position:absolute;right:0;bottom:-1px;font-size:13px;color:#1e1e1e;}
.bread-crum{/* background:#ca0c00; */text-align: center;}
.breadcrum{color:#fff;font-size: 16px;padding:15px 0;}
.breadcrum i {margin:0 5px}
.breadcrum span{color: #fff;}
.breadcrum span:before{color:#fff}
.breadcrum a:hover{color: #e8b065;}
.row-50{width: 43%;overflow:hidden;margin-bottom:20px}
.detail-left{width: 71.306%}
.row1{width: 47%;}
.row2{}
.row-70{width:70%;overflow:hidden;float:left}
.pro-duct{padding-top:30px}
.status{font-size:14px;color:#4f4f4f}
.status strong{color:#F62D3E}
.describe{margin-top:10px;width:95%;list-style: aliceblue;}
.describe > p{font-size:16px;color:#707070;overflow:hidden}
.describe li{list-style: inside;}
.fb{margin-top: 15px;overflow: hidden;}
.fb_iframe_widget iframe {width: 129px !important;max-width: 129px !important;}
.fb-customerchat.fb_iframe_widget iframe {width: 392px !important;}
.fb-like.fb_iframe_widget {/* width:200px; */height: 20px;float: left;}
.supporot-pro {/* border: 1px solid #e1e0e0; */padding: 8px 15px 1px;/* text-align: center; */background: #4cbc35;border-radius: 6px;box-shadow: 1px 2px 5px #0000009c;margin: 0 0px;margin-top: 16px;margin-bottom: 5px;height: 49px;box-sizing: border-box;}
.supporot-pro i {margin-right: 3px;/* color: #4cbc35; */font-size: 20px;}
.hotline-pro {display: block;font-size: 22px;font-family: swib;color: #fff;}
.hotline-pro a {display: inline-block;color: inherit;font-size: inherit;font-family: inherit;margin-bottom: 5px;}
.hotline-pro a:nth-child(3):before {content:"-"}
.hotline-pro i {transform: rotate(-41deg);margin-right: 5px;font-size: 24px;}
.email-pro {display:block;/* text-align: center; */margin-top: 5px;}
.email-pro  a {display:block;font-size: 19px;color: #fff;}
.col-section .fb-like.fb_iframe_widget {width:auto;padding-right: 8px;}
.tacgia,.nhaxuatban{font-size:14px;color:#8f8f8f;font-family:segoe ui;display:inline-block;}
.tacgia{margin-right:20px;}
.tacgia:before{content:"\f007";font-family:fontawesome;display:inline-block;margin-right:5px;}
.thebest-product{width:29%;overflow:hidden;background:#fff;float:right}
.nhaxuatban:before{content:"\f02e";font-family:fontawesome;display:inline-block;margin-right:5px;}
.info_contain .contain{padding-left:30px;margin-top:0;/* padding-top:20px; */overflow:hidden;}
.info_contain .left-content{float:left;width: 45%;color:#fff;text-align:justify;background: #fd4d4d;padding:10px;box-sizing:border-box;border-radius:10px;}
.info_contain .description{/* background:#eeab51; */padding: 0px 0px 0px;box-sizing:border-box;/* border-bottom: 1px dashed #dadde1; */margin-bottom: 15px;font-size: 18px;line-height: 25px;}
.info_contain .description p{color:#3f3f3f;font-family:avos;font-size: 16px;line-height:1.4;}
.info_contain .percent{position:absolute;right:20px;width:62px;padding-top:30px;padding-bottom:10px;background:url(/Design/sale-icon.png) no-repeat;color:#fff;text-align:center;top:0;}
.info_contain .price{box-sizing:border-box;position:relative;padding: 0;margin-bottom: 0;/* border-top: 1px solid#e0e0e0; */margin-top: 10px;}
.info_contain .price-old{color:#8f8f8f;font-size:18px;text-decoration:line-through;color:#656564;font-weight:500;display: inline-block;margin-left: 18px;}
.info_contain .price-new{font-size: 24px;font-weight:bold;color: red;display: inline-block;margin: 0;}
.info_contain .contact-us{text-transform:uppercase;font-size:16px;}
.info_contain .contact-us a{margin:10px 0;padding:10px;background:#fff;transition:background .4s;color:#ca0c00;border:1px solid #ca0c00;box-sizing:border-box;display:inline-block;border-radius:5px;}
.info_contain .contact-us a:hover{background:#eeab51}
.info_contain .contact-us span:before{content:"\f217";font-weight:400;font-family:fontawesome;margin-left:-50px;position:absolute;width:40px;height:40px;text-align:center;border-radius:100%;left: 23%;top:15%;font-size:25px;}
.info_contain .contact-us span{display:block;padding: 13px 12px;color:#fff;font-family:muli;font-weight:bold;border-radius:5px;position:relative;padding-left: 50px;background:#ca0c00;transition:all .5s;}
.info_contain .contact-us:hover span{color:#fff;background:#3f2c20}
.info_contain .contact-phone{width:80%;margin-top:15px;text-transform:uppercase;font-size:17px;text-align:center;}
.info_contain .contact-phone span:before{content:"\f098";font-weight:400;font-family:fontawesome;margin-left:-50px;position:absolute;width:40px;height:40px;text-align:center;border-radius:100%;left:20%;top:14%;font-size:25px;}
.info_contain .contact-phone span{display:block;padding:13px 30px;color:#ca0c00;font-family:muli;font-weight:bold;border-radius:5px;position:relative;padding-left:30px;background:#fff;transition:all .5s;}
.info_contain .contact-phone:hover span{color:#fff;background:#ca0c00}
.info_contain .right-content{width: 50%;float:right;}
.info_contain .promotion{border:1px solid #fdd10b;border-radius:20px;margin-top:10px;padding:30px 20px;}
.info_contain .right-content li{font-size:15px;color:#1e1e1e;padding-left:30px;position:relative;}
.info_contain .right-content li+li{margin-top:8px;}
.info_contain .right-content li:before{content:"\f00c";font-family:fontawesome;color:#2bca08;position:absolute;left:0;}
.info_contain .right-content a:hover{color:#fdd10b;}
.title-same{margin-top:80px}
.title-same h2{font-size:26px;text-align:center;color:#3a3a3a;line-height:1.1;font-weight:normal;text-transform:uppercase;}
.border-same{position:relative;/* width:80px; */margin:auto;margin-top:20px;margin-bottom:10px;}
.border-same:before{content:"";position:absolute;background:url(/Design/border-products.png);width:222px;height:22px;top:-11px;left:0;right:0;margin:auto;}
.book-category{position:relative;z-index:99;}
.book-category h3{font-size:17px;text-transform:uppercase;color:#fff;background-color:#fdd10b;padding:12px 25px;position:relative;padding-left:50px;}
.book-category h3:before{content:"";position:absolute;width:23px;height:13px;background:url(/Design/icon-menu.png);left:20px;top:38%;}

.boxes .book-list li:nth-child(n+5){/* margin-top:20px */}
.lstImgContent{margin-top: 16px;overflow:hidden;padding:2px;padding: 0;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 20px;row-gap: 20px;}
.col-mid .contain ul.lstImgContent{padding:0}
.lstImgContent li{padding: 0;box-sizing: border-box;border: 0;/* outline:1px solid #e1e1e1; */display: block;}
.lstImgContent li:nth-child(3n+3){margin-right:0;}.lstImgContent li:nth-child(n+4){margin-top: 0;}
.lstImgContent .postImg{height:140px;overflow:hidden;position:relative;box-sizing: border-box;}
.lstImgContent .postImg img{height:100%;width:auto;left:0;right:0;margin:auto;min-width: 100%;}
.clearfix{padding:10px;background:#fff;border-bottom:1px solid #eaeaea;color:#3a3a3a;overflow:hidden}
.clearfix{}
.clearfix  .left >p{float:left}
.clearfix td input{margin-left:20px}
.clearfix td label{margin-left:10px}
.boxes .contain.clearfm{margin:auto;padding:1px;margin-top:20px;}
.boxes .contain-in{padding:1px;margin-top:20px;overflow:unset}
.boxes .contain-in li:last-child{/* display:none */}
.bot-header{}
.boxes.overHide.clearfm{padding-top: 30px;overflow:unset;}
.productSpecification_table {
    width: 100%;
}
table {
    /* border-collapse: collapse; */
    /* border-spacing: 0; */
    /* margin: 0; */
    /* padding: 0; */
    /* border: 0; */
    /* font-size: 100%; */
    /* font: inherit; */
    /* vertical-align: baseline; */
}
.productSpecification_table .productSpecification_title {
    font-size: 18px;
    font-weight: bolder;
    text-align: left;
}
caption{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#productSpecification_fullContent .popup_content .productSpecification_table tbody {
    max-height: 70vh;
}
.productSpecification_table tbody.popup {
    overflow-x: hidden;
    overflow-y: auto;
}
.productSpecification_table tbody {
    display: block;
    width: 100%;
}
.productSpecification_table tbody tr td.title {
    width: 40%;
    color: #7a7d8d;
    padding-right: 10px;
    font-size: 14px;
}
.productSpecification_table tbody tr td {
    padding-top: 20px;
    vertical-align: top;
}
.fullparameter .scroll {
    height: 100vh;
    width: auto;
    padding: 0 30px 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
}
.fullparameter .scroll h4, .fullparameter .scroll h3 {
    display: block;
    font-size: 18px;
    color: #666;
    font-weight: 600;
    margin-top: 15px;
    line-height: 1.3em;
}
.fullparameter ul {
    padding: 10px 30px 10px 30px;
    width: 600px;
    margin: 0 auto;
}
.specs li {
    display: block !important;
    background: #f4f4f4;
    padding: 10px;
    font-size: 20px;
    color: #999;
}
.specs li:nth-child(2n) {
    background: #fff;
}
.specs li span.specname {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}
.specs li span.specval {
    font-size: 14px;
    color: #333;
    margin-left: 5px;
}
@media only screen
  and (max-width :1279px){     
      .col-side .postImg{/* height:178px */}
      .row-70{width:100%;margin-bottom:50px}
      .thebest-product{width:100%}
      .slogan-about:before{top:9%}
      .slogan-about:after{bottom:9%;right:15%}
      .pro-duct .col-sidebar{}
  }
@media only screen
  and (max-width :1023px){
      article{background-size: auto 100%}
      .link{display:none} 
      .inner-page{margin-top:20px;/* margin-bottom:30px; */}
      .col-section,.col-side{/* float:none; *//* width:100%; */}.col-side,.col-right{/* display:none; */}
      .col-mid{width:100%;margin-left:0}
      .title-inner h1,.title-post{font-size:24px;}  
      .list-article-category .item{/* width:49%; *//* margin-right:2%; */}
      .list-article-category .item:nth-child(3n+3){/* margin-right: 0; */}
      .list-article-category .item:nth-child(2n+2){margin-right:0;}
      .list-article-category .item:nth-child(n+3){/* margin-top:20px; */}   
      .cat-sub li,.cat-sub li:nth-child(5n+5){width:24%;height:58px;margin-right:1.25%;}
      .cat-sub li:nth-child(4n+4){margin-right:0;}
      .boxes .book-list li{}
      
      .info_contain .contact-phone,.info_contain .price,.info_contain .contact-us{width:100%}
}
@media only screen
  and (max-width :765px){
.col-section,.col-side{float:none;width:100%;}.col-side,.col-right{/* display:none; */}
}
@media only screen
  and (max-width :467px){
.detail-left{width:100%}
}
@media only screen
  and (max-width :467px){
.boxes+.boxes{margin-top:30px;}    
.title-inner h1,.title-post{font-size:20px;}      
.title-inner .breadcrumb{display:none;}
.col-section .contain{margin-top:20px;}
.project-over.inner .project-item{width:49%;margin-right:0;}
.project-over.inner .project-item:nth-child(2n+2){float:right;}
.project-over.inner .project-item:nth-child(n+3){margin-top:20px;}
.title-project{font-size:20px;}
.list-article-category .item{/* width:100%; *//* float:none !important; *//* margin-right:0; */}
.list-article-category .item:nth-child(2n+2){/* margin-right:0; */}
.list-article-category .item+.item{/* margin-top:20px; */}
.list-same-post h4{height:64px}.list-same-post .desc{display:none;}
.list-same-post .postImg{height:100px;}
.info .share{display:none;}
.slider_contain{width:auto;}
.slider_contain .sliderPhotos{height: 506px;}
.cat-sub li,.cat-sub li:nth-child(4n+4),.cat-sub li:nth-child(5n+5){width:32%;height:48px;margin-right:2%;font-size:11px;}
.cat-sub li:nth-child(3n+3){margin-right:0;}
.info_contain .price{/* text-align:center; */}.info_contain .contact-us{margin:0;margin-top:10px;}
.slider_contain{width:100%;float:none;margin-top:30px;}
.info_contain{width:100%;float:none;}
.info_contain .price-new {font-size:20px;}
.title-product{/* font-size:22px; */}
.title-detail{font-size:20px;}
.info_contain .contact-phone{margin-top:10px}
.info_contain .contact-us{font-size:16px;margin-top:10px}

.boxes .book-list li{width:49%;margin-right:2%}
.contain .book-list li:nth-child(3n+3){margin-right:2%}
.contain .book-list li:nth-child(2n+2){margin-right:0;display:list-item}
.clearfix td label{font-size:14px}
.books-boxes{/* margin-top:30px; */}
.row-50{width:100%}
.info_contain .left-content{width:100%;float:none}
.info_contain .right-content{width:100%;float:none;box-sizing:border-box;margin-top:20px;}
.boxes.overHide.clearfm{padding-top:20px}
.title-tab h3{font-size: 15px;}
.detail-pro .tab-link{/* padding: 0 15px; */}
.info_contain .contain{padding-left:0}
}
@media only screen
and (max-width :410px){
.clearfix td label{font-size:12px}
}
@media only screen
and (max-width :374px){
.clearfix td label{font-size:11px;margin-left:5px}
.clearfix td input{margin-left:10px}

}

.Status-ct {display:block;margin-top: 5px;}
.Status-ct span {display:inline-block;font-size:15px;color: #000;}
.Status-ct strong {color:#ca0c00}
.start {display:block;color:#ffbe00;margin-top: 5px;}
.themgiohang {display:block;overflow:hidden;padding-bottom: 5px;}
.themgiohang p {display: block;font-size: 14px;color: #fff;margin: 0;font-weight: normal;font-family: 'pr';text-transform: none;}
.textsl {overflow:hidden;display: block;}
.textsl input {display:inline-block;font-size:14px;width: 30px;background:none;border: 1px solid #e1e0e0;border-radius: 0;text-align: center;height: 32px;outline: none;padding: 5px 0;box-sizing: border-box;cursor: pointer;}
.textsl input.qtyminus,.textsl input.qtyplus {height: 32px;}
.textsl .quantity-selector {margin: 0;width: 50px;padding-left: 14px;}
.box-buy {display: flex;/* overflow:hidden; */margin-top: 15px;margin-left: 0;}
.box-buy .btnBuy {background: red;width: 282px;padding: 11px 0;border-radius: 3px;text-transform: uppercase;outline: none;cursor: pointer;background-position: center bottom;background-size: 100%;box-shadow: 1px 2px 5px #0000009c;margin-left: 1px;font-family: nb;width: 50%;font-size: 17px;text-align: center;line-height: normal;}
.btnAddCart {background: #0c72cc;color: #fff;padding: 8px 0;border-radius: 3px;text-transform: uppercase;outline: none;cursor: pointer;background-position: center bottom;background-size: 100%;box-shadow: 1px 2px 5px #0000009c;margin-left: 1px;font-family: nb;height: 65px;box-sizing: border-box;}
.processbtn.btnAddCart {padding: 8px 0px;display: inline-block;box-sizing: border-box;line-height: 50px;font-size: 17px;width: 50%;text-align: center;margin-left: 15px;}
.box-white {background:#fff;padding: 30px 30px;}

.padding-page {padding: 40px 0 45px;}
.c-tabs-nav-pro {overflow:hidden;margin-bottom: 15px;margin-right: 30px;padding: 5px;}
.a-tab {display: block;margin: auto;}
.nav-swip-a  {display:inline-block;float:left;width: auto;box-shadow: 1px 0 10px #91ceebd6;border-radius: 10px;}
.a-swip-tab {display: flex;text-align:center;margin:auto;height: 84px;background: #fff;border-radius: 10px;font-family: 'psb';color: #606060;font-size: 14px;cursor: pointer;padding: 0 10px;}
.active .a-swip-tab,.nav-swip-a:hover .a-swip-tab  {background:linear-gradient(3deg, #ffbe27, #ff8406);color:#fff}
.a-swip-tab img {display:block;height:40px;max-width:90%;width: auto !important;margin: auto;}
.a-swip-tab span {display: block;margin-top: 5px;padding: 0;}
.swiper-tab-next {position:absolute;right: 50px;top: 60px;width: 26px;height: 26px;color: #a8d8fa;background: #fff;text-align: center;line-height: 26px;border-radius: 50%;}
.menu-pro-page {overflow:hidden;margin-bottom: 30px;}
.menu-pro-page .nav-swip-a {
    margin: 2px;
}
#ctl00_ContentPlaceHolder1_pndetail {margin-top:40px;overflow:hidden;}
.left-detail {width:100%;float: left;position: relative;}
.right-detail {width:100%;float: right;position: relative;}
.two-colums .left-detail {width: 62%;}
.two-colums .right-detail {width: 33%;}
.title-detail-p h3 {font-size: 25px;display:block;}
.detail-ts .parameter-item { padding: 0 !important; }
.detail-ts {padding-bottom: 0;height: 690px;overflow: hidden;}
.detail-tt {height:1000px;overflow: hidden;}
.detail-tt.auto {height:auto;}
.btn-more {position:absolute;bottom:0;left:0;right:0;text-align: center;background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));padding: 100px 0 10px;font-size: 14px;}
.btn-more span {display:inline-block;border: 1px solid #0c72cc;padding: 7px 20px;cursor: pointer;overflow: hidden;border-radius: 3px;}
.btn-more i {float:right;margin-top: 4px;margin-left: 10px;}
.modal-ts {position:fixed;left:0;right:0;bottom:0;top:0;z-index:999999;overflow: auto;visibility: hidden;opacity: 0;z-index: -1;transition: 0.5s;}
.modal-ts.show {z-index:999999;visibility:visible;opacity:1}
.close-modal-ts {position: fixed;left:0;right:0;top: 0;bottom: 0;background: #000000a3;/* z-index: 8; */}
.detail-modal {position:relative;z-index:9;width: 80%;margin: auto;background: #fff;padding: 30px;box-sizing: border-box;max-width: 1000px;}
.detail-modal img {max-width:100%;display:block}
.btn-close-modal {position:absolute;right: 10px;top: 10px;background: #fff;padding: 10px 15px 12px;font-size: 15px;/* text-transform: uppercase; *//* font-family: 'psb'; */border-radius: 5px;cursor: pointer;box-shadow: 1px 0 10px #0000006e;z-index: 10;}
.btn-close-modal i {margin-right:5px;}
.detail-modal * {max-width: 100% !important;box-sizing: border-box;}