.component-container{margin-top:-1px}.badge-col{flex:0 0 110px;display:none}.badge-col .badge-banner:before{width:80px;height:80px;font-weight:600;font-size:13px;line-height:30px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}.badge-col .badge-banner.badge-recommend:before{content:"รุ่นแนะนำ";background-color:#ff6900}.badge-col .percentage{flex:0 0 80px;margin-bottom:15px;position:relative}.badge-col .percentage:after{content:"";position:absolute;top:5px;left:5px;width:70px;height:70px;overflow:hidden;border-radius:50%;background-color:#fff;z-index:0}.badge-col .percentage svg{position:relative;z-index:1}.badge-col .percentage svg circle{stroke-width:5}.badge-col .percentage svg .circle-percent{fill:transparent;stroke:#00c51b;stroke-dasharray:0 999;stroke-linecap:round;transition:all 1.4s linear}.badge-col .percentage .info{font-weight:600;font-size:20px;line-height:30px;color:#000;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.badge-col .percentage .info .caption{font-size:11px;font-weight:400;line-height:20px;color:#999;text-anchor:middle}.slide-photo-col{position:relative}.slide-photo-col img{width:648px;height:auto}.slide-photo-col.smartphone img{width:auto;height:400px}.slide-photo-col.soldout:after{content:"Sold Out";position:absolute;top:50%;left:50%;right:0;bottom:0;height:48px;font-weight:600;font-size:24px;line-height:50px;text-align:center;text-transform:uppercase;color:#fff;background-color:rgba(221,44,0,.9);transform:translate3d(-50%,-50%,0)}.slide-thumbnail-col{flex:0 0 110px}.slide-thumbnail-col .thumbnail-list li{width:80px;height:60px;padding:4px;border:1px solid #000;margin-bottom:5px;cursor:pointer}.slide-thumbnail-col .thumbnail-list li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-thumbnail-col .thumbnail-list li.view_all{font-weight:600;font-size:13px;line-height:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#000}.slide-thumbnail-col .thumbnail-list li.view_all a{text-align:center;color:#000}.slide-thumbnail-col .thumbnail-list li.view_all a:before{content:"";display:block;width:20px;height:20px;background-image:url(/images/fa-icon-plus-solid.svg);background-repeat:no-repeat;background-position:50%;background-size:16px 16px;margin:0 auto}@media (max-width:767.98px){.badge-col{display:none}.badge-col .percentage{margin-right:15px;width:80px}.badge-col .badge-banner:before{font-weight:500;font-size:11px}.slide-thumbnail-col{flex:0 0 90px;margin-top:20px}.slide-thumbnail-col .thumbnail-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-left:-5px}.slide-thumbnail-col .thumbnail-list li{margin-bottom:0;margin-left:5px;flex:1;max-width:80px}.slide-thumbnail-col .thumbnail-list li.view_all{font-weight:500;font-size:11px}}@media (max-width:575.98px){.badge-col{flex:0 0 110px;position:absolute;z-index:9}.badge-col .badge-banner:before{width:80px;height:80px;font-weight:600;font-size:13px}}.component-container .side-col{flex:0 0 350px}.component-container .side-col .price-container{padding:20px 15px;border:2px solid #000}.component-container .side-col .price-container .button-to-review{font-size:14px;width:100%;color:#fff;background-color:#ff6900;border-radius:4px;border:none;padding:10px 8px;margin:0 auto;display:flex;align-items:center;justify-content:center;line-height:1}.component-container .side-col .price-container .button-to-review.watch-game{background-color:#fff;color:#000;border:1px solid #000;border-radius:4px}.component-container .side-col .price-container .button-to-review:before{content:"";width:14px;height:14px;margin-right:5px;background-repeat:no-repeat;background-size:contain;background-position:50%;background-image:url(/images/notebook-review.png)}.component-container .side-col .price-container .button-to-review.watch-game:before{content:"";width:14px;height:14px;margin-right:5px;background-repeat:no-repeat;background-size:contain;background-position:50%;background-image:url(/images/notebook-review-black.png)}.component-container .side-col .price-container .product-name{font-weight:600;font-size:15px;line-height:30px;text-align:center;color:#000;margin-bottom:20px}.component-container .side-col .price-container .product-similar-list{list-style:none;padding:0;margin:0 0 0 -5px;display:flex;flex-wrap:wrap}.component-container .side-col .price-container .product-similar-list .similar-item{padding-left:5px;padding-bottom:5px}.component-container .side-col .price-container .product-similar-list .similar-item a{font-size:11px;line-height:32px;display:inline-block;color:#000;padding:0 5px;height:30px;background:#fff;border:1px solid #000}.component-container .side-col .price-container .product-similar-list .similar-item a:hover{color:#fff;background:#000}.component-container .side-col .price-container hr{border-top:1px dashed #eaebef;margin-top:20px;margin-bottom:20px}.component-container .side-col .shop-list{list-style:none;margin:0;padding:0}.component-container .side-col .shop-list .shop-item{display:flex;align-items:center;margin-bottom:10px}.component-container .side-col .shop-list .shop-item .brand{flex:0 0 90px}.component-container .side-col .shop-list .shop-item .brand img{width:90px;height:32px}.component-container .side-col .shop-list .shop-item .price{flex:1;padding-right:15px;padding-left:15px;font-weight:600;font-size:19px;line-height:32px;color:#000;text-align:right}.component-container .side-col .shop-list .shop-item .order{flex:0 0 110px;display:flex;justify-content:end}.component-container .side-col .shop-list .shop-item .order .button{width:90px;font-weight:600;font-size:13px;border:1px solid #000;color:#000;background-color:#fff;border-radius:4px;display:block;padding:7px 0;text-align:center}.component-container .side-col .shop-list .shop-item .order .button.btn-store{background-color:#ff6900;color:#fff;border-color:transparent}.component-container .side-col .shop-list .shop-item .order .button.btn-store.soldout{background-color:#fff;color:#000;border-color:#000}.component-container .side-col .shop-list .shop-item .order .button.btn-store.soldout:hover{background-color:#000;color:#fff}.component-container .side-col .shop-list .shop-item .order.soldout .button{pointer-events:none;color:#999;background:#eaebef}.component-container .side-col .spec-choose-btn{width:100%;height:40px;font-weight:600;font-size:15px;line-height:30px;display:flex;align-items:center;justify-content:center;color:#ff6900;background:#fff;border:1px solid #ff6900;border-radius:4px;margin-bottom:20px}.component-container .side-col .component-tool{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center}.component-container .side-col .component-tool .tool-item{display:flex;align-items:center}.component-container .side-col .component-tool .tool-item:not(:last-child){border-right:1px solid #eaebef;padding-right:10px;margin-right:10px}.component-container .side-col .component-tool .tool-item a{font-size:12px;line-height:20px;color:#000;display:inline-block}.component-container .side-col .component-tool .tool-item a:before{content:"";display:inline-block;width:13px;height:12px;background-repeat:no-repeat;background-position:50%;margin-right:5px}.component-container .side-col .component-tool .tool-item a:hover{color:#ff6900}.component-container .side-col .component-tool .tool-item a.save-tool:before{background-image:url(/images/fa-icon-bookmark-regular.svg);background-size:10px 12px}.component-container .side-col .component-tool .tool-item a.share-tool:before{background-image:url(/images/fa-icon-share-square-solid.svg);background-size:13px 12px}.component-container .side-col .component-tool .tool-item a.compare-tool:before{background-image:url(/images/fa-icon-plus-circle-solid.svg);background-size:12px 12px}@media (max-width:991.98px){.component-container .side-col .price-container{padding:20px 15%}}@media (max-width:767.98px){.component-container .side-col .price-container{padding:20px 25px}}@media (max-width:575.98px){.component-container .side-col .price-container{padding:20px 15px}.component-container .side-col .shop-list .shop-item .brand{flex:0 0 90px}.component-container .side-col .shop-list .shop-item .price{flex:1;padding-right:10px;padding-left:10px;font-weight:600;font-size:19px}.component-container .side-col .shop-list .shop-item .order{flex:0 0 110px}.component-container .side-col .shop-list .shop-item .order .button{font-weight:600;font-size:13px}}.component-container .side-col .comp-spec-list{display:flex;flex-wrap:wrap;overflow:hidden}.component-container .side-col .comp-spec-list li{flex:0 0 33.3333%;padding-left:3px;padding-right:3px;padding-bottom:15px;margin-left:-1px;border-left:1px dashed #eaebef;border-bottom:1px dashed #eaebef}.component-container .side-col .comp-spec-list li:nth-child(n+4){padding-top:15px;padding-bottom:0;border-bottom:none}.component-container .side-col .comp-spec-list li .title{font-weight:600;font-size:15px;line-height:20px;text-align:center;color:#000;margin-bottom:10px}.component-container .side-col .comp-spec-list li .summary{font-size:12px;line-height:20px;text-align:center;color:#000}.tag-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px}.tag-list li:not(:last-child):after{content:",";margin-right:5px;color:#999}.tag-list li a{display:inline-block;font-weight:400;font-size:14px;line-height:30px;color:#999}.tag-list .topic{font-weight:600;font-size:14px;line-height:30px;color:#000;margin-right:15px}.spec-list{margin-top:20px}.spec-list li{position:relative;padding-left:10px;font-size:13px;line-height:24px;color:#000}.spec-list li:before{content:"";position:absolute;content:"•";margin-right:5px;left:0}.component-detail-panel{margin-top:20px}.component-detail-panel .nav-tabs{position:sticky;top:0;background-color:#fff;border-bottom:2px solid #000;z-index:3}.component-detail-panel .nav-tabs li{background-color:#fff;border:2px solid #000;border-bottom:none;margin-right:3px;position:relative;bottom:0}.component-detail-panel .nav-tabs li.active{background-color:#000;border-bottom:2px solid #000}.component-detail-panel .nav-tabs li a{font-size:12px;font-weight:600;line-height:20px;color:#000;padding:8px 25px;display:block;text-transform:uppercase;border:none;border-radius:0;margin-right:0}.component-detail-panel .nav-tabs li.active a{color:#fff;background-color:transparent;border:none}.component-detail-panel .tab-content{border:2px solid #000;padding:20px 15px;margin-top:-2px;position:relative;z-index:1}.component-detail-panel .tab-content .tab-pane .header-blog,.component-detail-panel .tab-content .tab-pane .header-topic{font-size:15px;font-weight:600;color:#000;margin-bottom:10px}.component-detail-panel .tab-content .tab-pane .specificate-panel{border:1px solid #eaebef;margin-bottom:10px}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list{display:flex;font-size:13px;color:#000;background-color:#fff}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list>*{padding:10px}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list .specificate-title{flex:0 0 160px;font-weight:600;background-color:#eaebef;display:flex;align-items:flex-start}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list .specificate-title a{margin-left:5px}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list .specificate-title a img{width:16px;height:16px}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list .specificate-info span{color:#999}.component-detail-panel .tab-content .tab-pane .product-ranking{display:flex;margin-bottom:20px}.product-ranking .now-rank{flex:0 0 160px}.product-ranking .now-rank .frame{width:140px;margin:0 auto;border:1px solid #ff6900;border-top:none;border-radius:0 0 4px 4px;overflow:hidden}.product-ranking .now-rank .frame .header{font-weight:600;font-size:12px;text-align:center;color:#fff;background-color:#ff6900;height:30px;line-height:30px;text-transform:uppercase}.product-ranking .now-rank .frame .rank{font-weight:600;font-size:36px;text-align:center;color:#ff6900;height:70px;line-height:70px}.product-ranking .list-rank{flex:1}.product-ranking .list-rank ul{list-style:none;padding:0;margin:0}.product-ranking .list-rank ul li{display:flex;margin-bottom:0}.product-ranking .list-rank ul li .title{flex:1;padding:0 10px;font-size:11px;line-height:24px}.product-ranking .list-rank ul li .title a{color:#000}.product-ranking .list-rank ul li .percentage{flex:0 0 60px;font-size:11px;line-height:20px;color:#000}.product-ranking .list-rank ul li .percentage img{margin-right:5px;margin-top:-3px}.product-ranking .list-rank ul li.active .title{font-weight:600}.product-ranking .list-rank ul li .percentage.increase img{color:#00c300;filter:invert(48%) sepia(41%) saturate(4549%) hue-rotate(88deg) brightness(104%) contrast(111%)}.product-ranking .list-rank ul li .percentage.decrease img{color:#dd2c00;filter:invert(27%) sepia(94%) saturate(6497%) hue-rotate(16deg) brightness(97%) contrast(101%)}.product-ranking .icon-rank{flex:0 0 180px;display:flex;align-items:center;justify-content:center}.product-ranking .icon-rank ul{list-style:none;padding:0;margin:0;width:100%}.product-ranking .icon-rank ul li{position:relative;line-height:28px;margin-bottom:5px}.product-ranking .icon-rank ul li a{display:inline-block;position:relative;width:100%;color:#000;border:1px solid #000}.product-ranking .icon-rank ul li .icon{position:absolute;width:30px;top:-1px;bottom:-1px;left:-1px;padding-top:2px;display:flex;align-items:center;justify-content:center;background-color:#000}.product-ranking .icon-rank ul li .icon img{filter:invert(100%) sepia(3%) saturate(13%) hue-rotate(10deg) brightness(103%) contrast(105%)}.product-ranking .icon-rank ul li .caption{flex:1;padding:0 8px 0 38px;font-weight:400;font-size:12px;display:flex;align-items:center}.component-detail-panel .tab-content .tab-pane .gametest-blog{margin-top:30px;margin-bottom:20px;padding-left:15px;padding-right:15px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-tabs .game-tab{gap:5px;padding-left:15px;padding-right:15px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-tabs .game-tab .game-tab-item{width:33.33333%;text-align:center;padding:5px 15px;border:1px solid #000;cursor:pointer}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-tabs .game-tab .game-tab-item.active{background-color:#000;color:#fff}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-tabs .game-tab .game-tab-item.disable{opacity:.4}.component-detail-panel .tab-content .tab-pane .gametest-blog .header{font-weight:600;font-size:22px;line-height:36px;color:#000;text-align:center}.component-detail-panel .tab-content .tab-pane .gametest-blog hr{margin-top:10px;margin-bottom:20px;border-top:1px dashed #eaebef}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box{flex:0 0 240px;padding-left:20px;padding-right:20px;max-width:240px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-tabs{width:100%}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .title{font-weight:600;font-size:15px;line-height:24px;text-align:center;color:#212121;margin-bottom:10px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box img{margin:0 auto 10px;display:block;max-width:160px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .specification{font-size:12px;font-weight:400;padding:0;margin:0 0 10px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .specification li{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-left:15px;line-height:20px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .specification li:before{content:"•";font-size:15px;position:absolute;top:0;left:0}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .score{list-style:none;padding:0;margin:0 0 15px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .score li{display:flex;font-size:12px;color:#212121;align-items:center;line-height:16px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .score li .score-title{flex:0 0 90px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .score li .score-point{flex:0 0 50px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .score li .score-progress{flex:1}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .score li .score-progress .bar{display:inline-block;height:10px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box hr{margin-top:0;margin-bottom:15px;border-top:1px solid #eaebef}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .info{margin-bottom:20px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .info .price{font-weight:600;font-size:16px;line-height:30px;text-align:center;color:#000}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .info ul{display:flex;justify-content:center}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .info ul li{font-size:12px;line-height:20px;color:#999}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .info ul li:not(:last-child):after{content:"|";font-weight:500;margin-left:5px;margin-right:5px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .percentage{width:140px;height:140px;margin:0 auto 15px;position:relative}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .percentage:after{content:"";position:absolute;top:5px;left:5px;width:130px;height:130px;overflow:hidden;border-radius:50%;background-color:#fff;z-index:0}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .percentage svg{position:relative;z-index:1}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .percentage svg .circle-percent{fill:transparent;stroke:#00c51b;stroke-dasharray:0 999;stroke-linecap:round;transition:all 1.4s linear}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .percentage svg circle{stroke-width:10}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .percentage .info{font-weight:600;font-size:20px;line-height:30px;color:#000;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .percentage .info .caption{font-size:11px;font-weight:400;line-height:20px;color:#999;text-anchor:middle}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .compare-component-btn{width:80%;max-width:180px;font-weight:600;font-size:13px;line-height:32px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#000;border-radius:4px;border:none;margin:0 auto}.gametest-blog .game-list{flex:1;padding-left:15px;padding-right:15px}.game-list .game-item{display:flex;align-items:center;margin-bottom:2px}.game-list .game-item .cover{flex:0 0 60px;border:1px solid #eaebef;margin-right:15px}.game-list .game-item .cover img{filter:grayscale(0)!important;border:none!important;cursor:inherit!important}.game-list .game-item .info{flex:1;display:flex;flex-direction:column}.game-list .game-item .info .summary{display:flex;margin-bottom:10px}.game-list .game-item .info .summary .name{font-size:13px;font-weight:600;line-height:20px;color:#212121}.game-list .game-item .info .summary .name .setting{font-size:12px;font-weight:400;line-height:14px;color:#999;margin-top:8px}.game-list .game-item .info .summary .point{font-size:13px;font-weight:600;line-height:20px;color:#212121;margin-left:auto}.game-list .game-item .info .summary .point span{font-weight:400}.game-list .game-item .info .scroll-bar{width:100%;border-radius:4px;height:6px;background-color:#eaebef;overflow:hidden}.game-list .game-item .info .scroll-bar .percent-bar{height:100%;background-color:#999}.game-list .game-item .info .scroll-bar.hight-scroll .percent-bar{background-color:#00c853}@media (max-width:767.98px){.component-detail-panel{margin-top:7px}.component-detail-panel .nav-tabs{padding-bottom:5px;margin-bottom:10px;border-bottom:1px dashed #eaebef}.component-detail-panel .nav-tabs li:last-child,.component-detail-panel .nav-tabs li:nth-child(2){display:none}.component-detail-panel .nav-tabs li.active{text-align:left;background-color:transparent;border:none}.component-detail-panel .nav-tabs li.active a{font-weight:600;font-size:15px;line-height:30px;text-transform:uppercase;color:#000;padding:0}.component-detail-panel .nav-tabs li#tab-review{display:none}.component-detail-panel .tab-content{border:none;padding:0;margin-top:0}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list .specificate-title{flex:0 0 110px;font-size:11px;font-weight:600}.component-detail-panel .tab-content .tab-pane .specificate-panel .specificate-list .specificate-info{font-size:11px}.component-detail-panel .tab-content .tab-pane .gametest-blog .game-test-box .compare-component-btn{margin-bottom:30px}}.component-detail-panel .tab-content .tab-pane .youtube-blog{margin-top:30px;margin-bottom:20px;text-align:center}.component-detail-panel .tab-content .tab-pane .youtube-blog .header{font-weight:600;font-size:22px;line-height:36px;color:#000}.component-detail-panel .tab-content .tab-pane .youtube-blog hr{margin-top:10px;margin-bottom:20px;border-top:1px dashed #eaebef}.component-detail-panel .tab-content .tab-pane .remark{font-size:10px;line-height:20px;text-align:center;color:#999}@media (max-width:767.98px){.component-detail-panel .tab-content .tab-pane .gametest-blog,.component-detail-panel .tab-content .tab-pane .product-ranking,.component-detail-panel .tab-content .tab-pane .youtube-blog,.component-detail-panel .tab-content .tab-pane .youtube-remark{display:none}.product-ranking .list-rank,.product-ranking .now-rank{margin-bottom:20px}.product-ranking .icon-rank ul{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.side-col .ads-banner{margin-top:20px;text-align:center}.battle-box{background:#fff;border:2px solid #ff6900;margin-top:30px}.battle-box .panel-header{font-weight:500;font-size:13px;line-height:20px;height:40px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:#fff;background:#ff6900}.battle-box .battle-list li{display:flex}.battle-box .battle-list li:not(:last-child){border-bottom:1px dashed #eaebef}.battle-box .battle-list li .battle-item{padding:15px 10px;flex:1}.battle-box .battle-list li .battle-item a .battle-cover{text-align:center;margin-bottom:10px}.battle-box .battle-list li .battle-item a .battle-info .battle-title{font-size:13px;line-height:20px;text-align:center;color:#000}.battle-box .battle-list li .battle-item a:hover .battle-info .battle-title{color:#ff6900}.battle-box .battle-list li .battle-vs .battle-vs-icon{margin-top:25px}.battle-box .battle-list li .battle-vs .battle-vs-icon:after{content:"vs";font-size:15px;width:36px;height:36px;line-height:40px;color:#fff;background-color:#ff6900;display:flex;justify-content:center;text-transform:uppercase;border-radius:50%}.latest-list{margin-top:30px}.latest-list .nav-tabs{border-bottom:2px solid #000}.latest-list .nav-tabs li{background-color:#fff;position:relative;bottom:-2px;border:2px solid #000;border-left:none;padding:0}.latest-list .nav-tabs li:first-child{border-left:2px solid #000}.latest-list .nav-tabs li.active{border-bottom:2px solid #000}.latest-list .nav-tabs li a{font-size:12px;font-weight:600;line-height:20px;color:#000;background-color:#fff;padding:10px 0;text-align:center;display:block;margin-right:0;border:none;border-radius:0;outline:none}.latest-list .nav-tabs li a[aria-selected=true]{color:#fff;background-color:#000}.latest-list .tab-content{border:2px solid #000;padding:20px 20px 0;margin-top:-2px}.latest-list .tab-content .item-list>li{margin-bottom:15px}.latest-list .tab-content .item-list>li:not(:last-child){border-bottom:1px dashed #eaebef}.latest-list .tab-content .item-list>li a{display:flex;align-items:flex-start;color:inherit;padding-bottom:15px}.latest-list .tab-content .item-list li .photo{flex:0 0 80px;height:60px;position:relative;margin-right:15px}.latest-list .tab-content .item-list li .photo img{position:absolute;top:0;left:0;width:80px;height:60px;-o-object-fit:cover;object-fit:cover}.latest-list .tab-content .item-list li .info{flex:1}.latest-list .tab-content .item-list li .info .title{font-size:12px;font-weight:600;line-height:20px;margin-top:0;margin-bottom:5px}.latest-list .tab-content .item-list li:hover .info .title{color:#ff6900}.latest-list .tab-content .item-list li .info .price{font-size:19px;font-weight:600;line-height:20px;color:#ff6900;margin-bottom:5px}.latest-list .tab-content a.outer-link{font-weight:600;font-size:13px;line-height:20px;color:#000;padding:0 15px;display:flex;align-items:center;height:44px;border-top:2px solid #000;margin:0 -20px}.latest-list .tab-content a.outer-link img{margin-left:auto}.latest-list .tab-content a.outer-link:hover{color:#fff;background-color:#000}.latest-list .tab-content a.outer-link:hover img{filter:invert(100)}.relate-news-box{margin-top:30px}.relate-news-box .panel-header{font-size:22px;font-weight:600;line-height:36px;color:#000;display:flex;align-items:center;margin-bottom:15px;width:100%}.relate-news-box .news-list{margin-top:-10px}.relate-news-box .news-list li{padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #eaebef}.relate-news-box .news-list .news-item{display:flex;align-items:flex-start}.relate-news-box .news-list .news-item .news-cover{flex:0 0 90px;border-radius:0;overflow:hidden;margin-right:10px;height:60px;position:relative}.relate-news-box .news-list .news-item .news-cover img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.relate-news-box .news-list .news-item .news-info{flex:1;text-align:left}.relate-news-box .news-list .news-item .news-info .news-title{font-size:13px;font-weight:400;line-height:22px;color:#000;margin-bottom:5px;-webkit-line-clamp:3}.relate-news-box .news-list .news-item .news-info .news-date{font-size:12px;line-height:16px;color:#999}.relate-news-box.isVideoBlog .news-list .news-item .news-cover{flex:0 0 160px;height:90px}.relate-news-box .news-list .news-item:hover .news-info .news-title{color:#ff6900}@media (max-width:767.98px){.relate-news-box:not(.show-mobile){display:none}.relate-news-box.show-mobile{padding:15px;background-color:#fff;margin-top:10px}}.mobile-notebook-search-box{padding:10px 15px 15px;margin-bottom:10px;background-color:#fff;display:none}.mobile-notebook-search-box form{margin-bottom:0}.mobile-notebook-search-box .notebook-search-field{width:95%;max-width:330px;position:relative;margin:0 auto 10px}.mobile-notebook-search-box .notebook-search-field .notebook-search-input{width:100%;height:40px;padding-left:15px;padding-right:50px;background:#fff;border:1px solid #999;border-radius:4px}.mobile-notebook-search-box .notebook-search-field button{position:absolute;top:0;right:0;bottom:0;width:50px;display:flex;align-items:center;justify-content:center;color:#999;border:none;background-color:transparent;z-index:1}.mobile-notebook-search-box .notebook-search-field button img{filter:invert(66%) sepia(5%) saturate(13%) hue-rotate(7deg) brightness(91%) contrast(89%)}.mobile-notebook-search-box .view-all-nb{width:125px;height:32px;font-weight:600;font-size:13px;line-height:32px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ff6900;border-radius:5px;margin:0 auto}@media (max-width:767.98px){.mobile-notebook-search-box{display:block}}
#compare-box{position:fixed;width:90%;max-width:800px;bottom:-100%;left:50%;transform:translateX(-50%);height:70px;display:flex;align-items:center;padding:0 20px;background-color:rgba(0,0,0,.94);transition:all .3s ease-out}#compare-box.active{bottom:0}#compare-box .compare-list{list-style:none;margin:0;padding:0;display:flex}#compare-box .compare-list li{position:relative;margin-left:15px;width:50px;height:38px;display:flex;align-items:center;justify-content:center;background-color:#fff}#compare-box .compare-list li button.remove-compare{border:2px solid #fff;border-radius:50%;color:#fff;background-color:#000;position:absolute;top:-8px;right:-8px;width:15px;height:15px;padding:0;font-size:.65em;margin:0;outline:none;z-index:9}#compare-box .compare-list li button.remove-compare:hover{background-color:#ff3c1f}#compare-box .compare-button-box{list-style:none;padding:0;display:flex;margin:0 0 0 auto}#compare-box .compare-button-box li{margin-left:5px}#compare-box .compare-button-box li button{font-family:Poppins,Prompt,sans-serif;font-size:13px;font-weight:400;color:#fff;background-color:#666;border:none;padding:0 20px;line-height:32px;text-align:center;outline:none}#compare-box .compare-button-box li button i{margin-right:5px}#compare-box .compare-button-box li button#compare-submmit:hover,#compare-box .compare-button-box li button:hover{color:#ff6900;background-color:#fff}#compare-box .compare-button-box li button#compare-submmit{background-color:#ff6900}#compare-box.active{z-index:999}.compare-row.not-same-value.highlight,.compare-row.not-same-value.highlight .col-caption{background-color:#f1f1f1}@media (max-width:768px){#compare-box{width:100%;height:auto;padding:15px 5px;flex-direction:column}#compare-box .compare-list{margin-bottom:15px}#compare-box .compare-button-box{margin-left:0}#compare-box .compare-button-box li{width:140px}#compare-box .compare-button-box li button{padding:0 10px;line-height:32px;width:100%}}
.slide-photo-col.soldout:after{content:"Sold Out";position:absolute;top:50%;left:50%;right:0;bottom:0;height:48px;font-weight:600;font-size:24px;line-height:50px;text-align:center;text-transform:uppercase;color:#fff;background-color:rgba(221,44,0,.9);transform:translate3d(-50%,-50%,0)}.component-container .side-col .shop-list .shop-item .order{flex:0 0 90px}