.compare-spec-component .compareSpecTitle{font:normal 700 5.6rem 'Poppins';line-height:1.5;width:1220px;margin:0 auto;text-align:center;padding-top:60px;padding-bottom:32px}
@media(max-width:1219px){.compare-spec-component .compareSpecTitle{width:714px;font-size:4.4rem;padding-top:28px}
}
@media(max-width:767px){.compare-spec-component .compareSpecTitle{width:344px;font-size:2.8rem;padding-top:19px}
}
.compare-spec-component .compareSpec_wrap{z-index:10;position:sticky;margin:auto;width:calc(1100px + 120px)}
@media(max-width:1219px){.compare-spec-component .compareSpec_wrap{width:calc(820px + 120px)}
}
@media(max-width:1023px){.compare-spec-component .compareSpec_wrap{width:calc(540px + 120px)}
}
@media(max-width:767px){.compare-spec-component .compareSpec_wrap{width:100%;overflow:hidden}
}
.compare-spec-component .compareSpec_wrap.fixed{top:0}
.compare-spec-component .compareSpec_wrap.fixed .compareSpec::after{content:'';position:absolute;width:100%;height:100%;top:0;background-color:rgba(255,255,255,0.8)}
.compare-spec-component .compareSpec_wrap.fixed .swiper-wrapper{background-color:#fff}
.compare-spec-component .compareSpec_wrap.fixed .swiper-wrapper .swiper-slide .thumbnailImage{padding-top:0;overflow:hidden;transition:.2s;transition-timing-function:ease-out;opacity:1}
.compare-spec-component .compareSpec_wrap.fixed .swiper-wrapper .swiper-slide .ribbonTag{transition:.2s;padding-top:0;height:0;overflow:hidden}
.compare-spec-component .compareSpec_wrap.fixed .swiper-wrapper .swiper-slide .productLabel{transition:.2s;padding-top:0;height:0 !important;overflow:hidden}
.compare-spec-component .compareSpec_wrap .swiper_arrow_content{position:relative}
@media(max-width:767px){.compare-spec-component .compareSpec_wrap .swiper_arrow_content .swiper{overflow:visible}
}
@media(max-width:576px){.compare-spec-component .compareSpec_wrap .swiper_arrow_content .swiper{overflow:hidden}
}
.compare-spec-component .compareSpec_wrap .compareSpec{max-width:1100px;margin:auto}
@media(max-width:1219px){.compare-spec-component .compareSpec_wrap .compareSpec{max-width:820px}
}
@media(max-width:1023px){.compare-spec-component .compareSpec_wrap .compareSpec{max-width:540px}
}
@media(max-width:576px){.compare-spec-component .compareSpec_wrap .compareSpec{max-width:100%}
}
.compare-spec-component .compareSpec_wrap .swiper-wrapper{padding-top:20px;padding-bottom:20px;margin:auto}
@media(max-width:767px){.compare-spec-component .compareSpec_wrap .swiper-wrapper{justify-content:unset}
}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide{background-color:#fff;border:1px solid #c4c4c4;border-radius:12px;padding:12px 20px 18px;text-align:center;max-width:260px}
@media(max-width:1219px){.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide{max-width:275px}
}
@media(max-width:767px){.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide{max-width:260px}
}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .thumbnailImage img{width:100px;height:100px}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .ribbonTag{font:normal 400 1.2rem 'Roboto';line-height:1.5;line-height:14px;color:#ff6060;padding-top:4px;height:18px}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .productName{padding-top:2px;font:normal 600 1.4rem 'Poppins';line-height:1.5;line-height:18px;overflow:hidden}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .productLabel{height:auto}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .productLabel .labelContent{display:flex;justify-content:center;align-items:center;padding-top:12px}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .productLabel .labelContent img{width:auto;height:20px}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .productLabel .labelContent .productLabelLink{display:flex;align-items:center}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .productLabel .labelContent p{font:normal 400 1.2rem 'Roboto';line-height:1.5;color:#979797;line-height:14px;padding-left:8px;text-decoration:underline}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .buttonLink{font-size:1.4rem;font-weight:600;line-height:21px;margin-left:auto;margin-right:auto;margin-top:12px;padding:10px 16px;background-color:#00626b}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .buttonLink:hover{background-color:#00707a}
.compare-spec-component .compareSpec_wrap .swiper-wrapper .swiper-slide .datasheetLink{margin-left:auto;margin-right:auto;width:auto;padding-top:12px;font-size:1.4rem;font-weight:600;line-height:16px}
.compare-spec-component .compareSpec_wrap .swiper-button-next-custom{z-index:100;top:0;bottom:0;position:absolute;text-align:center;right:60px;cursor:pointer}
.compare-spec-component .compareSpec_wrap .swiper-button-next-custom:hover svg path{stroke:#333}
.compare-spec-component .compareSpec_wrap .swiper-button-next-custom:active{border-color:#333;background-color:#fff}
.compare-spec-component .compareSpec_wrap .swiper-button-next-custom:active svg path{stroke:#333}
@media(max-width:767px){.compare-spec-component .compareSpec_wrap .swiper-button-next-custom{display:none}
}
.compare-spec-component .compareSpec_wrap .swiper-button-next-custom svg{position:absolute;top:0;bottom:0;margin:auto 0}
.compare-spec-component .compareSpec_wrap .swiper-button-prev-custom{z-index:100;top:0;bottom:0;left:0;position:absolute;text-align:center;cursor:pointer}
.compare-spec-component .compareSpec_wrap .swiper-button-prev-custom:hover svg path{stroke:#333}
.compare-spec-component .compareSpec_wrap .swiper-button-prev-custom:active{border-color:#333;background-color:#fff}
.compare-spec-component .compareSpec_wrap .swiper-button-prev-custom:active svg path{stroke:#333}
.compare-spec-component .compareSpec_wrap .swiper-button-prev-custom svg{position:absolute;top:0;bottom:0;margin:auto 0}
@media(max-width:767px){.compare-spec-component .compareSpec_wrap .swiper-button-prev-custom{display:none}
}
.compare-spec-component .compareSpec_wrap .swiper-button-disabled{cursor:auto;border-color:#ccc}
.compare-spec-component .compareSpec_wrap .swiper-button-disabled svg path{stroke:#ccc}
.compare-spec-component .compareSpec_wrap .swiper-button-disabled:hover svg path{stroke:#ccc}
.compare-spec-component .compareSpec_wrap .swiper-button-disabled:active{background-color:#fff;border-color:#ccc}
.compare-spec-component .compareSpec_wrap .swiper-button-disabled:active svg path{stroke:#ccc}
.compare-spec-component .specificationWrap{margin:0 auto;margin-bottom:60px;border-bottom:1px solid #333;max-width:1100px}
@media(max-width:1219px){.compare-spec-component .specificationWrap{max-width:820px}
}
@media(max-width:1023px){.compare-spec-component .specificationWrap{max-width:540px}
}
@media(max-width:575px){.compare-spec-component .specificationWrap{align-content:center;width:calc(100% - 40px);max-width:260px}
}
.compare-spec-component .specificationWrap>.allSpec{margin-top:20px}
.compare-spec-component .specificationWrap .difference{display:flex;justify-content:flex-start;padding-top:40px;max-width:1100px;margin:auto}
@media(max-width:1219px){.compare-spec-component .specificationWrap .difference{max-width:820px}
}
@media(max-width:1023px){.compare-spec-component .specificationWrap .difference{max-width:540px}
}
@media(max-width:575px){.compare-spec-component .specificationWrap .difference{max-width:260px}
}
.compare-spec-component .specificationWrap .difference input[type=checkbox]{position:relative}
.compare-spec-component .specificationWrap .difference input[type=checkbox]::before{left:-3.5px;top:-3.5px;position:absolute;content:'';width:20px;height:20px;background-color:#fff;border:1px solid #757575;border-radius:2px}
.compare-spec-component .specificationWrap .difference input[type=checkbox]:checked::before{background-color:#00626b}
.compare-spec-component .specificationWrap .difference input[type=checkbox]:hover::before{border-width:1px;border-color:#333}
.compare-spec-component .specificationWrap .difference input[type=checkbox]:checked::after{left:1px;top:2px;position:absolute;content:'';width:12px;height:10px;background-image:url('../plugins/tick.svg');z-index:2}
.compare-spec-component .specificationWrap .difference label{padding-left:8px;font:normal 400 1.6rem 'Roboto';line-height:1.5;line-height:19px}
.compare-spec-component .specificationWrap .allSpec{font:normal 600 1.8rem 'Poppins';line-height:1.5;padding:20px;border-top:1px solid #333;position:relative;cursor:pointer}
.compare-spec-component .specificationWrap .allSpec::before{position:absolute;right:20px;top:30px;width:14.4px;height:8.6px;content:'';background-image:url("../icons/up-arrow-black.svg");transform:rotate(180deg);transition:.3s}
.compare-spec-component .specificationWrap .allSpec.open::before{transform:rotate(0);transition:.3s}
@media(max-width:767px){.compare-spec-component .specificationWrap .allSpec{padding-top:16px;padding-bottom:16px}
.compare-spec-component .specificationWrap .allSpec::before{top:25px}
}
.compare-spec-component .specificationWrap .specDesktop{margin:0 auto;overflow:hidden}
.compare-spec-component .specificationWrap .specDesktop.open{max-height:10000px}
.compare-spec-component .specificationWrap .specTable{border-collapse:collapse;max-width:100%;width:1100px;table-layout:fixed;border-spacing:0;overflow:-moz-hidden-unscrollable}
@media(max-width:1219px){.compare-spec-component .specificationWrap .specTable{width:820px}
}
@media(max-width:1023px){.compare-spec-component .specificationWrap .specTable{max-width:540px;width:100%}
}
@media(max-width:575px){.compare-spec-component .specificationWrap .specTable{max-width:260px}
}
.compare-spec-component .specificationWrap .specTable .noDifference.hide_noDiffer{height:0;visibility:collapse}
.compare-spec-component .specificationWrap .specTable tbody{width:100%;display:block;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;touch-action:none}
.compare-spec-component .specificationWrap .specTable tbody::-webkit-scrollbar{display:none}
.compare-spec-component .specificationWrap .specTable tbody tr{display:grid;grid-auto-flow:column}
.compare-spec-component .specificationWrap .specTable tbody tr:nth-child(odd) td{background-color:#f2f2f2 !important}
.compare-spec-component .specificationWrap .specTable tr td{padding-top:16px;padding-bottom:16px;padding-left:40px;padding-right:30px;width:275px;white-space:normal}
@media(max-width:1023px){.compare-spec-component .specificationWrap .specTable tr td{width:270px}
}
@media(max-width:767px){.compare-spec-component .specificationWrap .specTable tr td{width:260px}
}
.compare-spec-component .specificationWrap .specTable .category{position:relative;border-top:1px solid #ccc;width:100%}
.compare-spec-component .specificationWrap .specTable .category .categoryValue{width:100%;font:normal 600 1.6rem 'Poppins';line-height:1.5;color:#000;text-align:inherit;padding:12px 20px;cursor:pointer}
@media(max-width:767px){.compare-spec-component .specificationWrap .specTable .category .categoryValue{padding-top:8px;padding-bottom:8px}
}
.compare-spec-component .specificationWrap .specTable .category .categoryValue .wrap{width:14px;position:relative;float:right;display:block;margin-top:11px}
.compare-spec-component .specificationWrap .specTable .category .categoryValue .wrap::before{content:'';height:2px;width:14px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:#000;transform:rotate(90deg);transition:.3s}
.compare-spec-component .specificationWrap .specTable .category .categoryValue .wrap::after{content:'';height:2px;width:14px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:#000}
.compare-spec-component .specificationWrap .specTable .category.open .wrap::before{content:'';height:2px;width:14px;transform:rotate(180deg);transition:.3s}
.compare-spec-component .specificationWrap .specTable .content{overflow:hidden;line-height:0;padding-bottom:24px}
.compare-spec-component .specificationWrap .specTable .content .attribute{min-height:0;overflow:hidden}
.compare-spec-component .specificationWrap .specTable .content.open .attribute{min-height:auto}
.compare-spec-component .specificationWrap .specTable .content .attribute .name{font:normal 500 1.4rem 'Roboto';line-height:1.5;color:#000;line-height:16px}
.compare-spec-component .specificationWrap .specTable .content .attribute .value{font:normal 400 1.2rem 'Roboto';line-height:1.5;color:#757575;line-height:14px;padding-top:4px}