@keyframes underline-animation-data-v-291b2fd3{0%{width:100%}30%{width:0}60%{width:100%;background-color:#ea5532}to{left:0;background-color:#ea5532}}.sticky[data-v-291b2fd3]{position:sticky;top:0}.sideBar-area[data-v-291b2fd3]{display:block;width:100%;margin:0 0 250px;padding:20px 0 0}@media (min-width:576px) and (max-width:767px){.sideBar-area[data-v-291b2fd3]{margin:30px 0;padding:0}}@media (max-width:575px){.sideBar-area[data-v-291b2fd3]{margin:30px 0;padding:0}}.sideBar-area .sub-title[data-v-291b2fd3]{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}.sideBar-area .sub-title[data-v-291b2fd3]:hover{color:#ea5532}.sideBar-area .sub-title.active[data-v-291b2fd3]{pointer-events:none;color:#ea5532;cursor:default}@media (min-width:576px) and (max-width:767px){.sideBar-area .sub-title[data-v-291b2fd3]{padding:0 0 15px}}@media (max-width:575px){.sideBar-area .sub-title[data-v-291b2fd3]{padding:0 0 15px}}.sub-menu[data-v-291b2fd3]{flex-direction:column}.sub-menu[data-v-291b2fd3],.sub-menu a[data-v-291b2fd3]{display:flex;justify-content:space-between}.sub-menu a[data-v-291b2fd3]{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-291b2fd3]{padding:15px 0}}@media (max-width:575px){.sub-menu a[data-v-291b2fd3]{padding:15px 0}}.sub-menu a:hover .link-box .icon-font[data-v-291b2fd3],.sub-menu a:hover .link-box[data-v-291b2fd3]{color:#333}.sub-menu a:hover i[data-v-291b2fd3]{color:#333;transform:translateX(0)}.sub-menu a[data-v-291b2fd3]:last-child{border-bottom:none}.sub-menu a .link-box[data-v-291b2fd3]{display:flex;justify-content:flex-start;align-items:center;transition:all .4s}.sub-menu a .link-box .icon-font[data-v-291b2fd3]{font-size:22px;margin-right:6px;color:#707070;transform:translateX(-2px)}.sub-menu a i[data-v-291b2fd3]{color:#dcdcdc;transform:translateX(-5px);transition:all .4s}.sub-menu a svg[data-v-291b2fd3]{width:18px;margin-right:10px;font-size:18px}.sub-menu a.active[data-v-291b2fd3]{pointer-events:none;color:#ea5532;cursor:default}.sub-menu a.active .link-box .icon-font[data-v-291b2fd3],.sub-menu a.active .link-box[data-v-291b2fd3]{color:#ea5532}.sub-menu a.active i[data-v-291b2fd3]{color:#dcdcdc;transform:translateX(-5px)}.sub-menu a.active[data-v-291b2fd3]:hover{background:#fff}.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-5f89c7a9{0%{width:100%}30%{width:0}60%{width:100%;background-color:#ea5532}to{left:0;background-color:#ea5532}}.content-area[data-v-5f89c7a9]{position:relative}[data-v-5f89c7a9] .item-box{padding:0;margin-bottom:50px}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box{display:inline-block}}@media (max-width:575px){[data-v-5f89c7a9] .item-box{display:inline-block}}[data-v-5f89c7a9] .item-box:first-of-type{margin:25px 0 50px}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box:first-of-type{margin:0 0 50px}}@media (max-width:575px){[data-v-5f89c7a9] .item-box:first-of-type{margin:0 0 50px}}[data-v-5f89c7a9] .item-box:last-of-type{margin-bottom:120px}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box:last-of-type{margin-bottom:60px}}@media (max-width:575px){[data-v-5f89c7a9] .item-box:last-of-type{margin-bottom:60px}}[data-v-5f89c7a9] .item-box:hover .img{background-color:#e4e4e4;opacity:1}[data-v-5f89c7a9] .item-box:hover .txt{background-color:#e4e4e4}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box:hover .txt{background-color:#f5f5f5}}@media (max-width:575px){[data-v-5f89c7a9] .item-box:hover .txt{background-color:#f5f5f5}}[data-v-5f89c7a9] .item-box:hover .txt h6{color:#333}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box:hover .txt h6{color:#707070}}@media (max-width:575px){[data-v-5f89c7a9] .item-box:hover .txt h6{color:#707070}}[data-v-5f89c7a9] .item-box:hover .txt p{color:#333}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box:hover .txt p{color:#707070}}@media (max-width:575px){[data-v-5f89c7a9] .item-box:hover .txt p{color:#707070}}[data-v-5f89c7a9] .item-box:hover .txt .line{background-color:#ea5532}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box:hover .txt .line{background-color:#c7c7c7}}@media (max-width:575px){[data-v-5f89c7a9] .item-box:hover .txt .line{background-color:#c7c7c7}}[data-v-5f89c7a9] .item-box:hover .txt .arrow{background:#e4e4e4}[data-v-5f89c7a9] .item-box:hover .txt .arrow:after{border-right-color:#e4e4e4}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box:hover .txt .arrow:after{border-right-color:#f5f5f5}}@media (max-width:575px){[data-v-5f89c7a9] .item-box:hover .txt .arrow:after{border-right-color:#f5f5f5}}[data-v-5f89c7a9] .item-box:hover .parallelogram{background:none repeat scroll 0 0 #e4e4e4}[data-v-5f89c7a9] .item-box .img{width:40%;padding:0;margin:0;background-color:#f5f5f5;float:left;opacity:.7;transition:all .4s}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box .img{width:100%;opacity:1}[data-v-5f89c7a9] .item-box .img img{width:100%;height:auto}}@media (max-width:575px){[data-v-5f89c7a9] .item-box .img{width:100%;opacity:1}[data-v-5f89c7a9] .item-box .img img{width:100%;height:auto}}[data-v-5f89c7a9] .item-box .txt{position:relative;width:60%;height:200px;padding:30px 50px 30px 10px;float:left;background-color:#f5f5f5;z-index:9;transition:all .4s}@media (min-width:992px) and (max-width:1199px){[data-v-5f89c7a9] .item-box .txt{padding:30px 20px}}@media (min-width:768px) and (max-width:991px){[data-v-5f89c7a9] .item-box .txt{padding:20px 15px}}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box .txt{height:auto;width:100%;padding:30px}}@media (max-width:575px){[data-v-5f89c7a9] .item-box .txt{height:auto;width:100%;padding:30px}}[data-v-5f89c7a9] .item-box .txt .arrow{position:relative;background:#f5f5f5}[data-v-5f89c7a9] .item-box .txt .arrow:after{top:50%;left:-108px;content:"";height:0;width:0;position:absolute;pointer-events:none;border:30px solid transparent;border-right-color:#f5f5f5;margin-top:28px;transition:all .4s}@media (min-width:992px) and (max-width:1199px){[data-v-5f89c7a9] .item-box .txt .arrow:after{left:-97px}}@media (min-width:768px) and (max-width:991px){[data-v-5f89c7a9] .item-box .txt .arrow:after{left:-73px}}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box .txt .arrow:after{margin-top:0;top:-55px;left:45%;transform:rotate(90deg) translateX(-50%)}}@media (max-width:575px){[data-v-5f89c7a9] .item-box .txt .arrow:after{margin-top:0;top:-56px;left:45%;transform:rotate(90deg) translateX(-50%)}}[data-v-5f89c7a9] .item-box .txt h6{color:#707070;text-transform:uppercase;font-size:20px;font-weight:600}@media (min-width:768px) and (max-width:991px){[data-v-5f89c7a9] .item-box .txt h6{font-size:16px}}[data-v-5f89c7a9] .item-box .txt .line{width:100%;height:1px;padding:0;margin:10px 0 20px;float:left;background-color:#c7c7c7}@media (min-width:768px) and (max-width:991px){[data-v-5f89c7a9] .item-box .txt .line{margin:5px 0 10px}}[data-v-5f89c7a9] .item-box .txt p{color:#707070;font-size:14px}[data-v-5f89c7a9] .item-box .parallelogram{background:none repeat scroll 0 0 #f5f5f5;height:200px;left:285px;position:relative;transform:skew(11deg);width:57px;z-index:8;transition:all .4s}@media (min-width:992px) and (max-width:1199px){[data-v-5f89c7a9] .item-box .parallelogram{left:254px}}@media (min-width:576px) and (max-width:767px){[data-v-5f89c7a9] .item-box .parallelogram{display:none}}@media (max-width:575px){[data-v-5f89c7a9] .item-box .parallelogram{display:none}}