@import(less) "../../base/game-variables.less";@import(reference) "../../base/game-mixin.less";.game-product-line .game-series-compare-component{.container-fluid{padding-left:20px;padding-right:20px;padding-bottom:81px;max-width:1580px;@media(min-width:768px){padding-bottom:40px}
@media(min-width:1024px){padding-bottom:60px}
@media(min-width:1280px){padding-bottom:80px}
}
.row{display:block;max-width:inherit;margin:0 auto}
.swiper-container{position:relative;width:100%;margin-left:0;margin-right:0;overflow:visible;@media(min-width:768px){overflow:hidden}
@media(min-width:1280px){max-width:1340px;margin:0 auto}
@media(min-width:1600px){max-width:1540px}
}
.swiper{@media(min-width:768px){width:calc(100% - 120px);margin:0 auto;overflow:hidden}
@media(min-width:1281px){max-width:1220px;width:100%}
@media(min-width:1600px){max-width:1540px}
}
.swiper-wrapper.center-slides{@media(min-width:1280px){justify-content:center}
}
.main-title{margin:0 auto;padding-bottom:32px;color:#000000;@media(min-width:768px){padding-top:40px}
@media(min-width:1024px){padding-top:60px}
@media(min-width:1280px){padding-top:80px}
}
.swiper-pagination{bottom:-41px;width:100%;line-height:.5;padding-top:32px;@media(min-width:768px){display:none}
}
.swiper-pagination-bullet{width:9px;height:9px;background:@game-pastel-gray;margin:0 8px}
.swiper-pagination-bullet-active{background:#ff6998}
.swiper-button-prev,.swiper-button-next{display:none;@media(min-width:768px){display:block;color:#757575;width:60px;height:60px}
}
.swiper-button-prev{@media(min-width:768px){left:0}
}
.card-item{padding-left:0;padding-right:0;@media(min-width:1280px){max-width:370px;flex-grow:1;&:last-child{margin-right:0 !important}
}
}
.card-item .inner{padding:20px 28px 32px 28px;background:#fff;border:1px solid #ccc}
.card-item .pd{width:150px;margin:0 auto 20px;display:block}
.card-item .title{margin:0 0 16px 0}
.card-item .title h3{font-family:"Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-weight:700;font-size:24px;line-height:32px;color:#4d4f52;text-align:center}
.card-item .desc{margin:0 0 28px 0}
.card-item .desc p{color:#000;font-family:"Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-size:18px;text-align:center;line-height:1.227272727272727;margin:0}
.card-item ol.size{text-align:center;margin:0 0 28px 0}
.card-item ol.size li{min-width:50px;height:50px;display:inline-block;border-radius:4px;border:2px solid #9e9e9e;text-align:center;line-height:50px;font-family:"Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-weight:700;color:#9e9e9e;margin:0 1px 0 8px;padding:0 8px}
.card-item .feature{margin:0 0 28px 0}
.card-item .feature ul{margin:0}
.card-item .feature ul li{color:#000;list-style:disc;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-size:16px;margin:0 0 12px 25px;line-height:1.4rem}
.card-item .feature ul li i{font-size:13px;font-style:normal}
.card-item p.grip{font-family:"Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-weight:600;font-size:14px;color:#9e9e9e;line-height:1;margin:0 0 10px 0}
.card-item p.grip .tooltip-new{position:relative;cursor:pointer}
@media(min-width:768px){.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{display:none}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0}
.swiper-button-next:after,.swiper-button-prev:after{font-size:20px}
}
.com_btn_wrap{margin-bottom:0}
}
.game-product-line .card-item p.grip .tooltip-new .tooltip-content{display:none}
.game-product-line .card-item p.grip a img{display:inline-block;vertical-align:middle;margin:0 0 3px 15px}
.game-product-line .card-item .gallery{text-align:center;margin:0 0 24px 0}
.game-product-line .card-item .gallery a{position:relative;width:220px;height:136px;margin:0 auto;display:block}
.game-product-line .card-item .gallery a img{width:100%;height:100%}
.game-product-line .card-item .gallery a:before{position:absolute;right:5px;bottom:5px;width:20px;height:20px;background:url(../images/series-page/icon_fullscreen.svg) 0 0/100% no-repeat;content:""}
.game-product-line .card-item .gallery a:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.34) url(../images/series-page/icon_zoomout_white.svg) 50% 50%/33px 33px no-repeat;content:"";opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}
.game-product-line .card-item .gallery a:hover:after{opacity:1}
.game-product-line .card-item .speed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 24px 0}
.game-product-line .card-item .speed span{font-size:12px;padding-left:15px}
.game-product-line .card-item .speed ul{margin:0;float:right}
.game-product-line .card-item .speed ul li{width:20px;height:20px;border-radius:12px;background:#f2f2f2;float:left;margin:0 4px}
.game-product-line .card-item .speed ul li.active{background:#4d4f52}
.game-product-line .card-item p.price{font-family:"Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-size:24px;font-weight:500;text-align:center;line-height:1;margin:0 0 24px 0;height:24px}
.game-product-line .card-item a.btn_txt{font-family:"Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-style:normal;font-weight:600;font-size:14px;line-height:18px;padding:10px 16px}
@media(max-width:991px){.game-product-line section.series .swiper-container .swiper-wrapper::-webkit-scrollbar{display:none}
.game-product-line section.series .swiper-container .swiper-wrapper .tooltip-content{display:none}
}
@media(min-width:768px){.game-product-line}
@media(min-width:768px){.game-product-line .card-item .title{margin:0 0 20px 0}
.game-product-line .card-item .title h3{font-size:32px;line-height:1}
.game-product-line .card-item .desc{margin:0 0 24px 0}
.game-product-line .card-item .desc p{font-size:22px}
.game-product-line .card-item ol.size{margin:0 0 24px 0}
.game-product-line .card-item .feature ul li{margin:0 0 6px 25px;line-height:26px}
.game-product-line .card-item .speed{margin:0 0 28px 0}
.game-product-line .card-item .speed ul li{margin:0 8px}
}
.game-product-line-page{[data-tippy-root]{max-width:260px;display:none;@media(min-width:769px){display:block}
}
.tippy-box{background-color:transparent;color:unset;border-radius:0;box-shadow:0 0 10px #4590A5;.tippy-content{padding:0;.tooltip-content{display:block;background:#ffffff;box-shadow:0 0 10px #4590A5;border-radius:4px;padding:30px 20px;font-style:normal;letter-spacing:0;min-width:260px;color:#757575;strong{display:block;margin:16px 0 8px 0;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-style:normal;font-weight:bold;font-size:14px;line-height:16px;color:#363636;&:first-child{margin:0 0 8px 0}
}
small{display:block;margin-bottom:8px;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-style:normal;font-weight:normal;font-size:14px;line-height:16px;&:first-child{margin-bottom:0}
}
}
}
}
}