.header-container{padding:20px 0}.header-container .link-container{display:flex;justify-content:flex-end;gap:10px}.header-container .link-container a,.header-container .link-container p{display:flex;align-items:center;font-size:12px;line-height:1}.header-container .link-container a::before,.header-container .link-container p::before{content:"";display:block;margin-right:2px;width:12px;height:12px;background-size:contain;background-repeat:no-repeat}.header-container .link-container a[data-value=weblogo]::before,.header-container .link-container p[data-value=weblogo]::before{background-image:}.header-container .link-container a[data-value=logo]::before,.header-container .link-container p[data-value=logo]::before{background-image:}.header-container .center-container{display:grid;grid-template-columns:330px 1fr;align-items:center}.header-container .center-container .logo{width:100%}.header-container .center-container .logo img{width:100%}.header-container .center-container .other-container{margin-left:auto;margin-top:20px;display:flex;align-items:center;gap:30px}.header-container .center-container .other-container .search-container{overflow:hidden;display:flex;align-items:center;border:1px solid #dedede;border-radius:8px;background-color:#fafafa}.header-container .center-container .other-container .search-container input{vertical-align:middle;border:none;padding:12px;font-size:18px;background-color:rgba(0,0,0,0)}.header-container .center-container .other-container .search-container a{padding:8px 12px;font-size:30px;color:#dedede}.header-container .center-container .other-container .menu-container{display:flex;text-align:center}.header-container .center-container .other-container .menu-container .always-login,.header-container .center-container .other-container .menu-container .always-login-out{font-size:20px;font-weight:700;margin:auto 0;background-color:var(--color-primary);color:#fff;border-radius:8px;padding:4px 12px}.header-container .center-container .other-container .menu-container a{padding:0 10px}.header-container .center-container .other-container .menu-container a:not(:last-child){border-right:1px solid var(--color-primary)}.header-container .center-container .other-container .menu-container a i{font-size:30px;color:var(--color-primary)}.header-container .center-container .other-container .menu-container a img{width:30px;height:30px;-o-object-fit:none;object-fit:none}.header-container .center-container .other-container .menu-container a p{margin-top:4px}.header-container .nav-container{margin-top:20px;background-color:var(--color-primary)}.header-container .nav-container ul{position:relative;display:grid;grid-template-columns:repeat(5, 1fr)}.header-container .nav-container ul li{padding:12px}.header-container .nav-container ul li>a{display:block;color:#fff;font-size:24px;font-weight:700;text-align:center}.header-container .nav-container ul li>a i{display:none}.header-container .nav-container ul li>div{overflow:hidden;position:absolute;display:none;flex-wrap:wrap;gap:20px;left:0;top:100%;width:100%;height:0;padding:0 24px;background-color:#fff;border:1px solid #dedede;box-shadow:2px 0 8px rgba(81,0,10,.2980392157);transition:all .3s}.header-container .nav-container ul li>div a{font-size:18px;color:var(--color-text)}.header-container .nav-container ul li:hover{background-color:#8f0011}.header-container .nav-container ul li:hover>div{padding:16px 24px;height:auto;z-index:2}@media(max-width: 992px){.header-container .center-container{margin-top:20px;display:flex;flex-direction:column}.header-container .center-container .logo{max-width:200px}.header-container .center-container .other-container{gap:10px;margin-left:unset}}@media(max-width: 576px){.header-container{padding-top:0}.header-container .link-container{display:none}.header-container .center-container .other-container{margin-left:unset;flex-direction:column;gap:10px}.header-container .center-container .other-container .search-container{order:2}.header-container .center-container .other-container .search-container input{padding:6px 12px;font-size:16px}.header-container .center-container .other-container .search-container a{font-size:20px}.header-container .center-container .other-container .menu-container a{order:1;font-size:12px}.header-container .center-container .other-container .menu-container a img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}}