.zalo-share-button{margin-right: 5px;}
.at-share-tbx-element .at-share-btn{margin-bottom: 0px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0px!important;}
.update_content{padding:10px 20px;background: #f7f0f0;font-size:17px;font-family:var(--font-r);color: #d20a0a;text-transform: uppercase;border-radius: 7px;}
/* ========== tintuc========== */
.article-main .title-head {font-family:'RobotoBold'; font-size: 20px; padding: 0px 0 3px;
 margin-bottom: 0; margin-top: 0;color: #000;text-transform: uppercase;}
.article-main .postby {font-size: 12px; color: #949494; margin: 0px 0 8px; line-height: 1.71429em; 
	font-family:'RobotoRegular'; }
.article-main .postby b{font-weight: normal;font-family:'RobotoBold'}
.article-main .content-descblog{margin-top: 0px!important;font-size: 14px;font-style: italic;
	color: #333;line-height: 25px;font-family:'RobotoBold';color: #333}
.article-main .content-blog{color: #141414; font-size: 14px; line-height: 22px; margin-top:10px; 
	font-family:'RobotoRegular';margin-bottom:20px;}
.article-main .content-blog img{max-width:100%!important;height: auto!important;}
.wrap-shareblog{display: flex;align-items: center;margin-top:20px}
.article-main .title-blog_related{font-family:var(--font-main);font-size:18px;color: #333;font-family:RobotoBold;
	margin-bottom:5px;padding-bottom:7px;position: relative;text-transform: uppercase;}
.article-main .title-blog_related:after{content:"";position: absolute;left: 0px;bottom:0px;width:70px;height: 1px;
background: #333}
.article-main .title-blog_related:before{content:"";position: absolute;left: 0px;;bottom:4px;width:50px;height: 1px;
background: #333}
.article-main .blog_related {margin-bottom: 15px; margin-top: 15px; background: #f3f3f3; border: 1px solid #e0e0e0;
 border-radius: 4px; padding: 10px; }
.article-main .blog_related .blog_entry-title{margin: 0;font-size: 14px;font-weight: normal;margin-bottom: 7px;line-height: 20px}
.article-main .blog_related .blog_entry-title:nth-last-child(1){margin-bottom: 0px}
.article-main .blog_related .blog_entry-title a {font-size: 14.5px;color: #333;font-family:'RobotoRegular'}
.article-main .blog_related .blog_entry-title a:hover,.article-main .blog_related .blog_entry-title a:focus {
    color: #ff0000;text-decoration: none;}
/*==Content pagination=*/ 
.paging-site .pagination{margin-bottom: 0px}
.paging-site .pagination li a{    font-family: "RobotoRegular"; font-weight: 400;margin: 0 2.5px;
 border-radius: 5px; width: 35px; background: #fff; border: solid 1px #ddd; text-align: center; height: 35px; 
 font-size: 14px; padding: 0; line-height: 35px; color: #333}
.paging-site .pagination li a.current,.paging-site .pagination li a:hover{border:1px solid #e60a0a;background: #e60a0a;color: #fff}
div.pagination_ajax{clear:both;text-align:center; line-height:1.4em;margin-top: 10px;}
div.pagination_ajax span{display: inline-block; color: #FF0; width: 21px; padding: 2px 0px;text-align:center; text-shadow:0px 0px 2px #000;background-color: #902803; font-weight: bold; border-radius: 50%;}
div.pagination_ajax a.paging{display: inline-block; color: #FFF; width: 21px; padding: 2px 0px;text-align:center;  background-color: #319710; font-weight: bold;cursor: pointer}
div.pagination_ajax a.paging:hover{background-color:#319710;}
div.pagination_ajax {text-align:center;color:#e32424;}
div.pagination_ajax ul{display:inline-block;   }
div.pagination_ajax ul li{font-size:11px;margin-bottom: 5px;min-width: 10px;display: inline-block;margin-right: 5px;padding:7px 12px;background: #f2f2f2;color: #444444;}
div.pagination_ajax ul li a{color: #444444;font-family:'RobotoRegular';font-size:14px;}
div.pagination_ajax ul li:hover{color: #fff;background: #4a4a4a;cursor: pointer;}
div.pagination_ajax ul li:hover a{color: #fff;}
div.pagination_ajax .actived{cursor: pointer; color: #4879a6;background: #4a4a4a;}
div.pagination_ajax .actived a{color: #fff}
.phantrang {text-align: center; margin-top: 20px; }
/*=======*/
#tabs > ul{background: #eee;border-bottom: 1px solid #dee2e6;}
#tabs > ul > li{display: inline-block;border-top: 3px solid #c1c1c1;border-right: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1;/* border-bottom: 0.5px solid #c1c1c1; */}
#tabs > ul > li.active{color: #000;border-top: 3px solid #7FC142;border-bottom: none;background: #fff;}
#tabs > ul > li.active a{color: #000;display: block;}
#tabs > ul > li a{color: #000;position: relative;top: 1px;padding: 8px 10px;font-family:'RobotoBold';font-size: 13px;text-transform: uppercase;/* border-top: 2px solid #d2c1c1; *//* border-right: 1px solid #ccc; *//* border-left: 1px solid #ccc; */display: inline-block;}
div#container_product .content_tabdetail{border: 1px solid #dee2e6;border-top:none;}
div#container_product .content_tabdetail .tab_detail_product{display: none;}
div#container_product .content_tabdetail .tab_detail_product.active{display: block;}
.content-detail{padding:10px;}
.content-detail img{max-width: 100%!important;height:auto!important;}
.content-detail ul{list-style: inherit;padding-left: 20px}
/*===site===*/
.title_main_page .title-head{font-family:var(--font-main);font-size:25px;line-height: 25px;color: #272727;font-weight: 700;text-transform: uppercase;margin-bottom: 25px;padding-bottom:10px;position: relative;}
.title_main_page .title-head:after{content:"";position: absolute;left: 0px;bottom:0px;width:70px;height: 1px;background: #333}
.title_main_page .title-head:before{content:"";position: absolute;left: 0px;;bottom:4px;width:50px;height: 1px;background: #333}
.tpl-full .title-head span{color: #ff0000}
/*===*/
.tpl-product .left-content{order: 2} 
.tpl-full .left-content{width:100%}
.left-content{width: calc(100% - 320px)}
.right-content{width:280px;}
.blog-item{display: flex;flex-flow:wrap;position: relative;margin-bottom: 30px}
.blog-item .blog-item-thumbnail{width: 300px;margin-right: 10px;overflow:hidden;}
.blog-item .blog-item-thumbnail img{width: 100%;}
.blog-item .blog-item-mains{width: calc(100% - 310px);padding-top:15px}
.blog-item .blog-item-mains .blog-item-name{line-height: 24px;margin-bottom: 5px;}
.blog-item .blog-item-mains .blog-item-name a{color: #333;font-size: 20px;font-family:var(--font-main);font-weight: 700;display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;line-height: 25px}
.blog-item .blog-item-mains .blog-item-name a:hover{color:#ff0000}
.blog-item .blog-item-mains .post-time{font-size: 13px; color: #999; margin-bottom: 5px;font-family:var(--font-main)}
.blog-item .blog-item-mains .blog-item-summary{color: #4d4d4d;font-weight:400;font-family:var(--font-main);display: -webkit-box; width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;line-height:24px;font-size:15px}
.blog-item:last-child{margin-bottom: 0px;}
.blog-item:not(:last-child):after{content: ""; display: block; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: -15px; }
.zoom-thumbnail img {-webkit-transition: all 1s ease-in-out 0s; -khtml-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.zoom-thumbnail:hover img {-webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) }
/*==sidebar==*/
.aside--sticky {position: -webkit-sticky; position: sticky;}
.group-sidebox {margin: 0 0 20px; position: relative; padding: 10px 10px; border: 1px solid #e7e7e7; }
.group-sidebox .sidebox-title h3 {font-size: 18px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #323232; text-align: center; position: relative; color: #000000; font-weight:700;font-family:var(--font-main) }
.list-latest .item-article{display: flex;position: relative;}
.list-latest .item-article:not(:last-child){margin-bottom:10px;}
.list-latest .item-article:not(:last-child):after{content: ""; display: block; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: -5px;}
.list-latest .item-article .post-image {width: 30%; position: relative; }
.list-latest .item-article .post-image img{width: 100%;height: 100%;object-fit: cover}
.list-latest .item-article .post-content {width: 70%; padding-left: 10px; }
.list-latest .item-article .post-content h3 {line-height: 20px}
.list-latest .item-article .post-content h3 a {white-space: initial; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;color: #000000;font-family: var(--font-main);font-weight:500;line-height:18px;font-size: 15px;}
.list-latest .item-article .post-content h3 a:hover{color: #ff0000}
.list-latest .item-article .post-content .post-meta {font-size: 13px;font-family: var(--font-main);color:#999}
.list-latest .item-article .post-content .post-meta-price span:nth-child(2){color: #e60e0e;font-weight: 700}
/*===*/
.menuList-links {margin: 0;}
.menuList-links li {position: relative; }
.menuList-links li a {color: #252a2b; position: relative; font-size: 14px; display: block;font-family:var(--font-main)}
.menuList-links li a:hover, .menuList-links li a:focus {color: var(--color-r) ; }
.menuList-links > li {border-bottom: 1px solid #e7e7e7; }
.menuList-links > li:last-child {border-bottom: none; }
.menuList-links > li > a {padding: 12px 0; font-weight: 500; font-size: 15px; } 
.menuList-links > li.has-submenu > a {padding-right: 30px; }
.menuList-links > li.has-submenu .icon-plus-submenu:hover {border: 1px solid #e7e7e7; }
ul.menuList-links li ul.submenu-links {display: none; }
ul.submenu-links li a {padding: 8px 0 8px 0px; }
li.has-submenu.level0 > ul.submenu-links {border-top: 1px dashed #e7e7e7; }
li.has-submenu.level0 > ul.submenu-links li a {padding-left: 12px; }
li.has-submenu.level1 > ul.submenu-links li a {padding-left: 25px; }
.menuList-links > li.has-submenu span.icon-plus-submenu {width: 25px; height: 25px; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid transparent; }
.icon-plus-submenu:after, .icon-plus-submenu:before {background: rgba(9, 9, 9, 0.6); content: ''; display: block; position: absolute; margin-right: 7px; top: 50%; right: 0; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; }
.icon-plus-submenu:before {width: 9px; height: 1px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.icon-plus-submenu:after {width: 1px; height: 9px; right: 4px; transform-origin: center; -moz-transform: translateY(-50%) scale(1, 1); -ms-transform: translateY(-50%) scale(1, 1); -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); }
li.has-submenu.opened > a .icon-plus-submenu:after {-moz-transform: translateY(-50%) scale(1, 0); -ms-transform: translateY(-50%) scale(1, 0); -webkit-transform: translateY(-50%) scale(1, 0); transform: translateY(-50%) scale(1, 0); }
