@keyframes underline-animation-data-v-3970105c{0%{width:100%}30%{width:0}60%{width:100%;background-color:#ea5532}to{left:0;background-color:#ea5532}}.sticky[data-v-3970105c]{position:sticky;top:0}.sideBar-area[data-v-3970105c]{display:block;width:100%;margin:0 0 250px;padding:20px 0 0}@media (min-width:576px) and (max-width:767px){.sideBar-area[data-v-3970105c]{margin:30px 0;padding:0}}@media (max-width:575px){.sideBar-area[data-v-3970105c]{margin:30px 0;padding:0}}.sideBar-area .sub-title[data-v-3970105c]{font-size:20px;font-weight:700;padding:0 0 25px 5px;display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #dcdcdc;position:relative;margin-bottom:0}.sideBar-area .sub-title[data-v-3970105c]:nth-of-type(2){margin-top:50px}.sideBar-area .sub-title[data-v-3970105c]:nth-of-type(2):hover{color:#333}.sideBar-area .sub-title:nth-of-type(2).active[data-v-3970105c]{color:#333;cursor:default}@media (min-width:576px) and (max-width:767px){.sideBar-area .sub-title[data-v-3970105c]:nth-of-type(2){padding:0 0 15px}}@media (max-width:575px){.sideBar-area .sub-title[data-v-3970105c]:nth-of-type(2){padding:0 0 15px}}.sub-menu[data-v-3970105c]{flex-direction:column}.sub-menu[data-v-3970105c],.sub-menu a[data-v-3970105c]{display:flex;justify-content:space-between}.sub-menu a[data-v-3970105c]{font-size:16px;font-weight:500;color:#707070;padding:15px 5px;border-bottom:1px solid #dcdcdc;width:100%;align-items:center;background:#fff}@media (min-width:576px) and (max-width:767px){.sub-menu a[data-v-3970105c]{padding:15px 0}}@media (max-width:575px){.sub-menu a[data-v-3970105c]{padding:15px 0}}.sub-menu a:hover .link-box .icon-font[data-v-3970105c],.sub-menu a:hover .link-box[data-v-3970105c]{color:#333}.sub-menu a:hover i[data-v-3970105c]{color:#333;transform:translateX(0)}.sub-menu a[data-v-3970105c]:last-child{border-bottom:none}.sub-menu a .link-box[data-v-3970105c]{display:flex;justify-content:flex-start;align-items:center;transition:all .4s}.sub-menu a .link-box .icon-font[data-v-3970105c]{font-size:22px;margin-right:6px;color:#707070;transform:translateX(-2px)}.sub-menu a i[data-v-3970105c]{color:#dcdcdc;transform:translateX(-5px);transition:all .4s}.sub-menu a svg[data-v-3970105c]{width:18px;margin-right:10px;font-size:18px}.sub-menu a.active[data-v-3970105c]{pointer-events:none;color:#ea5532;cursor:default}.sub-menu a.active .icon-font[data-v-3970105c]{color:#ea5532}.sub-menu a.active[data-v-3970105c]:hover{background:#fff}.link-card[data-v-3970105c]{display:flex;justify-content:center;align-items:center;width:100%;height:55px;padding:5px 30px;margin-top:30px;border-radius:6px;position:relative;overflow:hidden;opacity:.8;transition:all .4s}.link-card[data-v-3970105c]:hover{opacity:1;box-shadow:0 5px 12px 0 rgba(0,0,0,.2)}.link-card:hover img[data-v-3970105c]{transform:scale(1.3)}.link-card img[data-v-3970105c]{transition:all .4s}.link-card .title[data-v-3970105c]{position:absolute;display:flex;justify-content:center;align-items:center;color:#fff;z-index:10;font-size:16px;width:100%;height:55px;text-align:center}.link-card .title .material-icons[data-v-3970105c]{margin-right:5px}.scroll-top-desktop{display:none;opacity:0}.scroll-top-desktop .scroll-desktop-inner{width:40px;height:40px;position:fixed;bottom:7%;right:20px;text-indent:-9999px;background-image:url(/_nuxt/img/go-top.9ef02fd.png);background-repeat:no-repeat;background-color:rgba(0,0,0,.5);border:0;z-index:100;border-radius:4px;transition:all .4s}.scroll-top-desktop .scroll-desktop-inner:hover{background-color:#ea5532}@media (min-width:992px) and (max-width:1199px){.scroll-top-desktop .scroll-desktop-inner{bottom:82px}}@media (min-width:768px) and (max-width:991px){.scroll-top-desktop .scroll-desktop-inner{right:55px}}@media (min-width:576px) and (max-width:767px){.scroll-top-desktop{display:none!important;opacity:0!important}}@media (max-width:575px){.scroll-top-desktop{display:none!important;opacity:0!important}}.scroll-top-mobile{display:none}@media (min-width:576px) and (max-width:767px){.scroll-top-mobile{align-items:flex-end;color:#fff;background-color:#000;border-top:1px solid #555;border-bottom:1px solid #555}.scroll-top-mobile,.scroll-top-mobile .scroll-mobile-inner{position:relative;display:flex;justify-content:center;width:100%}.scroll-top-mobile .scroll-mobile-inner{padding:8px 15px;align-items:center}.scroll-top-mobile .scroll-mobile-inner .material-icons{font-size:32px;color:#dfdfdf}}@media (max-width:575px){.scroll-top-mobile{align-items:flex-end;color:#fff;background-color:#000;border-top:1px solid #555;border-bottom:1px solid #555}.scroll-top-mobile,.scroll-top-mobile .scroll-mobile-inner{position:relative;display:flex;justify-content:center;width:100%}.scroll-top-mobile .scroll-mobile-inner{padding:8px 15px;align-items:center}.scroll-top-mobile .scroll-mobile-inner .material-icons{font-size:32px;color:#dfdfdf}}@keyframes underline-animation{0%{width:100%}30%{width:0}60%{width:100%;background-color:#ea5532}to{left:0;background-color:#ea5532}}#mobile-menu{display:block;position:fixed;top:0;left:-75vw;width:75vw;height:100%;overflow-y:auto;background:#222;box-shadow:none;z-index:9999;transition:all .6s}#mobile-menu .navbar-panel{z-index:9999}#mobile-menu.open{left:0;box-shadow:1px 0 8px #131313}#mobile-menu.open+.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9990;background-color:#08121e;opacity:.6}#mobile-menu.open~.main{left:75vw}.navbar-panel .navbar{padding:0;flex-direction:column}.navbar-panel .nav-item{width:100%}.navbar-panel .nav-item .nav-link{text-transform:uppercase;color:#f2f2f2;background:#212121;padding:15px;font-size:14px;font-weight:600;display:flex;justify-content:flex-start;align-items:center;position:relative;margin-bottom:0}.navbar-panel .nav-item .el-collapse{border-top:none;border-bottom:none}.navbar-panel .nav-item .el-collapse .el-collapse-item__header{background-color:#2f2f2f;border-bottom:none;color:#ababab;padding:15px;font-size:15px;font-weight:400;line-height:normal;height:55px}.navbar-panel .nav-item .el-collapse .el-collapse-item__header .el-collapse-item__arrow{transform:rotate(90deg)}.navbar-panel .nav-item .el-collapse .el-collapse-item__header.is-active{color:#fff}.navbar-panel .nav-item .el-collapse .el-collapse-item__header.is-active .el-collapse-item__arrow{transform:rotate(270deg);color:#fff}.navbar-panel .nav-item .el-collapse .el-collapse-item__header.is-active img{opacity:1}.navbar-panel .nav-item .el-collapse .el-collapse-item__header img{width:23px;margin-right:10px;opacity:.7;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;transition:all .4s}.navbar-panel .nav-item .el-collapse .el-collapse-item__header img.icon-motherboard{width:23px;margin-left:1px}.navbar-panel .nav-item .sub-title{background-color:#222;border-bottom:1px solid #3a3a3a;color:#f2f2f2;height:48px;line-height:48px;font-size:16px;font-weight:400;display:flex;padding:5px 15px;justify-content:flex-start;align-items:center}.navbar-panel .nav-item .el-collapse-item__wrap{background-color:#2f2f2f;border-bottom:1px solid #3a3a3a}.navbar-panel .nav-item .el-collapse-item__wrap .el-collapse-item__content{padding-bottom:0}.navbar-panel .nav-item .list{margin:0;padding:0;background-color:#2f2f2f}.navbar-panel .nav-item .list li{margin-bottom:0}.navbar-panel .nav-item .list li:last-child{margin-bottom:-1px}.navbar-panel .nav-item .list a.sub-nav-link{width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#2f2f2f;font-size:15px;padding:12px 15px;color:#a9a9a9;height:55px;line-height:normal}.navbar-panel .nav-item .list a.sub-nav-link.product-link{padding:13px 15px 13px 50px;color:#ababab;background-color:#383838}.navbar-panel .nav-item#products-item .list{padding:5px 0;background-color:#383838}.navbar-panel .nav-item#products-item .list li{padding:0;margin-bottom:0}@keyframes underline-animation-data-v-5f753a42{0%{width:100%}30%{width:0}60%{width:100%;background-color:#ea5532}to{left:0;background-color:#ea5532}}.content-area[data-v-5f753a42]{position:relative}[data-v-5f753a42] .main-area{display:flex;justify-content:space-between;align-items:center;flex-direction:column;margin-top:10px;margin-bottom:120px}[data-v-5f753a42] .main-area .item-card{width:100%;border:1px solid #c7c7c7;background:#f8f8f8;color:#333;position:relative;margin-bottom:50px;box-shadow:0 5px 12px 0 rgba(0,0,0,.15)}[data-v-5f753a42] .main-area .item-card:last-child{margin-bottom:0}@media (min-width:576px) and (max-width:767px){[data-v-5f753a42] .main-area .item-card{width:100%}}@media (max-width:575px){[data-v-5f753a42] .main-area .item-card{width:100%}}[data-v-5f753a42] .main-area .item-card .i-head{font-size:18px;color:#fff;background-color:#a5a5a5;border-radius:1px;position:relative;height:45px;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;transition:all .4s}[data-v-5f753a42] .main-area .item-card .i-head:hover{background-color:#ef7b60}[data-v-5f753a42] .main-area .item-card .i-head .category{font-size:18px;font-weight:600;padding-left:105px}[data-v-5f753a42] .main-area .item-card .i-head h4{line-height:35px;margin:0;font-size:18px;position:absolute;top:0;left:100px}[data-v-5f753a42] .main-area .item-card .i-content{padding:40px;background-color:#fff;display:flex;justify-content:space-between;align-items:center}[data-v-5f753a42] .main-area .item-card .i-content svg.svg-inline--fa{color:#707070;font-size:18px;text-align:center;margin-right:7px}[data-v-5f753a42] .main-area .item-card .i-content p{font-size:18px;font-weight:600;margin:0}[data-v-5f753a42] .main-area .item-card .i-content span{font-size:16px;color:#707070}@media (min-width:576px) and (max-width:767px){[data-v-5f753a42] .main-area .item-card .i-content span{font-size:14px}}@media (max-width:575px){[data-v-5f753a42] .main-area .item-card .i-content span{font-size:12px}}[data-v-5f753a42] .main-area .item-card .i-content ul{font-size:16px;color:#707070;font-weight:500;display:flex;justify-content:flex-start;align-items:center}@media (min-width:768px) and (max-width:991px){[data-v-5f753a42] .main-area .item-card .i-content ul{flex-direction:column;align-items:flex-start}}@media (min-width:576px) and (max-width:767px){[data-v-5f753a42] .main-area .item-card .i-content ul{flex-direction:column;align-items:flex-start}}@media (max-width:575px){[data-v-5f753a42] .main-area .item-card .i-content ul{flex-direction:column;align-items:flex-start}}[data-v-5f753a42] .main-area .item-card .i-content ul li{display:flex;justify-content:center;align-items:center;margin-right:30px;color:#333}@media (min-width:768px) and (max-width:991px){[data-v-5f753a42] .main-area .item-card .i-content ul li{margin-right:0;margin-bottom:7px}}@media (min-width:576px) and (max-width:767px){[data-v-5f753a42] .main-area .item-card .i-content ul li{margin-right:0;margin-bottom:7px}}@media (max-width:575px){[data-v-5f753a42] .main-area .item-card .i-content ul li{margin-right:0;margin-bottom:7px}}[data-v-5f753a42] .main-area .item-card .i-content ul li:first-child{margin-left:10px}@media (min-width:768px) and (max-width:991px){[data-v-5f753a42] .main-area .item-card .i-content ul li:first-child{margin-left:0}}@media (min-width:576px) and (max-width:767px){[data-v-5f753a42] .main-area .item-card .i-content ul li:first-child{margin-left:0}}@media (max-width:575px){[data-v-5f753a42] .main-area .item-card .i-content ul li:first-child{margin-left:0}}[data-v-5f753a42] .main-area .item-card .i-content ul li:last-child{margin-right:0}@media (min-width:768px) and (max-width:991px){[data-v-5f753a42] .main-area .item-card .i-content ul li:last-child{margin-bottom:0}}@media (min-width:576px) and (max-width:767px){[data-v-5f753a42] .main-area .item-card .i-content ul li:last-child{margin-bottom:0}}@media (max-width:575px){[data-v-5f753a42] .main-area .item-card .i-content ul li:last-child{margin-bottom:0}}[data-v-5f753a42] .main-area .item-card .i-content ul li span{color:#333}[data-v-5f753a42] .main-area .item-card .i-content ul a{color:#59c9e9}[data-v-5f753a42] .main-area .item-card .i-content ul a:hover{color:#147895}[data-v-5f753a42] .main-area .item-card .i-rounded{width:60px;height:60px;border:3px solid #fff;border-radius:100px;background:#333;position:absolute;top:-8px;left:33px;display:flex;justify-content:center;align-items:center}[data-v-5f753a42] .main-area .item-card .i-rounded svg{color:#fff;font-size:24px}