.header-nav.header-product .header-wrapper{width:1499.44px;border-bottom:none !important}.product-new{height:60px !important;--navWrap: 50px;--navMenuGap: 20px 35px;--navNameSize: 16px;--navItemSize: 14px;--navFamily: "Lexend", Arial, "Microsoft Yahei", sans-serif}.product-new .nav-menu-bg{position:relative;z-index:1;border-radius:8px;background:rgba(255,255,255,0.98)}.product-new .nav-menu-bg::after{content:'';display:block;position:absolute;z-index:0;width:100%;height:100%;border-radius:inherit;background-color:inherit}.product-new .nav-menu-bg::before{content:'';display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:inherit;background-color:#000;opacity:0.18;filter:blur(8px)}.product-new .header-wrapper{padding:0 20px !important;height:100% !important;margin:0 auto;width:1500px;display:flex;justify-content:center !important;align-items:center !important;column-gap:var(--navWrap);position:relative;z-index:10}.product-new .sec_left{flex-shrink:0;width:95px;align-items:flex-start}.product-new .sec_left .nav-logo{width:40px !important;height:40px !important}.product-new .sec_left .nav-logo>img{width:100% !important;max-width:100% !important;height:auto !important}.product-new .sec_right{display:flex;align-items:center;justify-content:space-between;height:100%;gap:10px;flex:1 1 0}.product-new .sec_box{display:flex;align-items:center;height:100%;justify-content:flex-end;gap:8px}.product-new .button-combe.button.btn-primary.btn-not{margin:0 !important;border-radius:9999px;padding:0 9px !important}.product-new .button-combe.button.btn-primary.btn-not .arrow-new{flex-shrink:0}.product-new .nav-right a.small{border-radius:9999px !important;border:none !important;padding:0 9px !important;margin:0 !important}.product-new .nav-right a.small .arrow-new{flex-shrink:0}.product-new .nav-menu{display:flex;align-items:center;justify-content:center;gap:var(--navMenuGap);height:100%}.product-new .nav-menu .nav-secondary{position:absolute;z-index:-2;top:calc(60px + 5px);left:-25px;margin:0 auto;width:max-content;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s;border-radius:8px;cursor:default}.product-new .nav-menu .nav-list{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all 0.3s;height:100%;color:#1E1C2C;font:500 var(--navNameSize)/1.2 var(--navFamily)}.product-new .nav-menu .nav-list.under_arrow::before,.product-new .nav-menu .nav-list.under_arrow::after{display:none}.product-new .nav-menu .nav-list.under_arrow .nav-link{position:relative;display:inline-block}.product-new .nav-menu .nav-list.under_arrow .nav-link::after{content:'';position:absolute;left:0;right:0;bottom:-3px;width:100%;height:3px;background:#fff;transform:scale(0);transition:all 0.3s}.product-new .nav-menu .nav-list.under_arrow:hover .nav-link::after{transform:scale(1);transition:all 0.3s}.product-new .nav-menu .nav-list::before{content:'';display:block;position:absolute;left:0;right:0;bottom:-6px;z-index:-2;margin:0 auto;height:6px}.product-new .nav-menu .nav-list::after{content:'';display:block;width:12px;height:6px;flex-shrink:0;transition:transform 0.3s;background:url(../images/common/arrow-down-pc-white.png) center center no-repeat}.product-new .nav-menu .nav-list:hover::after{transform:rotate(-180deg);transition:transform 0.3s}.product-new .nav-menu .nav-list:hover .nav-secondary{z-index:2;grid-template-rows:1fr}.product-new .nav-menu .nav-list:hover .nav-item{display:block !important}.product-new .nav-menu .nav-list .fb2{cursor:pointer;color:#fff;font:500 var(--navNameSize)/1.2 var(--navFamily);text-decoration:none;white-space:nowrap}.product-new .nav-menu .nav-list .fb2 i{display:none !important}.product-new .nav-menu .nav-item{position:relative;z-index:1;padding:0;margin:0;grid-row:1 / span 2;overflow:hidden;height:auto !important;max-height:none !important;transition:none !important;display:none !important}.product-new .nav-menu .nav-item>a{display:block;position:relative;padding:7px 25px;margin-bottom:5px;color:#1E1C2C;font:500 var(--navItemSize)/1.2 var(--navFamily);white-space:nowrap;cursor:pointer}.product-new .nav-menu .nav-item>a:hover{color:#0054FF}.product-new .nav-menu .nav-item>a:hover::before{z-index:1;transform:scaleY(1);opacity:1;visibility:visible;transition:all 0.3s ease}.product-new .nav-menu .nav-item>a em,.product-new .nav-menu .nav-item>a span,.product-new .nav-menu .nav-item>a i{font:inherit;color:inherit;font-style:normal}.product-new .nav-menu .nav-item>a:first-child{margin-top:22px}.product-new .nav-menu .nav-item>a:last-child{margin-bottom:25px}.product-new .nav-menu .nav-item>a::before{content:'';display:block;position:absolute;top:0;left:0px;z-index:-1;width:4px;height:100%;background-color:#0054FF;transform:scaleY(0);opacity:0;visibility:hidden;transition:all 0.3s ease}@media (min-width: 1440px) and (max-width: 1600px){.header-nav.header-product .header-wrapper{width:100%}.product-new{--navWrap: 30px;--navMenuGap: 10px 20px;--navNameSize: 14px;--navItemSize: 12px}}@media (min-width: 1280px) and (max-width: 1439px){.header-nav.header-product .header-wrapper{width:100%}.product-new{--navWrap: 20px;--navMenuGap: 16px;--navNameSize: 12px;--navItemSize: 12px}.product-new .header-wrapper{justify-content:space-between !important}}@media (min-width: 769px) and (max-width: 1279px){.header-nav.header-product .header-wrapper{width:100%}.product-new{--navWrap: 20px;--navMenuGap: 16px;--navNameSize: 14px;--navItemSize: 12px}.product-new .header-wrapper{justify-content:space-between !important}}@media (max-width: 768px){.header-nav.header-product .header-wrapper{width:100%}.product-new{background-color:#1e1c2c;height:50px !important;--navWrap: 50px;--navMenuGap: 20px 35px;--navNameSize: 16px;--navItemSize: 14px}.product-new .header-wrapper{padding-right:0 !important;width:100%;justify-content:space-between !important;background:inherit}.product-new .sec_left{width:58px}.product-new .sec_left .nav-logo{margin-left:0 !important;width:30px !important;height:30px !important}.product-new .sec_left .nav-logo>img{width:100% !important;max-width:100% !important;height:auto !important}.product-new .sec_box{display:none !important}.product-new .nav-menu{position:absolute;top:-1000%;left:0;right:0;z-index:-999;padding-top:0;margin:0 auto;width:100%;height:auto;border-top:1px solid #e5e4e9;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.5s, transform 0.5s ease;transition:transform 0.5s ease;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:0}.product-new .nav-menu.show{top:50px;z-index:100001;opacity:1;visibility:visible;border-top:1px solid #3a3a51;background:#1e1c2c}.product-new .nav-menu .nav-secondary{top:calc(50px + 5px);left:0px;border-radius:0px;background:inherit}.product-new .nav-menu .nav-secondary::before{display:none}.product-new .nav-menu .nav-list{flex-direction:column;padding:22px 16px;width:100%;text-align:left;justify-content:center;align-items:flex-start;border-bottom:1px solid #3a3a51}.product-new .nav-menu .nav-list.under_arrow{padding:0}.product-new .nav-menu .nav-list.under_arrow .nav-link{padding:22px 16px;width:100%;height:100%}.product-new .nav-menu .nav-list.under_arrow .nav-link::after{display:none}.product-new .nav-menu .nav-list::after{position:absolute;top:0;right:0;width:50px;height:50px}.product-new .nav-menu .nav-list:hover .nav-secondary{z-index:-2;grid-template-rows:0fr}.product-new .nav-menu .nav-list:hover .nav-item{display:none !important}.product-new .nav-menu .nav-list:hover::after{transform:rotate(0deg)}.product-new .nav-menu .nav-list.active{background:#292736}.product-new .nav-menu .nav-list.active::after{transform:rotate(-180deg);transition:transform 0.3s}.product-new .nav-menu .nav-list.active .nav-secondary{position:relative;top:0;left:0;right:0;width:100%;z-index:2;grid-template-rows:1fr}.product-new .nav-menu .nav-list.active .nav-item{display:block !important}.product-new .nav-menu .nav-item>a{color:#fff;margin-bottom:10px}.product-new .mobile-nav,.product-new .mobile-close{width:50px;height:50px}.product-new .mobile-nav .navIcon,.product-new .mobile-nav .claseIcon,.product-new .mobile-close .navIcon,.product-new .mobile-close .claseIcon{width:100% !important;height:100% !important}}
