/** * NukeViet Content Management System * @version 4.x * @author VINADES.,JSC * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved * @license GNU/GPL version 2 or any later version * @see https://github.com/nukeviet The NukeViet CMS GitHub project */ /* Các tùy chỉnh CSS của giao diện nên để vào đây */ /* Đông Á frontend overrides */ body{background:#fff;color:#20242a} .section-header-bar{background:#151b21!important} .section-nav{background:#d7070c!important} #menusite .bg{background:#d7070c!important} #menusite .navbar-default{background:#d7070c!important;border:0!important} #menusite .navbar-default .navbar-nav>li>a{color:#fff!important;font-weight:700;text-transform:uppercase} #menusite .navbar-default .navbar-nav>li>a:hover,#menusite .navbar-default .navbar-nav>.active>a{background:#aa0509!important} .section-header #header{min-height:92px} .section-header .logo img{max-height:78px} .da-home{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw} .da-home>.container{max-width:1200px} @media(max-width:767px){.da-home{width:auto;left:auto;right:auto;margin-left:0;margin-right:0}.section-header .logo img{max-width:220px;height:auto}} /* DONG A 2-LINE BUSINESS THEME */ :root{--da-red:#d90712;--da-dark:#151b22;--da-yellow:#f1bd27;--da-border:#e5e7eb;--da-muted:#667085} html,body{overflow-x:hidden}body{font-family:Arial,"Helvetica Neue",sans-serif;background:#fff!important;color:#222}.wraper,.container{width:auto!important;max-width:none!important;padding:0!important}.section-body.da-page-body>.da-shell{max-width:1200px;margin:0 auto;padding:0 15px}.da-shell,.da-container{width:100%;max-width:1200px;margin:0 auto;padding-left:15px;padding-right:15px}.da-site-header{background:#fff}.da-topline{background:var(--da-dark);color:#fff;font-size:12px}.da-topline .da-shell{min-height:30px;display:flex;align-items:center;justify-content:space-between}.da-topline a{color:#fff}.da-header-main{padding:14px 0}.da-header-grid{display:grid;grid-template-columns:330px minmax(240px,1fr) 220px;gap:35px;align-items:center}.da-brand{display:flex;align-items:center;gap:12px;color:#bd1118!important;text-decoration:none!important}.da-brand-mark{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#d9232c,#a8070d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex:0 0 auto}.da-brand strong{font-size:22px;line-height:1.05;display:block}.da-brand small{display:block;color:#333;font-size:13px;margin-top:4px}.da-header-search{height:42px;display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden}.da-header-search input{border:0;flex:1;padding:0 15px;outline:0}.da-header-search button{width:54px;border:0;background:var(--da-red);color:#fff;font-size:18px}.da-hotline{display:flex;align-items:center;gap:10px;color:var(--da-red)}.da-hotline>i{font-size:30px}.da-hotline span{font-size:11px;color:#555}.da-hotline strong{display:block;color:var(--da-red);font-size:16px}.da-menu-wrap{background:var(--da-red)}.da-menu{min-height:60px}.da-menu .navbar,.da-menu .navbar-default{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.da-menu .navbar-nav>li>a{color:#fff!important;font-weight:700;text-transform:uppercase;padding:15px 22px!important}.da-menu .navbar-nav>li>a:hover,.da-menu .navbar-nav>.active>a,.da-menu .navbar-nav>.open>a{background:#b30810!important;color:#fff!important}.da-menu .dropdown-menu{border-top:3px solid var(--da-yellow)}.da-page-body{background:#fff!important}.da-breadcrumb{padding:12px 0;border-bottom:1px solid var(--da-border);margin-bottom:20px}.da-breadcrumb ul{margin:0;padding:0;display:flex;gap:8px}.da-breadcrumb li+li:before{content:"/";margin-right:8px;color:#999} .da-home{width:100vw;position:relative;left:50%;margin-left:-50vw}.da-hero{height:470px;position:relative;overflow:hidden;background:#111}.da-slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-size:cover;background-position:center;transition:opacity .7s ease,visibility .7s ease}.da-slide.active{opacity:1;visibility:visible}.da-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,16,.92) 0%,rgba(5,10,16,.65) 45%,rgba(5,10,16,.08) 78%)}.da-slide-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:86px 15px;color:#fff}.da-kicker,.da-section-label{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--da-red)}.da-kicker{color:var(--da-yellow)}.da-slide h1{font-size:48px;text-transform:uppercase;margin:14px 0 0;font-weight:800}.da-slide h2{font-size:34px;text-transform:uppercase;color:var(--da-yellow);margin:5px 0 18px;font-weight:800}.da-slide p{max-width:580px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.88)}.da-actions{display:flex;gap:12px;margin-top:25px}.da-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--da-red);background:var(--da-red);color:#fff!important;padding:11px 20px;border-radius:3px;font-weight:700;text-transform:uppercase;text-decoration:none!important;transition:.25s}.da-btn:hover{background:#b40810;transform:translateY(-2px)}.da-btn-ghost{background:transparent;border-color:#fff}.da-btn-light{background:#fff;color:var(--da-red)!important;border-color:#fff}.da-btn-outline{background:#fff;color:var(--da-red)!important}.da-hero-prev,.da-hero-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:44px;height:44px;background:rgba(255,255,255,.18);color:#fff;font-size:28px}.da-hero-prev{left:24px}.da-hero-next{right:24px}.da-dots{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.da-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#fff;opacity:.7}.da-dot.active{background:var(--da-red);opacity:1}.da-features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0}.da-feature{display:flex;align-items:center;gap:13px;padding:12px;transition:.25s}.da-feature:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.da-feature>i{width:48px;height:48px;border-radius:50%;border:1px solid var(--da-red);display:flex;align-items:center;justify-content:center;color:var(--da-red);font-size:20px;transition:.25s}.da-feature:hover>i{background:var(--da-red);color:#fff;transform:rotate(8deg)}.da-feature strong,.da-feature span{display:block}.da-feature span{font-size:12px;color:var(--da-muted);margin-top:4px}.da-intro{border:1px solid var(--da-border);display:grid;grid-template-columns:1fr 1.15fr;gap:30px;padding:30px;margin:12px 0 38px}.da-intro-text{align-self:center}.da-heading{font-size:27px;font-weight:800;text-transform:uppercase;color:#20242a;margin:7px 0 19px;position:relative;padding-bottom:12px}.da-heading:after{content:"";position:absolute;left:0;bottom:0;width:55px;height:3px;background:var(--da-red)}.da-intro p{line-height:1.7;color:#4b5563}.da-text-link{color:var(--da-red)!important;font-weight:700}.da-sector-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-height:260px}.da-sector{background-size:cover;background-position:center;position:relative;overflow:hidden}.da-sector:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.8))}.da-sector span{position:absolute;z-index:2;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-weight:800;font-size:24px;text-shadow:0 2px 4px #000;transition:.25s}.da-sector:hover span{transform:translateY(-7px);color:var(--da-yellow)}.da-products-news{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-bottom:35px}.da-title-row{display:flex;align-items:flex-end;justify-content:space-between}.da-title-row>a{color:var(--da-red);font-weight:700}.da-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.da-product{border:1px solid var(--da-border);background:#fff;transition:.25s}.da-product:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08);border-color:#f2a9ad}.da-product img{width:100%;height:185px;object-fit:contain;padding:12px;transition:.3s}.da-product:hover img{transform:scale(1.06)}.da-product-body{padding:13px}.da-product h3{font-size:15px;line-height:1.45;min-height:44px;margin:0 0 5px}.da-product h3 a{color:#222}.da-price{color:var(--da-red);font-weight:800;margin:8px 0 12px}.da-product-actions{display:flex;gap:7px}.da-product-actions .da-btn{font-size:11px;padding:8px 10px;flex:1}.da-news{border:1px solid var(--da-border);padding:18px}.da-news .da-heading{font-size:22px}.da-news-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.da-news-item:last-child{border-bottom:0}.da-news-item img{width:92px;height:64px;object-fit:cover}.da-news-item a{font-weight:700;color:#222!important;line-height:1.4}.da-news-item small{display:block;color:#999;margin-top:7px}.da-news-text{padding-left:0}.da-management{background:linear-gradient(120deg,#181e25,#2a333e);color:#fff;padding:35px 40px;margin:20px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:30px}.da-management h2{font-size:28px;margin:8px 0}.da-management p{margin:0;color:rgba(255,255,255,.72);max-width:700px}.da-section-label.light{color:var(--da-yellow)}.da-quote{background:linear-gradient(90deg,#c90911 0,#d90712 30%,#171e26 30%);color:#fff;display:grid;grid-template-columns:30% 70%;align-items:center;margin-bottom:30px}.da-quote>div{padding:22px 26px}.da-quote h3{font-size:20px;text-transform:uppercase;margin:0 0 5px}.da-quote p{margin:0;color:rgba(255,255,255,.8)}.da-quote-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:20px}.da-quote-form input,.da-quote-form select{height:42px;border:0;padding:0 12px;color:#333}.da-footer{background:#171e25;color:#fff;margin-top:40px}.da-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:35px;padding-top:38px;padding-bottom:34px}.da-footer h4{text-transform:uppercase;font-weight:800;margin:0 0 15px}.da-footer p,.da-footer a{color:rgba(255,255,255,.68)!important;line-height:1.7}.da-brand-footer{color:#fff!important}.da-brand-footer strong{font-size:14px;line-height:1.45}.da-subscribe{display:flex}.da-subscribe input{min-width:0;flex:1;height:39px;border:0;padding:0 10px;color:#222}.da-subscribe button{border:0;background:var(--da-red);color:#fff;font-weight:700;padding:0 12px}.da-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:13px 0;color:rgba(255,255,255,.5);font-size:12px} @media(max-width:991px){.da-header-grid{grid-template-columns:1fr 1fr}.da-hotline{display:none}.da-features{grid-template-columns:repeat(2,1fr)}.da-product-grid{grid-template-columns:repeat(2,1fr)}.da-products-news{grid-template-columns:1fr}.da-news{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.da-news>.da-section-label,.da-news>.da-heading{grid-column:1/-1}.da-footer-grid{grid-template-columns:repeat(2,1fr)}.da-quote{grid-template-columns:1fr;background:#171e26}.da-quote>div{background:var(--da-red)}.da-quote-form{grid-template-columns:1fr 1fr}} @media(max-width:767px){.da-topline{display:none}.da-header-grid{display:block}.da-brand{margin-bottom:12px}.da-brand strong{font-size:17px}.da-brand-mark{width:48px;height:48px}.da-menu-wrap{min-height:48px}.da-slide-inner{padding:60px 25px}.da-slide h1{font-size:33px}.da-slide h2{font-size:24px}.da-slide p{font-size:15px}.da-hero{height:430px}.da-hero-prev,.da-hero-next{display:none}.da-features{grid-template-columns:1fr 1fr}.da-intro{grid-template-columns:1fr;padding:20px}.da-sector-grid{min-height:220px}.da-product-grid{grid-template-columns:1fr 1fr}.da-product img{height:150px}.da-news{grid-template-columns:1fr}.da-management{display:block;padding:28px 22px}.da-management .da-btn{margin-top:18px}.da-quote-form{grid-template-columns:1fr}.da-footer-grid{grid-template-columns:1fr}.da-page-body .da-shell{padding-left:10px;padding-right:10px}} @media(max-width:480px){.da-features,.da-product-grid{grid-template-columns:1fr}.da-sector-grid{grid-template-columns:1fr;min-height:420px}.da-product img{height:200px}} /* FIX 2026-07-22: Đồng nhất toàn bộ màu chân trang Đông Á. * Ghi đè CSS #footer của theme mặc định NukeViet để tránh nền xanh, * gradient, viền và khoảng đệm thừa ở phần cuối trang. */ html body footer#footer.da-footer, html body #footer.da-footer { width: 100% !important; min-height: 0 !important; margin: 40px 0 0 !important; padding: 0 !important; border: 0 !important; background: #171e25 !important; background-color: #171e25 !important; background-image: none !important; box-shadow: none !important; color: #ffffff !important; } html body #footer.da-footer .da-footer-grid { background: #171e25 !important; background-image: none !important; } html body #footer.da-footer .da-footer-bottom { margin: 0 !important; border-top: 1px solid rgba(255,255,255,.10) !important; border-bottom: 0 !important; background: #171e25 !important; background-color: #171e25 !important; background-image: none !important; color: rgba(255,255,255,.62) !important; } html body #footer.da-footer .da-footer-bottom .da-shell { background: transparent !important; } html body #footer.da-footer h3, html body #footer.da-footer h4 { color: #ffffff !important; } html body #footer.da-footer p, html body #footer.da-footer a { color: rgba(255,255,255,.72) !important; }