:root{--o-primary-color: #f9a41d;--o-secondary-color: #3bb77e;--o-third-color: #98ddbd;--o-fourth-color: #effaf9;--o-footer-bg-color: var(--o-primary-color);--o-font-family: "Barlow", sans-serif;--o-body-text-color: #253d4e;--o-body-font-weight: 400;--bs-border-color: #9e9e9e;--o-dialog-message-font-weight: 500;--o-dialog-note-font-weight: 400;--o-dialog-font-size: 16px;color:var(--o-not-found-color);--bs-body-bg: #fafafa;--o-grid-paginator-bg-color: #f5f5f5;--o-grid-header-font-weight: 500}html{font-optical-sizing:auto;--o-html-font-size: 14px;--o-body-font-size: 15px;font-style:normal;background-color:#fff;--o-lg-ratio: 61.5%;--o-sm-ratio: 64%;--o-md-ratio: 124.1%}h1,h2,h3,h4,h5{display:block;margin:0;font-weight:500}h1{font-size:20px}h2{font-size:18px;font-weight:600}h3{font-size:15px;font-weight:600}h4{font-size:14px;font-weight:500}.thumb-img img{width:100%;height:100%;object-fit:cover}ocop-languages{color:var(--language-selector-color, #717171);font-size:1rem;display:flex}ocop-languages a{color:var(--language-selector-color, #717171)}ocop-languages .flag{height:20px;width:20px;border-radius:50%;overflow:hidden;display:inline-block}a.nav-link{font-style:normal}.thumb-img{overflow:hidden}.icon-product{width:14px;height:14px;display:inline-block;position:relative;align-self:center;-webkit-font-smoothing:antialiased;vertical-align:middle;--border-radius: 2px}.icon-product::before{content:" ";display:block;height:2px;width:100%;margin-top:2px;background:#3e3d50;border-radius:var(--border-radius)}.icon-product::after{content:" ";display:block;height:2px;width:100%;background:#3e3d50;margin:2px 0;border-radius:var(--border-radius)}.icon-product i{height:2px;width:70%;background:#3e3d50;margin:2px 0;display:block;border-radius:var(--border-radius)}.icon-categories{width:14px;height:14px;display:inline-block;position:relative;align-self:center;-webkit-font-smoothing:antialiased;vertical-align:middle;--border-radius: 2px}.icon-categories::before{content:" ";display:block;height:2px;width:100%;margin-top:2px;background:#fff;border-radius:var(--border-radius)}.icon-categories::after{content:" ";display:block;height:2px;width:70%;background:#fff;margin:3px 0;border-radius:var(--border-radius)}.icon-categories i{height:2px;width:100%;background:#fff;margin:3px 0;display:block;border-radius:var(--border-radius)}button{border:none}button[disabled]{opacity:.8;cursor:not-allowed}.ocop-btn{border-radius:5px;padding:5px 10px;text-align:center;display:inline-block;white-space:nowrap}.ocop-btn-1{color:#fff;background-color:var(--o-primary-color);border-radius:5px;padding:10px 20px;text-align:center;display:inline-block;font-weight:600;font-size:var(--o-body-font-size);white-space:nowrap}.ocop-btn-2{color:#fff;background-color:var(--o-secondary-color);border-radius:50px;padding:10px 30px;text-align:center;display:inline-block;font-weight:600;font-size:1.286rem;white-space:nowrap}.ocop-btn-3{color:#0b0b0b;background-color:#edf1ee;border-radius:5px;padding:10px 30px;text-align:center;display:inline-block;font-weight:600;font-size:var(--o-body-font-size);white-space:nowrap}p{line-height:1.5}body{top:0 !important;position:relative !important;height:initial}.md-panel.md-tooltip{background-color:var(--o-primary-color);font-size:1rem;padding:5px;height:auto;padding:5px 10px;max-width:300px;opacity:.8;white-space:initial}.md-panel.md-tooltip.adv-search{background-color:var(--o-secondary-color)}oak-paginator{border:none;justify-content:center}oak-paginator button.num{border-right:none;margin-right:5px;background-color:#f5f5f5}oak-paginator button.num.actived{background-color:var(--o-secondary-color)}oak-paginator button.num:not([disabled]):hover{color:var(--o-secondary-color)}aside.user-aside{background-color:var(--o-fourth-color);height:64px;font-size:1.15rem;color:#0b0b0b;display:flex;align-items:center;justify-content:space-between;position:relative}.ocop-member{background-color:#fafafa}.ocop-member header{height:var(--header-height);background-color:#fff;display:block}.ocop-member header .container{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.ocop-member header .container a.logo{margin:0}.ocop-member header .slogan{margin:0}.ocop-member main{min-height:570px}.ocop-member main:has(anonymous-home){height:calc(100vh - var(--header-height));background:linear-gradient(180deg, #f0f0f0 0%, #fafafa 4.56%)}@media(min-width: 576px){header-search{width:100%}}@media(min-width: 768px){.ocop-member header .container a.logo{margin:0}.ocop-member header .container a.logo .logo-ocop{height:59px}.ocop-member header .slogan{--o-body-font-size: 22px;margin:0}.ocop-member main{min-height:570px}header-search{width:90%}}.faq{--bs-border-color: #ebebeb}.faq .item{margin-bottom:15px}.faq .item .faq-question{border:1px solid #3bb77e;background:rgba(152,221,188,.2705882353);border-radius:5px;padding:10px;margin-bottom:5px;color:#484554;font-size:16px;display:flex;align-items:center;justify-content:space-between}.faq .item .faq-question a.icon-toggle{color:var(--o-secondary-color)}.faq .item .faq-answer{border:1px solid #c1c7cd;background:#fff;border-radius:5px;padding:10px;font-size:16px}oak-shell{display:flex;flex-direction:column;max-width:1366px;margin:auto;background-color:#fff}oak-shell header,oak-shell footer{display:flex;width:100%;flex-direction:column}oak-shell section.sec-content{width:85vw;max-width:1200px;margin-inline-start:auto;margin-inline-end:auto}.search-mixin oak-root{position:relative}footer{display:flex;width:100%;flex-direction:column}h1.category{text-transform:uppercase;color:#253d4e;font-size:20px;font-weight:500;position:relative;display:inline-block;margin:20px 0}h1.category::after{display:block;content:" ";width:70%;height:2px;background:var(--o-primary-color);position:absolute;bottom:-10px;left:0;max-width:70px}h1.category.line-center::after{height:3px;right:0;margin:auto}h1.category.under_line{width:100%}h1.category.under_line::before{display:block;content:" ";width:100%;height:1px;background:#ebebeb;position:absolute;bottom:-10px;left:0}section.top-bar{height:47px;background-color:var(--o-primary-color);position:relative;display:flex;align-items:center;--user-nav-color: #fff;--language-selector-color: #fff}nav.nav-bar{--bs-nav-link-color: #fff;--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: 0.5rem;position:relative;z-index:3}nav .nav-item{padding:0 20px}header{padding:20px 0}header .logo{display:flex;align-items:end;margin-top:-30px}header .logo .logo-expro{height:62px}header .logo .logo-ocop{margin-left:10px;height:30px;margin-bottom:5px}header .slogan{color:var(--o-secondary-color);font-size:var(--o-body-font-size);font-style:italic;text-align:center;font-weight:500;margin-bottom:20px}header .header-top{display:flex;justify-content:space-between;align-items:center;color:var(--o-primary-color)}header .header-top h1,header .header-top h2{font-family:"Roboto",sans-serif;font-style:normal;font-weight:800}header .header-top h2{font-size:20px;text-transform:uppercase;font-weight:bold}header .header-top h1{text-transform:uppercase;font-size:23px;color:var(--o-secondary-color);font-weight:extrabold}header .header-top aside a{color:var(--o-primary-color);position:relative;padding:5px;font-weight:400}header .header-top aside a:not(:last-child){padding:10px}header .header-top aside a:not(:last-child)::after{position:absolute;content:"|";right:0}header .header-top aside a:first-child::after{right:-2px}footer{color:#484554;padding:10px 0;font-size:1rem;line-height:1.5}footer .footer-info{background:#f4f4f4 url("/images/bg-footer.png") no-repeat left top;background-size:cover;background-blend-mode:Multiply;padding:20px 0;border-top:1px solid #f4f4f4}footer .footer-info img.logo{mix-blend-mode:multiply;margin-bottom:10px}footer .footer-info .intro{text-align:justify}footer .footer-info nav ul,footer .footer-info nav li{margin:0;padding:0;list-style:none}footer .footer-info nav ul a.nav-link,footer .footer-info nav li a.nav-link{padding:5px 10px}footer .footer-nav{background:var(--o-footer-bg-color);position:relative;height:108px}footer .navbar-nav{justify-self:center}footer .support{position:absolute;right:0;bottom:0;width:310px;height:50px;display:flex;align-items:end}footer .support::before{content:" ";background:url("/images/footer-wave.png") no-repeat -10px bottom;height:100%;width:100%;position:absolute;bottom:10px;left:0;z-index:2}footer .support .btn-support{position:absolute;bottom:10px;right:0px;z-index:3}footer .contact a{color:#484554}footer .contact i,footer .contact .hotline{color:var(--o-primary-color);margin:5px 0px}footer .contact .hotline{font-weight:600;font-size:23px}footer .copy-right{color:#fff;position:absolute;bottom:10px;width:100%;z-index:1}footer .socials{display:flex;margin-top:10px}footer .socials a.icon{margin-left:10px;display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center}footer .socials a.icon i{color:#fff}footer .socials a.facebook{background-color:#3e5c9a;border-radius:50%}footer .socials a.instagram{background-color:#0077b5;border-radius:50%}footer .socials a.twitter{background-color:#27aae2;border-radius:50%}.banner{max-width:1366px;height:195px;position:relative;color:#fff;font-size:1.2rem;font-weight:400;padding-top:30px;padding-left:80px;margin-bottom:20px}.banner .cat-name h1{font-size:3rem;font-weight:600;margin-bottom:10px}.banner .cat-name .o-nav-cur{font-weight:600}@media all and (min-width: 992px){.navbar-toggler{display:none}}.navbar{padding:0;border-top:1px solid #ccc;background:#fff;box-shadow:none}.navbar .navbar-expand-md{max-width:1200px;margin:auto}.navbar .navbar-nav{--bs-navbar-color: var(--o-primary-color);--bs-navbar-hover-color: var(--o-third-color);--bs-navbar-active-color: var(--o-primary-color);--bs-nav-link-font-size: 1.2rem;--bs-nav-link-font-weight: 400;--bs-navbar-nav-link-padding-x: 1.2rem;margin-top:-1px}.navbar .navbar-nav .nav-item{border-top:2px solid rgba(0,0,0,0);height:100%}.navbar .navbar-nav .nav-item:hover{border-top-color:var(--o-primary-color)}.navbar .navbar-nav a{white-space:nowrap;transition:.3s;line-height:30px}.navbar .navbar-nav ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar .navbar-nav li.nav-item{position:relative;display:inline-flex}.navbar .navbar-nav .dropdown-menu .nav-item{border-top:none}.navbar .navbar-nav .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,.25);transition:.3s;border-radius:4px}.navbar .navbar-nav .dropdown ul li{min-width:200px;width:100%}.navbar .navbar-nav .dropdown ul li a{width:100%}.navbar .navbar-nav .dropdown ul a:hover,.navbar .navbar-nav .dropdown ul .active:hover,.navbar .navbar-nav .dropdown ul>li:hover>a{color:#fff;background-color:var(--o-primary-color)}.navbar .navbar-nav .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .navbar-nav .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}.navbar .navbar-nav .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.9);transition:.3s;z-index:999}.navbar.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:6px;background-color:var(--o-primary-color);overflow-y:auto;transition:.3s}.navbar.navbar-mobile a{padding:10px 20px;font-size:15px;color:#fff}.navbar.navbar-mobile .navbar-nav .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:var(--o-primary-color);box-shadow:0px 0px 30px rgba(127,137,161,.25)}.navbar.navbar-mobile .navbar-nav .dropdown>.dropdown-active{display:block}.navbar.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.mobile-nav-toggle{color:var(--o-primary-color);font-size:28px;cursor:pointer;line-height:0;transition:.5s}.event{--bs-aspect-ratio: 50%}.event .item{margin-bottom:20px}.event .item .item-inner{border:1px solid #ebebeb;border-radius:10px;padding:20px;position:relative;background-color:#fff;margin:5px;display:flex;flex-direction:column;height:366px}.event .item .item-inner h1{font-size:16px;text-transform:uppercase;color:var(--o-secondary-color);margin-bottom:15px}.event .item .item-inner .thumb-img{border-radius:3px}.event .item .item-inner .date{position:absolute;background-color:#3bb77e;bottom:-10px;left:10px;height:30px;display:inline-block;align-items:center;color:#fff;padding:5px 10px;border-radius:5px;font-weight:500;font-size:16px}.event .item .item-inner .title{color:#484554;margin:20px 0 10px 0;font-size:18px;font-weight:600}.event .item .item-inner .desc{color:#717171;font-size:14px;line-height:1.5}.event .item .item-inner .desc .address{display:block;margin-bottom:8px}.event .item .item-inner a.more{font-size:1rem;position:absolute;right:20px;bottom:20px;color:#000}.event .item .item-inner a.more i{color:#f9791d}.event .event-detail h1{font-size:26px;font-weight:600;text-transform:uppercase;color:var(--o-secondary-color);margin-bottom:15px}.event .event-detail h2{font-size:24px;font-weight:700;margin-bottom:20px}.event .event-detail .event-info{border:1px solid #d0d0d0;background-color:#f2f2f2;padding:20px}.event .event-detail .event-info div{padding-bottom:10px;line-height:2}.event .event-detail .event-info .label{font-weight:600}.event .event-detail .content img{max-width:100%}.event .event-related{background-color:#f5f5f5;margin-top:30px;padding:0 0 20px 0}.news-item{z-index:1;display:block;position:relative;margin-bottom:20px}.news-item h2{line-height:26px}.news-item .item-inner{background-color:#fff;border-radius:11px;margin:5px;padding:20px;position:relative;display:flex;flex-direction:column;height:391px}.news-item .item-inner:has(.desc){height:461px}.news-item .item-inner .thumb-img{border-radius:8px;min-height:200px}.news-item .item-inner .title{color:#253d4e;margin:10px 0}.news-item .item-inner .date{color:var(--o-secondary-color);font-size:1rem;font-weight:500;margin-bottom:10px}.news-item .item-inner .desc{color:#717171;font-size:var(--o-body-font-size);text-align:justify;margin-bottom:20px;line-height:22px}.news-item .item-inner a.more{font-size:1rem;position:absolute;left:20px;bottom:20px;color:#000}.news-item .item-inner a.more i{color:#f9791d}.blog-news-1{position:relative;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 58.95%, rgba(255, 255, 255, 0.64) 100%);padding-top:10px;padding-bottom:40px;--bs-aspect-ratio: 65%}.blog-news-1 .news-item .item-inner{box-shadow:-4px 10px 16.8px 0px rgba(0,0,0,.0588235294)}.blog-news-1::before{position:absolute;content:" ";display:block;height:100%;width:50%;left:0;top:0;background:url("/images/bg-news-left.png") no-repeat left top}.blog-news-1::after{position:absolute;content:" ";display:block;height:100%;width:50%;right:0;top:0;background:url("/images/bg-news-right.png") no-repeat right top}.blog-news-1 .container{z-index:1}.blog-news-1 a.see-all{position:absolute;top:30px;right:20px;font-size:1rem;color:#000;font-weight:600}.blog-news-1 a.see-all i{margin-left:10px}.news,.article{padding:20px 0;border-top:1px solid #e1e1e1}.news h1.title,.article h1.title{font-weight:700;font-style:Bold;font-size:28px;line-height:38px;color:#253d4e;margin-bottom:20px}.news span.date,.article span.date{font-weight:400;font-style:Italic;font-size:16px;line-height:24px;margin-bottom:10px;display:block;color:#484554}.news .content,.article .content{font-weight:400;line-height:24px;font-size:16px}.news .content img,.article .content img{max-width:100%}.news .news-related .news-item .item-inner,.article .news-related .news-item .item-inner{border:solid 1px #e1e1e1}.news .other-news,.article .other-news{background-color:#f3f4f6;padding:30px 0}.qc-product .tools a{padding:15px;display:flex;background-color:var(--o-primary-color);color:#fff;align-items:center;font-size:17px;font-weight:600}.qc-product .tools a .thumb-img{height:44px;margin-right:20px}.qc-right .item{margin-bottom:20px}.category-nav{width:286px;border:1px solid #dcdcdc;border-radius:12px;background-color:#fff}.category-nav .header{background-color:var(--o-secondary-color);border-top-left-radius:5px;border-top-right-radius:5px;height:49px;color:#fff;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.category-nav .header h2{display:inline-block}.category-nav .categories-inner{padding:10px}.category-nav .categories-inner h1{margin-left:10px;margin-right:10px;font-weight:600}.category-nav .categories-inner h1::after{max-width:100%}.category-nav .categories-inner h1 img{margin-right:5px;max-width:35px;max-height:35px;width:35px}.category-nav .categories-inner md-menu,.category-nav .categories-inner .menu-item{display:block;width:100%;font-weight:500;font-size:16px}.category-nav .categories-inner md-menu:hover,.category-nav .categories-inner .menu-item:hover{background-color:#f5f5f5}.category-nav .categories-inner md-menu a,.category-nav .categories-inner .menu-item a{display:flex;color:#484554}.category-popular{background-color:var(--o-third-color);height:64px;display:flex;align-items:center;justify-content:space-between;position:relative}.category-popular .title{background-color:var(--o-secondary-color);color:#fff;margin-left:calc(var(--bs-gutter-x)*.5*-1);display:flex;align-items:center;height:100%;padding:0 20px 0 10px;position:relative}.category-popular .title::after{content:" ";position:absolute;right:-40px;top:0;display:block;width:0;height:0;border-top:25px solid var(--o-secondary-color);border-right:40px solid rgba(0,0,0,0)}.category-popular .categories-list a.item{display:inline-flex;align-items:center;background-color:#fff;border-radius:50px;box-shadow:0px 4px 7.3px 0px rgba(0,0,0,.1490196078);text-align:center;height:36px;padding:0 10px;color:#484554;font-weight:500;font-size:var(--o-body-font-size);margin:0 5px}.category-list .item{background-color:#f3f4f6;border-radius:5px;padding:10px;display:flex;margin-bottom:20px;height:190px;overflow:hidden}.category-list .item>*{margin:0 5px}.category-list .item .item-inner{padding:10px;text-align:center;border-radius:5px;border:1px solid #ccc;background:#fff;height:67px;width:67px}.category-list .item .item-inner a{text-align:center}.category-list .item .item-inner .thumb-img{width:44px;height:44px;margin:auto}.category-list .item .item-inner h3{margin-top:10px;color:#253d4e;text-align:center;font-size:14px}.category-list .item .cate1{font-family:Barlow;font-weight:700;font-size:16px;line-height:32px;color:#253d4e}.category-list .item .category-children{padding:0;margin:0}.category-list .item .category-children ul,.category-list .item .category-children li{list-style:none;padding:0;margin:0}.category-list .item .category-children li a{color:#253d4e;line-height:1.6}.category-list .item a.more{position:absolute;bottom:0;left:0}md-menu-item.category-item a{display:flex;height:100%;align-items:center;color:#484554}md-menu-item.category-item a:hover{background-color:#f5f5f5;color:#000}i.icon-supplier{height:18px;width:18px;background:url("/images/icon-supplier.svg") no-repeat center;display:inline-block}i.icon-qrcode{height:31px;width:31px;background:url("/images/icon-qrcode.png") no-repeat center;display:inline-block}div.icon-qrcode{height:31px;width:31px;display:inline-block;background:#fff;padding:4px}.product-category{background-color:#f9f9f9;padding:30px 0}.product-category .item{margin-bottom:20px}.product-category .item .item-inner{padding:20px 10px 10px;text-align:center;border-radius:5px;border:1px solid #ccc;background:#fff;height:118px;width:100%}.product-category .item .item-inner a{text-align:center}.product-category .item .item-inner .thumb-img{width:44px;height:44px;margin:auto}.product-category .item .item-inner h3{margin-top:10px;color:#253d4e;text-align:center;font-size:14px}.product-category a.see-more{font-size:1rem;color:#717171;font-weight:500;display:block;justify-self:center;align-items:center}.product-category a.see-more i{margin-left:10px}.product .item .categogy{color:#c1c7cd;font-size:14px}.product .item .title{color:#253d4e;margin:5px 0;font-size:15px;font-weight:500}.product .item .price{color:var(--o-primary-color);font-size:1rem;font-weight:500;margin-bottom:15px}.product .item .supplier{color:var(--o-secondary-color);font-size:var(--o-body-font-size);font-weight:500;display:flex;align-items:center;position:relative}.product .item .supplier a{color:var(--o-secondary-color)}.product .item .supplier i.icon-supplier{margin-right:5px}.product .item .supplier i.qrcode{margin-left:5px}.product .item .supplier .icon-qrcode{position:absolute;right:-5px;bottom:-5px}.product .detail{--bs-aspect-ratio: 65%}.product .detail .category-name{flex:0 0 auto;width:auto;font-weight:400;font-size:13px;border-radius:5px;background-color:var(--o-secondary-color);padding:5px 10px;color:#fff}.product .detail h2{font-weight:700;font-style:Bold;font-size:24px;margin:20px 0 10px}.product .detail .product-price{color:var(--o-secondary-color);font-weight:600;font-style:SemiBold;font-size:28px;line-height:38px}.product .detail .summary div{line-height:1.5;padding:5px 0}.product .detail .supplier-contact,.product .detail .payment-info{flex-direction:column;background-color:#f3f4f6;border-radius:5px;padding:20px;margin-bottom:20px;display:flex;justify-content:center}.product .detail .supplier-contact .avatar{align-self:center;width:67px;height:67px;margin-bottom:20px}.product .detail .supplier-contact i{color:var(--o-secondary-color)}.product .detail .supplier-contact .supplier-name{text-align:center;margin:20px 0}.product .detail .payment-info .item{display:flex;flex-direction:column;align-items:center;font-weight:500;white-space:nowrap}.product .detail .payment-info .item i{border-radius:50%;width:52px;height:52px;background-color:#fff;border:1px solid var(--o-secondary-color);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.product .detail .description{border:1px solid #ebebeb;border-radius:10px}.product .detail .description nav.nav-member{background-color:var(--o-third-color);border-top-left-radius:10px;border-top-right-radius:10px;font-weight:600;overflow:hidden;margin-bottom:20px}.product .detail .description nav.nav-member a:hover{background-color:var(--o-secondary-color);color:#fff}.product .detail .description .content{padding:0 20px 20px;line-height:1.5}.product.product-list{flex:1 0 0%}.product.product-list .product-banner{background-image:var(--o-bg-background);height:108px;max-width:100%;overflow:hidden;position:relative}.product.product-list .product-banner h1.category{color:#fff;position:absolute;bottom:10px;left:20px;text-transform:initial;font-weight:600;font-size:32px}.product.product-list .product-banner h1.category::after{background-color:#fff;width:100%;max-width:100%}.product.product-list .list-items .item:not(:first-child){margin:20px 0}.product.product-list .list-items .item .thumb-img{max-height:141px;max-width:136px;border-radius:7px}.product.product-list .list-items .item .product-info>*{margin-bottom:10px}.product.product-list .list-items .item .product-info a.title{color:#253d4e;font-weight:700}.product.product-list .list-items .item .product-info .description{font-weight:400;font-size:15px;line-height:22px}.product.product-list .list-items .item .price-info{min-width:230px}.product.product-list .list-items .item .price-info>*{margin-bottom:20px}.product.product-list .list-items .item .price-info .price{color:#484554;font-size:15px;text-align:end}.product.product-list .list-items .item .price-info .price span{color:var(--o-secondary-color)}.product.product-list .list-items .item .price-info .rate{display:flex;justify-content:space-between;color:#717171}.product.product-list .list-items .item .price-info .rate .stars{display:flex;align-items:center}.product.product-list .list-items .item .price-info .rate .stars i{color:var(--o-primary-color)}.product.product-list .list-items .item .price-info .rate .rated{font-size:14px}.product.product-list .list-items .item .price-info a.btn-request{float:right}.blog-product-1,.blog-product-3{position:relative;padding-top:10px;padding-bottom:40px;--bs-aspect-ratio: 100%}.blog-product-1 .cover,.blog-product-3 .cover{background-color:#f5f6f7;border-radius:9px;padding:10px 20px}.blog-product-1 .item,.blog-product-3 .item{z-index:1;display:block;position:relative;padding:10px 20px;position:relative;display:flex;flex-direction:column;background-color:#fff;margin-bottom:30px}.blog-product-1 .item .photo,.blog-product-3 .item .photo{border:1px solid #ecedef;padding:5px;border-radius:5px;background-color:#fff;width:92px;height:92px}.blog-product-2{position:relative;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 58.95%, rgba(255, 255, 255, 0.64) 100%);padding-top:10px;padding-bottom:40px;--bs-aspect-ratio: 100%}.blog-product-2 a.see-all{position:absolute;top:30px;right:20px;font-size:1rem;color:#000;font-weight:600}.blog-product-2 a.see-all i{margin-left:10px}.blog-product-2 .cover{background-color:#f5f6f7;border-radius:9px;padding:10px 20px}.blog-product-2 .item{z-index:1;display:block;position:relative;border:1px solid #ecedef;padding:10px 20px 20px;position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:10px}.blog-product-2 .item .photo{padding:5px;border-radius:5px;background-color:#fff}.blog-product-3{background-color:#fff4d8;border:1px solid #f9a41d}.product-featured .category-item{padding:0 0 50px 0;margin-bottom:40px}.product-featured .category-item:nth-child(odd){background:linear-gradient(180deg, #ffffff 92.68%, #e2f6f2 100%)}.product-featured .category-item:nth-child(even){background:linear-gradient(180deg, #efefef 92.68%, #dbdbdb 100%)}.product-featured .category-item:nth-child(even) h1.category.under_line::before{background-color:#fff}.product-attributes{flex:0 0 auto;width:286px}.product-attributes .item{border:solid 1px #dcdcdc;border-radius:12px;padding:10px;margin-bottom:20px}.product-attributes .item h1.title{color:#253d4e;font-weight:600;font-size:18px}.product-attributes .ocop-btn-1{background-color:var(--o-secondary-color);font-weight:700}.featured-products{border:1px solid #dcdcdc;padding:20px}.featured-products .list{margin:20px 0 0}.featured-products .list ul,.featured-products .list li{list-style:none;padding:0;margin:0}.featured-products .list li{padding-bottom:20px}.featured-products .list li .thumb-img{border-radius:9px}.featured-products .list li .thumb-img img{width:103px;height:98px;opacity:1}.featured-products .list li h4{font-weight:500;font-size:16px;line-height:24px;color:#253d4e}.featured-supplier .supplier-main{background-color:#efefef;padding:20px 0}.featured-supplier .supplier-main .item{margin-bottom:10px}.featured-supplier .supplier-main .item .item-inner{background-color:#fff;border:1px solid #e6e6e6;border-radius:5px;padding:10px;height:65px;overflow:hidden}.featured-supplier .supplier-main .item .item-inner .thumb-img{max-width:45px;max-height:45px}.featured-supplier .supplier-main .item .item-inner a{font-weight:500;font-size:13px;line-height:19px;color:#253d4e}.supplier .supplier-list{padding:10px 0}.supplier .supplier-list .item{margin-bottom:20px}.supplier .supplier-list .item .item-inner{background-color:#f3f4f6;height:215px;padding:20px;position:relative;border-radius:5px}.supplier .supplier-list .item .item-inner .short-name{font-family:Barlow;font-weight:400;font-size:14px;line-height:20px;margin:5px 0 10px 0;display:block}.supplier .supplier-list .item .item-inner .phone,.supplier .supplier-list .item .item-inner .address{font-size:14px;line-height:20px;color:#0b0b0b;margin-bottom:5px}.supplier .supplier-list .item .item-inner a.more{position:absolute;bottom:15px;left:0;right:0;margin-left:auto;margin-right:auto;width:150px}.supplier .supplier-list .item .thumb-img{max-width:67px;max-height:67px}.supplier .supplier-info{background-color:#fff;box-shadow:0px 2px 7.8px 0px rgba(0,0,0,.1607843137)}.supplier .supplier-info.customer .col,.supplier .supplier-info.customer .col-auto{color:#fff;background-color:var(--o-secondary-color)}.supplier .supplier-info:not(.customer) .supplier-address i{color:var(--o-secondary-color)}.supplier .supplier-info .avatar{max-width:90px;max-height:90px;border-radius:5px;margin:10px 0 10px 20px}.supplier .supplier-info h2{font-weight:700;margin:10px 0}.supplier .supplier-info .supplier-address{line-height:1.5;margin-bottom:10px}.supplier .supplier-info .supplier-contact{height:100%;background-color:var(--o-secondary-color);color:#fff;position:relative;min-width:200px;padding:20px;font-weight:500;font-size:16px;line-height:24px}.supplier .supplier-info .supplier-contact i{color:#fff}.supplier .supplier-info .supplier-contact::before{content:" ";position:absolute;left:-40px;top:0;display:block;width:0;height:0;border-top:25px solid var(--o-secondary-color);border-left:40px solid rgba(0,0,0,0)}.supplier .supplier-left{width:311px}.supplier .supplier-left .supplier-contact{border:1px solid #c1c7cd;background:#f3f4f6}.supplier .supplier-left .supplier-contact .avatar{margin:20px auto;display:block;width:67px;height:67px;background:url("/images/avatar.png") no-repeat center}.supplier .supplier-left .supplier-contact .info{padding:20px 20px 10px}.supplier .supplier-left .supplier-contact .info>*{font-size:15px;line-height:22px;color:#0b0b0b;margin-bottom:5px}.supplier .supplier-profile .content{margin-top:20px;font-weight:400;font-size:14px;line-height:20px;text-align:justify}.supplier .supplier-profile .attachments{margin:20px 0}.supplier .customer-profile{margin-top:-20px;padding:0 30px}.supplier .customer-profile h1,.supplier .customer-profile h2{font-weight:700;font-size:16px}.supplier .customer-profile h2{font-weight:600;font-size:15px;margin-bottom:10px}.supplier .customer-profile div{padding:10px 0;color:#484554}.supplier .supplier-category{border:1px solid #dcdcdc;padding:20px}.supplier .supplier-category .cate-item{display:flex;padding:10px 0}.supplier .supplier-category .cate-item.level-2{font-weight:600}.supplier .supplier-category .cate-item.level-3{padding-left:20px}.supplier .supplier-category a:hover{background-color:#f5f5f5;display:block}.supplier .supplier-document .document-list .item{border-radius:12px;padding:20px;background-color:#f5f5f5;margin-bottom:20px}.supplier .supplier-document .document-list .item h2{font-size:20px;font-weight:600;margin-bottom:10px}.supplier .supplier-document .document-list .item .bref{line-height:24px;margin-bottom:10px}.supplier .supplier-document .document-list .item a{color:#08f;font-size:16px}.supplier .supplier-document .document-list .item a i{color:var(--o-secondary-color);transform:rotate(-45deg)}.supplier .supplier-document .document-list .item:nth-child(1){background:#ecf6ec}.supplier .supplier-document .document-list .item:nth-child(1) h2{color:#1e40af}.supplier .supplier-document .document-list .item:nth-child(2){background:#ebf1f9}.supplier .supplier-document .document-list .item:nth-child(2) h2{color:#166534}.supplier .supplier-document .document-list .item:nth-child(3){background:#fff4d8}.supplier .supplier-document .document-list .item:nth-child(3) h2{color:#a16207}.supplier .supplier-document .document-list .item:nth-child(4){background:#faf5ff}.supplier .supplier-document .document-list .item:nth-child(4) h2{color:#6b21a8}.supplier .supplier-document .document-list .item:nth-child(5){background:#fff5f5}.supplier .supplier-document .document-list .item:nth-child(5) h2{color:#a82121}.exhibition{--bs-aspect-ratio: 37.5%}.exhibition .item{margin-bottom:20px}.exhibition .item .item-inner{border:1px solid #ebebeb;border-radius:10px;padding:20px;position:relative;background-color:#fff;margin:5px;display:flex;flex-direction:column;height:366px}.exhibition .item .item-inner h1{font-size:16px;text-transform:uppercase;color:var(--o-secondary-color);margin-bottom:15px}.exhibition .item .item-inner h2{font-size:16px;font-weight:500;margin-bottom:10px}.exhibition .item .item-inner .thumb-img{border-radius:7px}.exhibition .item .item-inner .title{color:#484554;margin:10px 0;font-size:16px}.exhibition .item .item-inner .desc{color:#717171;font-size:14px;line-height:1.5}.exhibition .item .item-inner .desc .date,.exhibition .item .item-inner .desc .address,.exhibition .item .item-inner .desc .kiots{display:block;margin-bottom:8px}.exhibition .item .item-inner a.more{font-size:1rem;position:absolute;right:20px;bottom:20px;color:#000}.exhibition .item .item-inner a.more i{color:#f9791d}.exhibition .exhibition-detail h1{font-size:26px;font-weight:600;text-transform:uppercase;color:var(--o-secondary-color);margin-bottom:15px}.exhibition .exhibition-detail h2{font-size:24px;font-weight:700;margin-bottom:20px}.exhibition .exhibition-detail .exhibition-info{border:1px solid #d0d0d0;background-color:#f2f2f2;padding:20px}.exhibition .exhibition-detail .exhibition-info div{padding-bottom:10px;line-height:2}.exhibition .exhibition-detail .exhibition-info .label{font-weight:600}.exhibition .exhibition-detail .content img{max-width:100%}.exhibition .exhibition-related{background-color:#f5f5f5;margin-top:30px;padding:0 0 20px 0}.top-country{margin:30px 0}.top-country .country-inner{background-color:#f5f6f7;border-radius:9px;padding:20px}.top-country .country-inner .item{margin-bottom:20px}.top-country .country-inner .item:nth-child(1) .item-inner{background:#fff4d8}.top-country .country-inner .item:nth-child(2) .item-inner{background:#fceeed}.top-country .country-inner .item:nth-child(3) .item-inner{background:#ecf6ec}.top-country .country-inner .item:nth-child(4) .item-inner{background:#ebf1f9}.top-country .country-inner .item:nth-child(5) .item-inner{background:#e6e6e6}.top-country .country-inner .item:nth-child(6) .item-inner{background:#fff}.top-country .country-inner .item-inner{display:flex;align-items:center;justify-content:center;height:33px;border-radius:3px;box-shadow:0px 5px 5.6px 0px rgba(0,0,0,.1215686275)}.top-country .country-inner .item-inner .thumb-img{max-height:15px}.vanban-main .banner{background:url("/images/bg-banner-vanban.png") no-repeat left center}.vanban-main .navigation{color:#fff;font-size:18px;background-color:var(--o-third-color);padding:8px 0;display:flex;justify-content:center;align-items:center}.vanban-main .navigation .cat-name{width:100%;max-width:1200px}.vanban-main .navigation .cat-name .o-nav-cur{font-weight:600}.media-main .item h1{font-size:1rem !important}.not-found{display:flex;height:calc(100vh - 400px)}.not-found section{padding:30px 0;display:flex;align-items:center;flex-wrap:wrap;flex-direction:column}.not-found section h1,.not-found section h2{text-align:center;color:var(--o-not-found-color)}.not-found section h1{font-size:12em}.not-found section a.btn{background-color:#474848;color:#fff}ads-reg{display:block;border:1px solid #ebebeb;border-radius:10px;padding:10px 20px;margin-bottom:20px}anonymous-home main{height:calc(100vh - var(--header-height))}anonymous-home .container{max-width:800px;margin:30px auto}anonymous-home .container h1{font-weight:600;font-size:32px;line-height:38px;letter-spacing:0%;color:#253d4e}anonymous-home .container a{font-weight:500;color:var(--o-secondary-color)}anonymous-home .container a.forgot-password{margin-bottom:10px}anonymous-home .container i.suffix{color:#ccc}anonymous-home button{font-size:18px;border-radius:5px;height:54px;align-items:center;display:flex;padding:10px 30px;background-color:var(--o-secondary-color);color:#fff;font-weight:600}member-register{--input-value-background-color: #fff;--input-value-border-color: var(--bs-border-color);display:block;background:url("/images/bg-register.png") no-repeat center;mix-blend-mode:multiply;background-size:cover;padding:30px 0;height:calc(100vh - 111px)}member-register .md-label{font-weight:600}member-register button{height:46px;margin-left:20px}ocop-contact{display:block;border:1px solid #ebebeb;border-radius:10px;padding:10px 20px;margin-bottom:20px}ocop-contact h1{margin-top:20px;text-transform:uppercase;font-weight:600;font-size:18px;line-height:32px;letter-spacing:0%;color:#e52b2f}crm-home{padding:30px 0;display:block}crm-home md-tabs md-tab-content{transition:none !important;padding:20px 0}crm-home md-tabs-wrapper{background-color:#e8e8e8;height:58px;padding:0 20px}crm-home md-tabs-wrapper .md-tab{color:#253d4e;font-weight:600;font-size:18px;text-transform:initial}crm-home md-tabs-wrapper .md-tab.md-active{color:#253d4e}crm-home md-tabs-wrapper md-ink-bar{color:var(--o-primary-color);background-color:var(--o-primary-color)}ocop-quangcao.radius .thumb-img{border-radius:9px}header-search{display:flex}header-search .search{display:flex;border-radius:5px;background-color:#f3f4f6;height:48px;align-items:center;padding:0 10px;color:#666;flex:1 0 0%}header-search .search input{border:none}most-search{display:flex;width:100%;height:53px;border-top:1px solid #dfefee;border-bottom:1px solid #dfefee;align-items:center}most-search h3{color:var(--o-secondary-color);text-transform:uppercase}most-search .keyword-item{border-radius:3px;display:inline-block;gap:10px;text-align:center;box-shadow:2px -2px 9.4px 0px rgba(0,0,0,.1294117647);margin:0 5px;padding:10px 15px;color:#484554;font-weight:500}nav-right{display:block;position:relative}nav-right .header{position:relative;padding:10px 20px;font-size:20px;background-color:var(--o-third-color)}nav-right .header h1{display:flex;font-weight:800;font-size:20px;color:#fff}nav-right .body{background-color:#ededed;padding:20px 0;position:relative}nav-right .body .item{padding:10px;margin-left:10px;margin-right:10px;list-style-type:square}nav-right .body .item h2{color:#000;font-size:1rem;font-weight:500}responsive-nav a.toggle{display:flex;align-items:center;padding:0 20px;color:var(--o-text-white)}responsive-nav a.toggle:hover{text-decoration:none;color:var(--o-text-white)}ocop-simple-search{--input-value-border-color: #dfdfdf;width:100%;display:block;margin:auto;box-shadow:0px 2px 8.8px 0px rgba(0,0,0,.15);padding:10px 20px;margin-bottom:20px}ocop-simple-search input{border:1px solid var(--input-value-border-color);background-color:rgba(0,0,0,0);border-radius:5px;padding:0 5px}ocop-simple-search button{display:inline-flex;height:34px;margin-right:10px;flex-wrap:nowrap;align-items:center;border-radius:5px;width:100px;font-size:90%}ocop-simple-search h1{font-family:Barlow;font-weight:700;font-style:Bold;font-size:20px;line-height:100%;letter-spacing:0%;vertical-align:middle}ocop-simple-search .desc{font-weight:400;font-size:18px;color:var(--o-secondary-color);text-align:center}ocop-simple-search .form{padding-top:3px}ocop-slide{display:block;--bs-aspect-ratio: 46%}ocop-slide .ads{width:100%;display:block;position:relative;overflow:hidden}ocop-slide .ads .item .item-inner{border-radius:10px;padding:0;display:flex;align-items:center;justify-content:center}ocop-slide .ads .item .item-inner h4{margin:0;position:relative}ocop-slide .ads .item .item-inner h4 a{color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.25);font-size:18px;font-weight:500;display:inline-block;text-align:justify}ocop-slide .ads .item .item-inner h4 i{position:absolute;right:0;bottom:0}ocop-slide .ads .item .thumb-img{border-radius:0;overflow:initial;height:400px;width:100%;max-width:870px}ocop-slide .ads .item .thumb-img img{object-fit:fill}ocop-slide .ads .navigate{position:absolute;bottom:0%;color:#fff;top:40%;text-align:center;z-index:2;opacity:.8}ocop-slide .ads .navigate:hover{opacity:1}ocop-slide .ads .navigate.next{right:40px}ocop-slide .ads .navigate.prev{left:40px}ocop-slide .ads .bottom{bottom:20px;left:0;display:flex;flex-direction:column}ocop-slide .ads .bottom a.title{font-size:18px;font-style:normal;font-weight:500;line-height:24px;color:#484554;margin-bottom:8px}ocop-supplier-nav{display:flex;width:100%}nav.nav-member{width:100%;margin-bottom:30px;background-color:#f3f4f6}nav.nav-member ul,nav.nav-member li{margin:0;padding:0;list-style:none}nav.nav-member ul{display:flex;flex-direction:row}nav.nav-member li.item a{display:flex;align-items:center;height:40px;padding:0 24px;position:relative;color:#555}nav.nav-member li.item a:hover{background-color:#eee}nav.nav-member li.item a.actived::before{content:" ";position:absolute;background-color:#f9a41d;height:2px;bottom:0;left:0;right:0;width:80%;margin:auto}user-nav{color:var(--user-nav-color, #717171);font-size:1rem;display:flex}user-nav a{color:var(--user-nav-color, #717171)}.menu-languages,.menu-users{--mat-button-filled-container-color: transparent;--mat-button-filled-label-text-color: #555}email-alert{display:block;border:1px solid #ebebeb;border-radius:10px;padding:10px 20px;margin-bottom:20px}exhibition-reg-info{position:relative;background-color:#98ddbd;background-size:cover;border-radius:10px;display:block;padding:20px}exhibition-reg-info::after{position:absolute;content:" ";display:block;clear:both;left:0;right:0;top:0;bottom:0;background:url("/images/register-bg.png");mix-blend-mode:multiply}exhibition-reg-info h2{font-weight:700;font-style:Bold;font-size:24px;line-height:100%;letter-spacing:0%}exhibition-reg-info .o-input-group{align-items:center;display:flex;flex-direction:row;background-color:#f3f4f6;border-radius:50px;z-index:1;padding-left:20px;padding-right:0;max-width:500px}exhibition-reg-info .o-input-group md-input-container{margin:0 20px}exhibition-reg-info .o-input-group oak-input{flex:1 1 auto}exhibition-reg-info .o-input-group oak-input input.md-input{border:none}ocop-exhibition-search{--input-value-border-color: #c1c7cd;max-width:1000px;display:block;margin:auto}ocop-exhibition-search .ocop-input-group{background-color:#f3f4f6;display:flex;align-items:center;height:38px}ocop-exhibition-search .ocop-input-group input{border:none;background-color:rgba(0,0,0,0)}ocop-exhibition-search .ocop-input-group button{display:inline-flex;height:30px;margin-right:10px;flex-wrap:nowrap;align-items:center;border-radius:5px;width:100px;font-size:90%}ocop-exhibition-search h1{font-weight:700;color:#253d4e;font-size:28px;line-height:38px;text-align:center;text-transform:uppercase}ocop-exhibition-search .desc{font-weight:400;font-size:18px;color:var(--o-secondary-color);text-align:center}ocop-exhibition-search .form{padding-top:3px}ocop-banner{display:block}ocop-banner .skitter{max-width:1366px;height:542px;background-color:#fff}ocop-banner .skitter.with-dots{margin-bottom:20px}ocop-banner .skitter .info_slide_dots{position:absolute;bottom:20px;box-shadow:none}ocop-banner .skitter .info_slide_dots .image_number{background-color:#e5e5e5}ocop-banner .skitter .info_slide_dots .image_number.image_number_select{background-color:#b0fc83}ocop-banner .skitter .label_skitter{left:0;right:0;position:absolute;bottom:80px;background:rgba(0,0,0,0)}ocop-banner .skitter .label_skitter p{color:#f9ff9e;font-size:51px;font-weight:bold;text-align:center;text-shadow:1px 1px #000;font-family:Roboto}ocop-media{padding:20px 0}ocop-media h2{font-size:16px;font-weight:500;color:#555;margin-top:10px}ocop-media .header{border-bottom:2px solid var(--o-primary-color);position:relative;margin:20px 0;font-size:20px;display:flex;justify-content:space-between}ocop-media .header .link a{text-transform:uppercase;font-weight:800;font-size:20px;opacity:.4;color:#000}ocop-media .header .link a.active{opacity:1}ocop-media .header a.more{color:var(--o-primary-color);display:flex;align-items:center;font-size:16px;font-weight:600}.video{--bs-aspect-ratio: 64%}slide-show-photo{--bs-aspect-ratio: 65%}slide-show-photo h2{font-weight:500;font-size:1.2rem;line-height:1.5rem;color:#181818;margin-top:20px}slide-show-photo .cursor{cursor:pointer}slide-show-photo .prev,slide-show-photo .next{cursor:pointer;position:absolute;top:40%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-weight:bold;font-size:20px;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}slide-show-photo .next{right:0;border-radius:3px 0 0 3px}slide-show-photo .prev:hover,slide-show-photo .next:hover{background-color:rgba(0,0,0,.8)}slide-show-photo .numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}slide-show-photo .caption-container{text-align:center;background-color:#222;padding:2px 16px;color:#fff}slide-show-photo .demo{opacity:.6}slide-show-photo .active,slide-show-photo .demo:hover{opacity:1}member-profile .profile-nav{width:229px;font-size:16px}member-profile .profile-nav h1{background-color:var(--o-secondary-color);border-radius:5px;color:#fff;padding:0 20px;height:49px;align-items:center;display:flex;font-weight:600;margin-bottom:5px;font-size:18px}member-profile .profile-nav nav{padding:10px;border:1px solid #dcdcdc;border-radius:5px}member-profile .profile-nav nav a{font-weight:500;color:#484554;padding:10px;display:block}member-profile .profile-nav nav a:hover{background-color:#e8e8e8;text-decoration:none}member-profile .profile-nav nav ul,member-profile .profile-nav nav li{padding:0;margin:0;list-style:none}member-profile .profile-nav nav li{padding:0}member-profile .profile-nav nav li a.actived{font-weight:700}member-profile .profile-content h1{color:#253d4e;font-size:20px;text-transform:uppercase;font-weight:500;margin-bottom:20px}member-profile .profile-content form{width:100%;border:1px solid #dcdcdc;border-radius:7px;padding:20px}ocop-news-search{--input-value-border-color: #c1c7cd;max-width:1000px;display:block;margin:auto}ocop-news-search .ocop-input-group{background-color:#f3f4f6;display:flex;align-items:center;height:38px;width:100%}ocop-news-search .ocop-input-group input{border:none;background-color:rgba(0,0,0,0)}ocop-news-search .ocop-input-group button{display:inline-flex;height:30px;margin-right:10px;flex-wrap:nowrap;align-items:center;border-radius:5px;width:100px;font-size:90%}ocop-news-search h1{font-weight:700;color:#253d4e;font-size:28px;line-height:38px;text-align:center;text-transform:uppercase}ocop-news-search .desc{font-weight:400;font-size:18px;color:var(--o-secondary-color);text-align:center}ocop-news-search .form{padding-top:3px}product-filter{display:block;margin-top:20px}product-filter .total-items{font-weight:600;color:var(--o-secondary-color)}review-main .result{border:1px solid #c1c7cd;border-radius:5px;padding:20px 10px}review-main .result .inner{display:flex;align-items:center;flex-direction:column}review-main .result .total h1{font-weight:500;font-style:Medium;font-size:45px;line-height:38px;text-align:center;margin-bottom:30px}review-main .result .distribution,review-main .result .total{border-right:1px solid #c1c7cd}review-main .result .new-rate{display:flex;justify-content:center}review-product{border:1px solid #c1c7cd;display:block}review-product .result{border-radius:5px;padding:20px 10px}review-product .result .inner{display:flex;align-items:center;flex-direction:column}review-product .result .total .average-rating{font-weight:500;font-style:Medium;font-size:45px;line-height:38px;text-align:center;margin-bottom:30px}review-product .result .total .average-rating span{font-size:25px;font-weight:400;color:#666}review-product .result .new-rate{display:flex;justify-content:center}user-rate h1{margin-top:0 !important}user-rate .title{font-weight:700;font-style:Bold;font-size:24px}rating-list .product-review{padding:20px}rating-list .list-inner:not(.product-review){border:1px solid #c1c7cd}rating-list .list-inner:not(.product-review) h2.title{border-bottom:1px solid #c1c7cd}rating-list .list-inner{border-radius:5px;margin-top:20px;display:block}rating-list h2.title{padding:20px 10px;font-weight:600;font-size:18px}rating-list .item{padding:20px 10px;margin-bottom:20px}rating-list .item .thumb-img{height:50px}rating-list .item .username{font-size:16px;font-weight:600;padding-left:10px;margin-bottom:10px}rating-list .item .date{font-weight:500;font-style:Medium;font-size:16px}rating-list .item .content{font-weight:400;font-size:16px;line-height:34px;letter-spacing:0%}rating-list .item .replied-content{font-weight:400;font-size:16px;line-height:34px;letter-spacing:0%;background-color:rgba(152,221,188,.2);padding:10px;border-radius:10px}rating-list .item .replied-content h3{font-size:16px;font-weight:600}rating-supplier-list h2.title{padding:20px 10px;font-weight:600;font-size:18px;border-bottom:1px solid #c1c7cd}rating-supplier-list button.btn-rate{font-weight:600}rating-supplier-list .item{padding:10px;margin-bottom:20px;border:1px solid #c1c7cd;border-radius:5px;margin-top:20px;display:block}rating-supplier-list .item .thumb-img{height:50px}rating-supplier-list .item .username{font-size:16px;font-weight:600;margin-bottom:10px}rating-supplier-list .item .date{font-weight:500;font-style:Medium;font-size:14px;color:#484554}rating-supplier-list .item .content{font-weight:400;font-size:16px;line-height:34px;letter-spacing:0%}rating-supplier-list .item .replied-content{font-weight:400;font-size:16px;line-height:34px;color:var(--o-secondary-color)}rating-supplier-list .item .replied-content h3{font-size:16px;font-weight:600}vanban-main{margin-bottom:50px;--o-grid-toolbar-bg-color: var(--o-primary-color);--o-font-size: 1rem;--o-grid-font-size: 1rem}vanban-main .o-grid-toolbar{color:#fff}vanban-main .o-grid-toolbar label.title{font-weight:500;margin:6px 0;margin-left:20px !important}vanban-main thead th{color:#6c757d !important;font-weight:600 !important}vanban-main h2{color:var(--o-primary-color);font-size:2rem;font-weight:700}vanban-main .search-box{background-color:#d2ecd9;border-radius:10px;color:#181818;padding:20px 20px 10px 20px;font-size:1rem;font-weight:500;margin-bottom:20px}vanban-main .search-box button{border:none;background-color:var(--o-primary-color);color:#fff;font-size:18px;font-weight:500;padding:8px 20px;border-radius:5px}vanban-main .search-box input{border:1px solid #ccc;background-color:#fff}vanban-main .search-box .md-select-value{background-color:#fff}vanban-main .search-box label{line-height:40px}vanban-main .search-box .label{max-width:160px}vanban-main .search-box .label label{width:100%;height:40px;margin-bottom:22px}