.nav{width:100%;height:auto;padding:2px;background-color:#fff}.nav-item{height:40px;text-align:center;margin:0 4px}h3.nav-link{margin:0;line-height:40px;padding:0}.nav-link{font-size:16px;font-weight:400;padding:8px;color:#5a5a5a}.nav-link.active{color:#009e40;font-weight:400}.nav-link:hover{color:#333;border-bottom:dashed 1.2pt #333}.nav-item-logo{width:138px}.nav-item-logo:hover{border-bottom:dashed 0 rgba(255,255,255,0)}.nav-item-search{width:24px;margin-left:22px;line-height:40px}.nav-item-search{margin-left:10px;max-width:190px}.nav-item-search:hover{border-bottom:dashed 0 rgba(255,255,255,0)}.nav-item-search{width:100%;position:relative}.nav-item-search [name=navsearch]{float:left;margin:5px 0 0;width:100%;height:32px;line-height:32px;border:1px solid #ddd;border-radius:5px;padding-left:30px;font-size:14px}.nav-item-search [name=navsearch]+img{position:absolute;left:10px;top:12px}.nav-item-search .clearkeyword{position:absolute;top:12px;right:0;display:none;cursor:pointer}.nav-item-search .clearkeyword.active{display:inline-block}.nav-item i.fa{font-size:20px;position:relative;top:2px}.nav-item:hover .nav-link,.nav-pop:hover h3 a{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.nav-pop{display:none;width:185px;margin-top:-1px;position:absolute;z-index:100;flex-direction:column;text-align:left;background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 0 10px #aaa}.nav-pop a,.nav-pop button{color:#000;padding:5px}.nav-pop a:hover,.nav-pop button:hover{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.nav-link{cursor:pointer}.nav-link .fa-angle:before{content:""}.nav-link:hover .fa-angle:before,.nav-link.active .fa-angle:before{content:""}.nav-link.nav-link-flashdeal{color:#ff4109}.nav-link.nav-link-seller{color:#5a5a5a}.nav-link-user{padding:0}.nav-link-user .user-img{width:40px;height:40px;object-fit:cover;border-radius:50%}.nav-link.nav-link-flashdeal .icon-menu-flashdeal{display:inline;width:24px;height:24px;margin-right:4px;position:relative}.nav-link.nav-link-flashdeal .icon-menu-flashdeal:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);padding-left:24px;margin-right:4px;background-repeat:no-repeat;background-position:center;background-image:url(/assets/images/icons/navbar/flashdeal.svg)}.nav-close{display:none}.navbar-light .navbar-toggler{border:none;position:relative}.navbar-ligh t .navbar-toggler:before{content:"";display:inline-block;width:3px;height:6px;background-color:#fff;position:absolute;top:11px;right:16px}.navmobile_search{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#eee;display:none}.navmobile_search.active{display:block}.navmobile_search-header{background-color:#fff;height:68px;display:flex;justify-content:space-evenly;align-items:center}.navmobile_search-header input{line-height:30px;border-radius:6px;border:1px solid #CCC;width:80%;padding-left:8%}.navmobile_search-header img:nth-child(3){position:absolute;left:17%}#navsearchresult.active{display:inline-block}#navsearchresult{display:none;position:absolute;background-color:#fff;width:300px;left:calc((300px - 100%)/-2);top:38px;z-index:10;box-shadow:1px 0 10px #00000042;border-radius:5px;padding:20px 25px 0 30px}#navsearchresult *{font-size:14px;line-height:18px;color:#616d80}#navsearchresult .keyword *,#navsearchresult .sibling *{line-height:26px}#navsearchresult .keyword label,#navsearchresult .sibling label{margin-right:5px}#navsearchresult .keyword i,#navsearchresult .sibling i{font-style:normal;background-color:#76e3a2;color:#000;padding:0 5px}#navsearchresult label{margin:0}#navsearchresult .items>div{border-bottom:1px solid #dce1e6;padding:10px 0;width:100%}#navsearchresult .items>div:first-child{padding-top:5px}#navsearchresult .items a{font-size:18px;color:#000;line-height:30px;height:30px;overflow:hidden;display:block}#navsearchresult .items a i{font-size:18px;font-style:normal;color:#000;background-color:#76e3a2}#navsearchresult .more{justify-content:center}#navsearchresult .more a,#navsearchresult .more button{color:#009e40;font-size:16px;padding:15px 0}#navsearchresult .more button{border:none;background-color:transparent}#navsearchresult2.active{display:inline-block}#navsearchresult2{display:none;position:absolute;width:300px;left:calc((300px - 100%)/-2);top:68px;z-index:10;padding:20px 25px 0 30px}#navsearchresult2 *{font-size:14px;line-height:18px;color:#616d80}#navsearchresult2 .keyword *,#navsearchresult2 .sibling *{line-height:26px}#navsearchresult2 .keyword label,#navsearchresult2 .sibling label{margin-right:5px}#navsearchresult2 .keyword i,#navsearchresult2 .sibling i{font-style:normal;background-color:#76e3a2;color:#000;padding:0 5px}#navsearchresult2 label{margin:0}#navsearchresult2 .items>div{border-bottom:1px solid #dce1e6;padding:10px 0;width:100%}#navsearchresult2 .items>div:first-child{padding-top:5px}#navsearchresult2 .items a{font-size:18px;color:#000;line-height:30px;height:30px;overflow:hidden;display:block}#navsearchresult2 .items a i{font-size:18px;font-style:normal;color:#000;background-color:#76e3a2}#navsearchresult2 .more{justify-content:center}#navsearchresult2 .more a,#navsearchresult2 .more button{color:#009e40;font-size:16px;padding:15px 0}#navsearchresult2 .more button{border:none;background-color:transparent}@media only screen and (min-width: 767px){.nav-link:hover{border-bottom:none!important}.nav-link:hover+.nav-pop,.nav-pop:hover{display:flex}}@media only screen and (max-width: 991px){#mainlogo{display:none!important}}@media only screen and (max-width: 767px){#topMenu{width:calc(100% - 80px);box-shadow:80px 0 #0000004d}#topMenu{background-color:#fafafa}#topMenu>ul{background-color:transparent}#topMenu .nav-item{margin:0;padding:0 20px;height:auto;border-bottom:1px dotted #dce1e6;position:relative}#topMenu .nav-item a,.nav-item h3{padding:0;line-height:55px;height:auto}#topMenu .nav-item i.fa{position:absolute;top:13px;right:20px;font-size:24px;color:#777}.nav{display:block;width:100%;height:100vh;overflow:scroll}.nav-item{text-align:left}.nav-item{padding-top:10px}.nav-item a,.nav-item h3{line-height:40px}.nav-link{padding:unset}.nav-link:hover{color:#333;border-bottom:dashed 1.2pt #333}.navbar-collapse{position:absolute;z-index:10000;top:0;left:0;background-color:#fff}.navbar-collapse.collapsing{height:auto;-webkit-transition:left .3s ease;-o-transition:left .3s ease;-moz-transition:left .3s ease;transition:left .3s ease;left:-100%}.navbar-collapse.show{left:0;-webkit-transition:left .3s ease-in;-o-transition:left .3s ease-in;-moz-transition:left .3s ease-in;transition:left .3s ease-in}.nav-close{display:block;width:297px;height:88px}.nav-link:hover{border-bottom:none!important}.nav-link:hover+.nav-pop,.nav-pop:hover{display:flex}.nav-link,.nav-link.mobile-active{border-bottom:none!important}.nav-link.mobile-active+.nav-pop,.nav-pop.mobile-active{display:flex}.nav-link.mobile-active .fa-angle:before{content:""}.navbar{padding:10px;align-items:center}.nav-item:hover{background-color:#eff5ff}.nav-pop{position:inherit;padding:0 0 0 20px;box-shadow:none;background-color:transparent}.app-navbar .navbar-search{width:100px;text-align:right;padding-right:10px}}